.new-user{color: #ffebaf;text-align: center;position: absolute;right:.4rem;top:.22rem;}
.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{display: inline-block;text-align: center;color: #fff1b9;font-size: .24rem;width: 100%;margin: 0 auto;}
.num span{color: #fff117;}
.num i{color: #91ff30;font-size: .26rem;}

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

.tit-img{width: 4.93rem;margin: 0 auto;padding-top: .27rem;}
.hd_explain{display: block;color: #ffb686;text-align: center;padding:.22rem .44rem .18rem .44rem;text-align: left;}
.hd_explain i{color: #ff9c00;}

.gift-look{text-align: center;position: relative;z-index: 9;min-width: 1.6rem;margin: 0 auto;}
.gift-look div{display: inline-block;margin: 0 .15rem;cursor: pointer;}
.gift-look span{text-decoration: underline;color: #ffb686;display: inline-block;vertical-align: middle;margin-left: .02rem;font-size: .22rem;}
.gift-look img{width: .25rem;display: inline-block;vertical-align: middle;}

.nav_con{display: none;}
.nav_box{ display: flex;position: fixed;left: 0;bottom: 0;width: 100%;z-index: 99; background: url("../img/nav-bg.png") center center no-repeat;background-size: 100% 100%;}
.nav_box div{cursor: pointer; position: relative; flex: 1;text-align: center; color: #ffb686;font-size: .26rem;height: .89rem;display: flex;justify-content: center;align-items: center;}
.nav_box div.on{background: url("../img/nav_on.png") center center no-repeat; background-size: 100% 100%;color: #721800;}

.con1 {position: relative;height: 13.34rem;background: url(../img/bg_01.png) center center no-repeat;background-size: cover;}
.logo{width: 2.31rem; position: absolute;  left: .31rem;  top: .57rem;z-index: 999;}
.con1-btn{position: absolute;right: .27rem;top: .68rem;display: flex;}
.con1-btn a{display: block;width: 1.52rem;text-align: center;height:.49rem;cursor: pointer;}
.con1-btn a+a{margin-left: .1rem;}
.con1 .bg_tit{width: 5.82rem;height: 1.97rem;position: absolute;top: 1.7rem;left: 50%;transform: translate(-50%, 0);}
.btn_jrhd{width: 3.18rem;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.png) center center no-repeat;background-size: cover;}
.con2 .qd_list{width: 6.54rem;height: 3.94rem;background: url(../img/qd_bg.png) center center no-repeat;background-size: 100% 100%;margin: 0 auto;padding-top: 0.25rem;box-sizing: border-box;}
.con2 .qd_list ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;}
.con2 .qd_list ul li{width: 1.3rem;height: 1.52rem;background: url(../img/qd_item_pop.png) center center no-repeat;background-size: 100% 100%;margin: .1rem;color: #fff;font-size: .36rem;text-align: center;line-height: 1.1rem;}
.con2 .qd_list ul li.on{background: url(../img/qd_item_down.png) center center no-repeat;background-size: 100% 100%;margin: .1rem;}
.con2 .btn_ljqd{display: block;width: 2.91rem;margin: 0 auto;cursor: pointer;margin-bottom: .34rem;margin-top: .2rem;}
.con2 .qd_gift{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;}
.con2 .qd_gift .gf_item{width: 2.08rem;margin: 0 .11rem;}
.con2 .qd_gift .gf_item > div{width: 2.08rem;height: 2.35rem;background: url(../img/qd_gift1.png) center center no-repeat;background-size: 100% 100%;position: relative;}
.con2 .qd_gift .gf_item:last-child > div{background: url(../img/qd_gift2.png) center center no-repeat;background-size: 100% 100%;}
.con2 .qd_gift .gf_item > div span{color: #af4a00;position: absolute;bottom: 0;width: 100%;left: 0;text-align: center;line-height: .58rem;}
.con2 .qd_gift .gf_item > div span i{color: #7137ff;font-weight: bold;}
.con2 .btn_lq{display: block;width: 1.92rem;margin: 0 auto;cursor: pointer;margin-top: .15rem;}

.con3 .zadan_con{width: 7.5rem;height: 11.12rem;background: url(../img/zadan_bg.png) center center no-repeat;background-size: 100% 100%;margin-top: .56rem;}
.con3 .zadan_con > span, .con4 .zhufu_con > span{color: #fff1b9;font-size: .24rem;text-align: center;display: block;position: relative;width: 2rem;height: 0.5rem;line-height: .5rem;margin: 0 auto;padding-top: 0.15rem;}
.con3 .zadan_con > span:before, .con4 .zhufu_con > span:before{content: "......";position: absolute;bottom: 0;left: -0.4rem;}
.con3 .zadan_con > span:after, .con4 .zhufu_con > span:after{content: "......";position: absolute;bottom: 0;right: -0.4rem;}

.con3 .jiangli_box{width: 5.66rem;height: 2.13rem;background: url(../img/jl_box.png) center center no-repeat;background-size: 100% 100%;padding-top: .23rem;box-sizing: border-box;margin: 0.8rem auto 0.25rem auto;}
.con3 .swiper-box{width: 4.8rem;height: 1.9rem;margin: 0 auto 0 auto;position: relative;}
.con3 .lw_list{width: 4.8rem;height: 1.9rem;display: flex;flex-direction: row;justify-content: left;}
.con3 .lw_list .lw_item{width: 1.38rem;height: 1.66rem;background: url(../img/rect_01.png) center center no-repeat;background-size: 100% 100%;display: flex;flex-direction: column;justify-content: center;}
.con3 .lw_list .lw_item:nth-child(2){margin: 0 .34rem;}
.con3 .lw_list .lw_item .lw_box{width: .92rem;height: .92rem;margin: 0 auto .1rem auto;}
.con3 .lw_list span{display: block;width: 100%;color: #ffefa3;text-align: center;line-height: .28rem;}

.con3 .swiper-button-prev{width: .35rem;height: .64rem;background: url("../img/jt_left.png") center center no-repeat;background-size: 100% 100%;left: -.3rem;right: auto;margin-top: -.32rem;}
.con3 .swiper-button-next{width: .35rem;height: .64rem;background: url("../img/jt_right.png") center center no-repeat;background-size: 100% 100%;right: -.3rem;left: auto;margin-top: -.32rem;}

.con3 .zadan_box{margin: .2rem 0 .74rem 0;}
/* .con3 .zadan_box .zd_desk{width: 7.5rem;height: 2.67rem;background: url(../img/rect_desk.png) center center no-repeat;background-size: 100% 100%;position: relative;padding-top: 1.21rem;box-sizing: border-box;} */
.con3 .zadan_box .zd_desk ul{width: 7.5rem;height: 2.71rem;display: flex;flex-direction: row;justify-content: center;}

.con3 .zadan_box .zd_desk ul li.dan1{width: 1.91rem;height: 2.71rem;background: url(../img/dan_01.png) center center no-repeat;background-size: 100% 100%;position: relative;}
.con3 .zadan_box .zd_desk ul li.dan1_Xuan{background: url(../img/dan_02.png) center center no-repeat;background-size: 100% 100%;}
.con3 .zadan_box .zd_desk ul li.dan1_Zha{background: url(../img/dan_03.png) center center no-repeat;background-size: 100% 100%;}
.con3 .zadan_box .zd_desk ul li:nth-child(2){margin: 0 .15rem;}

.con3 .zadan_box .zd_desk .zd_btnList{width: 100%;display: flex;flex-direction: row;justify-content: center;margin-top: .7rem;}
.con3 .zadan_box .zd_desk .zd_btnList img{width: 2.91rem;margin: 0 .09rem;cursor: pointer;}

.con3 .zadan_box .zd_desk ul li .hammer{
    display: none;
    animation: hammer-down 1s;
    -moz-animation: hammer-down 1s;	/* Firefox */
    -webkit-animation: hammer-down 1s;	/* Safari 和 Chrome */
    -o-animation: hammer-down 1s;
    width: .86rem;
    height: .85rem;
    background: url("../img/hammer.png") center center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -.25rem;
    top: -.2rem;
}

@keyframes hammer-down {
    0%{ transform: rotate(0deg)}
    50%{ transform: rotate(-26deg)}
    100%{transform: rotate(0deg)}
}
@-moz-keyframes hammer-down{
    0%{ transform: rotate(0deg)}
    50%{ transform: rotate(-26deg)}
    100%{transform: rotate(0deg)}
}
@-webkit-keyframes hammer-down{
    0%{ transform: rotate(0deg)}
    50%{ transform: rotate(-26deg)}
    100%{transform: rotate(0deg)}
}
@-o-keyframes hammer-down{
    0%{ transform: rotate(0deg)}
    50%{ transform: rotate(-26deg)}
    100%{transform: rotate(0deg)}
}

.con4 .zhufu_con{width: 7.5rem;height: 10.33rem;background: url(../img/zhufu_bg.png) center center no-repeat;background-size: 100% 100%;margin-top: .25rem;}
.con4 .danmu-view{width: 7.24rem;height: 7.88rem;margin: 0 auto;position: relative;margin-bottom: .22rem;}
.danmu-box{
    width: 5.35rem;
    height: 3.95rem;
    position: absolute;
    left: .96rem;
    top: .88rem;
}
.jy-danmu{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.inp-box{display: flex;justify-content: space-between;width: 6.73rem;margin: 0 auto 0 auto;position: absolute;box-sizing: border-box;bottom: 1.46rem;left: 50%;transform: translate(-50%);}
.inp-box select{font-size: .24rem;width: 5.8rem;border: none;color: #fff1b9;height: .68rem;background-image: linear-gradient(#e66465, #9198e5);background-image: linear-gradient(#8e0201, #740103);background-color: #7e0102;box-sizing: border-box;margin-left: .5rem;}
.btn-send{display: block;width: 2.91rem;height: 1.04rem;position: absolute;left: 50%;top: 1.1rem;margin-left: -1.45rem;cursor: pointer;}
.btn-send img{height: inherit}

.pop2-con{z-index: 99; position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);}
.pop2-con .pop2-box{position: fixed;width: 4.39rem;height: 5.75rem;background: url(../img/zd_tc_bg.png) center center no-repeat;background-size: 100% 100%; left: 50%;top: 50%;transform: translate(-50%,-50%);margin-left: .1rem;}
.pop2-con .pop2-box .pop-desc{width: 2.34rem;height: 1.2rem;position: absolute;top: 3.2rem;left: .9rem;}
.pop2-con .pop2-box .pop-desc p{color: #a53200;text-align: center;line-height: 1.3;}
.new-close{ width: .97rem;height: .97rem;position: absolute;left: 50%;transform: translateX(-50%);bottom: -1.5rem; cursor: pointer;margin-left: -.1rem;}


.case5 .pop-desc1{background: none;padding: .25rem;margin: 0 .4rem;color: #891d00;text-align: left;height: auto;min-height: 2rem;line-height: .35rem;box-sizing: border-box;border-radius: 0rem;background-color: #ffffff;}
.case5 .pop-item {padding-bottom: .3rem;}

.gf_item > div:hover .desc2{display: block;}
.gf_item > div .desc2{
    display: none;
    padding: .2rem 0.1rem;
    position: absolute;
    left: 50%;
    top: -.15rem;
    margin-left: -1rem;
    width: 2rem;
    text-align: center;
    background: #ef9734;
    color: #fff;
    box-sizing: border-box;
}
.gf_item > div .desc2 {
    margin-left: -1rem;
    width: 2rem;
}
.gf_item > div .desc2:after{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -.15rem;
    transform: translate(-50%);
    border-left: .1rem solid transparent;
    border-right: .1rem solid transparent;
    border-top: .15rem solid #ef9734;
}

/*ios5 宽度以下*/
@media screen and (max-width: 320px) {
    .tit{margin: 0 auto}
    .con4 .zhufu_con {
        margin-top: 0rem;
    }
    .con4 .danmu-view {
        margin-bottom: -.2rem;
    }
    .btn-send {
        top: 0.85rem;
    }
    .con2 .btn_ljqd {
        margin-bottom: .1rem;
        margin-top: .1rem;
    }
    .con3 .zadan_box {
        margin: .2rem 0 .5rem 0;
    }
}