.wrap { width: 100%; height: 100%; min-width: 1200px; margin: 0 auto; position: relative; margin: 0 auto; } 
.wrap img { display: block; } 
.w1200 { width: 1200px; margin: 0 auto; position: relative; } 
img { outline: 0 none; width: 100%; } 
body { width: 100%; height: 100vh; overflow: hidden; margin: 0 auto; background: #000; font-family: Microsoft Yahei, Arial; } 
.pageSwiper{ width: 100%; height: 100%;}
.bg1{ background: url(../images/bg1.jpg) no-repeat center top; background-size: cover;}
.top_infos{ display: flex; align-items: center; justify-content: flex-end; width: 13rem; position: absolute; top: 1.16rem; right: 0.88rem;}
.useriName{ width: 6.8rem; text-align: right; font-size: 0.3rem; color: #092f5e; margin-right: 0.28rem;}
.weibo_btn{ width: 2.29rem; height: 0.74rem; margin-right: 0.28rem; display: block; background: url(../images/weibo_btn.png) no-repeat; background-size: 100% auto;}
.rule_btn{ width: 2.29rem; height: 0.74rem; display: block; background: url(../images/rule_btn.png) no-repeat; background-size: 100% auto;}
.pubglogo{ width: 3.44rem; position: absolute; top: 0.61rem; left: 0.88rem;}
.bot_log1{ width: 3.59rem; position: absolute; left: 0.84rem; bottom: 0.76rem;}
.bot_log2{ width: 4.79rem; position: absolute; right: 0.88rem; bottom: 0.76rem;}
.centerInfos{ width: 20rem; position: absolute; bottom: 2.56rem; left: 50%; transform: translate(-50%,0);}
.video_play{ width: 5.7rem; display: block; margin: 0 auto 0.15rem;}
.kv_logo{ width: 15.91rem; margin: 0 auto 0.1rem;}
.rule_itemscontent{ width: 100%; display: flex; justify-content: center; align-items: center;}
.eventtims{ font-size: 0.36rem; color: #ffffff; margin-right: 0.52rem;}
.act_event{ width: 3.68rem; height: 0.8rem; display: block; background: url(../images/act_event.png) no-repeat; background-size: 100% auto;}
.downTips{ pointer-events: none; width: 5rem; position: absolute; left: 50%; transform: translate(-50%,0); bottom: 0.4rem; z-index: 30;}
.tipnotes{ font-size: 0.38rem; color: #ffffff; text-align: center; margin-bottom: 0.1rem;}
.down_animes{ width: 0.55rem; height: 0.31rem; background: url(../images/bottom_tips.png) no-repeat; background-size: 100% auto; margin: 0 auto; animation: moves 2s infinite linear;}
@keyframes moves{
    0%{
        transform: translate(0,0);
    }
    50%{
        transform: translate(0,0.1rem);
    }
    100%{
        transform: translate(0,0);
    }
}
.commonbg{ background: url(../images/commonbg.jpg) no-repeat center top; background-size: cover;}
.p_contents{ width: 100%; position: absolute; top: 50%; left: 0; transform: translate(0,-50%);}
.p2_txt{ width: 15.67rem; margin: 0 auto 2rem;}
.attend_btn{ width: 3.23rem; height: 0.88rem; display: block; background: url(../images/attend_btn.png) no-repeat; background-size: 100% auto; margin: 0 auto;}
.p3_txt{ width: 19.09rem; position: relative; margin: -1.2rem auto -4.6rem; z-index: 3;}
.p3_prize{ width: 27.73rem; margin: 0 auto; position: relative;}
.mycoins{ font-size: 0.5rem; color: #002c52; position: absolute; top: 5.65rem; left: 8.3rem;}
.tousecoins{ font-size: 0.38rem; color: #486791; position: absolute;}
.trecoins1{ top: 10.17rem; left: 2.65rem; transform: rotate(-8deg);}
.trecoins2{ top: 10.67rem; left: 10rem; transform: rotate(3deg);}
.trecoins3{ top: 8.93rem; left: 20rem; transform: rotate(7deg);}
.toLotteryBtns{ width: 5.56rem; height: 1.43rem; z-index: 2; display: block; background: url(../images/lottery_btn.png) no-repeat; background-size: 100% auto; position: absolute;}
.toLotteryBtns.disabled{ background: url(../images/lottery_btn_disabled.png) no-repeat; background-size: 100% auto; pointer-events: none;}
.tolorys1{  transform: rotate(-7deg); top: 10.65rem; left: 2.61rem;}
.tolorys2{  transform: rotate(3deg); top: 11.4rem; left: 10.8rem;}
.tolorys3{  transform: rotate(7deg); top: 9.68rem; left: 19.64rem;}
.p4_txt{ width: 12.09rem; margin: 0 auto 0.8rem;}
.missioncont{ position: relative; width: 21.78rem; margin: 0 auto;}
.qdbtns{ width: 2.86rem; height: 0.85rem; display: block; background: url(../images/qd_btn.png) no-repeat; background-size: 100% auto; }
.qdbtns.disabled{ background: url(../images/lq_btn_disabled.png) no-repeat; background-size: 100% auto; pointer-events: none;}
.lq_btn{ width: 2.86rem; height: 0.85rem; display: block; background: url(../images/lq_btn.png) no-repeat; background-size: 100% auto; }
.lq_btn.disabled{ background: url(../images/lq_btn_disabled.png) no-repeat; background-size: 100% auto; pointer-events: none;}
.pbtns1{ position: absolute; top: 2.95rem; left: 15.84rem;}
.pbtns2{ position: absolute; top: 5.2rem; left: 15.84rem;}
.pbtns3{ position: absolute; top: 7.2rem; left: 15.84rem;}
.usercoins{ font-size: 0.6rem; color: #ffffff; position: absolute; top: 9.1rem; left: 2.1rem;}
.lotteryRule_btn{ display: block; width: 2.29rem; position: absolute; top: 1.16rem; right: 0.88rem; z-index: 6;}
.pz_t{ width: 8.65rem; margin: 0 auto 0.6rem;}
.pz_bg{ width: 22rem; margin: 0 auto; position: relative;}
.wzj{ width: 9.24rem; position: absolute; top: 5.5rem; left: 6.82rem;}
.pzc_t{ width: 4.17rem; position: absolute; top: 1.28rem; left: 9.42rem;}
.pzlists{ width: 19rem; position: absolute; top: 2.62rem; left: 2.04rem; display: flex; justify-content: center;}
.pzis1{ width: 4.35rem; margin: 0 0.3rem;}
.pzis2{ width: 7.59rem; margin: 0 0.3rem;}
.adbtns1{ width: 4.76rem; height: 1.21rem; display: block; background: url(../images/ad_btn1.png) no-repeat; background-size: 100% auto; position: absolute; top: 9.68rem; left: 9.04rem;}
.adbtns2{ width: 4.76rem; height: 1.21rem; display: block; background: url(../images/ad_btn2.png) no-repeat; background-size: 100% auto; position: absolute; top: 9.68rem; left: 9.04rem;}
.adbtns3{ width: 4.76rem; height: 1.21rem; display: block; background: url(../images/ad_btn3.png) no-repeat; background-size: 100% auto; position: absolute; top: 9.68rem; left: 9.04rem;}
.game_rule{ width: 4.88rem; position: absolute; top: 0.35rem; left: 15.75rem; display: block;}

.videoCk{ width: 80%; position: absolute; top: 5%; left: 9%;}
.videoCk video{ width: 100%; display: block;}

/* pop */
.pop{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    display: none;
}
.clsepops{
    display: block;
    width: 0.62rem;
    height: 0.62rem;
    background: url(../images/pop_close.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    z-index: 30;
    top: 0.54rem;
    right: -0.1rem;
}
.load_mcon { width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); } 
.load_img { width: 1rem; margin: 0 auto; } 
.load_txt { width: 100%; text-align: center; font-size: .35rem; color: #fff; padding-top: 0.1rem; } 
.popbgcommon{
    width: 13.57rem;
    height: 6.98rem;
    background: url(../images/pop_commonbg.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pop_form {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.popmessage{
    width: 10rem;
    position: absolute;
    top: 50%;
    left: 1.34rem;
    transform: translate(0,-50%);
    font-size: 0.65rem;  
    text-align: center;
    font-weight: bold;
    line-height: 1.6;
    background: linear-gradient(to bottom, #123f89, #1d87ad); 
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.rulepops{
    width: 13.54rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.eventpops{
    width: 16.98rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.videopops{
    width: auto;
    height: 86vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.videopops img{
    width: auto;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.lotterypops{
    width: 15.85rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pop7{
    width: 15.15rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.gamerulepops{
    width: 23.65rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.bindphonebg{
    width: 17.91rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.phoneContens{
    width: 7.1rem;
    position: absolute;
    top: 2.48rem;
    left: 9.35rem;
}
.user_phones{
    display: block;
    background: #a7bfe3;
    padding: 0 0.2rem;
    box-sizing: border-box;
    width: 100%;
    height: 0.64rem;
    font-size: 0.36rem;
    color: #586e8f;
    border: none;
    margin-bottom: 0.1rem;
}
.user_phones::placeholder {
    font-size: 0.36rem;
    color: #586e8f;
}
input:focus {
    border: none;
    outline: none;
}
.phonesdses{
    font-size: 0.26rem;
    color: #3977d5;
    margin-bottom: 0.6rem;
}
.yzcodes{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.1rem;
}
.user_yzm{
    display: block;
    background: #a7bfe3;
    padding: 0 0.2rem;
    box-sizing: border-box;
    width: 4.1rem;
    height: 0.64rem;
    line-height: 0.64rem;
    font-size: 0.36rem;
    color: #586e8f;
    border: none;
    margin-bottom: 0.1rem;
}
.user_yzm::placeholder {
    font-size: 0.36rem;
    color: #586e8f;
}
.sendyzbtn{
    display: block;
    width: 2.5rem;
    height: 0.64rem;
    background: url(../images/code_send.png) no-repeat;
    background-size: 100% auto;
    font-size: 0.36rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.64rem;
}
.sendCD{
    display: none;
    width: 2.5rem;
    height: 0.64rem;
    background: url(../images/code_send.png) no-repeat;
    background-size: 100% auto;
    font-size: 0.36rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.64rem;
}
.userxys{
    width: 100%;
    display: flex;
    margin-bottom: 0.65rem;
}
.agreebtns{
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.21rem;
    margin-top: 0.05rem;
}
.usertxts{
    font-size: 0.26rem;
    color: #3977d5;
}
.usertxts a{
    font-size: 0.26rem;
    color: #3977d5;
}
.btn_sure{
    display: block;
    width: 2.7rem;
    margin: 0 auto;
}
.award_pz1{
    width: 12.11rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.userpioncs{
    width: 5.8rem;
    position: absolute;
    top: 2.7rem;
    left: 4.05rem;
}
.comiputs input{
    display: block;
    background: #a7bfe3;
    padding: 0 0.2rem;
    box-sizing: border-box;
    width: 100%;
    height: 0.62rem;
    line-height: 0.62rem;
    font-size: 0.36rem;
    color: #586e8f;
    border: none;
    margin-bottom: 0.35rem;
}
.comiputs input::placeholder {
    font-size: 0.36rem;
    color: #586e8f;
}
.tjbtns{
    display: block;
    position: absolute;
    top: 6.4rem;
    left: 4.59rem;
    width: 2.7rem;
}
.award_pz2{
    width: 12.07rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.edbtns{
    display: block;
    position: absolute;
    top: 6.2rem;
    left: 4.59rem;
    width: 2.7rem;
}
.award_pz3{
    width: 11.89rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.userpioncs1{
    width: 5.8rem;
    position: absolute;
    top: 2.52rem;
    left: 4.05rem;
}