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

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

.tit{display: block;margin: .2rem 0 .35rem 0;color: #ffe8ce;text-align: center;}
.num{display: inline-block; margin-top: .3rem; text-align: center;color: #f4f3c3;min-width: 4.81rem;height: .43rem;line-height: .43rem;background: url("../img/num-bg.png") center center no-repeat;background-size: 100% 100%;}
.num span{color: #ffffff;font-weight: bold;}
.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;}

.con1{position: relative; height: 13.34rem;background: url("../img/bg.jpg") center center no-repeat;background-size: cover;}
.con1-btn{position: absolute;right: .4rem;top: .4rem;display: flex;}
.con1-btn a{display: block;color: #ffd087;border: 1px solid #ffd087;width: 1.18rem;text-align: center;height:.48rem;line-height: .48rem;}
.con1-btn a+a{margin-left: .1rem;}
.con1-tit{width: 6.5rem;margin: 0 auto;position: fixed;left: 50%; margin-left: -3.3rem;bottom: 1.9rem;}

.logo{width: 1.56rem;position: absolute;left: .4rem;top: .3rem;}

.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 .8s infinite linear;
    -moz-animation: rightAndDown .8s infinite linear;
    -ms-animation: rightAndDown .8s infinite linear;
    animation: rightAndDown .8s infinite linear;
    z-index: 10;
}
@keyframes rightAndDown {
    0% {
        right: .2rem;
    }
    50% {
        right: .28rem;
    }
    100% {
        right: .2rem;
    }
}

.jietu-con{display: flex;justify-content: center;     z-index: 9;   padding-top: 3.9rem;
    box-sizing: border-box; position: fixed;;left: 0;top: 0;width: 100%;height: 100%;
    /*background:url("../img/jietu-bg.png") center center no-repeat;background-size: 100% 100%;*/
}
.jietu-con div:first-child{margin-right: .4rem;}
.jietu-con div img{width: 3.12rem;margin: 0 auto;}
.jietu-con p{text-align: center;font-size: .24rem;color: #c7a456;margin-top: .4rem;}
.jietu-con .close,.zhongjiang-con .close{width: .75rem;position: absolute;top: 0;right: .4rem;}

.time{position: fixed;left: 50%;margin-left: -3.25rem;bottom:1.2rem;  color: #eecfb2; text-align: center;width: 6.5rem; height: .55rem;line-height: .55rem;
    /*background: url("../img/time-bg.png") center center no-repeat;background-size: 100% 100%;*/
}
.qufu{position: fixed;left: 50%;margin-left: -3.25rem;bottom:.5rem;  color: #eecfb2; text-align: center;width: 6.5rem; height: .55rem;line-height: .55rem;
    background: url("../img/qufu-bg.png") center center no-repeat;background-size: 100% 100%;
}
.qufu span{color: #ff0000;font-weight: bold;font-size: .24rem;}

.con2,.con3,.con4{position: relative; height: 13.34rem;background: url("../img/bg2.png") center center no-repeat;background-size: cover;}

.nav_con{display: none;}
.nav_box{ display: flex;position: fixed;left: 0;bottom: 0;width: 100%;z-index: 99; background: url("../img/nav.png") center center no-repeat;background-size: 100% 100%;}
.nav_box div{position: relative; flex: 1;text-align: center; color: #fcdfb7;font-size: .24rem; height: 1rem;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%;}

.sm-tit{width: 7.45rem;margin: 0 auto;padding-top: .1rem;}

.table{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6.61rem;height: 8.21rem;margin: 0 auto; background: url("../img/kuang.png") center center no-repeat;background-size: 100% 100%;}
.table table{  margin: 0 auto;  table-layout: fixed; width: 6.56rem; height: 8.18rem;}
.table table th{height:.61rem;color: #ffcf9c;font-size: .24rem;background: #362215;}
.table table .ranking{ width: 1.4rem;}
.table table .area{width: 2.4rem;}
.table table .role{width: 2.3rem;}
.table table th, .table table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*border-right: dotted thin #6d4a2f;*/
    border-bottom: dotted thin #6d4a2f;
}

.table table th:last-child{border-right: none;}
.table table td:last-child{border-right: none;}
.table table tr:last-child td{border-bottom:none;}
.table img{width: .45rem;margin: 0 auto;}
.table table td{height:.61rem;text-align:center; color: #f1c493;font-size: .22rem;}

.btn-sm{margin: 0 auto;margin-top: .35rem;margin-bottom: .32rem; width: 2.17rem;height: 1.47rem;line-height: 2.2rem  ; text-align: center;color: #ffcf9c; ;cursor: pointer;background: url("../img/btn-sm.png") center center no-repeat;background-size: 100% 100%;}
.btn-sm img{width: .22rem;display: inline-block;vertical-align: text-top;}

.txt{color: #996c4c;text-align: center;line-height: .36rem;}
.txt span{color: #ff2400;}

.hd-tab{display: flex;justify-content: space-between; margin: 0 .3rem;margin-top: .4rem;}
.hd-tab div{cursor: pointer; background: url("../img/hd-tab.png") center center no-repeat;background-size: 100% 100%; width: 1.6rem;height: 1.01rem;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.hd-tab div.on{background: url("../img/hd-tab-on.png") center center no-repeat;background-size: 100% 100%;}
.hd-tab div p:nth-of-type(1){font-size: .24rem;font-weight: bold;color: #fec68a;}
.hd-tab div p:nth-of-type(2){ color: #c36c42;}

/*.hd-list{margin: .2rem .6rem;display: flex;justify-content: center;flex-wrap: wrap;}*/
.hd-list {
    margin: .2rem auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 7.8rem;
    overflow-y: scroll;
    /* overflow-x: hidden; */
    width: 6.9rem;
}
.hd-item{    margin-left: .2rem;margin-bottom: .3rem; width: 1.89rem;height: 3.2rem;background: url("../img/hd-item-bg.png") center center no-repeat;background-size: 100% 100%;}
.hd-item .hd-item-img{width: 1.68rem;height: 1.68rem;margin: 0 auto;}
.hd-item .hd-item-name{font-size: .24rem;color: #fec68a;text-align: center;height: .9rem; display: flex; justify-content: center; align-items: center; }

.hd-item2{margin: 0 auto;margin-bottom: .2rem; padding: 0 .2rem;box-sizing: border-box; display: flex;justify-content: space-between;align-items: center; width: 6.9rem;height: 1.32rem;background: url("../img/hd-item-bg2.png") center center no-repeat;background-size: 100% 100%;}
.hd-item2 .icon-mc{ width: 1.23rem; }
.hd-item2 .hd-lw-list{display: flex;justify-content: space-between;}
.hd-item2 .hd-lw-list .hd-lw-box{width: 1.25rem;}
.hd-item2 .hd-lw-list .hd-lw-box img{border: 1px solid #5d371b;background: #28170b; width: .6rem;height: .6rem;margin: 0 auto;}
.hd-item2 .hd-lw-list .hd-lw-box p{color: #fec68a;text-align: center;}

/*.con3 .gift-look,.con4 .gift-look{position: absolute;left: 0;width: 100%;bottom: 1.4rem;}*/

.cz-tab{display: flex;justify-content: center;align-items: center;flex-wrap: wrap; }
.cz-tab div{margin-left: .2rem;margin-bottom: .2rem;cursor: pointer;text-align: center; width: 1.6rem;height: 1.01rem; background: url("../img/cz-tab.png") center center no-repeat;background-size: 100% 100%; display: flex;justify-content: center;align-items: center;font-weight: bold;color: #c36c42}
.cz-tab div.on{background: url("../img/cz-tab-on.png") center center no-repeat;background-size: 100% 100%;}

.cz-list{display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}
.cz-item{margin: 0 .13rem;margin-bottom: .3rem; width: 2.05rem;height: 3.11rem;background: url("../img/cz-item-bg.png") center center no-repeat;background-size: 100% 100%;}
.cz-item img{width: 1.66rem;height: 1.66rem;margin:0 auto; padding: .2rem 0;}
.cz-item p{font-size: .24rem;color: #fec68a;text-align: center;}

.btn-lq{margin: 0 auto;margin-bottom: .3rem; color: #ffcf9c;text-align: center;line-height: .8rem;cursor: pointer; width: 2.17rem;height: .8rem;background: url("../img/btn-lq.png") center center no-repeat;background-size: 100% 100%;}
.btn-lq img{width: .26rem;display: inline-block;vertical-align: middle;}

.con1-btn{position: absolute;right: .4rem;top: .4rem;display: flex;}
.con1-btn a{display: block;color: #dbc599;border: 1px solid #dbc599;width: 1.18rem;text-align: center;height:.48rem;line-height: .48rem;}
.con1-btn a+a{margin-left: .1rem;}

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