html,
body {
    background-color: #030E1D;
}
.bg {
    position: relative;
    font-size: 3.2vw;
    color: #FFFFFF;
    line-height: 1;
    font-family: PingFang SC;
    background: #261550;
    height: 71.6rem;
}
.main {
    background: url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/back1.png) no-repeat center top;
    background-size: 100% 100%;
    height: 70.27rem;
}
.Answerbox{
    width: 7.22rem ;
    height:3.64rem ;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/Answerbox.png) no-repeat center top;
    position: absolute;
    top:8.65rem;
    left: 50%;
    margin-left: -3.61rem;
    z-index: 1;
}
.time{
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/time.png) no-repeat center top;
    width: 4.65rem;
    height: .5rem;
    background-size: 4.65rem .5rem;
    position: absolute;
    z-index: 9;
    top: 0.39rem;
    left: 50%;
    margin-left: -2.325rem;
    text-align: center;
    line-height: .5rem;
    font-size: .24rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #CFC4F1;
}
.timed{
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/time.png) no-repeat center top;
    width: 4.65rem;
    height: .5rem;
    background-size: 4.65rem .5rem;
    position: absolute;
    z-index: 9;
    top: 0.39rem;
    left: 50%;
    margin-left: -2.325rem;
    text-align: center;
    line-height: .5rem;
    font-size: .24rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #CFC4F1;
}

.bonus{
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/bonus.png) no-repeat center top;
    width: 1.39rem;
    height: 0.28rem;
    background-size: 1.39rem 0.28rem;
    position:absolute;
    top: 1.2rem;
    left: 50%;
    margin-left: -.69rem;
}

.answer{
    width: 3.43rem;
    height: .67rem;
    font-size: .28rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    line-height: .67rem;
    text-align: center;
    position: absolute;
    top: 2.66rem;
    left: 50%;
    margin-left: -1.745rem;
}
.answer_ban{
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/answer_ban.png) no-repeat center top;
    background-size: 3.43rem .67rem;

}
.answer_ban_yu{
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/open.png) no-repeat center top;
    background-size: 3.43rem .67rem;
    border-radius: 33px;
}
.answer_ban2{
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/result.png) no-repeat center top;
    background-size: 3.43rem .67rem;

}
.answer_ban3{
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/open.png) no-repeat center top;
    background-size: 3.43rem .67rem;

}
.login_in{
    position:absolute;
    top: 12.58rem;
    width: 7.5rem;
    text-align: center;
    font-size: 0.27rem;
    color: #DAD4E3;
    left: 50%;
    margin-left: -3.75rem;
}
.login_in>span{
    color: #FFA720;
}
.login{
    position:absolute;
    top: 12.58rem;
    width: 7.5rem;
    text-align: center;
    font-size: 0.24rem;
    color: #DAD4E3;
    left: 50%;
    margin-left: -3.75rem;
}
.act-logout{
    color:#FFA720 
}
.Mian-box{
    width: 100%;
    position: absolute;
    top: 17.30rem;
}
.card{
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/Resurrection_card.png) no-repeat center top;
    background-size: 6.62rem.49rem;
    width: 6.62rem;
    height: .49rem;
    position: absolute;
    /* top: 13.56rem; */
    left: 50%;
    margin-left: -3.31rem;
}
.Tips{
    width: 100%;
    font-size: .24rem;
    color: rgba(188, 179, 199, 1);
    position:absolute;
    top: .59rem;
    text-align: center;
}
.appointment{
    width: 6.55rem;
    height: 1.38rem;
    position:absolute;
    top:1.44rem;
    left: 50%;
    margin-left: -3.275rem;
}
.left{
    width: 3.04rem;
    height: 100%;
    float: left;
    font-size: .23rem;
    color: #BCB3C7;
    line-height: .35rem;
    
}
.left>p{
    margin-top: .1rem;
}
.back1{
    width: 100%;
    height: .61rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/member.png) no-repeat center top;
    background-size:  100% .61rem;
}
.right{
    width: 3.04rem;
    height: 100%;
    float: right;
    font-size: .24rem;
    color: #BCB3C7;
    line-height: .35rem;

}
.right>p{
    margin-top: .1rem;
    text-align: center;
}
.back2{
    width: 100%;
    height: .61rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/make.png) no-repeat center top;
    background-size:  100% .61rem;

}
.box{
    width: 6.77rem;
    height: 4.38rem;
    position:absolute;
    top: 3.24rem;
    left: 50%;
    margin-left: -3.385rem;
}
.card1{
    width: 3.27rem;
    height: 4.83rem;
    float: left;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/resurrection_ka1.png) no-repeat center top;
    background-size:  3.27rem 4.83rem;
    position: relative;
    margin-top: .55rem;
    /* animation: card 1s ease-out alternate infinite; */
}

