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: #fefeb3;-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: #fefeb3;}
table{border-collapse:collapse}
img{display: block;width: 100%;}
::-webkit-scrollbar {display:none;}
.page{width:7.5rem;margin:0 auto; text-align: center;background: #3e3071;}
.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.38rem; position: relative;}
.top{position: fixed;left: 50%; margin-left: -3.75rem; width: 7.5rem;top: 0;height: .9rem;background:rgba(0,0,0,.8); 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: 3.68rem; line-height: .42rem;height: .42rem; color: #eeeafd;}
.user{display: flex; font-size: .24rem; justify-content: center; line-height: .5rem; margin-top: 4.2rem;}
.user .btn{color: #fefeb3; font-weight: bold; text-decoration: underline;}
.part1{background: url('../imgs/p1.jpg') no-repeat center top / 7.5rem auto; height: 8.6rem;}
.intro{padding-top: .96rem; line-height: .36rem; color: #8a84d8;}
.intro span{color: #fefeb3;}
.day,.gift_pack{margin: .25rem 0 .3rem; display: flex; justify-content: center;}
.day li{width: .9rem; height: .9rem; line-height: .9rem; border-radius: 50%; border: .04rem solid #53259e; margin: 0 .1rem; }
.day li.on{background: #eae3f2;color: #3c4395; background-image: -webkit-linear-gradient(top,#d6cdfd,#fff9e2);}
.btn_sign,.btn_get,.btn_not,.btn_finish,.btn_pay{width: 1.42rem; height: .44rem;background: url('../imgs/btn.png') no-repeat -999px / 6.1rem auto; font-size: 0; display: inline-block;}
.btn_sign{width: 3rem; height: .83rem; background-position: 0 0;}
.btn_sign.end{background-position: -3.1rem 0;}
.sign_day{padding: .2rem;}
.sign_day span,.last span{font-size: .36rem; display: inline-block;}
.gift_pack{margin: .1rem;}
.gift_pack li{width: 2rem; height: 2.9rem; background: url('../imgs/qp.jpg') no-repeat center / cover; margin: 0 .15rem; color: #3c4395;}
.gift_pack .gt{padding-top: .22rem;}
.gift_pack img{width: 1.05rem; height: 1.05rem; display: block; margin: .15rem auto .04rem;}
.btn_get{background-position: 0 -.93rem; margin-top: .1rem;}
.btn_get.end{background-position: -1.52rem -.93rem;}
.part2{background: url('../imgs/p2.jpg') no-repeat center top / 7.5rem auto; height: 12.54rem;}
.task{margin: .26rem .7rem 0; height: 4rem;}
.task li{height: .7rem; background: rgba(255,255,255,.2); border-radius: .35rem; padding: 0 .45rem 0 .4rem; margin-bottom: .1rem; text-align: left;}
.btn_not{background-position: -4.57rem -.93rem;}
.btn_finish{background-position: -3.04rem -.93rem;}
.btn_pay{background-position: 0 -1.47rem;}
.lottery{width: 4.9rem; height: 4.9rem; position: relative; margin: 0 auto .32rem; background: url('../imgs/lottery.png') no-repeat center / 4.9rem;}
.pointer{display: block; width: 1.76rem; height: 1.76rem; background: url('../imgs/pointer.png') no-repeat center / cover; position: absolute; left: 50%; top: 50%; margin: -.88rem 0 0 -.88rem; transform-origin:center;}
.part3{background: url('../imgs/p3.jpg') no-repeat center top / 7.5rem auto; height: 7.48rem; overflow: hidden; color: #8a84d8; 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: #281f63; color: #fefeb3; border:2px solid #53259e; border-radius: .2rem; font-size: .24rem;}
.twpop .twpop-title{border-color: #53259e;}
.twpop .twpop-from-bd{background: #fff;}
.twpop .twpop-btn{color: #ffece0; border: none; border-radius: 20px; border-top: 1px solid #463b77; background: #984a7a;background-image: -webkit-linear-gradient(top,#53407f,#e28194);}
.twpop .twpop-close{width: .66rem;height: .66rem;background: url('../imgs/close.png') no-repeat center / .34rem;}
.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 #53259e;}