html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}
html,body,fieldset,img,iframe,abbr{border:0}
li{list-style:none}
textarea{overflow:auto;resize:none}
a,button{cursor:pointer}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:700}
a,a:hover{text-decoration:none}
a{text-decoration:none}
input{-webkit-appearance:none;appearance:none}
*{outline:0;-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:rgba(0,0,0,0)}
html{font-size:calc(100vw/7.5);}
body{font:.24rem / .3rem -apple-system,Helvetica Neue,Helvetica,Segoe UI,Arial,Microsoft Yahei;color:#ffa800;background:#250d06 url('../imgs/page.jpg') no-repeat center top / 7.5rem auto;}
table{border-collapse:collapse}
img{display:block;width:100%;}
::-webkit-scrollbar{display:none;}
.app{width:7.5rem;margin:0 auto;text-align:center;padding:.97rem 0 1.5rem;}
.cell,.top{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,.menu{position:fixed;left:50%;margin-left:-3.75rem;width:7.5rem;box-sizing:border-box;}
.top{top:0;height:.97rem;background:url('../imgs/top.jpg') no-repeat center / cover;z-index:10;padding:0 .2rem;justify-content:space-between;}
.menu,.menu li{height:1.49rem;background:url('../imgs/menu.png') no-repeat left top / 7.5rem 3rem;}
.menu{bottom:0;box-sizing:border-box;padding:0 .25rem;display:flex;}
.menu li{width:2.33rem;font-size:0;background-position:-999px;}
.menu li:nth-child(1).cur{background-position:-.25rem -1.5rem;}
.menu li:nth-child(2).cur{background-position:-2.59rem -1.5rem;}
.menu li:nth-child(3).cur{background-position:-4.92rem -1.5rem;}
.page{display:none;position:relative;}
.btn_pay,.btn_refresh,.coin,.btn_record,.btn_rule,.btn_login,.btn_out,.vote_bd .input,.sub,.add{background:url('../imgs/btns.png') no-repeat -999px / 3.96rem auto;font-size:0;width:1.38rem;height:.52rem;}
.btn_record{background-position:0 -.63rem;}
.btn_rule{background-position:-1.48rem -.63rem;}
.btn_login{background-position:0 -1.26rem;}
.btn_out{background-position:-1.46rem -1.26rem;display:none;}
.coin{height:.52rem;width:1.32rem;padding-left:1.26rem;background-position:0 0;font-size:.2rem;color:#f5ff97;text-align:left;}
.coin i{font-style:normal;font-size:.2rem;display:block;line-height:.52rem;}
.btn_pay{position:fixed;right:0;top:4.5rem;width:.94rem;height:2.26rem;background-position:-3.02rem 0;}
.scroll{width:7.02rem;height:1.94rem;background:url('../imgs/scroll.png') no-repeat center / cover;margin:.14rem auto 0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:.2rem 0;overflow:hidden;}
.page .scroll .tempWrap,.page .scroll ul{height:1.54rem !important;}
.scroll li,.name,.val,.into,.date{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;}
.scroll li{height:.3rem;overflow:hidden;}
.title{width:7.5rem;height:.42rem;background:url('../imgs/title.png') no-repeat -999rem / 7.5rem auto;font-size:0;}
.title.t1{height:.54rem;background-position:0 0;margin:.35rem auto .2rem;}
.title.t2{background-position:0 -1.77rem;margin:.35rem 0 .25rem;}
.title.t3{background-position:0 -2.4rem;margin:.35rem 0 .25rem;}
.title.t4{background-position:0 -.63rem;margin:.35rem 0 .25rem;}
.title.t5{background-position:0 -1.15rem;margin:.35rem 0 .25rem;}
.btn_refresh{width:.98rem;height:1.04rem;background-position:0 -1.86rem;position:fixed;left:0;top:3.6rem;z-index: 10;}
.card{display:flex;flex-wrap:wrap;padding-left:.14rem;}
.card li{width:3.61rem;height:4.54rem;background:url('../imgs/card.png') no-repeat center / cover;overflow:hidden;position:relative;}
.card .ico{width:1.1rem;height:1.16rem;background:url('../imgs/ico.png') no-repeat center / cover;margin:.28rem auto 0.04rem;overflow:hidden;}
.card .ico img{width:.82rem;height:.82rem;margin:0.16rem auto 0rem auto;}
.card .name{height:.5rem;}
.progress,.bar{background:url('../imgs/progin.png') no-repeat left top / 2.77rem auto;}
.progress{width:2.77rem;height:.3rem;padding-top:.04rem;margin:0 auto;position:relative;}
.progress .bar{margin:0 .04rem;display:block;height:.26rem;max-width:2.7rem;background-position:left bottom;border-radius:3px;}
.progress .val{position:absolute;left:0;top:0;line-height:.38rem;height:.37rem;width:100%;color:#fff;font-size:.2rem;white-space:nowrap;}
.into{font-size:.2rem;margin:.15rem 0;}
.date{position:absolute;top:.41rem;left:.42rem;width:.78rem;height:.78rem;line-height:1.2;background:url('../imgs/date.png') no-repeat center / cover;font-size:.16rem;display:flex;align-items:center;justify-content:center;}
.date p{font-size:.18rem;}
.vote_bd{height:.44rem;margin-left:.58rem;padding:0 .5rem;width:1.47rem;position:relative;}
.vote_bd .input{width:1.47rem;line-height:.44rem;height:.44rem;background-position:-1.08rem -2.44rem;border:none;font-size:.2rem;color:#fff;text-align:center;outline:0;-webkit-appearance:none;}
.sub,.add{display:block;width:.35rem;height:.35rem;position:absolute;top:.05rem;font-size:0;}
.sub{background-position:-2.65rem -2.44rem;left:0;}
.add{background-position:-3.1rem -2.44rem;right:0;}
.btn_vote{display:block;background:url('../imgs/btn_vote.png') no-repeat center / cover;font-size:0;text-indent:-999px;height:.61rem;width:1.9rem;margin:0.2rem auto 0;}
/* twpop star*/
.twpop .twpop-mask{z-index:99;}
.twpop:not(.twpop-load):not(.twpop-msg) .twpop-main{z-index:999;max-width:unset;width:7.5rem;max-height:9.74rem;background:transparent url('../imgs/pop.png') no-repeat center top / 7.5rem auto;color:#ffebb4;}
.twpop:not(.twpop-load):not(.twpop-msg) .twpop-main::after{content:'';width:6.81rem;height:.19rem;background:url('../imgs/pb.png') no-repeat center/ cover;position:absolute;bottom:-.18rem;left:.36rem;}
.twpop .twpop-title{position:relative;padding:.4rem .2rem 0 .2rem;border-bottom:unset;font-size:.4rem;font-weight:700;line-height:1.2rem;background-image:linear-gradient(to top,#ffe792,#ffd76e,#ffc23e);background-image:-webkit-linear-gradient(to top,#ffe792,#ffd76e,#ffc23e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.twpop .twpop-close{right:.6rem;top:.8rem;width:.4rem;height:.4rem;background:url(../imgs/close.png) no-repeat center / cover;line-height:1.2rem;}
.twpop .twpop-cont{padding:.4rem .6rem .4rem .6rem;}
/* twpop end*/
.rule{text-align:left;font-size:.24rem;line-height:.4rem;}
.rule p{margin:0 .36rem 0 .6rem;}
.rule b{margin-left:-.3rem;}
.twpop .twpop_rule .twpop-cont{padding:0 .4rem .4rem .4rem;}
.twpop .twpop_rule .twpop-diy-content{max-height:7.2rem;}
.end:not(.qr){filter:grayscale(1);}
.twpop .twpop_result .result{font-weight:600;}
.twpop .twpop_result .result p.tit{font-size:.34rem;}
.twpop .twpop_result .result p.res{font-size:.4rem;}
.twpop .twpop_result .result p.res span{color:#ff1f1f}
.twpop .twpop_result .result p.to{font-size:.34rem;}
.twpop .twpop_record .twpop-diy-content{text-align:left;}
ul.task{margin-top:.93rem;}
ul.task li{width:6.33rem;height:.67rem;box-sizing:border-box;border:#823a38 1px solid;border-radius:.12rem;background:#2e0301;color:#ffe5c7;font-size:.23rem;padding:0 .36rem;display:flex;justify-content:space-between;align-items:center;margin:0 auto .18rem auto;letter-spacing:1px;}
ul.task li .detail{line-height:.67rem;}
ul.task li a{display:block;width:.97rem;height:.44rem;background:url('../imgs/btn.png') no-repeat center / contain;line-height:.44rem;text-align:center;color:#ffe5c7;letter-spacing:1px;}
.qr{width:6.33rem;height:1.9rem;margin:.46rem auto .6rem auto;background:url('../imgs/qr.png') no-repeat center / cover;position:relative;}
.qr img{width:1.12rem;height:1.12rem;position:absolute;right:.44rem;bottom:.56rem;}
ul.consume{margin-top:.83rem;}
ul.consume li{width:6.33rem;height:.67rem;box-sizing:border-box;border:#823a38 1px solid;border-radius:.12rem;background:#2e0301;color:#ffe5c7;font-size:.23rem;padding:0 .36rem;display:flex;justify-content:space-between;align-items:center;margin:0 auto .18rem auto;letter-spacing:1px;}
ul.consume li .detail{line-height:.67rem;}
ul.consume li a{display:block;width:.97rem;height:.44rem;background:url('../imgs/btn.png') no-repeat center / contain;line-height:.44rem;text-align:center;color:#ffe5c7;letter-spacing:1px;}
ul.consume a.end,ul.task a.end{filter:grayscale(1);}
.desc{color:#fecb8b;font-size:.2rem;}
.rank{width:6.85rem;height:5.68rem;background:url('../imgs/rank.png') no-repeat center / cover;margin:1rem auto 0 auto;position:relative;box-sizing:border-box;padding-top:1.56rem;}
.rank ul.top_three li{position:absolute;width:1.65rem;height:2.05rem;box-sizing:border-box;padding-top:1.14rem;}
.rank ul.top_three li:nth-child(1){top:-.9rem;left:50%;transform:translateX(-50%);background:url('../imgs/no1.png') no-repeat center / cover;}
.rank ul.top_three li:nth-child(2){top:-.68rem;left:.6rem;background:url('../imgs/no2.png') no-repeat center / cover;}
.rank ul.top_three li:nth-child(3){top:-.68rem;right:.6rem;background:url('../imgs/no3.png') no-repeat center / cover;}
.rank ul.top_three li .cn{color:#ffeab5;font-size:.2rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:1.65rem;text-align:center;line-height:.28rem;}
.rank ul.top_three li .cc{color:#54fe00;font-size:.2rem;display:flex;justify-content:center;align-items:center;line-height:initial;width:1.65rem;}
.rank ul.top_three li .cc img{display:block;width:.14rem;height:.14rem;}
.rank ul.top_three li .cc span{width:1.3rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.rank .list_head{color:#e29946;font-size:.22rem;font-weight:600;background:rgba(0,0,0,.2);}
.rank ul.list{max-height:3.5rem;overflow-y:auto;}
.rank ul.list li{color:#e7cdb6;font-size:.2rem;}
.rank ul.list li:nth-child(2n){background:rgba(0,0,0,.2);}
.rank .list_head,.rank ul.list li{margin:0 auto;}
.rank .list_head,.rank ul.list li{height:.5rem;width:5.7rem;display:flex;}
.rank .list_head span,.rank ul.list li span{display:inline-block;text-align:center;line-height:.5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.rank .list_head span:nth-child(1),.rank ul.list li span:nth-child(1){width:1rem;}
.rank .list_head span:nth-child(2),.rank ul.list li span:nth-child(2){width:3.1rem;}
.rank .list_head span:nth-child(3),.rank ul.list li span:nth-child(3){flex:1;}
.me{width:6.85rem;height:.82rem;background:#4c0000;margin:.1rem auto .72rem auto;position:relative;box-sizing:border-box;padding:0 .2rem;border:#982f2e 1px solid;display:flex;align-items:center;border-radius:.12rem;}
.me .my_no{display:block;width:.63rem;height:.63rem;background:#410000;border:#741917 1px solid;border-radius:50%;color:#ffc88f;font-size:.26rem;font-weight:600;text-align:center;line-height:.63rem;}
.me .my_name{font-size:.25rem;font-weight:700;line-height:.82rem;background-image:linear-gradient(to top,#fdc700,#ffe24e,#ffffff);background-image:-webkit-linear-gradient(to top,#fdc700,#ffe24e,#ffffff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;flex:1;}
.me .my_coin{color:#ffde00;font-size:.2rem;line-height:.82rem;width:3.2rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tb{background:#420700;border:#ad5100 1px solid;width:6.92rem;height:1.08rem;position:relative;box-sizing:border-box;margin:0 auto .26rem auto;display: flex;align-items: center;justify-content: center;}
.tb img{width:2.5rem;}
.tb p{position:absolute;top:.76rem;left:.62rem;color:#ffdaa1;font-size:.2rem;scale:.8;display: none;}
.tb .tb_effect{color:#ffe5c7;font-size:.22rem;font-weight:600;width:3.65rem;line-height:.4rem;text-align:left;margin-top:.1rem;display: none;}
ul.reward{margin-bottom:.3rem;}
ul.reward li{width:7.17rem;/* height:.76rem;*/
 box-sizing:border-box;border:#823a38 1px solid;border-radius:.12rem;background:#2e0301;color:#ffe5c7;font-size:.23rem;padding:.1rem .2rem;display:flex;justify-content:flex-start;align-items:center;margin:0 auto .18rem auto;letter-spacing:1px;line-height:.76rem;}
ul.reward li .no{display:inline-block;white-space:nowrap;font-size:.26rem;font-weight:700;text-align:left;}
ul.reward li .no{width:1.74rem;}
ul.reward li:nth-child(n+4) .cont{width:5.38rem;}
ul.reward li .cont p{font-size:.2rem;text-align:left;line-height:initial;}
.exp{color:#feca8c;font-size:.2rem;scale:.9;margin-bottom:.36rem;}
.twpop .twpop-input,.twpop .twpop-select{color:#f3c772;}
.select2-container--default .select2-selection--single{background:transparent !important;border:none !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#f3c772 !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:1000;}
.select2-container li,.twpop .twpop-select option{color:#000;}
.twpop .twpop-btn{background:linear-gradient(bottom,#f59500,#cd6200,#9f2900);background:-webkit-linear-gradient(bottom,#f59500,#cd6200,#9f2900);color:#f4ff89;border-radius:.04rem;border:1px solid #d1bd73;}
.tip{color:#feca8c;font-size:.24rem;scale:.9;margin-top:.36rem;}
.info{color:#fff;font-size:.24rem;line-height:.4rem;margin-top:.14rem;}
.info span{margin:0 .1rem;}
.qr.end{background:url('../imgs/qr2.png') no-repeat center / cover;}