.wrapper {
    width: 100vh;
    height: 100vw;
  
    background-size: 100% 100%;
 
}

/* 主KV */
#main1 {
    background: url(http://greatnews.swmob.com/feiyi/indexbg.jpg) left top/100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    z-index: 10;
   
}



#main1 img {
    display: block;
    width: 100%;
}
#main1 .indexTitle{
    width: 7.34rem;
    opacity: 0;
    position: absolute;
    left: calc((100% - 7.34rem) / 2);
    top: 1rem;
    transform: scale(0); 
    animation: 2s 1s identifier forwards;
}

#main1 .indeximg1{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0rem;
    opacity: 0;
    animation: 3s 1s showzkvOn forwards;
}
#main1 .indeximg2{
    width: 9.52rem;
    position: absolute;
    left: calc((100% - 8rem) / 2);
    opacity: 0;
    bottom: 1rem;
    animation: 2s 2s showzkvOn forwards;
    
} 
#main1 .indexjoin{
    width: 2.32rem;
    position: absolute;
    right: -5rem;
    bottom: 1.2rem;
    animation: 1.5s 3s rightShow forwards;

}
.TextRec{
    width: 100vh;
    height: 100vw;
}
/* 前言 */
.main1Qy {
    background: url(http://greatnews.swmob.com/feiyi/qybg.jpg) left top/100% 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100vh;
    height: 100vw;
    background-size: 100% 100%;
    z-index: 2;

}
.qianYanTitle{
    width: 3.82rem;
    margin: 1rem auto 0;
    opacity: 0;
    transform: scale(0); 
    animation: 2s 1s identifier forwards;
}

#main1 .qianYanInfo{
    width: 8.16rem;
    margin: 0.5rem auto;
    opacity: 0;
    animation: 2s 2s identifier forwards;
}
#main1 .qianYanInfo1{
    width: 6.37rem;
    margin: 0rem auto; 
    opacity: 0;
    animation: 2s 3s identifier forwards;
    
} 
#main1 .qianYanJoin{
    width: 2.8rem;
    position: absolute;
    left: calc((100% - 2.8rem) / 2);
    bottom:1.5rem;
    opacity: 0;
    animation: 1.5s 3.5s showzkvOn forwards;

}

.main1Qy .mulu{
    width: 2.39rem;
    height: auto;
    position: fixed;
    right: -5rem;
    top: 0.5rem;
    z-index: 100;
    animation: 2s 3s rightShowMy forwards;
}
.main1Qy .mulu .muluName{
    width: 1.36rem;
    margin: 0 auto;
}
.main1Qy .mulu .muluName1{
    width: 2.39rem;
    margin: 0.2rem auto;
}

.main1Qy .mulu .muluSelect{
    width: 2.39rem;
    margin: 0.2rem auto;
}
.main1Qy .mulu .muluSelect .muluSelectTitle{
    width:100%;
    height: 0.59rem;
    text-align: center;
    line-height: 0.59rem;
    margin: 0.2rem auto 0;
    font-size: 0.26rem;
	letter-spacing: 0px;
	color: #444242;
    background: url(http://greatnews.swmob.com/feiyi/qyimg2.png) left top/100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.muluSelectTitle .icon{
    width: 0.11rem;
    height: 0.13rem;
    margin-left: 0.2rem;
    background: url(http://greatnews.swmob.com/feiyi/qyimgIcon1.png) left top/100% 100%;
}
.muluSelect.on{
    width: 2.39rem;
    height: 4.23rem;
    background: url(http://greatnews.swmob.com/feiyi/qyimgbg2.png) left top/100% 100%;

}
.muluSelect.on .muluSelectTitle .icon{
    transform: rotate(90deg);

}
.muluSelect.on .muluSelectInfo_all .muluSelectList{
    width: 100%;
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    font-size: 0.26rem;
	color: #7a8385;
    position: relative;
    display: block;
}
.muluSelect.on .muluSelectInfo_all .muluSelectList::after{
    position: absolute;
    content: "";
    width: 1.84rem;
    height: 1px;
    background-color: #c4c4c4;
    left: calc((100% - 1.84rem) / 2);
    bottom: 0;
}
.muluSelect.on .muluSelectInfo_all .muluSelectList:last-child:after{
    display: none;
}
.muluSelect.on .muluSelectInfo_all{
    width: 100%;
    height: 3.5rem;
    margin: 0.1rem auto;
    overflow-y: scroll;
    /* background-color: #ff0000; */
}

.muluIcon{
    position: absolute;
    width: 1.31rem;
    right: 2.8rem;
    top: 0.8rem;
}


/* anima
tion: 2s 2.6s onshowXs forwards; */
@keyframes maobiyd {
    0% {
        left: -100%;
    }

    100% {
        left: 0;
    }
}
@keyframes maobiydnottom {
    0% {
        bottom: -2rem;
    }

    100% {
        bottom: 0;
    }
}
@keyframes maobiydnottom1 {
    0% {
        bottom: -2rem;
    }

    100% {
        bottom: 1.5rem;
    }
}
@keyframes rightShow {
    0% {
        right: -5rem;
    }

    100% {
        right: 1rem;
    }
}
@keyframes rightShowMy {
    0% {
        right: -5rem;
    }

    100% {
        right: 0.5rem;
    }
}
@keyframes showzkvOn{
    0% {
        opacity: 0;
     }
 
     100% {
        opacity: 1;
     }
}

@keyframes identifier {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes identifierMl {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}


@keyframes identifier1 {
    0% {
        opacity: 0;
        right: 25vw;
        display: block;
    }

    100% {
        display: block;
        opacity: 1;
        right: 8vh;
 
    }
} 


.vrReturn{
    position: fixed;
    width: 0.59rem;
    bottom: 0.2rem;
    right: 0.6rem;
    transform: rotate(-90deg);
    z-index: 10;
}