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

.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: #ffe3bf;display: inline-block;vertical-align: middle;margin-left: .1rem;}
.gift-look img{width: .27rem;display: inline-block;vertical-align: middle;}

.tit{color: #ffe8ce;padding-top: .72rem;text-align: center;}
.num{text-align: center;color: #fff4cc;line-height: 1;font-size: .3rem;line-height: .3rem;margin-top: .3rem;}
.num div{display: inline-block;}
.num div+div{margin-left: .62rem;}
.num span{color: #ffc332;font-weight: bold;}
.num i{color: #ffea00;font-size: .3rem;font-style: italic;}

.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;}

.sm-tit{width: 5.76rem;margin-left: .57rem;padding-top: .14rem;}
.tit{display: block;color: #ffc1a6;text-align: center;padding:0.02rem .4rem;text-align: left;}
.tit i{color: #ffdf5f;}

.tanchu_box {display: block;text-align: center;z-index: 999;position: relative;}
.tanchu_box img {
    width: .25rem;
    display: inline-block;
    vertical-align: top;
}
.tanchu_box div{
    display: inline-block;
    cursor: pointer;
    color: #942a00;
    text-decoration: underline;
    line-height: 1;
    vertical-align: middle;
    margin-left: .19rem;
}
.tanchu_box div span{line-height: .3rem;}
.tanchu_box .win_record{color: #ffdbbe;}

.nav_box {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0%;
    z-index: 99;
}
.nav_bar {
    width: 7.5rem;
    height: .89rem;
    background: url("../img/nav_bar.png") center center no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 auto;
}
.nav_bar > div{
    width: 1.88rem;
    height: .89rem;
    float: left;
    position: relative;
    color: #fe9867;
    font-weight:bold;
    line-height: .89rem;
    text-align: center;
    box-sizing: border-box;
    font-size: .26rem;
}
.nav_bar > div.on{
    background: url("../img/nav_active.png") center center no-repeat;
    background-size: 100% 100%;
    color: #721800;
}
.nav_bar > div:last-child{border:none;}

.con1{position: relative; height: 13.34rem;background: url("../img/bg_01.jpg") center center no-repeat;background-size: cover;}
.logo{width: 2.31rem;position: absolute;left: .32rem;top: .52rem;}
.con1-tit{width: 7.13rem;padding-top: 1.5rem;margin: 0 auto;}
.con1-btn{position: absolute;right: .4rem;top: .7rem;display: flex;}
.con1-btn a{display: block;width: 1.47rem;text-align: center;height:.54rem;cursor: pointer;}
.con1-btn a+a{margin-left: .1rem;}
.btn_jrhd{width: 3.54rem;position: absolute;left: 50%;bottom: .69rem;margin-left: -1.59rem;cursor: pointer;
    -webkit-animation: scaleActive 1.5s infinite linear;
    -moz-animation: scaleActive 1.5s infinite linear;
    -ms-animation: scaleActive 1.5s infinite linear;
    animation: scaleActive 1.5s infinite linear;
}
@keyframes  scaleActive{
    0% {
        transform: scale(0.9);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.9);
    }
}

.slide-arrow {
    width: .99rem;
    height: .99rem;
    background: url(../img/slide_jiantou.png) center center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 5.9rem;
    right: .2rem;
    -webkit-animation: rightAndDown 1.2s infinite linear;
    -moz-animation: rightAndDown 1.2s infinite linear;
    -ms-animation: rightAndDown 1.2s infinite linear;
    animation: rightAndDown 1.2s infinite linear;
    z-index: 10;
}
@keyframes rightAndDown {
    0% {
        right: .2rem;
    }
    50% {
        right: .28rem;
    }
    100% {
        right: .2rem;
    }
}

.con2, .con3, .con4{position: relative; height: 13.34rem;background: url("../img/bg_02.jpg") center center no-repeat;background-size: cover;}
.con2 .qiandao ul{width: 6.9rem;height: 2.28rem;background: url("../img/qd_bg.png") center center no-repeat;background-size: 100% 100%;margin: 0.1rem auto .15rem auto;display: flex;flex-direction: row;justify-content: center;padding-top: .13rem;box-sizing: border-box;}
.con2 .qiandao ul li{width: 2.02rem;height: 2.01rem;margin: 0 .14rem;}
.con2 .qiandao ul li:nth-child(1){background: url("../img/date1_pop.png") center center no-repeat;background-size: 100% 100%;}
.con2 .qiandao ul li:nth-child(2){background: url("../img/date2_pop.png") center center no-repeat;background-size: 100% 100%;}
.con2 .qiandao ul li:nth-child(3){background: url("../img/date3_pop.png") center center no-repeat;background-size: 100% 100%;}
.con2 .qiandao ul li:nth-child(1).active{background: url("../img/date1_down.png") center center no-repeat;background-size: 100% 100%;}
.con2 .qiandao ul li:nth-child(2).active{background: url("../img/date2_down.png") center center no-repeat;background-size: 100% 100%;}
.con2 .qiandao ul li:nth-child(3).active{background: url("../img/date3_down.png") center center no-repeat;background-size: 100% 100%;}
.con2 .qiandao .btn_qd{display: block;width: 3.02rem;height: 1.07rem;margin: 0 auto;cursor: pointer;}
.con2 .qd_gift{width: 7.32rem;height: 5.27rem;background: url("../img/qd_gift_bg.png") center center no-repeat;background-size: 100% 100%;box-sizing: border-box;margin: 0 auto;}
.con2 .qd_gift .gf_box{display: flex;flex-direction: row;justify-content: center;padding-top: 1.02rem;margin-bottom: .2rem;}
.con2 .qd_gift .gf_box > div{width: 3.08rem;height: 3.41rem;background: url("../img/gift_rect.png") center center no-repeat;background-size: 100% 100%;margin: 0 .1rem;}
.con2 .qd_gift .gf_box > div > img{display: block;width: 1.19rem;margin: 0 auto;padding-top: .15rem;}
.con2 .qd_gift .gf_box > div .lw_box{display: flex;flex-direction: row;justify-content: center;width: 2.34rem;flex-wrap: wrap;margin: .26rem auto .42rem;}
.con2 .qd_gift .gf_box > div .lw_box img{width: .71rem;margin: 0 .23rem;margin-bottom: .08rem;}
.con2 .qd_gift .gf_box > div .btn_lq{display: block;width: 1.79rem;margin: 0 auto;cursor: pointer;}

.con3 .con3_zp .zp_box{width: 6.6rem;height: 6.6rem;position: relative;margin: .3rem auto .56rem auto;}
.con3 .con3_zp .zp_box .zp_lws{width: 5.13rem;position: absolute;left: 50%;top: 50%;margin-left: -2.56rem;margin-top: -2.56rem;}
.con3 .con3_zp .zp_box .zp_bg{width: 6.6rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.con3 .con3_zp .zp_box .zp_btn{width: 1.8rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);cursor: pointer;}

.con4 .con4_con > img{width: 7.5rem;margin: .62rem auto .43rem auto;}
.con4 .con4_con .btn_cy{width: 3.02rem;margin: 0 auto;cursor: pointer;}


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