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: #ffe1b7;-webkit-tap-highlight-color:rgba(255,0,0,0); -webkit-touch-callout:none}
html{font-size: calc(100vw/7.5);}
body{font:.25rem / .38rem "Microsoft Yahei",Arial;color: #ffe1b7;background: #2f0c03;}
table{border-collapse:collapse}
img{display: block;width: 100%;}
::-webkit-scrollbar {display:none;}
.page{width:7.5rem;margin:0 auto; text-align: center;background:  url('../imgs/page1.jpg') no-repeat center top / 7.5rem auto;padding-bottom:.4rem;}
.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: 12.1rem;}
.logo{display: block; width: 1.76rem; position: absolute; top: .17rem; left: .2rem;}
.user{position: absolute; top: .3rem; right: .2rem; display: flex; align-items: center; font-size: .25rem; color: #f2c867; height: .54rem; line-height: .4rem; text-shadow: 0 0 1px #ffdd70; background: url('../imgs/user.png') no-repeat center / 2.98rem auto;}
.user .btn{width: 1.18rem; height: .4rem; background: url('../imgs/user_btn.jpg') no-repeat center / cover; margin-left: .2rem; font-size: .2rem; color: #652c00;}
.user .switch{display: inline-block; padding: 0 .1rem; margin-left: .05rem; text-decoration: underline;}
.side{position: fixed;right: 0;top:2.1rem;}
.btn_rule,.btn_gift{display: block;width: .5rem;height: 1.2rem;overflow: hidden; font-size: 0; text-indent: -999px; background: url('../imgs/side.png') no-repeat center top / .5rem 2.4rem;}
.btn_gift{background-position: center bottom;}
.part{display: none; min-height: 1rem; margin: .1rem auto 0; position: relative;}
.part_cont{padding: .3rem .5rem;}
.part .text{text-align: left; margin: .2rem 0; text-shadow: 0 0 1px #180704;}
.pt1,.pt2{background-repeat: no-repeat; background-size: cover; margin: 0 auto; font-size: 0; overflow: hidden; text-indent: -999px;}
.pt1{width: 4.62rem; height: .48rem;background-image: url('../imgs/pt1.png');}
.pt2{width: 5.78rem; height: .62rem;background-image: url('../imgs/pt2.png');}
.activate .text{text-align: center; margin: .25rem .0;}
.btn_cash{display: inline-block; width: 2.14rem; height: .74rem; background: url('../imgs/btn_tx.png') no-repeat center / cover;font-size: 0;}
.result{margin-top: .25rem; height: 1.44rem; display: none;}
.result span,.red{color: #ff1616;}
.btn_get{display: block; width: 2.14rem; height: .74rem; background: url('../imgs/btn_get.png') no-repeat center / cover;font-size: 0; margin: 0 auto .1rem;}
.finish{position: relative; height: 1rem; font-size: 0; display: none;}
.finish::after{content: ''; position: absolute; bottom: -.1rem; right: 0; width: 2rem; height: 1.6rem; background: url('../imgs/finish.png') no-repeat center / cover;}
.answer{height: 3.42rem;}
.receive{min-height: 7.5rem;}
.result_btn{display: none;}

.foot{margin-top: .6rem; padding: 1rem 0 0; background: url('../imgs/kf.png') no-repeat center top / 4.06rem auto;}
.btn_kf{display: inline-block; width: 1.74rem; height: .55rem; background: url('../imgs/btn_kf.jpg') no-repeat center / cover;font-size: 0;}

.twpop{z-index:1001;position:relative}
.twpop .twpop-main,.part{width:6.72rem; background: url('../imgs/pop.jpg') no-repeat center top / 6.72rem 7.6rem;}
.twpop .twpop-main{max-width:6.72rem;line-height:.26rem; color:#ffe1b7; font-size: .22rem;}
.twpop .twpop-main::after,
.twpop .twpop-main::before,
.part::after,
.part::before{content: '';position: absolute;left: 0;background: url('../imgs/ptb.png') no-repeat left top / 7.14rem .59rem;}
.twpop .twpop-main::before,.part::before{height: .38rem; width: 7.14rem;left: -.16rem;top: -.12rem;}
.twpop .twpop-main::after,.part::after{bottom: -.09rem; left: -.02rem; height: .22rem; width: 6.74rem; background-position: left bottom;}
.twpop-msg .twpop-main::after,.twpop-msg .twpop-main::before,.twpop-load .twpop-main::after,.twpop-load .twpop-main::before{display: none;}
.twpop .twpop-close{background: url('../imgs/close.png') no-repeat center / .46rem; width: .48rem; height: .48rem; top: -.24rem; right:0;}
.twpop .twpop-title{font-size: .28rem; border: none; padding:.26rem 0 0;color: #ffca81;}
.twpop .twpop-cont{padding: .1rem .2rem .2rem;}
.twpop .twpop-diy-content{max-height:6.8rem;}
.twpop .twpop-form-list{padding: .2rem .4rem 0;}
.twpop .twpop-from-bd{background: #fff;}
.twpop .twpop-foot{margin-top: .1rem;}
.twpop .twpop-btn{border:none; font-size: .26rem; color: #ffe5c7; text-shadow: 0 1px 1px #ae3609; background: #ed711a; border-radius: .06rem;}
.rule{text-align: left; padding: .1rem .2rem;}
.rule p{margin-bottom: .08rem; padding-left: .3rem;position: relative;}
.rule p i{position: absolute;left: 0;top: 0; font-style: normal;}
.rule a{font-weight: bold; color: #275ddb;}
.tl{text-align: left;}
.twpop-list{padding: .1rem .2rem;}
.twpop-list li{display: flex;justify-content: space-between; align-items: center;padding:.1rem 0;text-align: left; border-bottom: 1px dashed #936b44;}
.code{border: .08rem solid #872804;width: 2.4rem; margin: 0 auto;}