/*kv*/
.con1 {
    width: 20rem;
    height:33rem;
    background: url(../images/c_nbg1.jpg) no-repeat center;
    background-size:cover;
    position: relative;
    /*overflow: hidden;*/
}
.con1 .logo1{
    position: absolute;
    left: 1rem;
    top: 1rem;
    width: 7.59375rem;
    height: 2.65625rem;
    z-index: 11;
}
.con1 .slogan{
    position: absolute;
    left: 50%;
    top: 13rem;
    width: 14.90625rem;
    height: 4.0625rem;
    z-index: 11;
    margin-left: -7.453125rem;
}
.con1 .pro_box{
    position: absolute;
    left: 50%;
    margin-left:-9rem;
    top: 19rem;
    width: 18rem;
    height:5rem;
}
.con1 .pro_box .line {
    width: 100%;
    height: 1.125rem;
    background: url(../images/c_nprobar1.png) no-repeat center;
    background-size: 100% 100%;
    overflow: hidden;

}
.con1 .pro_box .jdt {
    position:relative;
    display: block;
    width:0;
    height: 0.8125rem;
    background: url(../images/c_nprobar2.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 0.16rem;
    left: 0.18rem;
    max-width: 100%;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}
.con1 .pro_box .jdt:after{
    display:none;
    position:absolute;
    right:-0.4427083333333333rem;
    top:0;
    content:"";
    width:0.46875rem;
    height: 0.8125rem;
    background: url(../images/c_nprobar3.png) no-repeat;
    background-size: 100% 100%;
}
.con1 .pro_box .show {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: -1.4rem;
}
.con1 .pro_box .show>div {
    width: 33.3%;
    height: 100%;
    position: relative;
    float: left;
}
.con1 .pro_box .show>div .num{
    position:relative;
    font-family: "Impact";
    font-size: 0.875rem;
    color: #654848;
    text-indent: 1.875rem;
}
.con1 .pro_box .show>div .num:before{
    display: inline-block;
    content: "";
    position: absolute;
    top: 1.35rem;
    left: 2.2rem;
    width: 0.34375rem;
    height: 0.21875rem;
    background: url(../images/c_npoint1.png) no-repeat;
    background-size: 100% 100%;
}
.con1 .pro_box .show>div.active .num{
    color: #ffa700;
}
.con1 .pro_box .show>div.active .num:before{
    background: url(../images/c_npoint2.png) no-repeat;
    background-size: 100% 100%;
}
.con1 .num_bg{
    position: absolute;
    top: 21.5rem;
    left: 50%;
    width: 14.4375rem;
    height: 2.8125rem;
    margin-left: -7.21875rem;
    background: url(../images/c_nnumbg.png) no-repeat;
    background-size: 100% 100%;
}
.con1 .num_bg .down_num{
    font-size: 2rem;
    color: #c4b5b5;
    display: block;
    text-align: center;
    margin-top: 1.2rem;
}
.con1 .down_btn{
    width: 17.59375rem;
    height: 6.34375rem;
    position: absolute;
    z-index: 15;
    top: 26rem;
    left: 50%;
    margin-left: -8.796875rem;
}
/*礼包*/
.gift_box {
    width: 20rem;
    height:29rem;
    background: url(../images/c_nbg2.jpg) no-repeat center;
    background-size:cover;
    position: relative;
    /*overflow: hidden;*/
}
.gift_box .gift_info{
    width: 17rem;
    height:13.125rem;
    margin:0 auto;
    background: url(../images/c_ntxtbg.png) no-repeat center;
    background-size:100% 100%;
}
.gift_box .gift_info h3{
    font-size: .75rem;
    color: #756363;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: .4rem;
}
.gift_box .gift_info p{
    font-size: .625rem;
    color: #756363;
    width: 92%;
    margin: 0 auto;
    line-height: 1.1rem;
}
.gift_box .gift_info h4{
    font-size: .75rem;
    color: #ffa500;
    text-align: center;
    margin-top: .8rem;
}
.gift_box .rule_box{
    width:18.125rem;
    margin:0 auto;
    margin-top: 2rem;
}
.gift_box .rule_box .tit{
    width:16.625rem;
    height:0.84375rem;
    margin:0 auto;
}
.gift_box ul{
    margin-top:2rem;
}
.gift_box ul li{
    position: relative;
    height: 3.5rem;
}
.gift_box ul li span{
    display: block;
    width: 15.0625rem;
    height: 1.71875rem;
    margin-left: 2.6rem;
}
.gift_box ul li>i{
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 2.0625rem;
    height: 1.625rem;
    font-family: "Impact";
    font-size: .875rem;
    text-align: center;
    color: #654848;
    line-height: 1.625rem;
    background: url(../images/c_npoint.png);
    background-size: 100% 100%;
}
/*游戏特色*/
.ts_play {
    width: 20rem;
    height:15rem;
    background: url(../images/c_nbg3.jpg) no-repeat center;
    background-size:cover;
    position: relative;
    /*overflow: hidden;*/
}
.ts_play .tit{
    width:17.25rem;
    height:0.875rem;
    margin:0 auto;
}
.ts_play .banner{
    width: 17.125rem;
    height: 9.75rem;
    margin: 0 auto;
    margin-top: 1.5rem;
    border: 2px solid #4F2828;
    border-radius: 5px;
}
.ts_play .banner .swiper-container{height:100%;}
.ts_play .banner .swiper-pagination{
    width: auto;
    top: 12.5rem;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
}
.ts_play .banner .swiper-pagination-bullet {
    width: 0.375rem;
    height: 0.375rem;
    margin: 0 .3rem;
    opacity: 1;
    background:url("../images/bullet.png");
    background-size:100% 100%;
}
.ts_play .banner .swiper-pagination-bullet-active {
    position: relative;
    width: 0.5rem;
    height: 0.5rem;
    top: .07rem;
    background:url("../images/bullet1.png");
    background-size:100% 100%;
}
.ts_play .banner .swiper-slide img,.ts_play .banner .swiper-slide a{
    display:inline-block;
    width:100%;height:100%;
    border-radius:5px;
}

@keyframes scales{0%{transform: scale(1); }50% {transform: scale(0.9);}100% {transform: scale(1);}}
@-webkit-keyframes scales{0%{-webkit-transform: scale(1);}50% {-webkit-transform: scale(0.9);}100% {-webkit-transform: scale(1);}}
@-moz-keyframes scales{0%{-webkit-transform: scale(1);}50% {-webkit-transform: scale(0.9);}100% {-webkit-transform: scale(1);}}
@-o-keyframes scales{0%{-webkit-transform: scale(1);}50% {-webkit-transform: scale(0.9);}100% {-webkit-transform: scale(1);}}
@-ms-keyframes scales{0%{-webkit-transform: scale(1);}50% {-webkit-transform: scale(0.9);}100% {-webkit-transform: scale(1);}}