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: #fff;-webkit-tap-highlight-color:rgba(255,0,0,0); -webkit-touch-callout:none}
html{font-size: calc(100vw/7.5);}
body{font:.22rem / .3rem "Microsoft Yahei",Arial;color: #fff;}
table{border-collapse:collapse}
img{display: block;width: 100%;}
::-webkit-scrollbar {display:none;}
.page{width:7.5rem;margin:0 auto; text-align: center;}
.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{background: url('../imgs/head.jpg') no-repeat center top / 7.5rem auto; height: 9.1rem; position: relative;}
.top{position: fixed;left: 50%; margin-left: -3.75rem; width: 7.5rem;top: 0;height: .9rem;background:#021425; z-index: 10; text-align: left; padding: 0 .3rem; box-sizing: border-box;}
.ico{width: 1.08rem; height: 1.08rem; margin: 0 .15rem -.35rem 0;}
.top h3{font-size: .26rem;}
.top p{color: #dddedf;}
.btn_down{width: 1.83rem;height: .54rem;display: block;background: url('../imgs/btn_down.jpg') no-repeat center / cover;}
.time{padding-top: 7.82rem; line-height: .42rem;height: .42rem;}
.user{display: flex; font-size: .24rem; justify-content: center; line-height: .5rem; margin-top: .02rem;}
.user .btn{color: #fff552; font-weight: bold; }
.part1{background: url('../imgs/p1.jpg') no-repeat center top / 7.5rem auto; height: 9.62rem;}
.intro{padding-top: 1rem; line-height: .4rem;}
.day,.gift_pack{margin: .25rem 0 .38rem; display: flex; justify-content: center;}
.day li{width: 1rem; height: 1rem; line-height: 1rem; margin: 0 .1rem; background: url('../imgs/day_bg.png') no-repeat center top / 1rem 2rem;}
.day li.on{background-position: center bottom;}
.btn_sign,.btn_get,.btn_not,.btn_finish,.btn_pay,.btn_shake{width: 1.1rem; height: .4rem;background: url('../imgs/btn.png') no-repeat -999px / 4.9rem auto; font-size: 0; display: inline-block;}
.btn_sign{width: 2.4rem; height: .8rem; background-position: 0 0;}
.btn_sign.end{background-position: -2.5rem 0;}
.sign_day{padding: .2rem;}
.sign_day span{color: #fff552; font-size: .36rem; display: inline-block;}
.gift_pack{margin: .1rem;}
.gift_pack li{width: 2.22rem; height: 3.08rem; background: url('../imgs/qp.png') no-repeat center / cover; margin: 0 .06rem;}
.gift_pack .gt{font-size: .26rem; padding-top: .26rem;}
.gift_pack .gt span{color: #fff552;}
.gift_pack img{width: 1.34rem; height: 1.22rem; display: block; margin: .05rem auto;}
.btn_get{background-position: 0 -1.8rem; margin-top: .1rem;}
.btn_get.end{background-position: -1.2rem -1.8rem;}
.part2{background: url('../imgs/p2.jpg') no-repeat center top / 7.5rem auto; height: 12.96rem;}
.part2 .intro{color: #867852;}
.task{margin: .3rem .7rem 0; height: 2.4rem;}
.task li{height: .7rem; background: #b19e83; background-image: linear-gradient(top,#a18c75,#c0af90);background-image: -webkit-linear-gradient(top,#a18c75,#c0af90); border-radius: .35rem; padding: 0 .45rem 0 .4rem; margin-bottom: .1rem; text-align: left;}
.btn_not{background-position: -3.6rem -1.8rem;}
.btn_finish{background-position: -2.4rem -1.8rem;}
.btn_pay{background-position: 0 -2.28rem;}
.btn_shake{width: 2.4rem; height: .8rem; margin: 5.8rem auto 0; background-position: 0 -.9rem;}
.btn_shake.end{background-position: -2.5rem -.9rem;}
.part3{background: url('../imgs/p3.jpg') no-repeat center top / 7.5rem auto; height: 6.3rem; overflow: hidden; color: #867852; line-height: .36rem;}
.code{width: 3.5rem; height: 3.5rem; margin: 1.15rem auto .2rem;}
.side{position: fixed;right: 0;top: 50%;margin-top: -1.2rem;}
.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;}

.twpop{z-index: 100;position: relative;}
.twpop .twpop-main{background-color: #3573b3; color: #fff; border:2px solid #1a5088; border-radius: 0; font-size: .24rem;}
.twpop .twpop-title{border-color: #2a67a5;}
.twpop .twpop-from-bd{background: #fff;}
.twpop .twpop-btn{color: #fffefa; border: none; border-top: .02rem solid #d85025; border-radius: 0; background: #d06823;background-image: linear-gradient(top,#b5381a,#ffbe33);background-image: -webkit-linear-gradient(top,#b5381a,#ffbe33);}
.twpop .twpop-close{width: .66rem;height: .66rem;background: url('../imgs/close.png') no-repeat center / .4rem;}
.gray{-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.select2-container--default .select2-selection--single{background: transparent!important;border: none!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#000!important;}
.rule{text-align: left;}
.gift .cell{padding:.08rem 0;text-align: left; border-bottom: 1px dashed #2a67a5;}