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: #000;-webkit-tap-highlight-color:rgba(255,0,0,0); -webkit-touch-callout:none}
html{font-size: calc(100vw/7.5);}
body{font:.22rem / .3rem "思源黑体 CN","Microsoft Yahei",Arial;color: #000;}
table{border-collapse:collapse}
img{display: block;width: 100%;}
::-webkit-scrollbar {display:none;}
.page{width:7.5rem;margin:0 auto; text-align: center;background-repeat: no-repeat; background-size: 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}
.red{color: red;}
.home{background-image: url('../imgs/home2.jpg'); min-height: 23.57rem;}
.cj{background-image: url('../imgs/cj2.jpg'); min-height: 13.74rem; font-size: .26rem;}
.fy{background-image: url('../imgs/fy.jpg'); min-height: 14.33rem;}
.head{height: 7.7rem;}
.fy .head{height: 7.3rem;}
.logo{position: absolute; top: .28rem; left: .2rem; width: 2.05rem; height: 1.03rem; background: url('../imgs/logo.png') no-repeat center / cover;}
.user,.user::after,.user::before{background: url('../imgs/user_bg.png') no-repeat left top / .14rem auto;}
.user{position: absolute; top: .44rem; right: .3rem; display: flex; align-items: center; line-height: .63rem; background-repeat: repeat-x; padding: 0 .1rem;}
.user::after,.user::before{content: ''; position: absolute; top: 0; width: .14rem; height: .63rem; background-position: left bottom;}
.user::before{left: -.12rem;}
.user::after{right: -.12rem; transform: rotate(180deg);}
.btn,.btn_rule,.btn_gift,.back{display: inline-block;font-size: .26rem; width: 1.64rem; height: .57rem; line-height: .54rem;background: url('../imgs/btn.png') no-repeat left top / 3.2rem auto;}
.user .btn{background-position: 0 -.67rem; display: block; height: .35rem; width: .96rem; line-height: .32rem; color: #ffd433; font-size: .16rem; margin-left: .1rem;text-shadow: -1px -1px 1px black,1px -1px 1px black, -1px 1px 1px black,1px 1px 1px black;}
.side{position: fixed; top: 2rem; right: 0;z-index: 2;}
.btn_rule,.btn_gift{display: block;width: .6rem;height: 1.66rem;overflow: hidden; font-size: 0;}
.btn_rule{background-position: -1.9rem 0;}
.btn_gift{background-position: -2.6rem 0; margin-top: .18rem;}
.part1{background-image: url('../imgs/p1.jpg'); min-height: 15.87rem;}
.activity{width: 7rem; margin: 0 auto; height: 4.5rem;}
.activity li{height: 1.83rem; background-repeat: no-repeat; background-size: 7rem 1.83rem; position: relative; margin-bottom: .3rem;}
.activity li:nth-child(1){background-image: url('../imgs/a1.png');}
.activity li:nth-child(2){background-image: url('../imgs/a2.png');}
.activity .txt{ position: absolute; left: 1.66rem; top: 1rem; font-size: .26rem; font-weight: bold; color: #ffeb9e;text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000, 1px 1px 0 #000;}
.activity .btn{display: block; position: absolute; right: .6rem; top: .64rem;}
.task{background: url('../imgs/task_tit.png') no-repeat center top / 4.74rem auto; padding: 1.6rem 0 .58rem;}
.list{width: 6.8rem; padding-top: .58rem; overflow: hidden; height: 4; border: .05rem solid #000; border-radius: .06rem; margin: 0 auto; background: url('../imgs/list.jpg') no-repeat left top / 6.8rem auto;}
.list li{height: .574rem; overflow: hidden; display: flex; font-size: .25rem;}
.list li div{line-height: .58rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; word-wrap: break-word;}
.list li .link{display: block;line-height: .58rem;}
.list li div:nth-child(1){width: 3.4rem;}
.list li div:nth-child(2){width: 1.78rem;}
.list li div:nth-child(3),.list li .link{width: 1.6rem;}
.qr{background: url('../imgs/qr_tit.png') no-repeat center top / 5.52rem auto; padding-top: 1.1rem;}
.code{background: #f1f1f1; border: .05rem solid #000; padding: .2rem; width: 2.66rem; margin: 0 auto;}
.code img{border: .05rem solid #000; width: 2.56rem;}
.back{display: block; position: absolute; top: .57rem; left: .3rem; width: 1.66rem; height: .62rem; background-position: 0 -1.05rem;}
.lottery{border-left: .05rem solid #000; border-top: .05rem solid #000; background: #000; width: 3.5rem; height: 3.3rem; margin: .15rem auto .3rem;}
.lottery li{ background-color: #f1f1f1; width: 1.7rem; height: 1.6rem; float: left; border-right: .05rem solid #000; border-bottom: .05rem solid #000;}
.lottery .jp{font-size: 0; height: 1.6rem; background: url('../imgs/jp2.png') no-repeat left top / 1.7rem auto;}
.lottery-unit-0 .jp{background-position: 0 0;}
.lottery-unit-1 .jp{background-position: 0 -1.6rem;}
.lottery-unit-2 .jp{background-position: 0 -3.2rem;}
.lottery-unit-3 .jp{background-position: 0 -4.8rem;}
.lottery .active{background-color: #454545;}
.btn_start{display: block; margin: .2rem auto;}
.btn_view{display: inline-block; text-decoration: underline; padding: .1rem .2rem;}
.table{width: 100%; margin-bottom: .1rem; border: 1px solid #000; font-size: .22rem;}
.table th{background: #eee;}
.table td,.table th{border: 1px solid #000; height: .46rem; line-height: .46rem; padding: 0 .2rem;}
.table td:nth-child(1){text-align: left;}
.step,.type{display: flex; justify-content: center;}
.step li{width: 2.08rem; height: .84rem;position: relative; background: url('../imgs/step.png') no-repeat -999px / 2.08rem auto; font-size: 0;}
.step li::before,.step li::after{content: ''; position: absolute;}
.step li::before{width: .12rem; height: .37rem; background: url('../imgs/step_ico.png') no-repeat center / cover; right: -.2rem; top: .24rem;}
.step li::after{ top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); border-radius: .3rem;}
.step li.on::after,.step li:nth-child(3)::before,.result{display:none;}
.step li:nth-child(1){background-position: 0 0;}
.step li:nth-child(2){background-position: 0 -.94rem; margin: 0 .28rem;}
.step li:nth-child(3){background-position: 0 -1.88rem;}
.type{margin: .3rem 0 .4rem;}
.type li{width: 1.46rem; height: 4.3rem; margin: 0 .16rem; background: url('../imgs/type.png') no-repeat -999px / 6.15rem auto; font-size: 0;}
.type li:nth-child(1){background-position: 0 0;}
.type li:nth-child(2){background-position: -1.56rem 0;}
.type li:nth-child(3){background-position: -3.12rem 0;}
.type li:nth-child(4){background-position: -4.7rem 0;}
.type li.on{background-position-y: -4.4rem;}
.result{padding: .63rem 0; }
.mifen{background: #a6a6a6;border: .05rem solid #000; padding: .22rem; width: 3.64rem; margin: 0 auto;}
.mifen img{width: 3.56rem; height: 3.42rem; border: .05rem solid #000; background: #f1f1f1;}
.btn_yq{width: 2.1rem; height: .57rem; line-height: .54rem; background-position: 0 -1.77rem; margin-top: 1.1rem;}

.twpop,.pop{z-index:1001;position:relative}
.twpop .twpop-main{width:7rem;max-width:7rem; background: url('../imgs/pop.jpg') repeat-y center / 7rem .1rem;}
.twpop .twpop-main::after,
.twpop .twpop-main::before{content: '';position: absolute;left: 0;background: url('../imgs/ptb.png') no-repeat left top / 7rem 1rem; height: .43rem; width: 7rem; left: 0;}
.twpop .twpop-main::before{top: -.3rem;}
.twpop .twpop-main::after{bottom: -.3rem; 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-title{margin: 0 .2rem;}
.twpop .twpop-close,.close{background: url('../imgs/close.jpg') no-repeat center / .31rem .37rem; width: .48rem; height: .48rem; top: -.24rem; right:0;}
.twpop .twpop-cont{padding: .1rem .3rem;}
.twpop .twpop-foot{margin-top: .2rem; padding-bottom: .1rem;}
.twpop .twpop-btn{border:none; margin: .04rem 0; width: 1.62rem; height: .56rem; line-height: .56rem; font-size: .26rem; background: url('../imgs/pop_btn.png') no-repeat center / 1.62rem auto; padding: 0;}
.twpop .twpop-form-list{padding: .3rem .3rem 0;}
.twpop-list{padding: .1rem .2rem;}
.twpop-list li{padding:.1rem 0;text-align: left; border-bottom: 1px dashed #ccc; display: flex;}
.pop_txt .twpop-cont{padding: .5rem .5rem 0;}
.pop_txt .twpop-alert-content,.pop_txt .twpop-diy-content{font-size: .3rem; color: #ffeb9e;text-shadow: -1px -1px 1px black,1px -1px 1px black, -1px 1px 1px black,1px 1px 1px black;}
.rule{text-align: left; padding: .1rem;}
.rule p{margin-bottom: .08rem; padding-left: .3rem;position: relative;}
.rule p i{position: absolute;left: 0;top: 0; font-style: normal;}
.btn_edit{border: 1px solid #0d0d0d; box-shadow: 0 2px 2px rgba(0,0,0,.4); padding: 0 .1rem;}