.imgs{
    width: 1.78rem;
    height: 1.64rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/cake.png) no-repeat center top;
    background-size:  1.78rem 1.64rem;
    position: absolute;
    left: 50%;
    top:-.85rem;
    margin-left: -0.89rem;
    animation: card 1s ease-out alternate infinite;

}
@keyframes card {
    0%{margin-top: .55rem;}
    100%{margin-top: .75rem;}
}
.card2{
    width: 3.27rem;
    height: 4.83rem;
    float: right;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/resurrection_ka1.png) no-repeat center top;
    background-size:  3.27rem 4.83rem;
    position: relative;
    margin-top: .55rem;
}

.card1>.card1_button{
    width: 2.35rem;
    height: .55rem;
    border-radius: .27rem;
    position: absolute;
    top: 3.09rem;
    left: 50%;
    margin-left: -1.2rem;
    font-family: Source Han Sans CN;
    color: #ccc;
}

.card2>.card2_button{
    width:2.40rem;
    height: .60rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/card_button.png) no-repeat center top;
    background-size:  2.40rem .60rem;
    position: absolute;
    top: 3.09rem;
    left: 50%;
    margin-left: -1.2rem;
}
.card2>.card2_button_true{
    width: 2.35rem;
    height: .55rem;
    background: #7676AC;
    position: absolute;
    top: 3.09rem;
    left: 50%;
    margin-left: -1.2rem;
    border-radius: .27rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
}
.invitation{
    width: 6.47rem;
    height: 1.74rem;
    position: absolute;
    top: 8.9rem;
    left: 50%;
    margin-left: -3.235rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/invitation.png) no-repeat center top;
    background-size:  3.82rem .60rem;
}
.invitation>p{
    font-size: .24rem;
    color: #BCB3C7;
    line-height: .35rem;
    margin-top: .81rem;
}
.invitation_link{
    width: 6.52rem;
    height:2.28rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/invitation_back.png) no-repeat center top;
    background-size:  6.52rem 2.28rem;
    position: absolute;
    top:11.4rem;
    left: 50%;
    margin-left: -3.26rem;
}
.invitation_link>input{
    width: 6.27rem;
    height: .66rem;
    background: #36205E;
    margin-top: .41rem;
    margin-left: .1rem;
    color: #FFFFFF;
    text-indent: 1em;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    
}
.left_button{
    width: 2.46rem;
    height: .6rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/record.png) no-repeat center top;
    background-size:  2.46rem .6rem;
    float: left;
    margin-top: .26rem;
    margin-left: .57rem;
}
.copy_url{
    width: 2.46rem;
    height: .6rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/copy.png) no-repeat center top;
    background-size:  2.46rem .6rem;
    float: right;
    margin-top: .26rem;
    margin-right: .5rem;
}
.Recharge{
    width: 6.52rem;
    height: 6.74rem;
    position: relative;
    top: 14.14rem;
    left: 50%;
    margin-left: -3.26rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/charge.png) no-repeat center top;
    background-size:  4.34rem .60rem
}
.Monthly_card{
    width: 6.52rem;
    height:1.78rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/Monthly_card.png) no-repeat center top;
    background-size:  6.52rem 1.78rem;
    position: absolute;
    top:1.03rem
}
.Season_card{
    width: 6.52rem;
    height:1.78rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/Season_card.png) no-repeat center top;
    background-size:  6.52rem 1.78rem;
    position: absolute;
    top:3.29rem
}
.Annual_card{
    width: 6.52rem;
    height:1.78rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/Annual_card.png) no-repeat center top;
    background-size:  6.52rem 1.78rem;
    position: absolute;
    top:5.54rem
}
.welfare{
    height: 1.17rem;
    width: 6.84rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/luck_draw.png) no-repeat center top;
    background-size:  6.61rem .51rem;
    position: absolute;
    top: 22.19rem;
    left: 50%;
    margin-left: -3.42rem;
}
.welfare>p{
    font-size: .24rem;
    color: #BCB3C7;
    line-height: .35rem;
    margin-top: .59rem;
    text-align: center;
}
.process{
    width: 4.54rem;
    height:10.67rem;
    position:absolute;
    top: 23.9rem;
    left: 50%;
    margin-left: -2.27rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/technological.png) no-repeat center top;
    background-size: 4.54rem 10.67rem;
}
.exchange_node{
    width: 6.61rem;
    height: .81rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/exchange.png) no-repeat center top;
    background-size:  6.61rem .49rem;
    position:absolute;
    top:35rem;
    left: 50%;
    margin-left: -3.305rem;
}
.exchange_node>p{
    margin-top: .6rem;
    font-size: .23rem;
    color: #BCB3C7;
    line-height: .35rem;
    text-align: center;
}
.Exchange_card{
    width: 6.54rem;
    height:5.62rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/back2.png) no-repeat center top;
    background-size: 6.54rem 5.62rem;
    position: absolute;
    top:36.3rem;
    left:50%;
    margin-left: -3.27rem;
}
.card3{
    width: 2.3rem;
    height: 1.13rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/resu.png) no-repeat center top;
    background-size: .73rem .65rem;
    font-size: .28rem;
    color: #BCB3C7;
    line-height: .21rem;
    text-align: center;
    position: absolute;
    top: .65rem;
    left: 50%;
    margin-left: -1.07rem
}
.card3>p{
    display: inline-block;
    margin-top: .88rem;
}
.num1{
    color: #FED162 ;
}
.boxs{
    width: 6.09rem;
    height: 3.61rem;
    background: #36205E;
    margin-top: .31rem;
    margin-left: .23rem;
}
.card4{
    width: 2.3rem;
    height: 1.13rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/SVIP.png) no-repeat center top;
    background-size: .73rem .65rem;
    font-size: .28rem;
    color: #BCB3C7;
    line-height: .21rem;
    text-align: center;
    position: absolute;
    top: 2.41rem;
    left: 50%;
    margin-left: -1.07rem
}
.card4>p{
    display: inline-block;
    margin-top: .88rem;
}
.num2{
    color: #FED162 ;
}
.duihuan{
    width: 3.10rem;
    height: .70rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/exchange_button.png) no-repeat center top;
    background-size: 3.10rem .70rem;
    margin-top: 0.3rem;
    margin-left: 1.64rem;
}

