body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,b{font-style:normal}
a{text-decoration:none;outline: none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
img{border:0;}
button,input,select,textarea{font-size:100%;outline:none;-webkit-tap-highlight-color:transparent}
table{border-collapse:collapse;border-spacing:0;}
td,th,ul,ol{padding:0;}
li {list-style: none; float: left;}
*{-webkit-text-size-adjust: none;-webkit-tap-highlight-color:transparent}

.sp-1{width: 8rem; height: 12rem; background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/sp-1.png) no-repeat top center; background-size: 8rem auto; }
.hs{font-size: 0}
.wrap{width: 100%; overflow:hidden; margin:0 auto; background-color: #b6c7ec; position: relative; }
.sec-1{height: 6.66rem; background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/kv.jpg) }
.sec-2{height: 8.41rem; background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/sec-2.jpg) }
.sec-3{height: 8.58rem; background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/sec-3.jpg) }
.sec-4{height: 7.02rem; background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/sec-4.jpg) }
.sec-5{height: 7.88rem; background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/sec-5.jpg) }
.sec-6{height: 7.74rem; background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/sec-6.jpg) }
.sec-7{height: 8.46rem; background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/sec-7.jpg) }
.sec-8{height: 7.93rem; background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/sec-8.jpg) }
.sec-9{height: 7.63rem; background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/sec-9.jpg) }
.sec-10{height: 17.22rem; background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/sec-10.jpg) }
.sec{width: 100%; background-size: 100% 100%; position: relative;padding-top: 1px;background-position: top center;background-repeat: no-repeat;}
.sec-con::after,.sec-con::before, .img-wrap::after,.img-wrap::before{content:'';display: table;}
.sec-con::after, .img-wrap::after{clear: both;} 
.sec-con{position:relative;width: 100%; margin:1.9rem auto 0; padding:0 .1rem; position: relative;}
.ta{text-align: center;}
.center{position: absolute;left:0;right: 0;top: 0;bottom: 0;margin:auto;}
/* sec-1 */
.sec-1.show{background-image: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/kv-1.jpg);}
.mini{display: block; position: absolute; width: 2.47rem; height: .33rem; background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/mini.png) no-repeat top center; background-size: 100%; top:0; left:8.67rem; }
/*sec-2*/
.img-wrap{margin-top:3.5%;width: 100%;}
.img-wrap img{display: inline-block;width: 5.67rem;height: 3.23rem;}
.img-wrap img:nth-of-type(1){height:3.22rem; margin-right: 8%;}
.word-wrap{margin:0 .64rem;color: #fff3e4;font-size: .2rem}
.word-h{margin-bottom: .05rem;}
.word-h-1 {width: 4.31rem;height: .29rem;background-position: -1.77rem -.13rem;margin-bottom:.08rem;}
.word-wrap li{width: 100%;}
.word-wrap p{margin-left: 1.5%;width: 100%}
.word-wrap span{display: block; width: 1.24rem; height: .34rem;  color: #f4d7b7; font-size: .22rem; text-align: center; line-height: .34rem; margin: .05rem 0 .05rem; }
.word-wrap-1 span{background-position: -1.77rem -.71rem;}
.yellow{color: #fef436; }

/*sec-3*/
.sec-3 .img-wrap{margin: 1% 0 0 3%;}
.sec-3 .img-wrap img{width: 6.15rem;height: 3.73rem;float: left;}
.word-h-2{width: 6.26rem;height: .74rem;background-position: -.12rem -1.28rem;}
.word-wrap-2{color: #bfb7e3;width: 47%;}
.word-wrap-2 li span{background-position: -3.45rem -.71rem;color: #beb7e2;}

/*sec-4*/
.sec4-title{color:#e1d9ff;font-size: .2rem;font-weight: bold;margin-top:3%;}
.sec-4 .img-wrap{margin-top: 2%;height: 55%}
.sec-4 .img-wrap ul li{display: inline-block;width: 3.94rem;float: none;vertical-align: top;margin:0 .05rem;}
.sec-4 .img-wrap li img{width: 3.93rem;height: 2.46rem;display: block;margin:0 auto;}
.sec-4 li p{color: #fbbc3a;font-size: .22rem;font-weight: bold;text-align: center;margin-bottom: .05rem;}
.sec-4 li span{color: #beaefd;font-size: .2rem;text-align: left;display: block;width: 97%;margin: .02rem auto 0;}
/*sec-5*/
.word-h-5 {width: 3.48rem;height: .32rem;background-position: -.86rem -2.49rem;    margin: .5% 0 0 8%;}
.sec-5 .img-wrap{margin-top: 1.5%;}
.sec-5 .img-wrap img{display: inline-block;vertical-align: top;}
.sec-5 .img-wrap img:nth-of-type(1){width: 5.61rem;height: 3.74rem;margin-right: 5%;}
.sec-5 .img-wrap img:nth-of-type(2){width: 5.79rem;height: 3.75rem}
.word-wrap-5{font-style: italic;}
.word-wrap-5 span{background-position: -1.25rem -3.27rem;width: 1.04rem;height: .35rem;color: #d9c89f;line-height: .35rem;}
.word-wrap-5 p{color:#200a03;margin-left: 0;width: 105%;}
/*sec-6*/
.sec-6 .sec-con, .sec-6-1 .sec-con{margin-left: 4.5%;}
.role-desc{color: #f7c949;font-size: .2rem;line-height: .3rem;width: 48%;margin: 5% 0 0 0;}
.container{width: 2.78rem;height: 1.7rem;position: relative;margin: 1% 0 0 0;}
.video1{background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/v-1.png) no-repeat top center;background-size: 100% 100%;}
.video-btn{display:block;width: .88rem;height: .88rem;background-position: -4.19rem -3.18rem;animation: large01 .8s infinite ease alternate;-webkit-animation: large01 .8s infinite ease alternate;}
.skill-box{margin-top:1%;}
.skill-box ul{width: 100%;float: left;margin-bottom: 1%;}
.skill-box1 ul:nth-of-type(2) li{width: .8rem;height: .98rem;}
.skill-box li{width: .8rem;height: 1rem;margin-right: .18rem;}
.skill-box li:first-of-type{color:#f7c949; font-size: .2rem; font-weight: bold; padding: 2% 0 0 0;margin-right: 1%; box-sizing: border-box;}
/*.it0-1{background-position: -.06rem -3.67rem;}*/
/*.it0-2{background-position: -.97rem -3.67rem;}*/
.it0-1{background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/it0-1.png) no-repeat top center;background-size: 100% 100%}
.it0-2{background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/it0-2.png) no-repeat top center;background-size: 100% 100%}

.it0-3{background-position: -.06rem -4.81rem;}
.it0-4{background-position: -.97rem -4.81rem;}
.it0-5{background-position: -1.88rem -4.81rem;}
.it0-6{background-position: -2.79rem -4.81rem;}
.it0-7{background-position: -3.7rem -4.81rem;}
/*sec-6-1*/
.sec-6-1{height: 7.74rem;background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/sec-6-1.jpg) no-repeat top center;background-size: 100% 100%;}
.sec-6-1 .role-desc{color:#4cd6be;}
.video2{background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/v-2.png) no-repeat top center; background-size: 100% 100%;}
.it1-1{background-position: -.06rem -5.93rem;}
.it1-2{background-position: -.97rem -5.93rem;}
.it1-3{background-position: -.06rem -6.96rem;}
.it1-4{background-position: -.97rem -6.96rem;}
.it1-5{background-position: -1.88rem -6.96rem;}
.it1-6{background-position: -2.79rem -6.96rem;}
.it1-7{background-position: -3.7rem -6.96rem;}

/*sec7*/
.sec-7 .slide-wrap{margin-top:8%;}
.swiper-1{width: 10.01rem;height: 5.34rem;}
.swiper-1 img{width: 10.01rem;height: 5.34rem;}
.pagination_1{width: 10.1rem;margin:0 auto;left:0;right: 0;top:6%;}
.pagination_1 span{width: 3.81rem;height: .52rem;background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/sp-1.png) no-repeat top center;
	background-size: 8rem auto;border-radius: 0;opacity: 1;margin: 0 -3%;}
.pagination_1 span:nth-of-type(1){background-position: -.12rem -8.42rem; }
.pagination_1 span:nth-of-type(2){background-position: -.12rem -9.08rem; }
.pagination_1 span:nth-of-type(3){background-position: -.12rem -9.72rem; }
.pagination_1 span:nth-of-type(1).swiper-pagination-bullet-active{background-position: -4rem -8.42rem; }
.pagination_1 span:nth-of-type(2).swiper-pagination-bullet-active{background-position: -4rem -9.08rem; }
.pagination_1 span:nth-of-type(3).swiper-pagination-bullet-active{background-position: -4rem -9.72rem; }

/*sec8*/
.swiper-2 .swiper-slide{width: 8.16rem;height: 5.88rem;}
.swiper-2 .swiper-slide img{width: 8.16rem;height: 5.88rem;}
.swiper-2 .swiper-slide p{color:#fbdac8;font-size: .22rem;font-weight: bold;text-align: center;position: absolute;left: 0;right: 0;top: 94%;opacity: 1;}
.swiper-btn{width: .6rem;height: 1.18rem;top: 33%;}
.icon-prev{background-position: -6.71rem -2.75rem;left:1%;}
.icon-next{background-position: -6.71rem -4.03rem;right:1%;}
.sec-8 .slide-wrap{width: 95%;margin: 0 auto;}
.sec-8 .sec-con{padding:0;}
/*sec-9*/
.sec-9 .sec-con{margin-top: 5.5%}
.sec-9 img{width: 7.35rem;height: 5.89rem;margin:0 auto 1%;display: block;}
.sec-9 p{color: #a49ef8;font-size: .2rem;text-align: center;line-height: .3rem;}
/*sec10*/
.sec-10 .sec-con{padding-left: .56rem;margin-top: 17%;width: 92%;overflow: hidden;}
.sec-10 li{margin-bottom: .55rem;}
.sec-10 p, .sec-10 em{color:#f0f8ff;font-size: .22rem;}
.sec-10 .fs2{font-size: .24rem;}
.sec-10 .oy{color:#ff6c00;}

/*sec-title*/
.sec-tt{position: absolute;left:0;right: 0;margin:0 auto; top: .15rem;height: 2rem;}
.sec6-title{width: 6.75rem;background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/title/sec6.png) no-repeat top center;background-size: 100%;}
.sec6-title.on{background-image: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/title/sec6-on.png);}
.sec7-title{width: 4.05rem;background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/title/sec7.png) no-repeat top center;background-size: 100%;}
.sec7-title.on{background-image: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/title/sec7-on.png);}
.sec8-title{width: 4.14rem;background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/title/sec8.png) no-repeat top center;background-size: 100%;}
.sec8-title.on{background-image: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/title/sec8-on.png);}
.sec9-title{width: 4.05rem;background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/title/sec9.png) no-repeat top center;background-size: 100%;}
.sec9-title.on{background-image: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/title/sec9-on.png);}
.sec10-title{width: 4.05rem;background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/title/sec10.png) no-repeat top center;background-size: 100%;}
.sec10-title.on{background-image: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/title/sec10-on.png);}

.logo{width: 2.37rem; height: 1.2rem; position: absolute; left: .2rem; top: .2rem; }
/* nav */
.nav{width: 1.75rem; height: 6.7rem; background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/nav-bg.png) no-repeat center right; background-size: .02rem 6.65rem; position: fixed; top: 0; right: 1%; z-index: 999; display: block; transition: top .2s ease; -webkit-transition: top .2s ease; display: none; }
.nav.show{display: block;}
.nav a{display: block; width: 1.6rem; height: .6rem; background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/nav.png) no-repeat top center; background-size: 100% 100%; position: absolute; font-size: .21rem; font-weight: bold; color:#ffffff; line-height: .25rem; text-align: center; box-sizing: border-box; left:11%; }
.nav a p{width: 80%;float: left;position: absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.nav a.on{background-image: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/nav-on.png); color:#f99932; }
.nav-1{top: 1%; }
.nav-2{top: 12%; }
.nav-3{top: 23%;}
.nav-4{top: 34%;}
.nav-5{top: 45%;}
.nav-6{top: 56%;}
.nav-7{top: 67%;}
.nav-8{top: 78%;}
.nav-9{top: 89%;}
.nav button{width: .42rem;height: .43rem;background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180912versionig/nav-close.png) no-repeat top center;background-size: 100%; position: absolute;}
.close2{border:none;left: -22%;top: 2%;;}
.show_nav{width: 1.01rem;height: .6rem;position: fixed;z-index: 50;right: 0;top: 15%;display:none;}

/* animation */
@keyframes large01{0%{transform:scale(.8);} 100%{transform:scale(1);} } 
@-webkit-keyframes large01{0%{-webkit-transform:scale(.8);} 100%{-webkit-transform:scale(1);} }

.cover {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    display: none;
}
.cover p {
    color: #fff;
    font-size: .7rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    margin: 0 auto;
    text-align: center;
}

.lock {
    display: inline-block;
    width: 1rem!important;
    height: 1rem!important;
    margin-bottom: -.14rem;
}
@media (orientation: portrait){
.cover {
    display: block;
}
}

.hide{
	display: none;
}


.dialog{width: 10rem; height: 5.8rem; display: none; background-color: #000; }
.pop-close {width: 1rem; height: 1rem; text-align: center; color: #fbf8f3; font-size: .64rem; position: absolute; top: -.26rem; right: -.92rem; }
.video-mod{width: 100%; height: 100%; }