.new-user{color: #115841;text-align: center;position: absolute;right:.4rem;top:.28rem;}
.new-user span,.new-user a{color: #115841;}

.gift-look{text-align: center;position: relative;z-index: 9;cursor: pointer;}
.gift-look div{display: inline-block;}
.gift-look div+div{margin-left: .2rem;}
.gift-look span{text-decoration: underline;color: #228700;display: inline-block;vertical-align: middle;margin-left: .1rem;}
.gift-look img{width: .27rem;display: inline-block;vertical-align: middle;}

.tit{padding-top: .4rem;margin: 0 auto;width: 4.5rem;}
.num{margin: 0 auto; margin-top: .33rem; text-align: center;color: #f2ffe4;}
.num span{color: #ffe400;font-weight: bold;font-style: italic;font-size: .3rem;}

.explain{color: #805f50;margin: 0 .4rem;}
.explain .explain-tit{font-weight: bold;}
.explain .explain-txt .s1{display: inline-block;width: 90%; vertical-align: top;}

.tooltip{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; background: rgba(0,0,0,.8);}
.tooltip img{ width: 6.3rem; margin: 0 auto;}

.con2{background: url("../img/bg_2.png") center center no-repeat;background-size: cover;}
.con2-zp{margin: .2rem auto;margin-bottom: .3rem; background: url("../img/zp-img.png") center center no-repeat; background-size: 100% 100%;width:6.37rem;height: 6.37rem;position: relative;}
.con2-zp .zp-img{width: 1.67rem;position: absolute;top: 35%;left: 50%;margin-left:-.835rem; }

.con2-list{display: flex;justify-content: space-between;margin: 0 .4rem;}
.con2-list .con2-item{width: 1.48rem;height: 1.48rem;position: relative;}
.con2-list .con2-item:nth-of-type(1){background: url("../img/con2-item1.png") center center no-repeat;background-size: 100% 100%;}
.con2-list .con2-item:nth-of-type(2){background: url("../img/con2-item2.png") center center no-repeat;background-size: 100% 100%;}
.con2-list .con2-item:nth-of-type(3){background: url("../img/con2-item3.png") center center no-repeat;background-size: 100% 100%;}
.con2-list .con2-item:nth-of-type(4){background: url("../img/con2-item4.png") center center no-repeat;background-size: 100% 100%;}
.con2-list .con2-item span{font-size: .26rem;color: #ffe400;position: absolute;right: .1rem;bottom: .1rem;    -webkit-text-stroke: 0.01rem #000}

.btn-dh{cursor: pointer;margin: 0 auto;margin-top: .35rem; display: block;width: 2.85rem;}
.con2 .gift-look{position: absolute;top: 11.5rem;right: .6rem;}

.con3{background: url("../img/bg_3.png") center center no-repeat;background-size: cover;}
.con3-item{position: relative; width: 6.72rem;height: 3.2rem;margin: 0 auto;margin-top: 5.7rem; background: url("../img/con3-item.png") center center no-repeat;background-size: 100% 100%;}
.con3-item a{width: 1.58rem;height: 1.64rem;display: block;position: absolute;z-index: 9;}
.con3-item .con3-btn1{left: 0;bottom: .1rem;}
.con3-item .con3-btn2{right: 0;bottom:.1rem;}
.line-box{background: #fff;width: 4.2rem;height: .73rem;position: absolute;left: 50%;margin-left: -2.1rem;bottom: .4rem;}
.line-left,.line-right{text-align: center;line-height: .6rem; height: .64rem;position: absolute;width: 1rem;}
.line-left{color: #ce2700; left: 0; top:.05rem; background: url("../img/line1.png")center center no-repeat;background-size: 100% 100%;}
.line-right{color: #006602; right: 0;top: .05rem; background: url("../img/line2.png")center center no-repeat;background-size: 100% 100%;}

.line-box.s1 .line-left,.line-box.s1 .line-right{width: 50%;}
.line-box.s2 .line-left{width: 35%;}
.line-box.s2 .line-right{width: 65%;}
.line-box.s3 .line-left{width: 65%;}
.line-box.s3 .line-right{width: 35%;}

.con3-item .num{position: absolute;width: 100%;left: 0;bottom: 0;}

.btn-lq{width: 2.85rem;margin: 0 auto;display: block;cursor: pointer;margin-top: .4rem;}
.con3 .gift-look{position: absolute;top: 11.5rem;right: .6rem;color: #c5ff9e;}
.con3 .gift-look span{color: #c5ff9e;}

.nav_con{display: none;}
.nav_box{ display: flex;position: fixed;left: 0;bottom: 0;width: 100%;z-index: 99;}
.nav_box div{position: relative; flex: 1;text-align: center; color: #c5ff9e;font-size: .3rem;font-weight: bold; height: 1rem;display: flex;justify-content: center;align-items: center; background: url("../img/nav.png") center center no-repeat;background-size: 100% 100%;}
.nav_box div:after{
    content:'';
    width: .02rem;
    height: .97rem;
    background: url("../img/line.png") center center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
}
.nav_box div:last-child:after{display: none;}
.nav_box div.on{background: url("../img/nav_on.png") center center no-repeat; background-size: 100% 100%;}

.pop-rule{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 10;}
.pop-rule .pop-rule-box{padding-top: 1rem;box-sizing: border-box; position: absolute;left: 50%;top:50%;transform:translate(-50%,-50%); width: 6.8rem;height: 5.39rem;background: url("../img/pop-bg.png") center center no-repeat;background-size: 100% 100%;}
.pop-rule .pop-rule-box .pop-rule-tit{margin-bottom: .3rem; font-size: .3rem;color: #006602;font-weight: bold; text-align: center;background: url("../img/pop-tit.png")center center no-repeat;background-size: 2.36rem .28rem;}
.pop-rule .pop-rule-box .pop-rule-txt{color: #006602;margin: 0 .3rem;}
.pop-rule .pop-rule-box .pop-rule-txt span{color: #ff4200;}
.pop-rule .pop-rule-box .pop-close{cursor: pointer; width: .72rem;height: .72rem; position: absolute;left: 50%; transform: translateX(-50%);bottom: -.56rem; cursor: pointer}

.con1{background: url("../img/bg_1.jpg") center center no-repeat;background-size: cover;position: relative;}
.logo{width: 2.23rem;position: absolute;left: .4rem;top: .3rem;}
.con1-btn{position: absolute;right: .4rem;top: .7rem;display: flex;}
.con1-btn a{display: block;color: #007c58;border: 1px solid #007c58;border-radius: 1rem; width: 1.3rem;text-align: center;height:.4rem;line-height: .4rem;}
.con1-btn a+a{margin-left: .1rem;}

.txt{width: 6.49rem;margin: 0 auto;padding-top: 1.6rem;}
.btn-start{width: 2.95rem;margin: 0 auto;cursor: pointer;margin-top: 6.7rem;}

/*ios5 宽度以下*/
@media screen and (max-width: 320px) {
    .tit{margin: 0 auto}
}


































