.new-user{color: #ffeed1;text-align: center;position: absolute;right: .38rem;top: .54rem;z-index: 999;}
.new-user span,.new-user a{color: #ffeed1;}

.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: #fffbe5;display: inline-block;vertical-align: middle;margin-left: .02rem;font-size: .26rem;}
.gift-look img{width: .24rem;display: inline-block;vertical-align: middle;}

.tit{color: #fffbe5;padding-top: .72rem;text-align: center;}
.num{display: inline-block;text-align: center;color: #fff6cc;font-size: .24rem;width: 100%;margin: 0 auto;}
.num span{color: #ffc600;font-style: italic;font-size: .3rem;}
.num i{color: #91ff30;font-size: .26rem;}

.explain{color: #f7e7bf;margin: 0 .4rem;line-height: .36rem;margin-top: .35rem;}
.explain .explain-txt span{color: #ffd400;}

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

.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: #fffadb;font-size: .26rem;font-weight: bold;height: .97rem;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: #e55d50;}

.tit-img{width: 5.47rem;margin: 0 auto;padding-top: .45rem;}

.con1 {position: relative;height: 13.34rem;background: url(../img/bg_01.png) center center no-repeat;background-size: cover;}
.logo{width: 2.12rem; position: absolute;  left: .4rem;  top: .4rem;z-index: 999;}
.con1 .bg_top{height: 10.09rem;position: absolute;top: 0;left: 0;}
.con1 .bg_bottom{height: 8.99rem;position: absolute;bottom: 0;left: 0;}
.con1 .bg_tit{width: 6.09rem;height: 3.2rem;position: absolute;top: 1.4rem;left: .77rem;}

.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 .qiandao_box{width: 100%;height: 4.94rem;position: relative;}
.con2 .qiandao_box > img{height: 1.06rem;}
.con2 .qd_list ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;}
.con2 .qd_list ul li{position: relative;width: .85rem;height: 3.9rem;text-align: center;line-height: .91rem;}
.con2 .qd_list ul li:nth-child(1){background: url(../img/qd_pop_01.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: .55rem;left: .39rem;}
.con2 .qd_list ul li:nth-child(1).on{background: url(../img/qd_down_01.png) center center no-repeat;background-size: 100% 100%;}
.con2 .qd_list ul li:nth-child(2){background: url(../img/qd_pop_02.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: .84rem;left: 1.37rem;}
.con2 .qd_list ul li:nth-child(2).on{background: url(../img/qd_down_02.png) center center no-repeat;background-size: 100% 100%;}
.con2 .qd_list ul li:nth-child(3){background: url(../img/qd_pop_03.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: .99rem;left: 2.34rem;}
.con2 .qd_list ul li:nth-child(3).on{background: url(../img/qd_down_03.png) center center no-repeat;background-size: 100% 100%;}
.con2 .qd_list ul li:nth-child(4){background: url(../img/qd_pop_04.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: 1.02rem;left: 3.32rem;}
.con2 .qd_list ul li:nth-child(4).on{background: url(../img/qd_down_04.png) center center no-repeat;background-size: 100% 100%;}
.con2 .qd_list ul li:nth-child(5){background: url(../img/qd_pop_05.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: .94rem;left: 4.29rem;}
.con2 .qd_list ul li:nth-child(5).on{background: url(../img/qd_down_05.png) center center no-repeat;background-size: 100% 100%;}
.con2 .qd_list ul li:nth-child(6){background: url(../img/qd_pop_06.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: .74rem;left: 5.27rem;}
.con2 .qd_list ul li:nth-child(6).on{background: url(../img/qd_down_06.png) center center no-repeat;background-size: 100% 100%;}
.con2 .qd_list ul li:nth-child(7){background: url(../img/qd_pop_07.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: .42rem;left: 6.22rem;}
.con2 .qd_list ul li:nth-child(7).on{background: url(../img/qd_down_07.png) center center no-repeat;background-size: 100% 100%;}
.con2 .btn_ljqd{width: 4.35rem;margin: 0 auto;cursor: pointer;margin-bottom: .42rem;margin-top: .4rem;}

.con3 .jiangli_box{width: 6.71rem;height: 3.39rem;background: url(../img/jl_box.png) center center no-repeat;background-size: 100% 100%;padding-top: 1rem;box-sizing: border-box;margin: .35rem auto .36rem auto;}
.con3 .swiper-box{width: 4.88rem;height: 1.9rem;margin: 0 auto 0 auto;position: relative;}
.con3 .lw_list{width: 4.88rem;height: 1.9rem;display: flex;flex-direction: row;justify-content: left;}
.con3 .lw_list .lw_item{width: 1.5rem;height: 1.9rem;background: url(../img/rect_01.png) center center no-repeat;background-size: 100% 100%;}
.con3 .lw_list .lw_item:nth-child(2){margin: 0 .19rem;}
.con3 .lw_list .lw_item .lw_box{width: .96rem;height: .95rem;border-radius: .5rem;background-color: #e16844;margin: .29rem auto .15rem auto;}
.con3 .lw_list span{display: block;width: 100%;color: #ffddb2;text-align: center;}
.con3 .zadan_box{margin: 1.68rem 0 .3rem 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.08rem;display: flex;flex-direction: row;justify-content: center;position: absolute;top: -1.37rem;}

.con3 .zadan_box .zd_desk ul li.dan1{width: 1.94rem;height: 2.08rem;background: url(../img/dan1_01.png) center center no-repeat;background-size: 100% 100%;position: relative;}
.con3 .zadan_box .zd_desk ul li.dan1_Xuan{background: url(../img/dan1_02.png) center center no-repeat;background-size: 100% 100%;}
.con3 .zadan_box .zd_desk ul li.dan1_Zha{background: url(../img/dan1_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 ul li.dan2{width: 1.94rem;height: 2.08rem;background: url(../img/dan2_01.png) center center no-repeat;background-size: 100% 100%;position: relative;}
.con3 .zadan_box .zd_desk ul li.dan2_Xuan{background: url(../img/dan2_02.png) center center no-repeat;background-size: 100% 100%;}
.con3 .zadan_box .zd_desk ul li.dan2_Zha{background: url(../img/dan2_03.png) center center no-repeat;background-size: 100% 100%;}

.con3 .zadan_box .zd_desk ul li.dan3{width: 1.94rem;height: 2.08rem;background: url(../img/dan3_01.png) center center no-repeat;background-size: 100% 100%;position: relative;}
.con3 .zadan_box .zd_desk ul li.dan3_Xuan{background: url(../img/dan3_02.png) center center no-repeat;background-size: 100% 100%;}
.con3 .zadan_box .zd_desk ul li.dan3_Zha{background: url(../img/dan3_03.png) center center no-repeat;background-size: 100% 100%;}

.con3 .zadan_box .zd_desk .zd_btnList{width: 100%;display: flex;flex-direction: row;justify-content: center;}
.con3 .zadan_box .zd_desk .zd_btnList img{width: 3.27rem;margin: 0 .09rem;cursor: pointer;}
.con3 .swiper-button-prev{width: .35rem;height: .64rem;background: url("../img/jt_left.png") center center no-repeat;background-size: 100% 100%;left: -.59rem;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: -.59rem;left: auto;margin-top: -.32rem;}

.con4 .pai_list{margin: .13rem 0 .11rem;}
.con4 .pai_list ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;}
.con4 .pai_list ul li{width: 1.91rem;position: relative;margin: 0 .095rem .19rem .095rem;}
.con4 .pai_list ul li.on:before{content:"";display: block;width: 1.91rem;height: 2.47rem;background: rgba(0,0,0,.6);position: absolute;top: 0;left: 0;border-radius: .08rem;}
.con4 .btn_lsit{display: flex;flex-direction: row;justify-content: center;}
.con4 .btn_lsit img{width: 3.27rem;cursor: pointer;margin: 0 .09rem;cursor: pointer;}
.con4 .info_list{width: 6.71rem;height: 2rem;background: url("../img/rect_02.png") center center no-repeat;background-size: 100% 100%;margin: .37rem auto .28rem auto;    padding-top: .22rem;box-sizing: border-box;}

.info_list .info-swiper{height: 1.5rem;margin: 0 auto 0 auto;}

.info_list .swiper-container {width: 100%;height:100%;pointer-events: none;}
.info_list .swiper-slide{display: flex;flex-direction: row;justify-content: left;}
.info_list .swiper-slide {text-align: center;color: #f2cdc2;width: 6.64rem;height: .5rem !important;box-sizing: border-box;align-items: center;}
.info_list .swiper-slide.on{background: rgba(0,0,0,.1);}
.info_list .swiper-slide > img{width: .27rem;margin-right: .1rem;margin-left: .27rem;}
.info_list .swiper-slide > div span{color: #ffc600;}

.pop-item > img{width: 6rem;}

.pop-box .tk_bottom{width: 6rem;margin-top: -.01rem;}
.pop-box .tk_middle{width: 6rem;height: auto;min-height: 3.74rem;background: url("../img/tk_middle.png") center center no-repeat;background-size: 100% 100%;padding-bottom: .24rem;margin-top: -.02rem;}
.case5 .pop-desc1, .case6 .pop-desc1{background: none;padding: 0;margin: 0 .3rem 0 .4rem;color: #ffd2db;text-align: left;width: 5.4rem;height: 3.5rem;overflow-y: scroll;line-height: .35rem;box-sizing: border-box;border-radius: 0rem;}
.case6 .pop-desc1 {height: 2.2rem;}
.case2 .pop-desc1 {height: 1.5rem;}
.case7 .tk_middle > img{width: 2.5rem;margin: 0 auto;}
.case7 .tk_middle span{display: block;color: #fb9797;text-align: center;line-height: .38rem;margin-top: .20rem;}
.case7 .pop-but1 {margin: .1rem auto 0 auto;}

.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: 1.21rem;
    height: 1.25rem;
    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)}
}


/*ios5 宽度以下*/
@media screen and (max-width: 320px) {
    .tit{margin: 0 auto}
    .con3 .lw_list .lw_item .lw_box {margin: .15rem auto .03rem auto;}
}