.text{
    width: 6.94rem;
    height: 7.95rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/explain.png) no-repeat center top;
    background-size: 6.61rem .48rem;
    position:absolute;
    top: 42.2rem;
    left: 50%;
    margin-left: -3.47rem;
    font-size: .24rem;
    color: #BCB3C7;
    line-height: .35rem;
}
.padding_text{
    margin-top: .69rem;
    width: 6.94rem;
    height: 9.67rem;
    background: #432973;
    border-radius: .07rem;
}
.padding_textBox{
    -moz-user-select: none; /*火狐*/
	  -webkit-user-select: none; /*webkit浏览器*/
	  -ms-user-select: none; /*IE10*/
	  -khtml-user-select: none; /*早期浏览器*/
	  -o-user-select:none;
	  user-select: none;
    width: 6.44rem;
    height: 8.55rem;
    position: absolute;
    top: 1.3rem;
    left: 50%;
    margin-left: -3.22rem;
    overflow-y: scroll;
}

.padding_textBox::-webkit-scrollbar-thumb {
    width: .04rem;
    height: 1.04rem;
    background:  #4D337A;
    border-radius: .02rem;
}
.padding_textBox::-webkit-scrollbar {
    width: .06rem;
    height: .1rem;
    background: #432973;
}
.padding_textBox::-webkit-scrollbar-thumb {
    width: 0.04rem;
    height: 1.04rem;
    background: #977ACD;
    border-radius: .02rem;
}
.swiperBox{
    width: 7.02rem;
    height: 1.29rem;
    position: absolute;
    top: 6.94rem;
    left: .4rem;
    /* margin-left: -3.3rem; */
}

