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:#ffe648;-webkit-tap-highlight-color:rgba(255,0,0,0);-webkit-touch-callout:none}
input{-webkit-appearance:none;appearance:none;outline:0}
html{font-size:calc(100vw/7.5);}
body{font:.2rem / .36rem "Microsoft Yahei",sans-serif;color:#ffce8e;}
table{border-collapse:collapse}
img{display:block;width:100%;}
::-webkit-scrollbar{display:none;}
.app{max-width:7.5rem;margin:0 auto;text-align:center;position:relative;background:#5c1509;}
.part{position:relative;overflow:hidden;background-size:7.5rem auto;background-repeat:no-repeat;background-position:center top;box-sizing:border-box;}
.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;}
.head{height:6.9rem;background-image:url('../imgs/head.jpg');}
.logo{position:absolute;display:block;width:1.64rem;top:.14rem;left:.18rem;}
.bx{width:5.98rem;height:3.37rem;margin:.2rem auto 0 auto;background:url('../imgs/bx.png') no-repeat center / contain;display:flex;align-items:center;justify-content:center;}
.bx img{width:1.96rem;height:2rem;}
.btn_bx{display:block;width:2.6rem;height:.8rem;background:url('../imgs/btn_bx.png') no-repeat center / contain;margin:0 auto .38rem auto;}
.btn_bx.end{background:url('../imgs/btn_bx_end.png') no-repeat center / contain;}
.p1 .exp{color:#e9bb73;font-size:.22rem;}
.task .title{font-size:.26rem;font-weight:bolder;color:#ffcc7b;line-height:.4rem;width:5rem;text-align:left;box-sizing:border-box;padding-left:.4rem;white-space:wrap;}
.task .cont{font-size:.18rem;color:#ffdcaa;width:5rem;text-align:left;box-sizing:border-box;padding-left:.4rem;white-space:wrap;}
.task li{width:6.91rem;height:1.69rem;background:url('../imgs/bg.png') no-repeat center / contain;position:relative;box-sizing:border-box;padding:.3rem 0;margin:.15rem auto;}
.task .btn{display:block;width:1.59rem;height:.6rem;background:url('../imgs/btn_task.png') no-repeat center / contain;position:absolute;top:50%;transform:translateY(-50%);right:.2rem;}
.task .btn.on{background:url('../imgs/btn_task_on.png') no-repeat center / contain;}
.task .btn.end{background:url('../imgs/btn_task_end.png') no-repeat center / contain;}
.btn_recharge{width:1.88rem;height:.53rem;background:url(../imgs/btn_recharge.png) no-repeat center / contain;display:block;margin-left:5.5rem;}
.progress{display:flex;justify-content:center;align-items:center;margin:.4rem auto .3rem auto;}
.progress li:first-child,.progress li:last-child{width:1.2rem;box-sizing:border-box;}
.progress li:not(:first-child):not(:last-child){width:1.1rem;}
.progress li img{width:.92rem;height:.98rem;}
.progress li:not(:first-child):not(:last-child) img{margin:0 auto;}
.progress li:first-child img{margin-left:.15rem;}
.progress li:last-child img{margin-left:.12rem;}
.progress li .bar{height:.04rem;width:100%;background-color:#a9a9a9;margin:.3rem 0;position:relative;}
.progress li p{line-height:.47rem;font-size:.22rem;background-image:linear-gradient(to top,#ffd8a1,#ffc378,#e2a054);background-image:-webkit-linear-gradient(to top,#ffd8a1,#ffc378,#e2a054);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;}
.progress li .bar::after{content:'';display:block;position:absolute;left:50%;top:50%;height:.28rem;width:.28rem;border-radius:50%;background-color:inherit;}
.progress li:not(:first-child):not(:last-child) .bar::after{transform:translate(-50%,-50%);}
.progress li:first-child .bar::after,.progress li:last-child .bar::after{transform:translate(-40%,-50%);}
.progress li.on .bar::after{background-color:#ffcc7b;}
.progress li.on .bar{background-color:#ffcc7b;}
.btn_lq{display:block;width:2.4rem;height:.6rem;background:url(../imgs/btn_lq.png) no-repeat center / contain;margin:0 auto .3rem auto;}
.btn_lq.end{background:url(../imgs/btn_ylq.png) no-repeat center / contain !important;}
.p3 .exp{color:#e9bb73;font-size:.18rem;}
.p3 .codes{margin-top:.3rem;display:flex;justify-content:center;align-items:center;}
.p3 .code{margin:0 .36rem;width:2.6rem;}
.p3 .codes img{width:2.4rem;height:2.4rem;background:#fff;border:.1rem solid #872804;margin-bottom:.1rem;}
.p3 .codes p{width:100%;font-size:.18rem;color:#e9bb73;line-height:.32rem;}
.menu{z-index:10;position:fixed;bottom:0;width:7.5rem;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:flex-end;}
.menu a{display:block;width:3.62rem;height:.86rem;background:url(../imgs/menu.png);background-repeat:no-repeat;background-size:7.4rem 2rem;margin:0 .04rem .08rem .04rem;}
.menu a.syhc{background-position:0 -1.14rem;}
.menu a.syhc.on{background-position:0 0;}
.menu a.hlyl{background-position:-3.78rem -1.14rem;}
.menu a.hlyl.on{background-position:-3.78rem 0;}
.side{position:fixed;right:0;top:2.4rem;text-indent:-9999px;font-size:0;z-index:4;display:flex;flex-direction:column;align-items:center;}
.side .rule{width:.5rem;height:1.2rem;background:url(../imgs/btn_rule.png) no-repeat center / contain;z-index:inherit;}
.side .myprize{width:.5rem;height:1.2rem;background:url(../imgs/myprize.png) no-repeat center / contain;}

.p1{height:7.18rem;background-image:url('../imgs/p1.jpg');}
.desc{padding-top:1.3rem;font-size:.22rem;}
.desc span{color:#ffe84c;}
.p2{height:9.66rem;background-image:url('../imgs/p2.jpg');}
.p3{height:10.8rem;background-image:url('../imgs/p3.jpg');padding-top:1.37rem;}
.twpop .twpop-title{color:#ffcc7b;}
.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_rule .twpop-cont{font-size:.24rem;text-align:left;}
.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(42,8,0,.8);position:fixed;top:0;width:7.5rem;z-index:10;padding:0;text-align:left;color:#fff;height:1rem;padding:0 .2rem 0 .27rem;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:.26rem;color:#ffce62;}
.top p{font-size:.22rem;color:#fbefbe;}
.to_game{display:block;width:1.853rem;height:.64rem;background:url('../imgs/to_game.png') no-repeat center / cover;font-size:0;box-shadow:0 .04rem .01rem rgba(0,0,0,.15);}
.user .after,.user .before{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:1.5rem;right:.3rem;width:100%;}
.user .btn{display:block;width:1.4rem;height:.55rem;background:url(../imgs/btn_bg.png) no-repeat center / contain;margin-left:.12rem;}
.user .btn i{line-height:.55rem;font-size:.24rem;background-image:linear-gradient(to top,#f7ffc0,#f7ff81,#f3ff69);background-image:-webkit-linear-gradient(to top,#f7ffc0,#f7ff81,#f3ff69);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;}
.user .info{font-size:.24rem;color:#f4f7d2;}
.twpop_gift ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:.3rem;}
.twpop_gift ul li{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 .02rem;width:1.6rem;}
.twpop_gift ul li img{width:.92rem;height:.98rem;margin:0 auto .16rem auto;}
.twpop_gift ul li span{font-size:.22rem;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:1.6rem;}
.twpop .tip{color:#cd9663;font-size:.2rem;line-height:.6rem;}
.twpop .twpop-btn,.btn_sx{display:inline-block;align-items:center;justify-content:center;min-width:2rem;box-sizing:border-box;padding:.1rem .2rem;height:.6rem;line-height:.6rem;background:#c4a868;color:#2e1c07;padding:0 .2rem;border:#e7b851 solid .01rem;}
.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:#ffdcaa;}
.twpop .twpop-from-lable{flex-shrink:0;}
.twpop .code{width:3.5rem;height:3.5rem;margin:0 auto .2rem auto;}
.twpop .twpop-mask{z-index:99;}
.twpop .twpop-main{z-index:999;}
.twpop .twpop_login_gift .tip,.twpop .twpop_gift .tip{line-height:initial;margin-bottom:.24rem;}