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:#2b2b2b;}
table{border-collapse:collapse}
img{display:block;width:100%;}
.app{width:7.5rem;margin:0 auto;text-align:center;position:relative;background:#2a0e05;}
.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:#2c1000;position:fixed;top:0;width:7.5rem;z-index:10;text-align:left;color:#f4e9bd;font-size:.22rem;height:1.2rem;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;color:#eab663;}
.to_game{display:block;width:2.36rem;height:1rem;background:url('../img/tg.png') no-repeat center / cover;font-size:0;box-shadow:0 .04rem .01rem rgba(0,0,0,.15);}
.head,.part{position:relative;background-repeat:no-repeat;background-size:7.5rem 100%;box-sizing:border-box;}
.head{height:11.42rem;background-image:url('../img/head2.jpg');overflow:hidden;}
.p1{height:19.52rem;background-image:url('../img/p1.jpg');}
.bind{width:6.37rem;height:3.28rem;background:url('../img/bg_bind.png') no-repeat center / cover;margin:0 auto;box-sizing:border-box;padding-top:.6rem;color:#feca8c;margin-bottom:.7rem;}
.user{width:100%;}
.user .info{width:100%;height:.6rem;font-size:.24rem;display:flex;align-items:center;justify-content:space-evenly;position:relative;}
.user .info::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:70%;border-bottom:0.02rem dashed #ff8a00;}
.btn_bind{display:block;width:1.8rem;height:.6rem;background:url('../img/btn_bind.png') no-repeat center / cover;margin:0 auto;}
.btn_switch{display:block;width:1.8rem;height:.6rem;background:url('../img/btn_switch.png') no-repeat center / cover;}
.btn_record{display:block;width:1.8rem;height:.6rem;background:url('../img/btn_record.png') no-repeat center / cover;}
.my_coin{line-height:.9rem;}
.user .btns{width:100%;display:flex;align-items:center;justify-content:center;}
.user .btns>a{margin:0 .4rem;}
.tab_item,.type_list .item{display:none;}
.show{display:block !important;}
.guess{width:6.3rem;max-height:14.66rem;background:url('../img/bg_tab.jpg') no-repeat center / cover;margin:0 auto 0 auto;}
.guess .menu{box-sizing:border-box;height:.7rem;width:100%;font-size:.32rem;font-weight:500;line-height:.7rem;text-align:center;}
.guess .menu li{width:50%;height:.7rem;background:#6b4425;color:#dacaa6;}
.guess .menu li.on{background:transparent;}
.guess .menu li.on i{background-image:linear-gradient(to bottom,#956d4a,#7d5435,#5c381c);background-image:-webkit-linear-gradient(to bottom,#956d4a,#7d5435,#5c381c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;}
.guess .menu li.on i::before,.guess .menu li.on i::after{content:'';position:absolute;width:.31rem;height:.31rem;top:50%;transform:translateY(-50%);background:url('../img/ico_tab.png') no-repeat center / cover;}
.guess .menu li.on i::before{left:-.4rem;}
.guess .menu li.on i::after{right:-.4rem;}
.tab_item:first-child{height:13.96rem;box-sizing:border-box;padding-top:.25rem;}
.tab_item .type{display:flex;justify-content:space-evenly;align-items:center;margin:0 auto .26rem auto;width:5.7rem;overflow-x:scroll;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#f5c55f transparent;/* Firefox 轨道/滑块颜色 */
 padding-bottom:.1rem;}
ul.type::-webkit-scrollbar{display:block;height:.06rem !important;}
ul.type::-webkit-scrollbar-track{border-radius:.6rem !important;}
ul.type::-webkit-scrollbar-thumb{border-radius:.6rem !important;}
.tab_item .gift ::-webkit-scrollbar{display:block;}
.tab_item .type .item{min-width:1.3rem;height:.4rem;background:#7d5c38;color:#ffeac2;font-size:.2rem;box-sizing:border-box;padding:0 .1rem;margin-right:.2rem;}
ul.type li.item:last-child{margin-right:unset;}
.tab_item .type .item.on{background:#b52c00;}
.type_list{width:5.74rem;height:12.7rem;margin:0 auto .3rem auto;position:relative;}
.type_list .title{width:100%;height:.45rem;background-image:linear-gradient(to bottom,#f8cb82,#f9d787,#f9e7b1);background-image:-webkit-linear-gradient(to bottom,#f8cb82,#f9d787,#f9e7b1);color:#56371f;font-size:.2rem;padding:0 .2rem;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;margin-bottom:.1rem;}
.type_list .title>span{display:inline-block;}
.type_list .title .name{font-weight:bold;}
.type_list .title .status{width:.78rem;height:.3rem;line-height:.3rem;font-size:.18rem;background:url('../img/ico_status.png') no-repeat center / contain;color:#a6330b;margin:0 .12rem;}
.type_list .title .status.end{filter:grayscale(1);}
.teams ul{position:relative;}
.teams li{margin:0 auto .18rem auto;display:flex;align-items:center;justify-content:space-between;border-radius:.16rem;background:rgba(255,255,255,.3);width:100%;box-sizing:border-box;padding:.24rem .4rem .16rem .4rem;position:relative;}
.teams li .time{position:absolute;top:0;left:0;width:100%;text-align:left;color:#212121;font-size:.2rem;line-height:.32rem;padding-left:.2rem;box-sizing:border-box;}
.teams li .time .num{margin-right:.04rem;}
.teams li p{line-height:initial;font-size:.22rem;}
.teams .avatar{width:1.6rem;height:1.32rem;box-sizing:border-box;padding:.14rem 0 0 .24rem;position:relative;}
.teams img{width:1.12rem;height:1.12rem;overflow:hidden;}
.teams i{font-size:0;width:1.27rem;height:1.5rem;background:url('../img/ico_vs.png') no-repeat center / contain;}
.btn_guess{display:block;width:1.4rem;height:.53rem;background:url('../img/btn_tb.png') no-repeat center / contain;margin:.14rem auto 0 auto;}
.btn_guess.yjs{background:url('../img/btn_yjs.png') no-repeat center / contain;}
.btn_guess.ytb{background:url('../img/btn_ytb.png') no-repeat center / contain;}
.pagination{width:2.08rem;height:.5rem;position:absolute;bottom:.2rem;left:50%;transform:translateX(-50%)}
.pagination .prev,.pagination .next{display:block;width:.5rem;height:.5rem;background:url('../img/pagination.png') no-repeat center / 2.08rem .5rem;}
.pagination .prev{background-position:0 0;float:left;}
.pagination .next{background-position:100% 0;float:right;}
.pagination .prev.end,.pagination .next.end{filter:grayscale(1);}
.tab_item .icon{width:1.5rem;height:1.5rem;background:url('../img/gift/bg.png') no-repeat center / cover;display:flex;align-items:center;justify-content:center;margin-bottom:.1rem;position:relative;}
.tab_item .gift img{width:100%;height:100%;object-fit:contain;}
.tab_item .gift{width:5.74rem;height:12.7rem;overflow:hidden;background:rgba(255,255,255,.4);margin:0 auto .3rem auto;position:relative;box-sizing:border-box;padding:.8rem .1rem 0 .55rem;}
.tab_item .gift ul{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.tab_item .gift li:nth-child(even){margin-left:.6rem;}
.tab_item .gift li{width:2rem;color:#7f694e;text-align:left;line-height:.34rem;margin-bottom:.6rem;height:2.4rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;white-space:nowrap;}

.tab_item .gift .price{font-weight:bold;}
.pagination{display:none;}
.pagination.show{display:block;}
.tab_item:last-child{height:13.27rem;box-sizing:border-box;padding-top:.28rem;}
.p2{padding-top:1.1rem;min-height:10rem;background-image:url('../img/p2.jpg');}
table.task{width:6.2rem;margin:0 auto;border-color:#d5a642;}
.task thead{width:100%;height:.6rem;background:url('../img/bg_tit.jpg') no-repeat center / cover;color:#2c190c;font-size:.26rem;font-weight:bold;}
.task tbody tr{width:100%;height:.6rem;background:rgba(255,255,255,.1);color:#d3a23f;font-size:.22rem;}
.task tbody tr td{box-sizing:border-box;}
.task tbody tr td:nth-child(1){width:3.2rem;text-align:left;padding-left:.32rem;}
.task tbody tr td:nth-child(2){width:1.7rem;}
.task tbody tr td:nth-child(3){width:1.3rem;}
.task a{display:block;width:1.13rem;height:.38rem;background:url('../img/bg_task_btn.png') no-repeat center / contain;text-align:center;line-height:.38rem;color:#6d1e09;margin:0 auto;}
.task a.end{filter:grayscale(1);}
.part .tip{color:#ff0000;font-size:.24rem;font-weight:bold;line-height:.6rem;}
.exp{line-height:.26rem;color:#b79253;font-size:.22rem;margin-top:.7rem;}
.qr{width:2.4rem;height:2.4rem;margin:.12rem auto 0 auto;}
.twpop .twpop-title{color:#fecb8b;font-size:.32rem;}
.twpop .twpop-close{background:url('../img/close.png') no-repeat center / .4rem;position:absolute;right:.1rem;top:.1rem;width:.4rem;height:.4rem;cursor:pointer;}
.twpop .twpop-main{background:linear-gradient(to top,#852300 0%,#762802 75%,#762802 100%);border:2px solid #a15c1d;}
.twpop .twpop-cont{color:#ffdcaa;}
.twpop .twpop-input,.twpop .twpop-select{color:#ffdcaa;}
.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;}
.twpop .twpop-from-lable{flex-shrink:0;}
.twpop .twpop-btn{display:inline-block;min-width:2rem;box-sizing:border-box;height:.6rem;line-height:.6rem;background-image:linear-gradient(to bottom,#ffbc3c,#ffdc53,#fffd8c);background-image:-webkit-linear-gradient(to bottom,#ffbc3c,#ffdc53,#fffd8c);color:#7e3601;padding:0 .2rem;font-size:.3rem;font-weight:bold;cursor:pointer;}
.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:.5rem;height:3.2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:4;font-size:0;text-indent:-9999px;}
.btn_prize{width:.5rem;height:1.4rem;background:url('../img/btn_prize.png') no-repeat center / contain;}
.btn_rule{width:.5rem;height:1.4rem;background:url('../img/btn_rule.png') no-repeat center / contain;}
.twpop_rule .rule{text-align:left;}
.rule table{width:100%;margin:.1rem 0;text-align:center;color:#dfc287;font-size:.22rem;border-color:#d5a642;}
.rule thead{background:#d2a03e;color:#543018;}
.rule tbody tr td{padding:4px;}
.twpop .twpop_record table{width:100%;margin:.1rem 0;text-align:center;color:#dfc287;font-size:.22rem;border-color:#d5a642;}
.twpop .twpop_record thead{background:#d2a03e;color:#543018;}
.twpop .twpop_record tbody tr td{padding:4px;}
.twpop .twpop_record{width:7rem;max-width:unset;}
.twpop .twpop_record .twpop-cont{padding:.2rem;font-size:.2rem;}
.twpop .twpop-mask{z-index:99;}
.twpop .twpop-main{z-index:100;}
.twpop_exchange .info{line-height:initial;}
.twpop_exchange .price{color:#ff0808;}
.twpop_exchange .icon{width:1.5rem;height:1.5rem;background:url(../img/gift/bg.png) no-repeat center / cover;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.twpop_exchange .icon img{width:100%;height:100%;object-fit:contain;}
.twpop_exchange .tip{margin-top:.1rem;line-height:.4rem;}
.twpop .guess_info{text-align:left;margin-bottom:.1rem;}
.twpop .guess_info p{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.twpop .twpop_coin .twpop-input,.twpop .twpop_coin .twpop-select option{color:#000;}
::-webkit-scrollbar {display:none;}
.percent_10::after{content:'';width:1.09rem;height:.67rem;background:url('../img/discount/10_.png') no-repeat center / contain;position:absolute;top:-.33rem;left:-.2rem;}
.percent_15::after{content:'';width:1.09rem;height:.67rem;background:url('../img/discount/15_.png') no-repeat center / contain;position:absolute;top:-.33rem;left:-.2rem;}
.percent_20::after{content:'';width:1.09rem;height:.67rem;background:url('../img/discount/20_.png') no-repeat center / contain;position:absolute;top:-.33rem;left:-.2rem;}
.percent_30::after{content:'';width:1.09rem;height:.67rem;background:url('../img/discount/30_.png') no-repeat center / contain;position:absolute;top:-.33rem;left:-.2rem;}

.twpop .twpop_exchange{max-width:unset !important;width:5.03rem;background:transparent;border:unset;}
.twpop .twpop_exchange .twpop-title{font-size:0;text-indent:-9999px;width:5.03rem;height:.82rem;background:url('../img/pop_exchange.png') no-repeat 0 0 / 5.03rem 6.18rem;padding:0;border-bottom:unset;}
.twpop .twpop_exchange .twpop-cont{font-size:.24rem;width:5.03rem;height:5.36rem;background:url('../img/pop_exchange.png') repeat 0 -.82rem / 5.03rem 6.18rem;box-sizing:border-box;}
.twpop .twpop_exchange .name{background-image:linear-gradient(to top,#dd7733,#f8cd6c,#fadea0);background-image:-webkit-linear-gradient(to top,#dd7733,#f8cd6c,#fadea0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:bold;}
.twpop .twpop_exchange .original_price{color:#ffce8e;text-decoration:line-through;text-decoration-color:red;text-decoration-thickness:2px;}
.twpop .twpop_exchange .time{color:#72ff00;font-size:.22rem;margin-top:.16rem;}
.twpop .twpop_exchange .twpop-foot{margin-top:.16rem;}
.twpop .twpop_exchange .twpop-foot .twpop-btn{width:1.5rem;height:.6rem;background:url('../img/btn_qrdh.png') no-repeat center / contain;font-size:0;text-indent:-9999px;}
.twpop .twpop_exchange .twpop-close{top:-.5rem;}
.tab_item .original_price{text-decoration:line-through;text-decoration-color:red;text-decoration-thickness:2px;}