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: #5b2000;-webkit-tap-highlight-color:rgba(255,0,0,0); -webkit-touch-callout:none}
html{font-size: calc(100vw/7.5);}
body{font:.22rem / .3rem -apple-system,"Microsoft YaHei",Helvetica,Arial;color: #5b2000;}
table{border-collapse:collapse}
img{display: block;width: 100%;}
::-webkit-scrollbar {display:none;}
.app{width:7.5rem;margin:0 auto;position:relative;background:#0f1d09;}
.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}
.header,.part1,.part2,.part3,.part4{position: relative;background-repeat: no-repeat;background-size: 7.5rem auto; background-position: center top; overflow: hidden;}
.top{height: 1rem;background: url('../imgs/top.jpg') no-repeat center top / 7.5rem auto;color: #fee8a9; padding: 0 .1rem 0 1.65rem;z-index: 2; position: fixed; left: 50%; transform: translateX(-50%); top: 0; width: 7.5rem; box-sizing: border-box;}
.top .logo_hd{width: 1.24rem;height: 1.24rem; position: absolute; top: .13rem;left: .24rem;border-radius: .2rem;overflow: hidden;}
.top_down,.btn_login,.btn_out,.btn_get,.btn_pay,.btn_bind,.btn_apply,.btn_invite,.twpop .twpop-btn{background: url('../imgs/btns.png') no-repeat -999px / 3.2rem auto; font-size: 0;}
.top_down{width: 1.92rem; height: .7rem; background-position: 0 0;}
.header{height: 12.32rem; background-image: url('../imgs/head.jpg');}
.btn_pay{width: 1rem; height: 1.36rem; position: fixed;right: .1rem; top: 3.7rem;background-position: -2.2rem -1.4rem;z-index: 2;}
.btn_login,.user{position: absolute;top: 1.14rem;right: .2rem;}
.user{display: none;color: #fff;}
.user p{display: inline-block; margin-right: .1rem;text-shadow: -1px -1px 0 #17516d,1px -1px 0 #17516d,-1px 1px 0 #17516d, 1px 1px 0 #17516d;}
.btn_login,.btn_out{width: 1.02rem;line-height: .5rem;display: inline-block;background-position: -2.01rem 0;font-size: .27rem;text-align: center;color: #fff;}
.btn_rule,.btn_reward{position: absolute;left: 0;color: #5b2000;width: .36rem; height: 1.36rem; line-height: 1.1; padding: .1rem 0 0 .02rem; box-sizing: border-box; border-radius: 0 .18rem .18rem 0;}
.btn_rule{top: 2.06rem;background: #ffcf43;}
.btn_reward{top: 3.67rem;background: #fa6520;}
.part1{background-image: url('../imgs/p1.jpg'); height: 4.7rem;}
.coupon{display: flex; justify-content: center; margin-top: 2.8rem;}
.btn_get{display: inline-block;width: 1.26rem;height: .5rem;background-position: 0 -.8rem;border-radius: .16rem;}
.btn_get.end{background-position: -1.35rem -.8rem;}
.btn_get.not{background-position: 0 -1.4rem;}
.coupon .btn_get{margin: 0 .6rem;}
.part2{background-image: url('../imgs/p2.jpg'); height: 9.85rem;overflow: hidden;}
.step{margin: 2rem 0 0 .63rem;width: 6.3rem; height: 5.5rem; position: relative;}
.invite{text-align: center;color: #ffda63;}
.btn_invite{background-position: 0 -4.45rem; width: 2.1rem; height: .52rem; margin: .2rem auto;}
.circle{display: block; width: 0; height: 0; background: url('../imgs/circle.png') no-repeat left top / 4.01rem 4.32rem; position: absolute; top: .07rem; left: 1.27rem;}
.c3{width: 1.65rem; height: 1.7rem;}
.c5{width: 1.65rem; height: 3.2rem;}
.c7{width: 1.65rem; height: 4.1rem;}
.c10{width: 3.5rem; height: 4.3rem;}
.c10{width: 3.5rem; height: 4.32rem;}
.c11{width: 4.01rem; height: 4.32rem;}

#btn_get_invite_prize_179{position: absolute;left: 1.06rem;top: 0;}
#btn_get_invite_prize_180{position: absolute;left: 0;top: 1.34rem;}
#btn_get_invite_prize_181{position: absolute;left: .13rem;top:3.05rem;}
#btn_get_invite_prize_182{position: absolute;left: 2.4rem;top:4.44rem;}
#btn_get_invite_prize_183{position: absolute;left: 5.03rem;top:3.7rem;}

.part3{background-image: url('../imgs/p3.jpg'); height: 6.61rem;}
.day{margin: 1.22rem 0 0 .4rem;}
.day li{background: url('../imgs/day.png') no-repeat center / cover;font-size: .24rem; width: 6.91rem; height: .85rem; margin-bottom: .07rem; display: flex; align-items: center; padding: .2rem .47rem .15rem .3rem; box-sizing: border-box;}
.part4{background-image: url('../imgs/p4.jpg'); height: 2.6rem; padding-top: 5.96rem; display: flex; justify-content: center;}
.btn_bind,.btn_apply{height: .52rem;width: 2.12rem; margin: 0 .28rem;cursor: pointer;}
.btn_bind{background-position: 0 -1.99rem;}
.btn_apply{background-position: 0 -2.6rem;}
.twpop{z-index:1001;position:relative}
.twpop-load, .twpop-mask, .twpop-msg{background-color: rgba(0,0,0,.75)!important;}
.twpop .twpop-main{width:6.84rem;max-width:6.84rem; background: url('../imgs/pop.jpg') no-repeat center top / 6.84rem 100%; line-height:.48rem; color:#fff; font-size: .24rem;}
.twpop .twpop-main::after,
.twpop .twpop-main::before{content: '';position: absolute;left: 0;background: url('../imgs/ptb.png') no-repeat left top / 7.45rem 3.06rem; width: 7.45rem;}
.twpop .twpop-main::before{height: 1.6rem; left: -.28rem;top: -1.5rem;}
.twpop .twpop-main::after{height: 1.36rem; left: -.28rem;  bottom: -1.34rem; 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-msg .twpop-main{background: #fff!important; color: #333!important;}
.twpop-msg .twpop-msg-text{padding: 6px 20px;}
.twpop .twpop-foot{margin-top: .4rem;display: flex;align-items: center;justify-content: center;}
.twpop .twpop-close{background: url('../imgs/close.png') no-repeat center / .62rem; width: .7rem; height: .7rem; top: -.8rem; right:.4rem;}
.twpop .twpop-title{font-size: .3rem; border: none; padding:0;color: #fff; margin-top: -.4rem; margin-bottom: .1rem;}
.twpop .twpop-cont{padding:0 .6rem; position: relative; z-index: 1;margin-bottom: -0.3rem;}
.twpop .twpop-btn{border:none; font:bold .27rem / .5rem '思源黑体'; width: 2.1rem; height: .5rem; margin: 0 .24rem; font-weight: bold; padding: 0; border-radius: 0; color: #fff; background-position: 0 -3.21rem;}
.twpop .twpop-btn:nth-child(2){background-position: 0 -3.81rem;}
.twpop .twpop-from-bd{background: #fff;}
.twpop .twpop-from-text{margin-bottom:.2rem}
.twpop .twpop-from-label{width: .8rem;text-align: right;}
.twpop .btn_coin{background: url('../imgs/btn_coin.png') no-repeat center / cover;width: 2.07rem; height: .56rem;padding:.12rem .1rem;font: .22rem / 1.2 '思源黑体';}
.twpop-input, .twpop-select,.select2-container--default .select2-selection--single .select2-selection__rendered{font-size:.24rem!important;color:#333!important;}
.select2-container--default .select2-selection--single{border:none!important}

.rule{text-align: left;}
.rule-table{width:100%;margin:.1rem 0;border-collapse:collapse;color:#fff;font-size:.22rem;line-height:1.35;}
.rule-table th,.rule-table td{border:1px solid #9d9d9d;padding:.1rem .08rem;text-align:center;font-weight:normal;}
.rule-table th{font-weight:bold;}
.twpop-list{max-height:4.6rem;overflow-y:auto;}
.twpop-list li{display:flex;align-items:center;justify-content:space-between;gap:.2rem;padding:.12rem .1rem;border-bottom:1px solid rgba(255,255,255,.2);line-height:1.4;}
.twpop-list .bd{text-align:left;white-space:normal;color:#fff;word-break:break-all;}
.twpop-list .status{flex-shrink:0;color:#ffd98e;}
.gray{-webkit-filter: grayscale(100%);filter: grayscale(100%); filter: gray;}