body{width:100%;font-size: 0.12rem;color: #fff;background: #03040b;}
ul,ol{list-style-type: none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section{margin: 0rem; padding: 0rem;font-family: "Microsoft YaHei";}
h1,h2,h3,h4,h5{font-weight: normal;font-style: normal;}
img{display: block;}
i,em{ font-style: normal;}
table { border-collapse: collapse; border-spacing: 0; }
b,i,em{ font-weight: normal;}
a{outline: none;text-decoration: none; -webkit-appearance: none; -webkit-tap-highlight-color:rgba(255,255,255,0);}
body,html{height: 100%; background-color: #000; overflow: hidden; margin: 0; padding: 0; position: relative;}
.hidden{display: none; font-size: 0; text-indent: -999rem;}
.wrap{  width:13.34rem;overflow: hidden; position: relative;}
.swiper-container { width: 100%; height: 100%; display: block; overflow: hidden;  -webkit-appearance: none; -webkit-tap-highlight-color:rgba(255,255,255,0);}
.swiper-slide {text-align: center;font-size: 0.18rem;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; -webkit-appearance: none; -webkit-tap-highlight-color:rgba(255,255,255,0); }
.swiper-pagination-bullet{ background: red;}
.swiper-pagination-bullet-active{ background-color: #fff;}
/*²à±ßÀ¸*/
.time-line{ display:block; width:0.26rem; position: fixed; top:33%; right:0.05rem;  z-index:88;}
.time-line .time-point{ position: relative; z-index: 3; display: block; width:0.15rem; height: 0.4rem;  background: url(//game.gtimg.cn/images/yxzj/cp/a20180601kpldx/nav1.png) no-repeat;background-size:100%;}
.time-line .time-top{position: relative; z-index: 3; display: block; width:0.17rem; height: 0.53rem;  background: url(//game.gtimg.cn/images/yxzj/cp/a20180601kpldx/nav-top.png) no-repeat;background-size:100%;}
.time-line .time-point.active{ background: url(//game.gtimg.cn/images/yxzj/cp/a20180601kpldx/nav1on.png) no-repeat; width: 0.15rem; height: 0.53rem;background-size:100%;}
.time-line .last{ height:0.23rem;}		
.time-line .last.active{height: 0.23rem;}

/*ipx ²à±ß*/
.ipx .time-line{ display:block; width:0.26rem; position: fixed; top:32%; right: 0;z-index:88;}
.ipx .time-line .time-point{ position: relative; z-index: 3; display: block; width:0.15rem; height: 0.4rem;  background: url(//game.gtimg.cn/images/yxzj/cp/a20180601kpldx/nav1.png) no-repeat;background-size:100%;}
.ipx .time-line .time-point.active{ background: url(//game.gtimg.cn/images/yxzj/cp/a20180601kpldx/nav1on.png) no-repeat; width: 0.15rem; height: 0.53rem;background-size:100%;}
.ipx .time-line .last{ height:0.23rem;}		
.ipx .time-line .last.active{height: 0.23rem;}

/*cont1*/
.cont1{ background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/bg1-h.jpg) no-repeat center center; height:100%; background-size:cover;}
.swiper-slide-active .cont1 .title{ background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/cont1-title-h.png) no-repeat; width:7.01rem; height:2.7rem; background-size: 100%; position: absolute; top: 0; left: 50%; margin-left: -3.5rem; -webkit-animation: bounceIn2 1s 0.5s both;opacity: 1;margin-top: .15rem;} 
.swiper-slide-active .cont1 .time-txt{margin: 3.4rem auto 0.13rem;-webkit-animation: fadeInUp2 2.5s 1s both;opacity: 1;}
.swiper-slide-active .cont1 .time{margin: .13rem auto 0;-webkit-animation: fadeInUp2 3s 1s both;opacity: 1;}

.swiper-slide-active .cont1 .hua-txt{ font-size: 0.2rem;color: #c8c4cc; opacity: 1; width: 100%; text-align: center; -webkit-animation: fadeInUp2 1s 1s both;}
.swiper-slide-active .cont1 .down2{ background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/hua-pic.png) no-repeat;background-size: 100%; width: 7.5rem; height: 0.36rem; margin-top:0.06rem;}
.swiper-slide-active .cont1 .down{-webkit-animation: fadeInUp2 1s 2s both;}
.swiper-slide-active .cont1 .foot{ position: absolute; bottom:4%;left: 50%;margin-left: -3.75rem;-webkit-animation:xiahua2 1.3s ease-in-out infinite;}

/*ipx cont1*/
.ipx .swiper-slide-active .cont1 .title{margin: .15rem 0 0 -3.5rem;}
.ipx .swiper-slide-active .cont1 .time-txt{margin-top: 3rem;}

/*css3*/
@keyframes fadeInUp2 {
    from { opacity: 0;}
    to { opacity: 1; transform: none; }
    0%,100%,50%{}
/*50%{-webkit-transform:translateY(4px);-ms-transform:translateY(4px);-o-transform:translateY(4px);transform:translateY(4px);}*/
}

/*cont2*/
.cont2{ background:url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/bg2-h.jpg) no-repeat center 0; height:100%;background-size:cover; }
.swiper-slide-active .cont2 .logo2{position: absolute; top: 1rem; left: 50%; margin-left:2.6rem; background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/logo2.png) no-repeat;background-size: 100%; width: .88rem; height: .64rem; -webkit-animation: fadeInRight2 1s 0.5s both;}
.swiper-slide-active .cont2 .logok2{position: absolute; top: 1rem; left: 50%; margin-left:3.56rem; background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/logo3.png) no-repeat;background-size: 100%; width: .7rem; height: .65rem; -webkit-animation: fadeInRight2 1s 0.5s both;}
.swiper-slide-active .cont2 .title{position: absolute; top:1.9rem; left: 50%; margin: 0; margin-left: 1.45rem; background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/cont2-title.png) no-repeat; background-size: 100%;width: 3.93rem; height: .48rem;  -webkit-animation: fadeInRight2 1s 0.5s both;}
.swiper-slide-active .cont2 .wenan{position: absolute; top:.27rem; left: 50%; margin-left: -6.9rem; background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/cont2-wenan.png)  no-repeat;background-size: 100%; width: 7.5rem; height: 0.78rem;-webkit-animation: fadeInLeft2 1s 0.5s both;}
.swiper-slide-active .cont2 .match{position: absolute; top:1.38rem; left: 50%; margin-left: -6.1rem; background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/cont2-match-h.png)  no-repeat;background-size: 100%; width: 5.6rem; height: 4.77rem;-webkit-animation: fadeInLeft2 1s 0.7s both;}
.swiper-slide-active .cont2 .jianjin{position: absolute; top:2.5rem; left: 50%; margin-left: .8rem; background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/cont2-jjpic-h.png) no-repeat;background-size: 100%; width: 5.3rem; height: 2.52rem; -webkit-animation: fadeInRight2 1s 0.7s both;}

/*ipx cont2*/
.ipx .swiper-slide-active .cont2 .logo2{margin: 0;margin-left:2.6rem;}
.ipx .swiper-slide-active .cont2 .logok2{margin: 0;margin-left:3.56rem;}
.ipx .swiper-slide-active .cont2 .title{margin: 0;margin-left: 1.45rem;}
.ipx .swiper-slide-active .cont2 .wenan{margin: 0;margin-left: -6.37rem; width: 6.5rem;}
.ipx .swiper-slide-active .cont2 .match{ margin: 0;margin-left: -5.7rem; width: 5rem;}
.ipx .swiper-slide-active .cont2 .jianjin{margin: 0;margin-left: .8rem;}

.swiper-slide-active .cont2 .hua-txt{ font-size: 0.2rem;color: #c8c4cc; opacity: 1; width: 100%; text-align: center; -webkit-animation: fadeInUp2 1s 1s both;}
.swiper-slide-active .cont2 .down2{ background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/hua-pic.png) no-repeat;background-size: 100%; width: 7.5rem; height: 0.36rem; margin-top:0.06rem;}
.swiper-slide-active .cont2 .down{-webkit-animation: fadeInUp2 1s 2s both;}
.swiper-slide-active .cont2 .foot{ position: absolute; bottom:4%;left: 50%;margin-left: -3.75rem;-webkit-animation:xiahua2 1.3s ease-in-out infinite;}

/*cont3*/
.cont3{ background:url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/bg2-h.jpg) no-repeat center 0; height:100%;background-size:cover; }
.swiper-slide-active .cont3 .logo2{position: absolute; top: .22rem; left: 50%; margin-left:-4.4rem; background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/logo2.png) no-repeat;background-size: 100%; width: .88rem; height: .64rem; -webkit-animation: fadeInRight2 1s 0.5s both;}
.swiper-slide-active .cont3 .logok2{position: absolute; top: .22rem; left: 50%; margin-left:-3.4rem; background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/logo3.png) no-repeat;background-size: 100%; width: .7rem; height: .65rem; -webkit-animation: fadeInRight2 1s 0.5s both;}
.swiper-slide-active .cont3 .title{position: absolute; top:1.07rem; left: 50%; margin: 0; margin-left: -6.4rem; background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/cont3-title.png) no-repeat; background-size: auto 100%;width: 7.5rem; height: .4rem;  -webkit-animation: fadeInRight2 1s 0.5s both;}
.swiper-slide-active .cont3 .wenan{position: absolute; top:1.12rem; left: 50%; margin: 0; margin-left: -.65rem; background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/cont3-wenan-h.png)  no-repeat;background-size: 100%; width: 6.27rem; height: 4.71rem;-webkit-animation: fadeInRight2 1s 0.8s both;}
.swiper-slide-active .cont3 .wenan a{bottom:1.08rem; right:.1rem}
.swiper-slide-active .cont3 .match{position: absolute; top:1.6rem; left: 50%; margin-left: -5.8rem; background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/cont3-match-h.png) no-repeat;background-size: 100%; width: 5rem; height: 4.44rem; -webkit-animation:fadeInRight2 1s 0.7s ease both;}
.swiper-slide-active .cont3 .vs{position: absolute; top: 3.1rem; left: 50%; margin-left: -3.88rem; background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/cont3-vs.png) no-repeat;background-size: 100%; width: 1.22rem; height: 1.29rem;-webkit-animation:bounceIn 1s 1.3s ease both;}

