html,body{ width: 100%; height: 100%; overflow: hidden;}
body{ font-size: 0.32rem; font-family: 'Microsoft Yahei',Arial;}
.wrap{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.page{ width: 100%; height: 100%; position: relative; display: none;}
.page1{ background: url(../images/p1_bg1.jpg) center top no-repeat; background-size: 100% auto;}
.begin_z{ width: 100%; position: absolute; left: 0; top: 9.12rem;}
.begin{ display: block; width: 3.79rem; margin: 0 auto;}
.page2{ background:  center top no-repeat; background-size: 100% auto;}
.left_num{ width: 3.3rem; height: 0.42rem; line-height: 0.42rem;background: url(../images/left_bg.png) no-repeat; background-size: cover; position: absolute; left: 2.1rem; top:2.04rem ; color: #db4e54; font-size: 0.24rem; text-align: center;  background: #FFFFFF;border-radius: 0.1rem;padding-bottom: 0.45rem;top: 4.52rem;width: 2rem;left: 2.75rem; }
.left_num span{ color: #72a8b2; font-size: 0.35rem;}
.lottery_con{ width: 6.1rem; height: 6.1rem; position: absolute; left: 0.7rem; top: 2.9rem;top: 5.15rem;left: 0.7rem;}
.lottery_rotate{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;background-size: 100% auto; }

.lottery_rotate .litem{
    width: 1.67rem;height: 1.57rem; position:absolute;
}

.lottery_rotate .litem:nth-child(1),.lottery_rotate .litem:nth-child(2),.lottery_rotate .litem:nth-child(3){
    top: 0.4rem;
}
.lottery_rotate .litem:nth-child(3),.lottery_rotate .litem:nth-child(4),.lottery_rotate .litem:nth-child(5){
    left: 4.05rem;
}

.lottery_rotate .litem:nth-child(5),.lottery_rotate .litem:nth-child(6),.lottery_rotate .litem:nth-child(7){
    top: 4.13rem;
}

.lottery_rotate .litem:nth-child(1),.lottery_rotate .litem:nth-child(7),.lottery_rotate .litem:nth-child(8){
    left: 0.4rem;
}

.lottery_rotate .litem:nth-child(4),.lottery_rotate .litem:nth-child(8){
    top: 2.25rem;
}

.lottery_rotate .litem:nth-child(2),.lottery_rotate .litem:nth-child(6){
    left: 2.23rem;
}



.lottery_rotate .litem .highlight{
    position: absolute;left: 0;top: 0;width: 100%;height: 100%; opacity: 0;
}
.lottery_rotate .litem img{
    width: 100%;
}

.begin_btn{ width: 1.73rem; height:1.99rem; display: block; position: absolute;  text-indent: -9999px; background: no-repeat; background-size: 100% auto; left: 2.185rem; top: 1.9rem;top:2rem;}
.start_btn{ display: block; width: 2.26rem; position: absolute;left: 50%; transform: translate(-50%,0%);top: auto;bottom: -1rem;}

.my_btn{ display: block; width: 0.94rem; position: absolute; right: 0; top: 0.95rem;}
.rule_btn{ display: block; width: 0.94rem;position: absolute; right: 0; top: 1.8rem;}

.dialogs{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 101; background: rgba(0, 0, 0, 0.7); display: none;}
.prize_fc{ width: 5.79rem; min-height: 6.666rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); background: url(../images/prize_fc.png) center top no-repeat; background-size: 100% auto;
    background-color: #fff;
    padding-bottom: 0.4rem;
    border-radius: 0.14rem;
}
.prize_fc1{ height: 5.34rem;}
.prize_close{ display: block; width: 0.5rem; height: 0.5rem; position: absolute; right:0.2rem ; top: 0.2rem; background: url(../images/close.png) no-repeat; background-size: 100% auto; text-indent: -9999px;}

.prize_zone{ width: 4.8rem; margin: 0 auto; padding-top: 1.7rem; }
.prize_info1{ width: 90%; margin: 0 auto; padding: 0.1rem 0;font-size: 0.24rem; color: #727272; line-height: 0.32rem;}
.prize_title{ width: 100%; text-align: center; font-size: 0.36rem; color: #000000; font-weight: bold; min-height: 1rem; min-height: 1.2rem;}
.prize_img{ width: 3.16rem; margin: 0 auto; padding: 0.16rem 0 0.3rem;}
.add{ display: none; width: 2.83rem; margin: 0.2rem auto 0;}
.np_txt{ width: 100%; text-align: center;}

#noprizes .prize_fc{ background: none;}

.noprizes .prize_fc{ background: #FFF;padding-bottom:0;}

.addr_fc{ width: 6.5rem; min-height: 6.4rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); background: url(../images/add_fc.png) center top no-repeat; background-size: 100% auto;

    background-color: #fff;
    padding-bottom: 0.4rem;
    border-radius: 0.14rem;

}

.addr_con{ width: 5.4rem; margin: 0 auto; padding-top: 1.6rem;}
.input_con{ width: 100%; height: 0.68rem; border: 1px solid  #8ac2f0; background:#8ac2f0; margin-bottom: 0.2rem;}
.input_con input{ width: 100%; height: 0.68rem; padding-left: 0.15rem; color: #ffffff; font-size: 0.24rem; border: 0 none; background: none; appearance: none;}
.add_info{ display: block; width: 2.83rem; margin: 0 auto; margin-top: 0.3rem;}
.add_info.npw{
    background: #606cc3;
    border-radius: 0.05rem;
    overflow: hidden;
    height: 0.65rem;line-height: 0.65rem;color:#fff;font-size: 0.2rem;text-align: center;
}


.addr_policy{ width: 6.5rem; height: 6.4rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);background-color: #fff;
    padding-bottom: 0.4rem;
    border-radius: 0.14rem;

}
.addr_policy .con{     width: 5.9rem;
    position: relative;
    margin: 0.9rem auto 0 0.5rem;
    overflow: hidden;
    height: 5rem;
    font-size: 0.24rem;
    padding-right: 0.25rem;
    box-sizing: border-box;
}
.addr_policy .con h3{text-align: center;}
.addr_policy .con h3,.addr_policy .con p{
    padding-bottom: 0.2rem;
}


.my{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99; background: url(../images/my.jpg) center top no-repeat; background-size: 100% auto; display: none;}
.back_btn{ display: block; width: 0.94rem; position: absolute; right: 0; top: 0.8rem;}
.my_con{ width: 7.2rem; margin: 0 auto; padding-top: 2.24rem;}
.zw{ padding-top: 1.4rem; width: 100%; text-align: center; font-size: 0.26rem; color: #000000; display: none;}

.prizelist{
    width: 100%;
    height: 9rem;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.prizelist ul li{ width: 3.52rem; height: 5.06rem; background: #ffffff; border-radius: 0.15rem; float: left; margin-right: 0.16rem; margin-bottom: 0.16rem;  text-align: center;}
.prizelist ul li:nth-child(2n){ margin-right: 0px;}

.pl_c{ height: 4.2rem; }
.pl_img{ width:2.38rem; margin: 0 auto; padding-top: 0.42rem; padding-bottom: 0.1rem;}
.pl_img img{ width: 100%; }
.pl_code{ width: 90%; margin: 0 auto; min-height: 0.3rem; text-align: center; line-height: 0.32rem; padding: 0.1rem 0; font-size: 0.24rem; color:#727272 ;}
.pl_txt{ width: 3.2rem; margin: 0 auto; color: #000000; font-size: 0.24rem; text-align: center; line-height: 0.32rem; padding-top: 0.15rem; }

.use_btn{ width: 2.13rem; display: block; margin: 0 auto; margin-top: 0rem;}




.rule_fc{ width: 5.83rem; height:7.31rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); background: url(../images/rule_fc_1.png) center top no-repeat; background-size: 100% auto;}



.rule_fc2{ width: 5.83rem; height:7.31rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); background: url(../images/rule_fc_award.png) center top no-repeat; background-size: 100% auto;}


.rules_main{ padding-top: 1.4rem;}
.rules_con{ width: 5rem; margin: 0 auto; height: 5.5rem; overflow: hidden; overflow-y:scroll ; -webkit-overflow-scrolling: touch;}
.rules_con p{ font-size: 0.24rem; color:#000000; line-height: 0.4rem; word-break: break-all; }
.rules_con p.rule_title{ font-size: .32rem; padding-bottom: 0.1rem; padding-top: 0.1rem;}
.rules_con p span{ color: #000000;}
.rule_table table{ width: 100%; border: 0;}
.rule_table table td{ padding: 0.1rem 0 ; font-size: 0.24rem; color:#000000; }
.rule_table table td.lefcon{width:4.3rem ; }


.prize_info{
    width: 100%;
    text-align: center;
    padding-top: 0.3rem;
    display: none;
}
a.register_btn{
    font-size: 0.24rem;
    color: #177a6c;
}
a.use_btn_register{font-size: 0.24rem;
    color: #177a6c;}

.weui-dialog__bd{
    font-size: 14px;
    
}

.lingqu_btn{ color: #0477f8; font-size: 0.28rem; text-decoration: underline;}



table.xinghao{ width: 100%; border: 0; border-collapse: collapse;}
table.xinghao td{ width: 50%; font-size: 0.24rem; color:#000000; border: 1px solid #727272; height: 0.4rem;  padding-left: 0.05rem; }

.popuplock{
    width:100%;height:100%;background-color: rgba(0, 0, 0, 0.3);
    position: absolute;left:0;top:0;
    z-index: 9999999;display: none;
}
.popup{
    width:5.73rem;height:3.71rem;
    background: url(../images/popup.png) center top no-repeat; 
    position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);
    background-size: 100% 100%;
    z-index: 99999999;display: none;
}
.popuptip{
    width:4rem;height:1rem;
    font-size: 0.24rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;left:0.84rem;
    top:1.12rem;
}
.popupbutton{
    width:3.23rem;height: 0.73rem;left:1.26rem;top:2.34rem;
    position: absolute;
    text-align: center;
    line-height: 0.73rem;
    font-size: 0.26rem;
    color: #fff;
}


.addressbox{
    width:80%;
    margin: 0 auto;
}
.addressbox p{
    text-align: left;
    line-height: 0.4rem;
}





.mycodediv{
    display: flex;justify-content: center;align-items: center;
}








#qrcode canvas{
    width:5rem;height: 5rem;
}