/* 移动端常用reset.css (文字版本) */
/* reset */
html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5 {margin:0;padding:0;box-sizing: border-box}
a,img,input {border:none;}
body{font: 14px/1.75  -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-tap-highlight-color: rgba(0,0,0,0);color: #fff}
a {text-decoration:none;color: #fff;}
i{font-style:normal;}
ul,li{list-style: none;}
html{font-size: 100px;}

#afooter {
    background: #021a26;
    padding: .2rem .2rem;
    text-align: center;
}
#afooter p {
    color: #FFFFFF;
    font-size: .24rem;
}

html,body{overflow-x: hidden;}
.wrapper{width: 100%;margin: 0 auto;}

/* 页面内容样式开始 */
.kv{background: url("../ossweb-img/hkv.png") no-repeat;width: 100%;height: 4.8rem;position: relative;background-size: 100%;overflow: hidden;}
.logo{background: url("../ossweb-img/logo.png") no-repeat;display: block;width: 1.63rem;height: .55rem;background-size: 100%;position: absolute;left: .3rem;top:.3rem;}
.login{position: absolute;color: #fff;font-size: .22rem;top: .3rem;right: .3rem;width: 5.8rem;text-align: right;}
.login a{color: #fff;}
.login{line-height: 15px;}
.count-down{display: block; background: url('../ossweb-img/hcount-down.png') no-repeat;background-size: 100%; width: 6.32rem;height: .45rem;margin: 4rem auto 0;text-align: center;font-weight: bolder;font-size: .28rem;}

.bg{background-color: #3a963c;width: 100%;height: auto;overflow: hidden;margin-top: -.01rem;padding-bottom: .7rem;}
.part{margin-top: .66rem}
.main{width: 6.9rem;margin: 0 auto;}
.part1{height: 6.96rem;background: url("../ossweb-img/part1.png") no-repeat;background-size: 100%;padding-top: .88rem;}
.part2{height: 14.36rem;background: url("../ossweb-img/part2.png") no-repeat;background-size: 100%;padding-top: 1.12rem;}
.part3{height: 34.98rem;background: url("../ossweb-img/part3.png") no-repeat;background-size: 100%;padding:.84rem .24rem .3rem;}
.part4{height: 6.26rem;background: url("../ossweb-img/part4.png") no-repeat;background-size: 100%;padding:.8rem .2rem .4rem}

/* part1开始 */
.part1 ul{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;flex-wrap: wrap}
.part1-item{width: 1.69rem;height: 2.12rem;margin-left: .46rem;margin-bottom: .4rem;background: url('../ossweb-img/reward-bg.png') no-repeat;background-size: 100%}
.part1-item:first-of-type,.part1-item:nth-of-type(4){margin-left: 0}
.part1-item>i{display: block;width: 1.1rem;height: 1.34rem;background-repeat: no-repeat;background-size: 100%;margin: .18rem .26rem .12rem;}
.part1-item>p{width: 1.18rem;font-size: .14rem;text-align: center; line-height: .20rem;padding-top: .04rem;margin: 0 auto;}
.part1-get{display: block; width: 2.9rem;height: .72rem;background: url('../ossweb-img/part1-get.png') no-repeat;background-size: 100%;margin: .04rem auto 0;}
.part1-rw1{background-image: url('../ossweb-img/part1-rw1.png');}
.part1-rw2{background-image: url('../ossweb-img/part1-rw2.png');}
.part1-rw3{background-image: url('../ossweb-img/part1-rw3.png');}
.part1-rw4{background-image: url('../ossweb-img/part1-rw4.png');}
.part1-rw5{background-image: url('../ossweb-img/part1-rw5.png');}
/* 单行的行高 */
.part1-item>.p-one{line-height: .4rem;}
/* part1结束 */
/* part2开始 */
.cont2{width: 93%;height: 100%;margin: 0 auto;font-size: .16rem;}
.ol{width: 2.95rem;height: 2.85rem;background: url('../ossweb-img/day-bg.png') no-repeat;background-size: 100%;text-align: center;margin-bottom: .46rem;}
.ol2{margin-top: .46rem;}
.ol:nth-of-type(odd){float: left;}
.ol:nth-of-type(even){float: right;}
.ol:last-of-type{margin-left: 1.73rem;margin-bottom: 0;margin-top: -.1rem}
.ol ul{overflow: hidden;margin-top: .2rem;}
.ol ul li{float: left;width: 50%;}
.ol1 ul li{ width: 100%;}
.ol2 ul li,.ol7 ul li {width: 33.33%;}
.ol ul img {width: .8rem;}
.ol>P{font-size: .22rem;font-weight: bolder;}
.ol ul p {line-height: .2rem;}
.lqbtn{display: block; width: 1.76rem;height: .52rem;background: url('../ossweb-img/no-btn.png') no-repeat;background-size: 100%;margin: .14rem auto 0}
.ol1 .lqbtn{margin-top: .34rem}
/* part2结束 */
/* part3开始 */
.tips{font-size: .24rem;text-align: center;line-height: .36rem}
.part3-top{color: #ccf4d6;font-size: .22rem;margin-bottom: .4rem;}
.part3-top ul{line-height: .98rem;}
.tz-btn{float: right;width: 1.76rem;height: .52rem;background: url('../ossweb-img/no-btn.png') no-repeat;background-size: 100%;margin-top: .24rem}
.bout-num{margin-left: .44rem;}
.part3 .jl{margin-left: .5rem;}
.part3 .zjjl{margin-left: .76rem}
.bout-num .num{color: #fffa46;}
/* 终级回归兑换 */
.zj-bkchange{width: 6.48rem;height: 20.12rem;background: url('../ossweb-img/zjback-bg.png') no-repeat;background-size: 100%;padding-top: .7rem;position: relative;margin-bottom: .8rem;}
/* 拥有终极回归点数 */
.back-num{text-align: right;position: absolute;top: -.44rem;right: 0;}
.back-num .num,.back-num a{color: #fffa46}
.back-num a{margin-left: .2rem;text-decoration: underline;}

.zj-bkchange>p,.bkchange>p{text-align: center;}
.zj-item{width: 6rem;height:3.41rem;background: url('../ossweb-img/zj-itembg.png') no-repeat;background-size: 100%;margin: .4rem auto 0;overflow: hidden;}
.zj-item.item1{margin-top: .14rem}
.zj-item h3{width: 2.99rem;height: .28rem;background-repeat: no-repeat;background-size: 100%; margin: .14rem auto}
.zj-item ul{overflow: hidden;margin-top: .26rem;margin-bottom: .27rem;}
.zj-item li{float: left;width: 1.5rem}
.zj-item li img{width: 1.29rem;margin: 0 auto .1rem;display: block;}
.zj-item li p{text-align: center;font-size: .12rem;height: .29rem;line-height: .29rem; background: url('../ossweb-img/qyname-bg.png') no-repeat;background-size: 100%;margin: 0 auto;}
.zj-bkchange .tit1{background-image: url('../ossweb-img/zj-tit1.png');}
.zj-bkchange .tit2{background-image: url('../ossweb-img/zj-tit2.png');}
.zj-bkchange .tit3{background-image: url('../ossweb-img/zj-tit3.png');}
.zj-bkchange .tit4{background-image: url('../ossweb-img/zj-tit4.png');}
.zj-bkchange .tit5{background-image: url('../ossweb-img/zj-tit5.png');}
/* 兑换按钮 */
.dh-btn{display: block; width: 1.7rem;height: .48rem;background: url('../ossweb-img/dhbtn.png') no-repeat; background-size: 100%;margin: 0 auto}

/* 回归兑换 */
.bkchange{width: 6.48rem;height: 8.94rem;background:url('../ossweb-img/back-bg.png') no-repeat; background-size: 100%;padding-top: .7rem;position: relative;}
.bkchange-list{width: 6.04rem;height: 7.40rem;margin: .12rem auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-content: space-between;
    -webkit-align-content: space-between;
}
.bkchange-list li{width: 1.69rem;height: 2.22rem;}
.bkchange-list li:last-of-type{align-self: center;margin: 0 auto;}
.bkchange-item{width: 1.7rem;height: 1.58rem;background: url('../ossweb-img/bkjl-bg.png') no-repeat;background-size: 100%;margin-bottom: .16rem;text-align: center}
.bkchange-item>img{width: .8rem;margin-top: .12rem}
.bkchange-item>p{font-size: .16rem;width:1rem;margin: -.1rem auto;line-height: .2rem}
/* part3结束 */
/* 规则 */
.rule{margin: 0 auto;font-size: .2rem;letter-spacing: .02rem;}
.rule li{margin-bottom: .24rem}
.rule li h3{font-size: .22rem;color: #fffa46}
.rule li p{line-height: .28rem;margin-bottom: .1rem}
/* 弹窗 */
/* 登录 */
.login-pop{background: url("../ossweb-img/login-pop.png") no-repeat;width: 5rem;height: 2.85rem;background-size: 100%;position: relative;}
.login-part{overflow: hidden;}
.login-part a{display: block;float: left;}
.qq{background: url("../ossweb-img/qq.png") no-repeat;width: .9rem;height: 1.15rem;background-size: 100%;margin-top: 1rem;margin-left: 1rem;}
.wx{background: url("../ossweb-img/wx.png") no-repeat;width: .9rem;height: 1.15rem;background-size: 100%;margin-top: 1rem;margin-left: 1.2rem;}
.close{background: url("../ossweb-img/close.png") no-repeat;width: .31rem;height: .32rem;background-size: 100%;display: block;position: absolute;top: .1rem;right: .1rem;}
/* 提示 */
.tips-pop{width: 5rem;height: 2.85rem;background: url('../ossweb-img/tips-pop.png') no-repeat;background-size: 100%;}
.tips-content{width: 4rem; margin: 0 auto;padding-top: 1.28rem;}
.tip{color: #fff;text-align: center;font-size: .24rem;}
.get-btn{display: block;width: 1.76rem;height: .52rem;background: url('../ossweb-img/confirm-btn.png') no-repeat;background-size: 100%;margin: .4rem auto 0}

/* 按钮样式 */
/* 已领取 小 */
.on{background-image: url('../ossweb-img/geted-s.png')}
/* 领取奖励 */
.can{background-image: url('../ossweb-img/lq-btn.png')}
/* 已领取 大 */
.part1-get.on{background-image: url('../ossweb-img/geted-l.png')}
/* 已兑换 */
.dh-btn.on{background-image: url('../ossweb-img/dhact.png')}
/* 竖版 */
@media screen and (orientation: landscape){
    .main{width: 10rem;}
    .kv{background-image: url('../ossweb-img/wkv.png');height: 7.4rem;}
    .count-down{margin-top: 6.2rem;width: 9.48rem;height: .68rem;background-image: url('../ossweb-img/wcount-down.png');font-size: .4rem;line-height: .68rem;}
    .part1{background-image: url('../ossweb-img/wpart1.png');height: 5.58rem;padding-top: 1.6rem;}
    .part2{background-image: url('../ossweb-img/wpart2.png');height: 15.51rem;padding-top: 1.72rem;}
    .part3{background-image: url('../ossweb-img/wpart3.png');height: 36.19rem;padding: 1.2rem .34rem .3rem;}
    .part4{background-image: url('../ossweb-img/wpart4.png');height: 5.73rem;padding: 1rem .4rem .4rem;}
    .part1 .part1-item{margin-left: .25rem;}
    .part1-item:first-of-type{margin-left: 0}
    .ol{width: 4.1rem;height: 2.85rem;background-image: url('../ossweb-img/wday-bg.png')}
    .ol:last-of-type{margin-left: 2.6rem;margin-top: .1rem;}
    .ol>P{font-size: .26rem}
    .lqbtn{margin-top: .12rem}
    .ol1 .lqbtn {margin-top: .28rem;}
    .bout-num {margin-left: 1.5rem;}
    .part3 .jl {margin-left: 1.2rem;}
    .part3 .zjjl{margin-left: 2.76rem}
    .zj-bkchange{background-image: url('../ossweb-img/wzjback-bg.png');width: 9.2rem;height: 20.1rem;padding-top: .8rem}
    .zj-item{background-image: url('../ossweb-img/wzj-itembg.png');width: 8rem;margin-top: .32rem}
    .zj-item li{margin-left: .6rem;width: auto}
    .zj-item li:first-of-type{margin-left: .5rem;}
    .bkchange{background-image: url('../ossweb-img/wback-bg.png');width: 9.2rem;height: 9.94rem;padding-top: .8rem;}
    .bkchange-list{margin-top: .16rem;height: 8rem;width: 7rem;}
    .bkchange-list li{margin-left: .62rem}
    .bkchange-list li:nth-of-type(1),.bkchange-list li:nth-of-type(4){margin-left: 0}
}