/*cont3 ipx*/
.ipx .swiper-slide-active .cont3 .title{margin: 0; margin-left: -6.4rem;}
.ipx .swiper-slide-active .cont3 .logo2{margin-left: -4.2rem;}
.ipx .swiper-slide-active .cont3 .logok2{margin-left: -3.2rem;}
.ipx .swiper-slide-active .cont3 .wenan{margin: 0; margin-left: -.05rem; width: 5.4rem; top: .88rem;}
.ipx .swiper-slide-active .cont3 .wenan a{bottom: 1.72rem; right: 0;}
.ipx .swiper-slide-active .cont3 .match{margin: 0; margin-left: -5.5rem; width: 4.5rem;}
.ipx .swiper-slide-active .cont3 .vs{top:2.9rem; margin-left: -3.7rem; width: 1rem;}
.swiper-slide-active .cont3 .hua-txt{ font-size: 0.2rem;color: #c8c4cc; opacity: 1; width: 100%; text-align: center; -webkit-animation: fadeInUp2 1s 1s both;}
.swiper-slide-active .cont3 .down2{ background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/hua-pic.png) no-repeat;background-size: 100%; width: 7.5rem; height: 0.36rem; margin-top:0.06rem;}
.swiper-slide-active .cont3 .down{-webkit-animation: fadeInUp2 1s 2s both;}
.swiper-slide-active .cont3 .foot{ position: absolute; bottom:4%;left: 50%;margin-left: -3.75rem;-webkit-animation:xiahua2 1.3s ease-in-out infinite;}

