.wrapper {
    width: 100%;

}


.vr{
    width: 100%;
    height: auto;
    min-height: 53.56rem;
    background: url(http://greatnews.swmob.com/feiyi/VR.jpg) left top/100% 100%;
}
.vrTitle{
    position: absolute;
    width: 0.7rem;
    height: 3.16rem;
    right: 0.47rem;
    top: 0.9rem;
}

.vrList{
    position: absolute;

}
.vrList1{
    width: 5.05rem;
    height: 5.01rem;
    left: 0;
    top:0.8rem;
}

.vrList2{
    width: 6.24rem;
    height: 6.2rem;
    left: 0;
    top:5.2rem;
}
.vrList3{
    width: 5.80rem;
    height: 2.84rem;
    left: 0;
    top:10.3rem;
}
.vrList4{
    width: 3.75rem;
    height: 2.88rem;
    left: 1.3rem;
    top:14rem;
}
.vrList5{
    width: 5.63rem;
    height: 3.05rem;
    left: 1rem;
    top:18.5rem;
}
.vrList6{
    width: 4.95rem;
    height: 2.99rem;
    left: 1.3rem;
    top:23.5rem;
}
.vrList7{
    width: 6.24rem;
    height: 3.21rem;
    left: 0.5rem;
    top:28rem;
}
.vrList8{
    width: 5.04rem;
    height: 10.26rem;
    left: 1.35rem;
    top:31rem;
}
.vrList9{
    width: 5.30rem;
    height: 4.26rem;
    left: 0.35rem;
    top: 39.5rem;
}
.vrList10{
    width: 3.98rem;
    height: 5.18rem;
    left: 1.35rem;
    top: 44.5rem;
}

.vrSee{
    position: absolute;
    width: 0.63rem;
    height: 1.04rem;
}
.vrList1 .vrSee{
    top: 2.9rem;
    left: 3.5rem;
    animation: 2.1s infinite fdsx;
}
.vrList2 .vrSee{
    top: 3.3rem;
    left: 4.7rem;
    animation: 1.9s infinite fdsx;
}
.vrList3 .vrSee{
    top: -0.2rem;
    left: 2.6rem;
    animation: 1.5s infinite fdsx;
}
.vrList4 .vrSee{
    top: -0.2rem;
    left: 0.6rem;
    animation: 1.7s infinite fdsx;
}
.vrList5 .vrSee{
    top: -0.5rem;
    left: 3.2rem;
    animation: 1.9s infinite fdsx;
}

.vrList6 .vrSee{
    top: -0.5rem;
    left: 2.2rem;
    animation: 1.5s infinite fdsx;
}
.vrList7 .vrSee{
    top: -0.5rem;
    left: 3.2rem;
    animation: 1.5s infinite fdsx;
}
.vrList8 .vrSee{
    top: 1.9rem;
    left: 2.4rem;
    animation: 1.5s infinite fdsx;
}

.vrList9 .vrSee{
    top: -0.7rem;
    left: 2.4rem;

    animation: 1.5s infinite fdsx;
}

.vrList10 .vrSee{
    top: 0.3rem;
    left: 1.1rem;
    animation: 1.5s infinite fdsx;
}


.vrReturn{
    position: fixed;
    width: 0.59rem;
    bottom: 0.2rem;
    right: 0.2rem;
}
@keyframes fdsx {
    0%{
        transform: scale(0.95);
    }
    50%{
        transform: scale(1.05);
    }
    100%{
        transform: scale(0.95);
    }
}


.videoCon {
    position: fixed;
    width: 6.71rem;
    height: 8.87rem;
    left: 50%;
    top: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
}

.videoCon .close {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    right: 0;
    bottom: -0.5rem;
}

.videoConAll {
    /* transform: rotate(90deg); */
    z-index: 100;
    width: 6.71rem;
    height: 8.87rem;
    background: url(http://greatnews.swmob.com/feiyi/videoBg0.png) left top/100% 100%;
    overflow: hidden;
}

.videoConAll::after {
    position: absolute;
    content: "";
    width: 0.99rem;
    height: 10.09rem;
    background: url(http://greatnews.swmob.com/feiyi/videoBg11.png) left top/100% 100%;
    right: 1rem;
    top: -1rem;
}

.videoConAll::before {
    position: absolute;
    content: "";
    width: 1.68rem;
    height: 1.18rem;
    background: url(http://greatnews.swmob.com/feiyi/videoBg12.png) left top/100% 100%;
    left: -0.2rem;
    bottom: -0.7rem;
    z-index: 10;
}

.videoCon video {
    display: block;
    height: 4.2rem;

}

.videoConInfo {
    width: 4.5rem;
    height: 5rem;
    /* overflow: hidden; */
    transform: rotate(90deg);
    margin-left: 0rem;
    /* position: relative;
    z-index: 10; */
}