body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}
li{list-style:none}
em,i{font-style:normal;}
a{text-decoration:none;outline:0;color:#2b2b2b;}
html{font-size:calc(100vw/7.5);}
body{font:.24rem / .4rem "Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif;color:#ffe8ab;}
table{border-collapse:collapse}
img{display:block;width:100%;}
.app{width:7.5rem;margin:0 auto;text-align:center;position:relative;background:#125531;}
.cell{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.bd{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.top{background-color:#296700;position:fixed;top:0;width:7.5rem;z-index:10;text-align:left;color:#fff;font-size:.22rem;height:1rem;padding:0 0 0 .1rem;box-sizing:border-box;}
.top .ico{width:1.17rem;height:1.17rem;transform:translateY(.2rem);margin-right:.24rem;}
.top h2{line-height:.44rem;}
.top a{display:block;width:2.15rem;height:.83rem;background:url('../img/tg.png') no-repeat center / cover;font-size:0;}
.head,.part{position:relative;background-repeat:no-repeat;background-size:7.5rem auto;box-sizing:border-box;}
.head{height:12.3rem;background-image:url('../img/head.jpg');overflow:hidden;padding-top:10.7rem;}
.p1{height:16.9rem;background-image:url('../img/p1.jpg');padding-top:7.7rem;}
.p2{height:15.36rem;background-image:url('../img/p2.jpg');padding-top:2.8rem;}
.p3{height:18.04rem;background-image:url('../img/p3.jpg');padding-top:2.5rem;}
.p4{background-image:url('../img/p4.jpg');padding:3rem 0 1rem 0;}
.btn_bind{display:block;width:2.81rem;height:1.39rem;background:url('../img/btn_bind.png') no-repeat center / contain;margin:0 auto;}
.btn_switch{display:block;width:2.81rem;height:1.39rem;background:url('../img/btn_switch.png') no-repeat center / contain;}
.btn_out{display:block;width:2.81rem;height:1.39rem;background:url('../img/btn_out.png') no-repeat center / contain;}
.btn_lqjl{display:block;width:3.25rem;height:1.47rem;background:url('../img/btn_lq.png') no-repeat center / contain;}
.btn_view{display:block;width:3.25rem;height:1.47rem;background:url('../img/btn_view.png') no-repeat center / contain;}
.btn_lqjl.end{background:url('../img/btn_ylq.png') no-repeat center / contain !important;}
.after{display:none;}
.user{width:100%;text-align:center;margin-top:0.2rem;}
.user .btn{display:inline-block;margin-left:.12rem;line-height:.54rem;height:.54rem;font-weight:bold;padding:0 .5rem;background:#ffdb6e;color:#aa6a00;border-radius:.3rem;font-size:.28rem;}
.user_info{font-size:.25rem;line-height:.42rem;color:#ffd385;font-weight:bold;}
.user_info{margin:0;}
.p1 ul.prizes{display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;width:6.7rem;position:absolute;top:2.5rem;left:50%;transform:translateX(-50%);z-index:2;}
.p1 ul.prizes li{width:2.16rem;height:1.98rem;background:url('../img/bg_prize.png') no-repeat center / cover;margin:0 .02rem .1rem 0;position:relative;}
.p1 ul.prizes li img{width:100%;height:100%;}
.p1 ul.prizes li p{color:#771f00;font-size:.24rem;transform:rotate(-10deg);position:absolute;bottom:.14rem;left:.4rem;white-space:nowrap;line-height:.26rem;}
.p1 ul.prizes li:nth-child(4) p{bottom:.16rem;left:.3rem;}
.p1 ul.prizes li:nth-child(5) p{bottom:.16rem;left:0;transform:rotate(-10deg) scale(0.76);}
.p1 ul.prizes .end::after{content:"";display:block;width:1.44rem;height:.63rem;position:absolute;top:-.3rem;right:-.1rem;background:url('../img/ico_ylq.png') no-repeat center / contain;z-index:1;}
.progress{width:7.5rem;height:4.5rem;position:relative;display:flex;align-items:center;justify-content:center;}
.progress_bar{width:7.5rem;height:4.4rem;overflow:hidden;position:absolute;}
.progress_bar_inner{width:7.5rem;height:7.5rem;border-radius:0;background:conic-gradient(#ff8534 0deg 0deg,#002912 0deg 360deg);transition:background 1.5s;transform:scaleX(-1) rotate(90deg);position:absolute;bottom:.4rem;left:0;}
.progress::after{content:"";display:block;width:7.5rem;height:4.5rem;background:url('../img/progress.png') no-repeat center / contain;/* background:rgba(255,255,255,.4);*/
 position:absolute;top:0;left:0;}
.pizza{width:6.45rem;height:8.95rem;background:url('../img/pizza.png') no-repeat center / contain;position:absolute;top:3rem;left:0;z-index:1;}
.pizza span{box-sizing:border-box;border:.08rem solid #125531;color:#092f0e;font-size:.31rem;font-weight:bolder;border-radius:.3rem;display:inline-block;position:absolute;z-index:2;background:#ebc075;padding:.05rem .08rem;}
.pizza span:nth-child(1){bottom:4rem;left:.1rem;}
.pizza span:nth-child(2){bottom:1.88rem;left:1.46rem;}
.pizza span:nth-child(3){bottom:.9rem;left:3.2rem;}
.pizza span:nth-child(4){bottom:1.88rem;right:0.38rem;}
.pizza span:nth-child(5){bottom:4rem;right:-.9rem;}
.p1 .btns{display:flex;align-items:center;justify-content:center;margin-top:.1rem;}
.p1 .btns a{margin:0 .14rem;}
.goods{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;color:#771f00;font-weight:bold;line-height:initial;margin-bottom:1rem;}
.p2 .coin{font-size:.3rem;font-weight:bold;color:#ffd385;margin-bottom:.36rem;}
.goods li{width:2.31rem;height:3.21rem;background:url('../img/goods/bg.png') no-repeat center / cover;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;padding-top:.28rem;margin:.16rem .04rem;}
.goods li .name{color:#771f00;font-size:.22rem;white-space:nowrap;}
.goods li:nth-child(4) .name{font-size:.2rem;transform:scale(0.9);}
.limit{font-size:.22rem;color:#ef9233;margin-bottom:.18rem;}
.goods img{display:block;width:1.17rem;height:1.17rem;margin:.16rem 0 0 0;}
.goods a{display:block;width:1.25rem;height:.48rem;line-height:.48rem;font-size:.22rem;color:#452100;font-weight:bold;background:#ffdb6e;border-radius:.3rem;}
.goods a.end{filter:grayscale(1);}
.p3 .sub{font-size:.24rem;color:#ffe8ab;text-align:center;}
.p3 .coupons{display:flex;align-items:center;justify-content:center;margin:.2rem auto 0 auto;}
.p3 .coupons li{width:2.24rem;height:3.52rem;box-sizing:border-box;padding-top:2.66rem;margin:.1rem;}
.p3 .coupons li:nth-child(1){background:url('../img/01.png') no-repeat center / contain;}
.p3 .coupons li:nth-child(2){background:url('../img/02.png') no-repeat center / contain;}
.p3 .coupons li:nth-child(3){background:url('../img/03.png') no-repeat center / contain;}
.p3 .coupons li a{display:block;margin:0 auto;width:1.26rem;height:.47rem;line-height:.47rem;background:#ffdb6e;border-radius:.3rem;color:#452100;font-weight:bolder;}
.p3 .coupons li a.end{filter:grayscale(1);}
.p3 a.btn_buy_now{display:block;width:5.58rem;height:1.28rem;background:url(../img/btn_buy_now.png) no-repeat center / contain;position:absolute;top:12.76rem;left:1rem;}
.p3 a.btn_buy_now.end{filter:grayscale(1);}
.p4 .team{width:6.8rem;height:3.4rem;background:url('../img/team.png') no-repeat center / cover;background:#01391b;margin:0 auto;border-radius:.24rem;}
.p4 .team .info{color:#ffe8ab;font-weight:600;display:flex;justify-content:space-between;padding:.2rem .4rem .16rem .4rem;box-sizing:border-box;line-height:.6rem;}
.p4 .team .info .leader{font-size:.26rem;}
.p4 .team .info img{width:.37rem;height:.37rem;margin-right:.1rem;}
.p4 .team_btn{display:flex;align-items:center;height:.6rem;font-size:.22rem;}
.p4 .team_btn span{text-decoration:underline;text-underline-offset:.04rem;}
.p4 .user_info{margin:.2rem 0 .36rem;font-size:.26rem;line-height:.42rem;color:#fff;font-weight:bold;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;}
.p4 .user_info{margin:0;}
.p4 .team .list{display:flex;justify-content:center;}
.p4 .team .list li{width:.97rem;height:.97rem;background:#ee6b20;border-radius:50%;overflow:hidden;margin:0rem .1rem .22rem .1rem;}
.p4 .team .list img{width:100%;height:100%;display:block;}
@keyframes resetRotate{0%{transform:rotate(0deg);}
40%{transform:rotate(360deg);/* 顺时针旋转 */
}
60%{transform:rotate(360deg);/* 停留阶段 */
}
100%{transform:rotate(0deg);/* 逆时针返回 */
}
}
.refresh.cur{animation:resetRotate 1s cubic-bezier(0.4,0,0.2,1);}
.btn_create_team{width:3.2rem;height:1rem;font-size:.46rem;background:#ffdb6e;font-weight:bolder;display:block;line-height:1rem;text-align:center;margin:0 auto;color:#452100;border-radius:.5rem;}
.btn_create_team.end{filter:grayscale(1);}
.p4 .tasks{margin-top:.5rem;}
.tasks li{height:1.16rem;width:6.22rem;text-align:left;margin:0.04rem auto;padding:0 .04rem 0 .24rem;box-sizing:border-box;background:url('../img/bg_task.png') no-repeat center / cover;display:flex;justify-content:center;align-items:center;color:#c15200;}
.tasks li .cont{flex:1;font-size:.22rem;line-height:.4rem;}
.tasks li .cont p:nth-child(1){font-weight:bold;}
.tasks li a{display:block;width:1.84rem;height:.6rem;color:#452100;font-weight:bold;background:#ffdb6e;border-radius:.3rem;text-align:center;line-height:.6rem;font-size:.26rem;}
.p4 i.exp{display:block;width:6.47rem;height:.77rem;background:url('../img/exp.png') no-repeat center / contain;margin:1.1rem auto 0 auto;}
.menu{position:fixed;bottom:0;width:7.5rem;height:1.16rem;background:url('../img/bd.png') no-repeat center / contain;display:flex;justify-content:center;align-items:flex-end;box-sizing:border-box;padding-bottom:.1rem;z-index:4;}
.menu a{width:1.46rem;height:.64rem;background:#124f83;color:#ffdb6e;border-radius:.12rem;margin:0 .02rem;line-height:.64rem;}
.menu a.cur{background:#ffdb6e;color:#452100;}
.tasks a.end{filter:grayscale(1);}
i.ico_wh{display:block;width:.49rem;height:.49rem;background:url(../img/ico_wh.png) no-repeat center / contain;position:absolute;top:1.2rem;right:.4rem;}
.twpop .twpop_rule .rule{text-align:left;}
.twpop .twpop_rule .rule p{font-weight:normal;}
.twpop .twpop_rule .twpop-cont{padding:0 .4rem;}
.twpop .twpop-close{background:url('../img/close.png') no-repeat center / .4rem;position:absolute;right:.1rem;top:-.5rem;width:.4rem;height:.4rem;cursor:pointer;}
.twpop .twpop-main{border:unset;max-width:unset;width:7.02rem;background-color:transparent;}
.twpop .twpop-title{color:#aa6a00;font-size:.36rem;font-weight:bolder;width:7.02rem;height:2.3rem;background:url('../img/pop_tb.png') no-repeat 0 0 / 7.02rem 4rem;border-bottom:unset;padding:unset;line-height:2.3rem;margin-bottom:-.02rem;}
.twpop .twpop-cont{padding:.4rem;position:relative;color:#ffebb4;font-size:.24rem;background:url('../img/pop_bd.png') repeat-y 0 0 / 7.02rem 6.4rem;}
.twpop .twpop-cont::after{content:'';position:absolute;left:0;bottom:-.56rem;width:7.02rem;height:.6rem;background:url('../img/pop_tb.png') no-repeat bottom left / 7.02rem 4rem;}
.twpop_record ul{font-size:.22rem;font-weight:normal;}
.twpop_record li{margin-bottom:.4rem;}
.twpop_record .time{margin:0 auto .4rem auto;}
.twpop_record .bd{display:flex;align-items:center;justify-content:center;margin-bottom:.12rem;}
.twpop_record .bd .way{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
.twpop_record .bd .btn{text-align:left;}
.twpop_record .bd .btn.addr{text-decoration:underline;}
.twpop_record .bd .num{flex:1;text-align:right;}
.twpop .twpop-from-lable{flex-shrink:0;}
.twpop .twpop-foot{display:flex;justify-content:center;align-items:center;}
.twpop .twpop-btn{display:block;width:1.84rem;height:.6rem;color:#452100;font-weight:bold;background:#ffdb6e;border-radius:.3rem;text-align:center;line-height:.6rem;font-size:.26rem;padding:0;border:unset;}
.twpop .twpop_task .twpop-cont{padding:.1rem .4rem}
.twpop .twpop_task ul{overflow-y:auto;}
.twpop .twpop-input,.twpop .twpop-select{color:#ffdcaa;}
.twpop .twpop-select option{color:#000;}
.select2-container--default .select2-selection--single{background:transparent !important;border:none !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#ffdcaa !important;}
.select2-search--dropdown .select2-search__field{outline:none;}
.select2-container--default .select2-selection--single{background:transparent !important;border:none !important;outline:none !important;}
.select2-container{z-index:100000;}
.select2-container li{color:#000 !important;}
.select2-container--default .select2-selection--single{background-color:transparent !important;border:0 !important;}
.select2-container{font-size:0.24rem;}
.twpop .twpop-from-lable{flex-shrink:0;}
.twpop-list li{text-align:left;display:flex;justify-content:space-between;align-items:center;padding:4px;}
.twpop-list .btn-copy,.twpop-list .copy{background-image:linear-gradient(to bottom,#ffbc3c,#ffdc53,#fffd8c);background-image:-webkit-linear-gradient(to bottom,#ffbc3c,#ffdc53,#fffd8c);color:#7e3601;padding:4px 10px;cursor:pointer;}
.side{position:fixed;right:0;top:3.6rem;width:.51rem;height:4.1rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:4;font-size:0;text-indent:-9999px;}
.side span{display:block;width:.51rem;height:1.28rem;}
.btn_team{background:url('../img/side_team.png') no-repeat center / contain;}
.btn_recharge{background:url('../img/side_recharge.png') no-repeat center / contain;}
.btn_prize{background:url('../img/side_prize.png') no-repeat center / contain;}
.twpop .twpop-mask{z-index:99;}
.twpop .twpop-main{z-index:100;}
.twpop .twpop_buy .twpop-cont{padding:.4rem .2rem;}
.twpop .twpop_buy .text p{white-space:nowrap;}
.twpop_team li{font-size:.22rem;font-weight:normal;display:flex;align-items:center;justify-content:space-between;line-height:.6rem;}
.twpop_team li .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-right:1rem;display:inline-block;text-align:left;position:relative;}
.twpop_team li .time{min-width:1.2rem;}
.twpop_team ul li:first-child .name::after{content:'';display:inline-block;width:.82rem;height:.4rem;background:url('../img/ico_leader.png') no-repeat center / contain;margin-left:.1rem;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.twpop .twpop_code .twpop-cont{padding:0 .4rem;}
.code .rwm{width:4rem;height:4rem;margin:.2rem auto;}