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",sans-serif,Arial;color:#2b2b2b;}
table{border-collapse:collapse}
img{display:block;width:100%;}
::-webkit-scrollbar{display:none;}
.app{width:7.5rem;margin:0 auto;text-align:center;position:relative;background:#2170d1;}
.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:rgba(28,43,72,.8);position:fixed;top:0;width:7.5rem;z-index:10;padding:0;text-align:left;color:#fff;height:1rem;padding:0 .2rem 0 .1rem;box-sizing:border-box;}
.top .ico{width:1.2rem;height:1.2rem;transform:translateY(.2rem);margin-right:.16rem;}
.top h2{line-height:1.2;font-size:.28rem;}
.to_game{display:block;width:1.853rem;height:.64rem;background:url('../img/tg.png') no-repeat center / cover;font-size:0;box-shadow:0 .04rem .01rem rgba(0,0,0,.15);}
.head,.main{position:relative;background-repeat:no-repeat;background-size:7.5rem 100%;}
.head{height:7.14rem;background-image:url('../img/head.jpg');overflow:hidden;}
.head div{width:.62rem;height:.62rem;background:url('../img/ico_question.png') no-repeat center / contain;position:absolute;right:.2rem;top:1.26rem;font-size:0;display:none;}
.login_btn{display:block;width:2.35rem;height:.66rem;background:url('../img/btn_login.png') no-repeat center / cover;margin:0 auto;}
.user{width:100%;text-align:center;display:none;}
.user_btn{display:inline-block;margin-left:.12rem;line-height:.54rem;height:.54rem;font-weight:bold;padding:0 .3rem;box-shadow:0 .04rem .01rem rgba(0,0,0,.15);background:url('../img/btn_buy.png') no-repeat center / cover;border-radius:.06rem;}
.main{min-height:49.86rem;background-image:url('../img/main.jpg');}
.title1,.title2,.title3,.title4,.title5,.title6{font-size:0;text-indent:-9999px;}
.title1{width:6.58rem;height:.98rem;background:url('../img/title1.png') no-repeat center top /6.58rem auto;margin:0 auto;}
.title2{width:5.78rem;height:.98rem;background:url('../img/title2.png') no-repeat center top /5.78rem auto;margin:0 auto .2rem auto;}
.title3{width:5.98rem;height:.98rem;background:url('../img/title3.png') no-repeat center top /5.98rem auto;margin:.4rem auto .12rem auto;}
.title4{width:6.38rem;height:.98rem;background:url('../img/title4.png') no-repeat center top /6.38rem auto;margin:1.7rem auto 0 auto;}
.title5{width:6.58rem;height:.83rem;background-position:0 -4.4rem;margin:1.2rem auto 0 auto;}
.team{width:6.8rem;height:3.4rem;background:url('../img/team.png') no-repeat center / cover;margin:0.24rem auto .24rem auto}
.team .info{color:#2b2b2b;font-size:.26rem;font-weight:600;}
.team .info{display:flex;justify-content:space-between;padding:.2rem .2rem .16rem .2rem;box-sizing:border-box;line-height:.6rem;}
.team .info img{width:.36rem;height:.36rem;margin-right:.1rem;}
.team_btn{display:flex;align-items:center;height:.6rem;}
.team_btn span{text-decoration:underline;text-underline-offset:.04rem;}
.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;}
.user_info{margin:0;}
.team .list{display:flex;justify-content:center;}
.team .list li{width:.97rem;height:.97rem;background:#adb5c9;border-radius:50%;overflow:hidden;margin:0rem .1rem .26rem .1rem;}
.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);/* 逆时针返回 */
}
}
.team .info .refresh.cur{animation:resetRotate 1s cubic-bezier(0.4,0,0.2,1);}
.create_team_btn,.jl_btn{width:3.3rem;height:1.11rem;font-size:.46rem;color:#2b2b2b;font-weight:bolder;display:block;background:url('../img/btn_big.png') no-repeat center / cover;line-height:1rem;text-align:center;margin:0 auto;}
.create_team_btn.end,.jl_btn.end{background:url('../img/btn_big_end.png') no-repeat center / cover !important;}
.card{height:1.1rem;width:6.92rem;text-align:left;margin:0 auto;padding:0 .34rem;box-sizing:border-box;background:url('../img/card.png') no-repeat center / cover;}
.main .btn{display:inline-block;text-align:center;width:1.8rem;line-height:.6rem;background:url('../img/btn.jpg') no-repeat left top / 1.8rem 1.2rem;font-size:.26rem;font-weight:bold;border-radius:.08rem;box-shadow:0 .01rem .04rem rgba(0,0,0,.15);}
.btn.end{background-position:left bottom;}
.card .yd{width:1.04rem;height:1.04rem;margin-right:.1rem;margin-left:-.2rem;}
.card i{height:.3rem;display:block;margin:0rem 0 .1rem 0;font-size:.24rem;color:#2b2d2c;font-weight:bolder;white-space:nowrap;}
.card i span{color:#ff8b6e;}
.card p{font-size:.22rem;color:#2b2d2c;}
.collect{width:6.98rem;height:5.3rem;background:url('../img/collect.png') no-repeat center / cover;margin:.26rem auto 1.12rem auto;box-sizing:border-box;padding:2.4rem 0 0 0;}
.process{width:6.22rem;height:.24rem;background:#2b2a2b;border-radius:.2rem;margin:0 auto .88rem auto;position:relative;}
.process span{color:#2f2f31;font-size:.26rem;font-weight:bold;position:absolute;bottom:-.6rem;right:0;}
.process>div{height:.2rem;background:#2b2a2b;position:absolute;top:50%;transform:translateY(-50%);}
.process>div.cur{background:#fffd60;}
.pro1{width:1rem;left:.01rem;z-index:6;border-radius:.2rem;}
.pro2{width:1.32rem;left:.98rem;z-index:5;border-radius:0 0.2rem 0.2rem 0;}
.pro3{width:1.36rem;left:2.26rem;z-index:4;border-radius:0 0.2rem 0.2rem 0;}
.pro4{width:1.34rem;left:3.6rem;z-index:3;border-radius:0 0.2rem 0.2rem 0;}
.pro5{width:1.34rem;left:4.93rem;z-index:2;border-radius:0 0.2rem 0.2rem 0;}
.process>div::after{content:'';position:absolute;width:.42rem;height:.42rem;border-radius:50%;border:.06rem solid #444244;background:#2b2a2b;top:50%;right:0;transform:translateY(-50%);z-index:2;}
.process>div.cur::after{border:.06rem solid #fff;background:#fffd60;}
.my_coin{width:6.84rem;height:.5rem;background:url('../img/my_coin.png') no-repeat center / contain;font-size:.26rem;font-weight:bold;color:#1f2839;text-align:center;position:relative;line-height:.5rem;margin:.2rem auto;}
.my_coin .refresh{width:.36rem;height:.36rem;background:url('../img/ico_refresh.png') no-repeat center / cover;margin-right:.1rem;position:absolute;top:.06rem;right:1.3rem;}
.my_coin .refresh.cur{animation:resetRotate 1s cubic-bezier(0.4,0,0.2,1);}
.goods{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;color:#1f2839;font-weight:bold;line-height:initial;margin-bottom:1rem;}
.goods li{width:2.03rem;height:3.07rem;background:url('../img/goods/bg.png') no-repeat center / cover;margin:0 .16rem .3rem .16rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
.goods li:not(:nth-child(7)) .name{font-size:.24rem;text-align:center;margin:.5rem 0 .02rem 0;}
.goods li:nth-child(7) .name{width:1.3rem;font-size:.19rem;text-align:center;line-height:.24rem;margin:.4rem 0 -.04rem 0;}
.limit{font-size:.23rem;margin:0 auto .14rem auto;}
.goods img{width:1.03rem;height:1.03rem;}
.goods a{display:block;width:1.33rem;height:.5rem;line-height:.5rem;font-size:.22rem;background:url('../img/btn_buy.png') no-repeat center / cover;}
.flags{width:7.5rem;height:2.67rem;position:relative;display:flex;justify-content:space-evenly;align-items:center;margin:0 auto 0 auto;}
.flags>a{width:1.62rem;height:2.67rem;}
.report{background:url('../img/flag1.png') no-repeat center / cover;}
.bless{background:url('../img/flag2.png') no-repeat center / cover;}
.menu{width:7.5rem;height:1.32rem;background:url('../img/menu.jpg') no-repeat center / cover;position:fixed;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-evenly;z-index:10;}
.menu a{width:1.46rem;height:.64rem;font-size:0;border-radius:.1rem;}
.menu a:nth-child(1){background:url('../img/n1_.png') no-repeat center / cover;}
.menu a:nth-child(2){background:url('../img/n3_.png') no-repeat center / cover;}
.menu a:nth-child(3){background:url('../img/n2_.png') no-repeat center / cover;}
.menu a:nth-child(4){background:url('../img/n4_.png') no-repeat center / cover;}
.menu a.cur:nth-child(1){background:url('../img/n1.png') no-repeat center / cover;}
.menu a.cur:nth-child(2){background:url('../img/n3.png') no-repeat center / cover;}
.menu a.cur:nth-child(3){background:url('../img/n2.png') no-repeat center / cover;}
.menu a.cur:nth-child(4){background:url('../img/n4.png') no-repeat center / cover;}
.gray{-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.twpop{z-index:100;position:relative;}
.twpop .twpop-main{background:#fff url('../img/pop.png') no-repeat center top / 6.64rem 5.4rem;overflow:hidden;border-radius:.15rem;color:#1f1f1f;font-size:.24rem;width:6.64rem;max-width:6.64rem;}
.twpop .twpop-title{line-height:.66rem;padding:.2rem;border:none;font-size:.32rem;color:#fff;background:url('../img/pop_tit.png') no-repeat center / 3.78rem .18rem;font-weight:700;}
.twpop .twpop-cont{background:url('../img/pf.jpg') no-repeat center bottom / 6.62rem .81rem;padding:.6rem .3rem;font-weight:bold;}
.twpop .twpop-foot{margin-top:.3rem;display:flex;justify-content:center;}
.twpop .twpop-btn{font-weight:bold;padding:0;border:none;font-size:.26rem;width:1.7rem;height:.6rem;line-height:.6rem;background:url('../img/btn_mini.png') no-repeat center / contain;border-radius:.08rem;}
.btn_qx{background:url('../img/btn_mini_end.png') no-repeat center / contain !important;}
.twpop .twpop-close{background:url('../img/close.png') no-repeat center / .5rem;top:.2rem;right:.2rem;width:.5rem;height:.5rem;z-index:10;}
.pop_buy .text b,.pop_create .text b{font-size:.26rem;color:#2b2b2b;}
.pop_buy .text p,.pop_create .text p{font-size:.22rem;font-weight:normal;white-space:nowrap;}
.pop_create .text p{line-height:0.8rem;}
.pop_copy{font-size:.26rem;}
.pop_copy p{width:3.5rem;margin:0 auto .4rem auto;}
.pop_copy span{color:#ff7b7b;}
.twpop .pop_verify .twpop-alert-content{width:3.8rem;margin:0 auto .6rem auto;}
.twpop_prize .twpop-cont{min-height:5.4rem;}
.twpop_prize .twpop-cont{padding:.6rem .3rem;}
.twpop_prize ul{font-size:.22rem;color:#2b2b2b;font-weight:normal;}
.twpop_prize li{margin-bottom:.4rem;}
.twpop_prize .time{margin:0 auto .4rem auto;}
.twpop_prize .bd{display:flex;align-items:center;justify-content:center;}
.twpop_prize .bd .way{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
.twpop_prize .bd .btn{width:1rem;text-align:left;}
.twpop_prize .bd .btn.addr{color:#4ba2fa;text-decoration:underline;}
.twpop_coin .twpop-cont{min-height:5.4rem;}
.twpop_coin .twpop-cont{padding:.6rem .3rem;}
.twpop_coin ul{font-size:.22rem;color:#2b2b2b;font-weight:normal;}
.twpop_coin li{margin-bottom:.4rem;}
.twpop_coin .time{margin:0 auto .4rem auto;}
.twpop_coin .bd{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;}
.twpop_coin .type{margin-left:.1rem;}
.twpop_coin .bd .way{max-width:4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.twpop_coin .bd .type.hq{color:#ff7b7b;}
.twpop_coin .bd .type.xh{color:rgb(0,182,0);}
.twpop_coin .bd .num{flex:1;text-align:right;}
.twpop_rule .rule{text-align:left;}
.twpop_rule .rule p{font-weight:normal;}
.twpop_team .ico{position:relative;}
.twpop_team li{font-size:.22rem;color:#2b2b2b;font-weight:normal;display:flex;align-items:center;justify-content:space-between;line-height:.6rem;}
.twpop_team .ico::after{content:'';width:.82rem;height:.4rem;background:url('../img/ico_leader.png') no-repeat center / contain;position:absolute;top:50%;transform:translateY(-50%);right:-1rem;}
.pop_help .text p{font-size:.26rem;margin-bottom:1rem;}
/* 修改 */
.code .rwm{width:4rem;height:4rem;margin:0.4rem auto .2rem auto;}
.code .tips{color:#2b2b2b;font-size:.26rem;font-weight:600;margin:0 auto;}
.pop_code span{display:block;font-size:.18rem;width:2.3rem;margin:0 auto;color:#00000094;}
.code .desc{line-height:.61rem;height:.61rem;padding-left:2.6rem;text-align:left;color:#fff;}
.side>span{display:block;width:.58rem;height:1.66rem;font-size:0;position:fixed;right:0;}
.btn_coin{background:url('../img/btn_coin.png') no-repeat center / contain;top:3.5rem;}
.btn_prize{background:url('../img/btn_prize.png') no-repeat center / contain;top:5.4rem;}
.select2-container--default .select2-selection--single{background-color:transparent !important;border:0 !important;}
/* .select2-container--default .select2-selection--single .select2-selection__rendered{color:#acd5fe !important;}
*/
.select2-container{font-size:0.24rem;}
.btn_rule{background:url('../img/btn_rule.png') no-repeat center / contain;top:7.3rem;}
