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: #b37348;-webkit-tap-highlight-color:rgba(255,0,0,0); -webkit-touch-callout:none}
html{font-size: calc(100vw/7.5);background:#67270e}
body{font:.24rem / .3rem "Microsoft Yahei",sans-serif;color: #b37348;}
table{border-collapse:collapse}
img{display: block;width: 100%;}
input:-webkit-autofill{background: transparent;transition: background-color 50000s ease-in-out 0s;-webkit-text-fill-color: #e3ebc5;}	
::-webkit-scrollbar {display:none;}
.app{width:7.5rem;margin:0 auto;position:relative;background:url('../imgs/page.jpg') no-repeat center top / 7.5rem auto;}
.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: 8rem;overflow: hidden;position: relative; color: #fce17a;}
.time{font-size: .28rem; padding-top: 5.4rem; text-align: center;}
.btn_down{width: 1.94rem; height: .62rem; display: block; background: url('../imgs/down.png') no-repeat center / cover; position: absolute; right: .3rem; top: .4rem; font-size: 0;}
.user{position: absolute; left: .2rem; top: .42rem; display: flex; align-items: center;}
.user .btn{display: inline-block; text-align: center; margin-left: .1rem; width: 1.05rem; line-height: .54rem; color: #fff; background: url('../imgs/btn.jpg') no-repeat center / cover;}
.side{position: absolute; right: .14rem; top: 1.52rem;}
.btn_rule,.btn_my,.btn_pay{display: block; margin-bottom: .2rem; width: 1.05rem; height: .82rem; font-size: 0; background: url('../imgs/side_btn.png') no-repeat left top / 1.05rem 3rem;}
.btn_my{background-position: 0 -1.02rem;}
.btn_pay{background-position: 0 -2.05rem;}
.main{height: 19.5rem; overflow-y: auto; margin: 0 .65rem;}
.main .item{height: 1.72rem; color: #ffdcaa; position: relative; padding: .2rem; border: .02rem solid #96401f;background-image: linear-gradient(top,#451002,#852200);background-image: -webkit-linear-gradient(top,#451002,#852200);  margin-top: .2rem;}
.main .amount{font-size: .38rem;}
.main .num{position: absolute; right: .3rem; top: .17rem; line-height: 1;}
.main .cell{margin-top: .2rem;}
.main .bd{font-size: .35rem; padding-top: .2rem; font-weight: bold; line-height: 1.2; background: linear-gradient(#fffcf7, #ffab08);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.btn_get{display: block; height: 1.03rem; width: 1.82rem; background: url('../imgs/btn_get.png') no-repeat left top / 1.82rem auto; font-size: 0;}
.btn_get.not{background-position: 0 -1.13rem;}
.btn_get.end{background-position: 0 -2.26rem;}
.btn_get.finish{background-position: 0 -3.39rem;}
.foot{height: 4.38rem; padding-top: .4rem; text-align: center; color: #decf8e; font-size: .28rem; line-height: 1.6;}
.foot,.time{text-shadow: -1px -1px 2px black,1px -1px 2px black, -1px 1px 2px black,1px 1px 2px black;}
.qr{width: 2.4rem; height: 2.4rem; background: #220400; padding: 0.05rem; margin: .3rem auto;}

.twpop{z-index:1001;position:relative}
.twpop .twpop-title,.pt{border:none;font-size:.28rem; margin-top: -.5rem; font-weight:700;padding:0;line-height:.6rem;height:.62rem;color:#f8daa6;background:url('../imgs/pt.png') no-repeat center/5.48rem .62rem;}
.twpop .twpop-main{border:2px solid #904a19;background:#341001;width:6.9rem;max-width:6.9rem;line-height:1.6;color:#f8daa6;font-size:.24rem}
.twpop .twpop-cont{padding:.28rem;position:relative;min-height:1rem}
.twpop .twpop-diy-content{max-height:10rem}
.twpop .twpop-close,.pop .close{top:-.6rem;right:0;width:.6rem;height:.6rem;background:url('../imgs/close.png') no-repeat center / .6rem; z-index:10}
.twpop .twpop-foot{margin-top:.2rem}
.twpop .twpop-from-lable{width: 1rem;color: #f8ffd8;font-size: .25rem;margin-right: .2rem;text-align: right;}
.twpop .twpop-from-bd{background-color: #040404;border: 1px solid #2f3e14;height: .62rem;}
.twpop .twpop-input,.twpop .twpop-select{height: .62rem;line-height: .62rem;color: #ffcc43;font-size: .28rem;}

.pop,.mask{position: fixed;z-index: 100;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, .76); display: none;}
.mask{display: block;background: transparent;}
.pop_main{position: fixed; left: 50%; top:50%; z-index: 100; width:6.36rem;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-animation: zoom .2s linear both;animation: zoom .2s linear both;}
@-webkit-keyframes zoom {0%{-webkit-transform: translate(-50%,-50%) scale(.5);opacity: 0;}100%{-webkit-transform: translate(-50%,-50%) scale(1);opacity: 1;}}
@keyframes zoom {0%{transform: translate(-50%,-50%) scale(.5);opacity: 0;}100%{transform: translate(-50%,-50%) scale(1);opacity: 1;}}
.pt{position: relative;text-align: center;margin-top:0;}
.pop .close{position: absolute; top: -.12rem;}
.pop_body{border:2px solid #904a19;background:#341001; color: #f8daa6; padding: .2rem; min-height: 2rem;margin-top: -.14rem;}

.rule{text-align: left;line-height: 1.6;}
.pop_voucher{padding:.3rem .5rem;}
.tab{height: .5rem;}
.tab li{-webkit-box-flex:1;-webkit-flex:1;flex:1;line-height: .5rem;color: #b37348;text-align: center; font-weight: bold;border-bottom: .04rem solid #b37348;}
.tab li.on{border-color: #ffdd98; color: #ffdd98;}
.tab_cont{margin: .5rem 0 0; padding: 0 .15rem; max-height: 8rem; overflow-y: auto;}
.tab_cont ul{display: none;}
.tab_cont li{display: flex;justify-content: space-between; margin-bottom: .2rem;}
.tab_cont .ticket,.tab_cont .te{line-height: .65rem; height: .65rem; width:3.24rem; text-align: center;font-size: .2rem;color: #341001; background: url('../imgs/ticket.jpg') no-repeat center / cover; border-radius: .1rem;}
.btn_use,.btn_expire,.btn_use_end,.btn_use_ing{width: 1.78rem;height: .69rem;margin-left: .24rem; background: url('../imgs/pop_btn.png') no-repeat left top / 1.78rem auto; font-size: 0;}
.tab_cont .te{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.btn_expire{background-position: 0 -.83rem;}
.btn_use_end{background-position: 0 -1.58rem;}
.btn_use_ing{background-position: 0 -2.4rem;}

.crad{text-align: center;}
.crad h3{color: #ffdd98; font-size: .32rem; line-height: 1.6;}
.crad ul{display: flex; flex-wrap: wrap; margin: .2rem; max-height: 4rem; overflow-y: auto;}
.crad ul li{line-height: .65rem; height: .65rem; width:2.54rem; border-radius: .1rem; color: #341001; margin:0 .1rem .2rem; background: url('../imgs/ticket.jpg') no-repeat center / cover;}
.btn_kt,.btn_lq{font-size: 0; display: block; background-repeat: no-repeat; background-size: cover;margin: 0 auto .18rem;}
.btn_kt{width: 3.3rem; height: .86rem; background-image: url('../imgs/kt.png');}
.btn_lq{width: 1.78rem; height: .69rem; background-image: url('../imgs/lq.png');}
.select2-container--default .select2-selection--single{background: transparent!important;border: none!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color: #ffcc43!important;line-height: .6rem;height: .6rem!important;font-size: .28rem!important;}
.select2-selection__arrow{display: none;}
.tips{text-align:left;margin-top:.2rem;}
.twpop .twpop-from-bd{background: rgba(0,0,0,.4);border:1px solid #904a19}
.twpop .twpop-btn{color: #b14505; border: none;border-radius: 0;  background: #ffc374;background-image: linear-gradient(top,#ffe985,#ff914a);background-image: -webkit-linear-gradient(top,#ffe985,#ff914a);}
.pay{display: flex;justify-content: center; margin: .2rem 0;}
.pay span{padding: .1rem .2rem; border: 1px solid #5c3110; background: #5b0700; color: #a9571a; min-width: 2rem; border-radius: .04rem; margin: 0 .2rem;}
.pay .on{ border: 1px solid #bd6524; background: #592108;color: #f9ef8f; font-weight: bold;}