@keyframes swiper_css3 {
    from{left: .4rem;}
    to{left: .15rem;}
}
.one{
    width: 2.15rem;
    height: 1.29rem;
   
}
.two{
    width: 2.15rem;
    height: 1.29rem;
    
}
.three{
    width: 2.15rem;
    height: 1.29rem;
   
}
.four{
    width: 2.15rem;
    height: 1.29rem;
   
}
.five{
    width: 2.15rem;
    height: 1.29rem;
  
}
.six{
    width: 2.15rem !important;
    height: 1.29rem;

}
.swiper-slide{
    color: #CFC4F1;
}
.swiper-slide>p{
    text-align: center;
    margin-top: .25rem;
    font-size: .28rem;
}
.back{
    background-color: #704CB5;
    color:#FFFFFF;
    
}
.After_login{
    height: 3.4rem;
    width: 6.53rem;
    position: absolute;
    top: 13.04rem;
    left: 50%;
    margin-left: -3.265rem;
    color: #BCB3C7 ;
    font-size: .24rem;
}
.extract_box{
    width: 100%;
    height: 1.6rem;
     background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/Withdrawal.png) no-repeat center top;
    background-size: 100% 1.6rem;
    position: relative;
}
.invitation_box{
    margin-top: 0.2rem;
    width: 100%;
    height: 1.6rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/Withdrawal.png) no-repeat center top;
    background-size: 100% 1.6rem;
    position: relative;
}
.money{
    display: inline-block;
    width: .86rem;
    height: .58rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/money.png) no-repeat center top;
    background-size: .86rem .58rem;
    position: absolute;
    top: .48rem;
    left: .39rem;
}
.money_button{
    display: inline-block;
    width: 2.19rem;
    height: .6rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/money_button.png) no-repeat center top;
    background-size: 2.19rem .6rem;
    position: absolute;
    top: .50rem;
    left: 4.15rem;
}
.texts{
    position: absolute;
    top: .65rem;
    left: 1.41rem;
}
 .extract_box>.texts>b{
    color: #FFA720 ;
    font-size: .32rem;
    margin-left: .2rem;
  }
.capture{
    display: inline-block;
    width: .98rem;
    height: .97rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/Resurrection_Kas.png) no-repeat center top;
    background-size: .98rem .91rem;
    position: absolute;
    top: .25rem;
    left: .27rem;
}
.capture_button{
    display: inline-block;
    width: 2.19rem;
    height: .60rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/capture2.png) no-repeat center top;
    background-size: 2.19rem .6rem;
    position: absolute;
    top: .50rem;
    left: 4.15rem;
}
.testsd{
    position: absolute;
    top: .66rem;
    left: 1.41rem;
}
.testsd>b{
    color: #FFA720 ;
    font-size: .32rem;
    margin-left: .2rem;
}
.ThisTimeMoney{
    font-size: .35rem;
    color: #FFFFFF ;
    text-align: center;
    margin-top: 1.65rem;
    font-weight: bold;

}
.ThisTimeMoney>span{
    font-size: .80rem;
    color: #FFFFFF ;
    text-align: center;
    margin-top: 1.65rem;
    font-weight: bold;

}
.state{
    font-size: .24rem !important;
}
.fillet{
    width: .14rem;
    height: .14rem;
    background: #FFAD2C;
    border-radius: 50%;
    position: absolute;
    top: 0.33rem;
    left: 0.41rem;
}
.rules{
    /* width: 1.84rem; */
    height: .23rem;
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFAD2C;
    line-height: .13rem;
    position:absolute;
    right: .34rem;
    top: .31rem;
    text-decoration:underline;
}
.public{
    font-size: .24rem;
    font-family: PingFang SC;
    color: #12FF28;
    position:absolute;
    right: .34rem;
    top: 0.8rem;
    text-decoration:underline;
}
.division{
    width: 6.06rem;
    height: .02rem;
    background:url(https://cdn-js.yebaojiasu.com/mobile/act/million_quiz/br.png) no-repeat center top;
    background-size: 6.06rem .02rem;
    position: absolute;
    top: 2.1rem;
}
.yuyue_ti{
    width: 100%;
    font-size: .24rem;
    position: absolute;
    top: 3.8rem;
    width: 100%;
    text-align: center;
    color: #ccc;
    /* font-size: .24rem !important; */
}
.exchange_p{
    text-align: center;
    margin-top: 0.2rem;
    font-size: .24rem;
    color: #BCB3C7;;
}