/*con4*/
.cont4{ background:url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/bg2-h.jpg) no-repeat center 0; height:100%;background-size:cover; }
.swiper-slide-active .cont4 .logo2{position: absolute; top: .5rem; left: 50%; margin-left:2.6rem; background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/logo2.png) no-repeat;background-size: 100%; width: .88rem; height: .64rem; -webkit-animation: fadeInRight2 1s 0.5s both;}
.swiper-slide-active .cont4 .logok2{position: absolute; top: .5rem; left: 50%; margin-left:3.56rem; background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/logo3.png) no-repeat;background-size: 100%; width: .7rem; height: .65rem; -webkit-animation: fadeInRight2 1s 0.5s both;}
.swiper-slide-active .cont4 .wenan{position: absolute; top:0; left:.5rem; width: 6.5rem;-webkit-animation: fadeInLeft2 1s 0.5s both;}
.swiper-slide-active .cont4 .schedule{position: absolute; top:.5rem; left:.5rem; width: 6.5rem;-webkit-animation: fadeInLeft2 1.2s 0.5s both;}
.swiper-slide-active .cont4 .btn-tip{position: absolute; top: 4.9rem; left:2.67rem;-webkit-animation: fadeInLeft2 1.5s 0.5s both;}
.swiper-slide-active .cont4 .title{position: absolute; top:1.3rem; left: 50%; margin: 0; margin-left: 1.45rem;width: 4.25rem; -webkit-animation: fadeInRight2 1s 0.5s both;}
.swiper-slide-active .cont4 .title span{position: absolute; bottom: -.48rem; left:50%; margin-left: -2.12rem; width: 4.24rem; }
.swiper-slide-active .cont4 .title2{position: absolute; top:2.5rem; left: 50%; margin-left: 2.5rem;-webkit-animation: fadeInRight2 1.2s 0.5s both;}
.swiper-slide-active .cont4 .vedio-1{width: 4.41rem; height: 2.75rem; position: absolute; top:3.1rem; left:50%; margin-left: 1.5rem;-webkit-animation: fadeInRight2 1.5s 0.5s both;}
.schedule-box{transform: scale(.85); margin-left: -.44rem; margin-top: .5rem;}
.swiper-slide-active .cont4 .foot{position: absolute; bottom: 3%; left:50%; margin-left: -3.75rem;}
/*cont4 ipx*/
.ipx .main4{-webkit-transform: scale(.85);transform: scale(.85)}
.ipx .swiper-slide-active .cont4 .schedule{top: .7rem; left: 0;}
.ipx .schedule-box{margin-left: -.04rem;}

/*cont5*/
.cont5{ background:url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/bg2-h.jpg) no-repeat center 0; height:100%;background-size:cover; }
.swiper-slide-active .cont5 .logo2{position: absolute; top: .22rem; left: 50%; margin-left:-3.8rem; width: .88rem; height: .64rem; -webkit-animation: fadeInLeft2 1s 0.5s both;}
.swiper-slide-active .cont5 .logok2{position: absolute; top: .22rem; left: 50%; margin-left:-2.8rem; width: .7rem; height: .65rem; -webkit-animation: fadeInLeft2 1s 0.5s both;}
.swiper-slide-active .cont5 .title{position: absolute; top:1.07rem; left: 50%; margin: 0; font-size: .44rem; line-height: .5rem; margin-left: -6.7rem;width: 7.5rem;  -webkit-animation: fadeInLeft2 1s 0.6s both;}
.swiper-slide-active .cont5 .wenan{position: absolute; top:1.71rem; left: 50%; margin-left: -5.2rem; -webkit-animation: fadeInLeft2 1s 0.6s both;}
.swiper-slide-active .cont5 .wenan.w2{top:.2rem; left: 50%; margin-left: 1.24rem; -webkit-animation: fadeInRight2 1s 0.5s both;}
.swiper-slide-active .cont5 .game{position: absolute; top:2.41rem; left: 50%; margin-left: -5.5rem; -webkit-animation: fadeInLeft2 1s 0.8s both;}
.swiper-slide-active .cont5 .wenan2{position: absolute; top:.9rem; left: 50%; margin-left: 1.64rem; -webkit-animation: fadeInRight2 1s 0.5s both;}
.swiper-slide-active .cont5 .place{position: absolute; top:1.4rem; left: 50%; margin-left: .2rem; -webkit-animation: fadeInRight2 1s 0.8s both;}
.swiper-slide-active .cont5 .btn-tip{position: absolute; top:4.8rem; left: 50%; margin-left: 1.88rem; -webkit-animation: fadeInRight2 1s 0.9s both;}
/*cont5 ipx*/
.ipx .cont5 .game{width: 4.3rem; top: 2.2rem; margin-left: -5.2rem;}
.ipx .cont5 .wenan{top: 1.5rem;}
.ipx .cont5 .place{width: 4.5rem; height: 3rem; margin-left: .73rem;}
.ipx .cont5 .btn-tip{top: 4.2rem;margin-left: 1.95rem;}

/*cont6*/
.cont6{background:url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/bg6-h.jpg) no-repeat center 0; height:100%;background-size:cover; }
.swiper-slide-active .cont6 .title{width: 6rem; height: .48rem; margin-top: .25rem;}
.swiper-slide-active .cont6 .wenan{background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/cont6-wenan-h.png) no-repeat; width: 10rem; height: 2.45rem; margin: -.28rem auto 0; background-size: 100%;}
.swiper-slide-active .cont6 .vedio-2{width: 5.4rem; height: 3.04rem; background: url(//game.gtimg.cn/images/yxzj/cp/a20180830kogautumn/cont6-video-bg-h.jpg) no-repeat; overflow: hidden;}
.swiper-slide-active .cont6 #container2{width: 5.36rem;height: 3rem; margin: .02rem auto 0;}

.ipx .cont6 .title{font-size: .44rem; line-height: .5rem;}
.ipx .cont6 .wenan{width: 8rem; height: 2rem; margin-top: -.38rem;}

@-webkit-keyframes bounceIn2{
    0%{opacity:0; -webkit-transform:scale(.3)}
    50%{opacity:1; -webkit-transform:scale(1.05)}
    70%{opacity:1;-webkit-transform:scale(.9)}
    100%{opacity:1;-webkit-transform:scale(1)}
}
@keyframes xiahua2 {
0%,100%{}
50%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);}
}
@-webkit-keyframes fadeInLeft2{
    0%{opacity:0; -webkit-transform:translateX(-4rem)}
    100%{opacity:1; -webkit-transform:translateX(0)}
}
@-webkit-keyframes fadeInRight2{
    0%{opacity:0; -webkit-transform:translateX(4rem)}
    100%{opacity:1; -webkit-transform:translateX(0)}
}

@-webkit-keyframes pulse{
    0%{ -webkit-transform: scale(1);}
    100%{ -webkit-transform: scale(1.4);}
}