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;}
a:hover{text-decoration:none;}
img{border:0}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
ol,ul{list-style:none}
body{
    font-family: "\5FAE\8F6F\96C5\9ED1";
    font-family:'Microsoft Yahei';
    overflow-x:auto;
    font-size: 14px;
    line-height: 28px;
    color: #060606;
}
.logo{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    opacity: 0;
}
/* .index-video{width: 99px;height: 100px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/index-video.png) no-repeat;position: absolute;top: 180px;left: 735px;
    -webkit-animation: indexVideo 3s infinite linear;
    animation: indexVideo 3s infinite linear;
} */
/* .index-video:after{
    content: '';width: 99px;height: 100px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/index-video-i.png) no-repeat;display: block;
    -webkit-animation: indexVideoIcon 3s infinite linear;
    animation: indexVideoIcon 3s infinite linear;
} */
.index-video{width: 197px;height: 197px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/index-video2-i.png) no-repeat;position: absolute;top: 760px;left: 50%;margin-left: -120px;
    -webkit-animation: indexVideo 3s infinite linear;
    animation: indexVideo 3s infinite linear;
}
.index-video:after{
    content: '';width: 197px;height: 197px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/index-video2.png) no-repeat;display: block;
    -webkit-animation: indexVideoIcon 3s infinite linear;
    animation: indexVideoIcon 3s infinite linear;
}
/* .index-video{width: 187px;height: 178px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/index-video2.png) no-repeat;position: absolute;top: 760px;left: 50%;margin-left: -120px;} */
@-webkit-keyframes indexVideo{
    0%{-webkit-transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);}
}
@keyframes indexVideo{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
@-webkit-keyframes indexVideoIcon{
    0%{-webkit-transform: rotate(0deg);}
    100%{-webkit-transform: rotate(-360deg);}
}
@keyframes indexVideoIcon{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(-360deg);}
}

.btn-forlun{display: block;width: 147px;height: 45px;position: absolute;top: 35px;right: 200px;line-height: 999px;overflow: hidden;background: url(//game.gtimg.cn/images/xiawa/web201812/index/btn-bbs.png);}
.music{display: block;width: 32px;height: 30px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/music-icon.png);position: absolute;top: 40px;right: 380px;background-position: 0 0;}
.music.pause{background-position: -65px 0;}
.slogan{position: absolute;top: 350px;left: 50%;margin-left: -330px;}
.top-nav{width: 1693px;height: 121px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/new-nav.png);position: absolute;top: 0;left: 0;}
.top-nav ul{width: 1260px;height: 121px;margin-left: 215px;position: relative;}
.top-nav ul li{box-sizing: border-box;height: 121px;float: left;margin-right: 30px;}
.top-nav ul li.nav-1{
    width: 100px;
    margin-right: 10px;
}
.top-nav ul li.nav-2{
    width: 120px;
}
.top-nav ul li.nav-3{
    width: 100px;
}
.top-nav ul li.nav-4{
    width: 170px;
}
.top-nav ul li.nav-5{
    width: 110px;
}
.top-nav ul li.nav-6{
    width: 120px;
}
.top-nav ul li.nav-7{
    width: 150px;
}
.top-nav ul li.nav-8{
    width: 170px;
}
.top-nav ul li a{display: block;width: 100%;height: 100%;}
.top-nav ul li:hover{background: url(//game.gtimg.cn/images/xiawa/web201812/index/hover-nav.png) bottom center no-repeat ;}
.service-code{
    display: block;
    width: 144px;
    height: auto;
    position: absolute;
    top: 120px;
    left: 785px;
    opacity: 0;
    transition: all 1s;
}
.service-code.on{
    opacity: 1;
}
.lucky-code{
    display: block;
    width: 144px;
    height: auto;
    position: absolute;
    top: 120px;
    left: 935px;
    opacity: 0;
    transition: all 1s;
}
.lucky-code.on{
    opacity: 1;
}
.top-nav .dfzl{
    width: 230px;
    height: 0;
    margin: 0;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/dfzl.png) no-repeat top center / 100% auto;
    position: absolute;
    top: 120px;
    left: 1250px;
    opacity: 0;
    transition: all 1s;
}
.top-nav .dfzl.on{height: auto;opacity: 1;padding: 17px 0;}
.top-nav .dfzl:before{content: '';display: block;width: 100%;height: 100%;background: url(//game.gtimg.cn/images/xiawa/web201812/index/dfzl.png) no-repeat top center / 100% auto;position: absolute;top: 0;left: 0;}
.top-nav .dfzl li{height: 44px;float: none;margin: 0;text-indent: -99999px;position: relative;z-index: 3;}
.part1{
    width: 1920px;
    height: 1024px;
    overflow: hidden;
    position: relative;
    margin:0 auto;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/index-bg1.jpg) top center no-repeat;
	/* background: url(../ossweb-img/index/index-bg1.jpg) top center no-repeat; //1224 */
}
.part1 video{
    width: 1920px;
    height: auto;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    /* display: block;//1224 */
    /* display: none; */
}
.part1 .btn-play {
    display: block;
    width: 97px;
    height: 97px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/kv-play.png);
    position: absolute;
    top: 780px;
    left: 50%;
    margin-left: -40px;
    animation: scaleUp 3s infinite linear;
}
.download-box{
    width: 344px;
    height: 498px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/download-box.png);
    position: absolute;
    top: 317px;
    right: 100px;
    overflow: hidden;
}
.download-box div{
    width: 146px;
    height: 146px;
    position: absolute;
    top: 73px;
    left: 96px;
}
.download-box div img{width: 100%;}
.download-box a{
    display: block;
    width: 203px;
    height: 51px;
    position: absolute;
    left: 68px;
}
.download-box a.android-dl{
    top: 259px;
}
.download-box a.ios-dl{
    top: 330px;
    color: #000;
}
.download-box a.pc-dl{
    top: 400px;
}

.part1 .btnBox {
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/age.png) no-repeat center /cover;
    width: 86px;
    height: 112px;
    display: block;
    position: absolute;
    top: 200px;
    right: 230px;
    z-index: 999;
}


.dialog {
    position: absolute !important;
    top: 25% !important;
    left: 50% !important;
    z-index: 9999;
    display: none;
    transform: translate(-50%, 10px) !;
    margin-top: 0 !important;

}

.diaClose {
    width: 62px;
    height: 62px;
    text-indent: -9999rem;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/click.png) no-repeat center /100%;
    position: absolute;
    top: 30px;
    right: -80px;
}

.dia-con {
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/webclickBg.png) no-repeat center /100%;
    height: 850px;
    width: 984px;
    margin: auto;
}
.btn-download{
    display: block;
    width: 276px;
    height: 85px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/kv-download.png);
    position: absolute;
    top: 890px;
    left: 50%;
    margin-left: -138px;
}

.part2{
    width: 1920px;
    height: 1586px;
    overflow: hidden;
    position: relative;
    margin:0 auto;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/index-bg2.jpg) top center no-repeat;
}

.part2 a.more {
    display: inline-block;
    width: 100px;
    height: 50px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/more.png);
    position: absolute;
    top: 160px;
    right: 200px;
}
.part2 a.more i {
    display: block;
    width: 41px;
    height: 40px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-add.png);
    position: absolute;
    top: 0;
    right: 0;
    transition: all .6s;
    -webkit-transition: all .6s;
}
.part2 a.more:hover i{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.part2 .video-list-1{
    position: absolute;
    top: 220px;
    left: 0;
    width: 100%;
    overflow: hidden;
}
.part2 .video-list-1 a{
    display: block;
    width: 100%;
    height: 430px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    opacity: 0;
}
.part2 .video-list-1 a .v-poster{
    display: block;
    width: 100%;
    height: 100%;
}
.part2 .video-list-1 a .v-title{
    position: absolute;
    top: 170px;
    left: 100px;
    color: #fff;
    font-size: 46px;
    font-weight: bold;
    opacity: 0;
    transition: all 1.5s;
}
.part2 .video-list-1 a .v-play{
    display: block;
    width: 365px;
    height: 95px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/btn-play1.png);
    position: absolute;
    top: 255px;
    left: 100px;
    opacity: 0;
    transition: all 1.5s;
}
.part2 .video-list-1 a .v-cover{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0,0,0,.6);
    transition: all 1s;
}
.part2 .video-list-1 a .play-icon{
    display: block;
    width: 97px;
    height: 97px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/btn-play.png);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 50%;
    margin-left: -48px;
    transition: all 1s;
    opacity: 1;
    z-index: 3;
}

.part2 .video-list-1 a:hover .v-cover{
    background: rgba(0,0,0,0);
}
.part2 .video-list-1 a:hover .v-title{
    top: 110px;
    opacity: 1;
}
.part2 .video-list-1 a:hover .v-play{
    top: 200px;
    opacity: 1;
}
.part2 .video-list-1 a:hover .play-icon{
    opacity: 0;
}
.part3{
    width: 1920px;
    height: 854px;
    overflow: hidden;
    position: relative;
    margin:0 auto;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/index-bg3.jpg) top center no-repeat;
}
.part3 .adSwiper-tip{position: absolute;top: 136px;right: 180px;z-index: 2;opacity: 0;}
#adSwiper{width: 1240px;height: 650px;position: absolute;top: 115px;left: 180px;z-index: 1;opacity: 0;}
#adSwiper .swiper-slide{width: 100%;height: 570px;border:2px solid #77e7f9;box-sizing:border-box;}
#adSwiper .swiper-slide a{display: block;width: 100%;height: 100%;}
#adSwiper .swiper-slide a img{width: 100%;height: 100%;}
#adSwiper .swiper-pagination{text-align: left;bottom: 40px;width: 300px;}
#adSwiper .swiper-pagination .swiper-pagination-bullet{width: 30px;height: 4px;background: #8c68a6;border-radius: 0;opacity: 1;}
#adSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #45f7ff;width: 70px;}
#adSwiper .btn-prve-3{display: block;width: 50px;height: 31px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/btn-spr.png);position: absolute;top: 610px;left: 1000px;background-position: 0 0;z-index: 2;}
#adSwiper .btn-next-3{display: block;width: 50px;height: 31px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/btn-spr.png);position: absolute;top: 610px;left: 1100px;background-position: -98px 0;z-index: 2;}
.adSwiper-title{width: 366px;height: 324px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/adSwiper-title.png);position: absolute;right: 180px;top: 474px;z-index: 3;}
.adSwiper-title a{display: block;width: 300px;margin-top: 65px;margin-left: 40px;}
.adSwiper-title a p{text-align: right;font-size: 30px;color: #fff;line-height: 44px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.adSwiper-title a i{display: block;width: 24px;height: 41px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/arrow.png) no-repeat left;margin-left: 270px;margin-top: 20px;    animation: rightToleft 1s infinite linear;-webkit-animation: rightToleft 1s infinite linear;}
.adSwiper-title span{display: block;width: 100%;height: 50px;color: #a9b7ff;font-size: 30px;line-height: 50px;text-align: right;position: absolute;left: 0;bottom: 20px;box-sizing: border-box;padding-right: 25px;}

.part4{width: 1920px;height: 2534px;position: relative;margin:0 auto;background: url(//game.gtimg.cn/images/xiawa/web201812/index/index-bg4.jpg) top center no-repeat #00041c;overflow: hidden;}
.part4 .char-list{width: 100%;height: 2375px;overflow: hidden;}
.part4 .char-list .list{width: 100%;height: 206px;overflow: hidden;position: relative;opacity: 0;}
.part4 .char-list .list-1{background: url(//game.gtimg.cn/images/xiawa/web201812/index/char-1.jpg) center center no-repeat;}
.part4 .char-list .list-2{background: url(//game.gtimg.cn/images/xiawa/web201812/index/char-2.jpg) center center no-repeat;}
.part4 .char-list .list-3{background: url(//game.gtimg.cn/images/xiawa/web201812/index/char-3.jpg) center center no-repeat;}
.part4 .char-list .list-4{background: url(//game.gtimg.cn/images/xiawa/web201812/index/char-4.jpg) center center no-repeat;}
.part4 .char-list .list-5{background: url(//game.gtimg.cn/images/xiawa/web201812/index/char-5.jpg) center center no-repeat;}
.part4 .char-list .list-6{background: url(//game.gtimg.cn/images/xiawa/web201812/index/char-6.jpg) center center no-repeat;}
.part4 .char-list .list-7{background: url(//game.gtimg.cn/images/xiawa/web201812/index/char-7.jpg) center center no-repeat;}
.part4 .char-list .list-8{background: url(//game.gtimg.cn/images/xiawa/web201812/index/char-8.jpg) center center no-repeat;}


.part4 .char-list .list i{display: block;position: absolute;transition: all 1.5s;animation-delay:1.5s;background-image: url(//game.gtimg.cn/images/xiawa/web201812/index/char-spr.png);background-repeat: no-repeat;}
.part4 .char-list .list.current i{opacity: 1;}
i.c-1{width:748px;height: 75px;background-position: 0 0;top: 250px;left: 200px; }
i.c-2{width:471px;height: 50px;background-position:  0 -100px;top: 430px;left: 200px; }
i.c-3{width:899px;height: 76px;background-position: 0 -200px;top: 595px;left: 840px; }
i.c-4{width:550px;height: 50px;background-position: 0 -300px;top: 775px;left: 840px; }
i.c-5{width:797px;height: 76px;background-position: 0 -400px;top: 255px;left: 255px; }
i.c-6{width:548px;height: 50px;background-position: 0 -500px;top: 420px;left: 255px; }
i.c-7{width:780px;height: 76px;background-position: 0 -600px;top: 615px;left: 200px; }
i.c-8{width:472px;height: 50px;background-position: 0 -700px;top: 790px;left: 200px; }
i.c-9{width:947px;height: 76px;background-position: 0 -800px;top: 530px;left: 295px; }
i.c-10{width:472px;height: 50px;background-position: 0 -900px;top: 705px;left: 295px; }
i.c-11{width:700px;height: 76px;background-position: 0 -1000px;top: 575px;left: 1060px; }
i.c-12{width:471px;height: 50px;background-position: 0 -1100px;top: 745px;left: 1060px; }
i.c-13{width:700px;height: 76px;background-position: 0 -1200px;top: 275px;left: 215px; }
i.c-14{width:471px;height: 50px;background-position: 0 -1300px;top: 445px;left: 215px; }
i.c-15{width:700px;height: 76px;background-position: 0 -1400px;top: 575px;left: 215px; }
i.c-16{width:471px;height: 50px;background-position: 0 -1500px;top: 745px;left: 215px; }
.list.current i.c-1{top: 290px; }
.list.current i.c-2{top: 390px; }
.list.current i.c-3{top: 635px; }
.list.current i.c-4{top: 735px; }
.list.current i.c-5{top: 295px; }
.list.current i.c-6{top: 380px; }
.list.current i.c-7{top: 655px; }
.list.current i.c-8{top: 750px; }
.list.current i.c-9{top: 570px; }
.list.current i.c-10{top: 665px; }
.list.current i.c-11{top: 615px; }
.list.current i.c-12{top: 705px; }
.list.current i.c-13{top: 315px; }
.list.current i.c-14{top: 405px; }
.list.current i.c-15{top: 615px; }
.list.current i.c-16{top: 705px; }
.char-list .list .cover{width: 100%;height: 100%;background: rgba(0,0,0,.45);transition: 1s all;position: relative;cursor: pointer;}
.char-list .list.current .cover{background: rgba(0,0,0,0);cursor: default;}
.char-list .list .cover span.s-title{display: block;width: 300px;height: 80px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/char-title-spr.png);position: absolute;top: 60px;left: 160px;transition: all 1s;}
.char-list .list.current .cover span.s-title{opacity: 0;}
.char-list .list .cover span.s-1{background-position: 0 0;}
.char-list .list .cover span.s-2{background-position: 0 -100px;}
.char-list .list .cover span.s-3{background-position: 0 -200px;}
.char-list .list .cover span.s-4{background-position: 0 -300px;}
.char-list .list .cover span.s-5{background-position: 0 -400px;}
.char-list .list .cover span.s-6{background-position: 0 -500px;}
.char-list .list .cover span.s-7{background-position: 0 -600px;}
.char-list .list .cover span.s-8{background-position: 0 -700px;}
.char-list .list .cover span.arrow-down{display: block;width: 82px;height: 48px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/arrow-down.png);position: absolute;top: 60px;right: 200px;}
.char-list .list.current .cover span.arrow-down{display: none;}
.char-list .list .cover:hover span.arrow-down{animation: upTodown 1s infinite linear;-webkit-animation: upTodown 1s infinite linear;}


.part5{width: 1920px;height: 660px;overflow: hidden;position: relative;background: url(//game.gtimg.cn/images/xiawa/web201812/index/index-bg5.jpg) top center no-repeat;}
.news-list{width: 1590px;height: 340px;margin:65px auto 0;position: relative;}
.news-list a.more {display: inline-block;width: 100px;height: 50px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/more.png);position: absolute;top: -60px;right: 0px;}
.news-list a.more i {display: block;width: 41px;height: 40px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-add.png);position: absolute;top: 0;right: 0;transition: all .6s;-webkit-transition: all .6s;}
.news-list a.more:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.news-list li{width: 510px;height: 340px;overflow: hidden;float: left;margin: 0 8px;position: relative;opacity: 0;border:2px solid #69d4fa}
.news-list li img{display: block;width: 100%;height: 100%;}
.news-list li .news-bottom{width: 100%;height: 64px;background: rgba(0,0,0,.7);position: absolute;left: 0;bottom: 0;}
.news-list li .news-bottom p{font-size: 22px;color: #fff;text-indent: 20px;line-height: 64px;width: 400px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news-list li .news-bottom i{display: block;width: 24px;height: 41px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/arrow.png) no-repeat left;position: absolute;top: 11px;right: 50px;transform: rotate(180deg);animation: leftToright 1s infinite linear;    -webkit-animation: leftToright 1s infinite linear;}



#noteSwiper{width: 1563px;height: 620px;margin:95px auto 0;}
#noteSwiper .swiper-slide{width: 100%;height: 620px;opacity: 0 !important;}
#noteSwiper .swiper-slide.swiper-slide-active{width: 100%;height: 620px;opacity: 1 !important;}
#noteSwiper .swiper-slide .news-pic{display: block;width: 1232px;height: 569px;}
#noteSwiper .swiper-slide .news-pic img{display: block;width: 100%;height: 100%;}
#noteSwiper .swiper-slide .news-info{display: block;width: 570px;position: absolute;right: 0;top: 125px;overflow: hidden;}
#noteSwiper .swiper-slide .news-info .title{font-size: 40px;color: #ffffff;line-height: 60px;letter-spacing:2px;text-align: right;float: right;}
#noteSwiper .swiper-slide .news-info .detail{font-size: 20px;color: #606d91;line-height: 36px;width: 280px;margin-top: 20px;text-align: right;float: right;    word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
#noteSwiper .swiper-slide .btn-forlun{display: block;width: 361px;height: 86px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/btn-forlun.png);position: absolute;top: 400px;right: 0;}
#noteSwiper .swiper-pagination-1{top: 600px;right: 1360px;}
#noteSwiper .swiper-pagination-1 .swiper-pagination-bullet{display: inline-block;width: 30px;height: 4px;background: #fff;border-radius:0;margin:0 5px;}
#noteSwiper .swiper-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 70px;background: #4342bc;}
#noteSwiper .more-notes{display: block;width: 100px;height: 40px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/more.png);position: absolute;top: 70px;right: 0;z-index: 3;}
#noteSwiper .more-notes i{display: block;width: 41px;height: 40px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-add.png);position: absolute;top: 0;right: 0;transition: all .6s;-webkit-transition: all .6s;}
#noteSwiper .more-notes:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
#noteSwiper .btn-next-1{display: block;width: 32px;height: 55px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/btn-spr2.png);background-position: 0 0;position: absolute;top: 0;right: 0;z-index: 9;}
#noteSwiper .btn-prve-1{display: block;width: 32px;height: 55px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/btn-spr2.png);background-position: 0 -94px;position: absolute;bottom: 40px;right: 0;z-index: 9;}




.part6{
    width: 1920px;
    height: 120px;
    transition: all 1s;
    overflow: hidden;
    position: relative;
    margin:0 auto;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/index-bg6.jpg) top center no-repeat;
}
.part6.translate{
    height: 1196px;
}
.source-title{
    width: 400px;
    height: 120px;
    position: absolute;
    top: 340px;
    left: 70px;
}
.source-title li{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .6s;
}
.source-title li.on{
    opacity: 1;
}
.source-title li i{
    display: block;
    width: 235px;
    height: 85px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/source-title.png);
}
.source-title li i.source-1{
    background-position: 0 0;
}
.source-title li i.source-2{
    background-position: 0 -100px;
}
.source-title li i.source-3{
    background-position: 0 -200px;
}
.source-title li p{
    font-size: 20px;
    color: #45f7ff;
    margin-top: 10px;
    text-indent: 5px;
}

.origin-nav{
    width: 232px;
    overflow:hidden;
    position: absolute;
    top: 540px;
    left: 70px;
}
.origin-nav a{
    display: block;
    width: 246px;
    height: 79px;
    margin-bottom: 45px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/origin-tab-1.png) top center no-repeat;
}
.origin-nav .origin-tab-1{
    background-position: 0 0;
}
.origin-nav .origin-tab-2{
    background-position: 0 -100px;
}
.origin-nav .origin-tab-3{
    background-position: 0 -200px;
}
.origin-nav a.on{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/origin-tab-2.png);
}
.origin-nav .origin-tab-1.on{
    margin-left: -10px;
    background-position: 0 0;
}
.origin-nav .origin-tab-2.on{
    margin-left: -10px;
    background-position: 0 -100px;
}
.origin-nav .origin-tab-3.on{
    margin-left: -10px;
    background-position: 0 -200px;
}

.origin-box{
    width: 1620px;
    height: 900px;
    position: absolute;
    right: 0;
    top: 192px;
}
.origin-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 30px;
    left: 0;
    display: none;
}
.origin-content-1{
    top: 0;
}
.origin-content-2{
    top: 0;
}
.origin-content.current{
    display: block;
}
.role-list-1{
    width: 100%;
    height: 974px;
    position: absolute;
    top: 0;
    left: 0;
}
.role-list-1 li{
    width: 586px;
    height: 974px;
    position: absolute;
    top: -30px;
    transition: all 1s;
}

.role-list-1 .role-1{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-1.png) no-repeat;
    left: 10px;
}
.role-list-1 .role-2{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-2.png) no-repeat;
    left: 336px;
}
.role-list-1 .role-3{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-3.png) no-repeat;
    left: 670px;
}
.role-list-1 .role-4{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/chose-4.png) no-repeat;
    left: 1010px;
}
.role-list-1 .role-1.active{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/chose-1.png) no-repeat;
    -webkit-transform: translate3d(10px,-40px,0);
}
.role-list-1 .role-2.active{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/chose-2.png) no-repeat;
    -webkit-transform: translate3d(10px,-40px,0);
}
.role-list-1 .role-3.active{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/chose-3.png) no-repeat;
    -webkit-transform: translate3d(10px,-40px,0);
}
.role-list-1 .role-4.active{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/chose-4.png) no-repeat;
    -webkit-transform: translate3d(10px,-40px,0);
}
.role-list-2{
    width: 100%;
    height: 974px;
    position: absolute;
    top: 0;
    left: 0;
}
.role-list-2 li{
    width: 586px;
    height: 974px;
    position: absolute;
    top: -30px;
    transition: all 1s;
}
.role-list-2 .role-1{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/chose-6.png) no-repeat;
    left: 10px;
}
.role-list-2 .role-2{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-2.png) no-repeat;
    left: 336px;
}
.role-list-2 .role-3{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-3.png) no-repeat;
    left: 670px;
}
.role-list-2 .role-4{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-4.png) no-repeat;
    left: 1010px;
}

.role-list-2 .role-1.active{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/chose-6.png) no-repeat;
    -webkit-transform: translate3d(10px,-40px,0);
}
.role-list-2 .role-2.active{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/waiting.png) no-repeat;
    -webkit-transform: translate3d(10px,-40px,0);
}
.role-list-2 .role-3.active{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/waiting.png) no-repeat;
    -webkit-transform: translate3d(10px,-40px,0);
}
.role-list-2 .role-4.active{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/waiting.png) no-repeat;
    -webkit-transform: translate3d(10px,-40px,0);
}
.quality-nav{
    width: 530px;
    height: 901px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
}
.quality-nav a{
    display: block;
    float: right;
    height: 225px;
    transition: all .6s;
}
.quality-nav .quality-tab-1{
    width: 341px;
    background:url(//game.gtimg.cn/images/xiawa/web201812/index/quality-tab-1.png);
}
.quality-nav .quality-tab-2{
    width: 389px;
    background:url(//game.gtimg.cn/images/xiawa/web201812/index/quality-tab-2.png);
}
.quality-nav .quality-tab-3{
    width: 436px;
    background:url(//game.gtimg.cn/images/xiawa/web201812/index/quality-tab-3.png);
}
.quality-nav .quality-tab-4{
    width: 484px;
    background:url(//game.gtimg.cn/images/xiawa/web201812/index/quality-tab-4.png);
}

.quality-nav .quality-tab-1.on{
    background:url(//game.gtimg.cn/images/xiawa/web201812/index/quality-tab-11.png);
}
.quality-nav .quality-tab-2.on{
    background:url(//game.gtimg.cn/images/xiawa/web201812/index/quality-tab-22.png);
}
.quality-nav .quality-tab-3.on{
    background:url(//game.gtimg.cn/images/xiawa/web201812/index/quality-tab-33.png);
}
.quality-nav .quality-tab-4.on{
    background:url(//game.gtimg.cn/images/xiawa/web201812/index/quality-tab-44.png);
}

.quality-content{
    width: 1327px;
    height: 900px;
    position: absolute;
    top: 0;
    right: 290px;
}
.quality-content li{
    width: 100%;
    height: 100%;
    overflow:hidden;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: all 1s;
}
.quality-content li.current{
    opacity: 1;
    z-index: 2;
}
.quality-content li img{
    display: block;
    width: 100%;
    height: auto;
}

.quality-content li a {
    display: block;
    width: 97px;
    height: 97px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/btn-play.png);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 50%;
    margin-left: -48px;
    transition: all 1s;
}
/*.quality-content li a:hover{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}*/

svg{
    position: absolute;
    z-index: 2;
    left: 50px;
}


.part7{
    width: 1920px;
    height: 120px;
    transition: all 1s;
    overflow: hidden;
    position: relative;
    margin:0 auto;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/index-bg7.jpg) top center no-repeat;
}
.part7.translate{
    height: 1200px;
}
.part7 video {
    width: 1920px;
    height: auto;
    position: absolute;
    top: 120px;
    left: 50%;
    margin-left: -960px;
    display: block;
}
.btn-join{
    display: block;
    width: 320px;
    height: 63px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/btn-join.png);
    position: absolute;
    top: 1020px;
    left: 50%;
    margin-left: -160px;
}
.plan-intro{
    font-size: 24px;
    text-align: center;
    color: #8ba0e6;
    margin-top: 15px;
}


.part9{
    width: 1920px;
    height: 1364px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/index-bg9.jpg) top center no-repeat;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
.part9 .profession{
    width: 1920px;
    height: 1080px;
    margin: 20px auto 0;
    position: relative;
    overflow: hidden;
}
.part9 .show-box{
    width: 1920px;
    height: 1080px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}
.part9 .profession video{
    width: 1920px;
    height: auto;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    display: block;
}
.part9 .profession-pic{
    display: block;
    width: 1920px;
    height: auto;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}
.part9 .profession .right-box{
    width: 412px;
    height: 1080px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/right-box.png) top center no-repeat;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}
.part9 .profession .right-box  .profession-box{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.part9 .profession .right-box  .profession-prev,.part9 .profession .right-box  .profession-next{
    display: block;width: 36px;height: 36px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/next.png) no-repeat center / cover;position: absolute;top: 217px;right:0;
}
.part9 .profession .right-box  .profession-prev{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/prev.png) no-repeat center / cover;
    right: auto;
    left: 0;
    display: none;
}
.part9 .profession .right-box .profession-nav{
    width: 360px;
    height: 230px;
    overflow: hidden;
    margin: 120px auto 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.part9 .profession .right-box .profession-nav li{
    width: 157px;
    height: 54px;
    margin: 11px;
    float: left;
    cursor: pointer;
}
.part9 .profession .right-box .profession-nav .right{
    display: none;
}

.part9 .profession .right-box .profession-nav .li-1{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-11.png);
}
.part9 .profession .right-box .profession-nav .li-2{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-22.png);
}
.part9 .profession .right-box .profession-nav .li-3{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-33.png);
}
.part9 .profession .right-box .profession-nav .li-4{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-44.png);
}
.part9 .profession .right-box .profession-nav .li-5{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-55.png);
}
.part9 .profession .right-box .profession-nav .li-6{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-66.png);
}
.part9 .profession .right-box .profession-nav .li-7{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-77.png);
}
.part9 .profession .right-box .profession-nav .li-8{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-88.png);
}
.part9 .profession .right-box .profession-nav .li-9{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-99.png);
}
.part9 .profession .right-box .profession-nav .li-10{
  background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-42.png);
}
.part9 .profession .right-box .profession-nav .li-1.current{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-1.png);
}
.part9 .profession .right-box .profession-nav .li-2.current{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-2.png);
}
.part9 .profession .right-box .profession-nav .li-3.current{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-3.png);
}
.part9 .profession .right-box .profession-nav .li-4.current{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-4.png);
}
.part9 .profession .right-box .profession-nav .li-5.current{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-5.png);
}
.part9 .profession .right-box .profession-nav .li-6.current{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-6.png);
}
.part9 .profession .right-box .profession-nav .li-7.current{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-7.png);
}
.part9 .profession .right-box .profession-nav .li-8.current{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-8.png);
}
.part9 .profession .right-box .profession-nav .li-9.current{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-9.png);
}
.part9 .profession .right-box .profession-nav .li-10.current{
  background: url(//game.gtimg.cn/images/xiawa/web201812/index/role-nav-43.png);
}
.part9 .profession .right-box .profession-info{
    width: 100%;
    height: 740px;
    overflow: hidden;
    position: relative;
}
.part9 .profession .right-box .profession-info div{
    width: 100%;
    overflow: hidden;
    display: none;
}
.part9 .profession .right-box .profession-info div.current{
    display: block;
}
.part9 .profession .right-box .profession-info .profession-intro{
    display: block;
    width: 201px;
    height: 23px;
    overflow: hidden;
    line-height: 999px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/profession-spr.png);
    background-position: 0 0;
    margin-top: 45px;
    margin-left: 45px;
}
.part9 .profession .right-box .profession-info .profession-name{
    display: block;
    width: 243px;
    height: 69px;
    overflow: hidden;
    line-height: 999px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/profession-spr.png);
    margin-top: 25px;
    margin-left: 40px;
}
.part9 .profession .right-box .profession-info .profession-name-1{
    background-position: -500px 0;
}
.part9 .profession .right-box .profession-info .profession-name-2{
    background-position: -500px -100px;
}
.part9 .profession .right-box .profession-info .profession-name-3{
    background-position: -500px -200px;
}
.part9 .profession .right-box .profession-info .profession-name-4{
    background-position: -500px -300px;
}
.part9 .profession .right-box .profession-info .profession-name-5{
    background-position: -500px -400px;
}
.part9 .profession .right-box .profession-info .profession-name-6{
    background-position: -500px -500px;
}
.part9 .profession .right-box .profession-info .profession-name-7{
    background-position: -500px -593px;
}
.part9 .profession .right-box .profession-info .profession-name-8{
    background-position: -500px -684px;
}
.part9 .profession .right-box .profession-info .profession-name-9{
    background-position: -500px -790px;
}
.part9 .profession .right-box .profession-info .profession-name-10{
  background-position: -500px -870px;
}
.part9 .profession .right-box .profession-info .profession-detail{
    width: 325px;
    margin-top: 20px;
    margin-left: 45px;
    font-size: 14px;
    color: #7ffefe;
    line-height: 26px;
}
.part9 .profession .right-box .profession-info .skill-intro{
    display: block;
    width: 212px;
    height: 23px;
    overflow: hidden;
    line-height: 999px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/profession-spr.png);
    background-position: 0 -50px;
    margin-top: 40px;
    margin-left: 45px;
}
.part9 .profession .right-box .profession-info .skill-detail{
    width: 340px;
    height: 150px;
    overflow: hidden;
    margin-top: 15px;
    margin-left: 35px;
}
.part9 .profession .right-box .profession-info .skill-detail li{
    width: 103px;
    overflow: hidden;
    float: left;
    margin: 5px;
}
.part9 .profession .right-box .profession-info .skill-detail li a{
    display: block;
    width: 103px;
    height: 103px;
}
.part9 .profession .right-box .profession-info .skill-detail li p{
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    /* margin-top: 10px; */
    color: #fff;
}
.icon-1{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-1.png);
}
.icon-2{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-2.png);
}
.icon-3{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-3.png);
}
.icon-4{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-4.png);
}
.icon-5{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-5.png);
}
.icon-6{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-6.png);
}
.icon-7{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-7.png);
}
.icon-8{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-8.png);
}
.icon-9{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-9.png);
}
.icon-10{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-10.png);
}
.icon-11{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-11.png);
}
.icon-12{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-12.png);
}
.icon-13{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-13.png);
}
.icon-14{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-14.png);
}
.icon-15{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-15.png);
}
.icon-16{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-16.png);
}
.icon-17{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-17.png);
}
.icon-18{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-18.png);
}
.icon-19{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-19.png);
}
.icon-20{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-20.png);
}
.icon-21{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-21.png);
}
.icon-22{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-22.png);
}
.icon-23{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-23.png);
}
.icon-24{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-24.png);
}
.icon-25{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-25.png);
}
.icon-26{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-26.png);
}
.icon-27{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-27.png);
}
.icon-28{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-28.png);
}
.icon-29{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-29.png);
}
.icon-30{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-30.png);
}
.icon-31{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-31.png);
}
.icon-32{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-32.png);
}
.icon-33{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-33.png);
}
.icon-34{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-34.png);
}
.icon-35{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-35.png);
}
.icon-36{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-36.png);
}
.icon-37{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-37.png);
}
.icon-38{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-38.png);
}
.icon-39{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-39.png);
}
.icon-40{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-40.png);
}
.icon-41{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-41.png);
}
.icon-42{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-42.png);
}
.icon-43{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-43.png);
}
.icon-44{
  background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-44.png);
}
.icon-45{
  background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-45.png);
}
.icon-46{
  background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-46.png);
}
.icon-47{
  background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-47.png);
}
.icon-48{
  background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-48.png);
}
.icon.active i{
    display: block;
    width: 100%;
    height: 100%;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/active.png);
    animation: animaRotate 6s infinite linear;
    -webkit-animation: animaRotate 6s infinite linear;
}
.part9 .profession .right-box .profession-info .skill-text{
    width: 325px;
    margin-top: 5px;
    margin-left: 45px;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
}
.prve-skill,.prve-skill-p{
    display: block;
    width: 26px;
    height: 36px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/prve-skill.png);
    position: absolute;
    bottom: 250px;
    left: 20px;
}
.next-skill,.next-skill-n{
    display: block;
    width: 26px;
    height: 36px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/next-skill.png);
    position: absolute;
    bottom: 250px;
    right: 20px;
}


.part10{
    width: 1920px;
    height: 1212px;
    overflow: hidden;
    position: relative;
    margin:0 auto;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/index-bg10.jpg) top center no-repeat;
}
.part10 .btn-forward{
    display: block;
    width: 320px;
    height: 63px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/btn-forward.png) top center no-repeat;
    margin: 810px auto 0;
}

.part11{
    width: 1920px;
    height: 1231px;
    overflow: hidden;
    position: relative;
    margin:0 auto;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/index-bg11.jpg) top center no-repeat;
}
.strategy-nav{
    width: 408px;
    overflow: hidden;
    position: absolute;
    top: 223px;
    left: 0;
}
.strategy-nav .strategy-tab{
    display: block;
    width: 408px;
    height: 217px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/strategy-tab-spr.png) no-repeat;
}
.strategy-nav .strategy-tab-1{
    background-position: 0 0;
}
.strategy-nav .strategy-tab-2{
    background-position: 0 -250px;
}
.strategy-nav .strategy-tab-3{
    background-position: 0 -500px;
}
.strategy-nav .strategy-tab-4{
    background-position: 0 -750px;
}
.strategy-nav .strategy-tab-1.on{
    background-position: -450px 0;
}
.strategy-nav .strategy-tab-2.on{
    background-position: -450px -250px;
}
.strategy-nav .strategy-tab-3.on{
    background-position: -450px -500px;
}
.strategy-nav .strategy-tab-4.on{
    background-position: -450px -750px;
}

.strategy-box{
    width: 1420px;
    height: 870px;
    overflow: hidden;
    position: absolute;
    top: 205px;
    left: 470px;
}
.strategy-content{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
    position: relative;
}
.strategy-content.current{
    display: block;
}
.strategy-header{
    width: 1250px;
    overflow: hidden;
    margin: 50px auto;
    padding-bottom: 20px;
}
.strategy-header .nav{
    width: 1150px;
    height: 40px;
    float: left;
    line-height: 40px;
}
.strategy-header .nav a{
    display: inline-block;
    float: left;
    margin-right: 60px;
    position: relative;
    font-size: 24px;
    color: #fff;
}
.strategy-header .nav a.on{
    color: #667bcc;
    font-weight: bold;
}
.strategy-header .nav a:after {
    content: " ";
    width: 2px;
    height: 20px;
    display: block;
    float: right;
    margin-top: 10px;
    margin-right: -30px;
    background-color: #fff;
    transform: rotate(17deg);
}

.strategy-header a.more {
    display: inline-block;
    width: 100px;
    height: 50px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/more.png);
    position: relative;
    float: right;
}
.strategy-header a.more i {
    display: block;
    width: 41px;
    height: 40px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-add.png);
    position: absolute;
    top: 0;
    right: 0;
    transition: all .6s;
    -webkit-transition: all .6s;
}
.strategy-header a.more:hover i{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.strategy-list{
    width: 1420px;
    overflow: hidden;
}
.strategy-list li{
    width: 570px;
    overflow: hidden;
    float: left;
    margin: 0 70px;
    margin-bottom: 65px;
    height: 70px;
}
.strategy-list li a{
    display: block;
}
.strategy-list li a .dec{
    font-size: 24px;
    color: #f9e1ff;
    width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.strategy-list li a .info{
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}
.strategy-list li a .info .author{
    font-size: 18px;
    color: #388cff;
    float: left;   
     line-height: 1.2;
}
.strategy-list li a .info .time{
    font-size: 18px;
    color: #388cff;
    float: right;
    margin-right: 20px;   
     line-height: 1.2;
}

/*title*/
.title{
    display: block;
    width: 1200px;
    height: 144px;
    margin: 0 auto;
    overflow: hidden;
     animation: shink 6s infinite linear;
}
.title-11{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/title-11.png) top center no-repeat;
    margin-top: 50px;
}
.title-10{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/title-10.png) top center no-repeat;
    margin-top: 60px;
}
.title-9{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/title-9.png) top center no-repeat;
    margin-top: 30px;
}
.title-8{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/title-8.png) top center no-repeat;
}
.title-7{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/title-7.png) top center no-repeat;
}
.title-6{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/title-6.png) top center no-repeat;
}
.title-5{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/title-5.png) top center no-repeat;
    margin-top: 40px;
}
.title-4{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/title-4.png) top center no-repeat;
}
.title-2{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/title-2.png) top center no-repeat;
    margin-top: 50px;
}


.rotate-7{
    display: block;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/circle1.png);
    background-size: 100%;
    position: absolute;
    animation: animaRotate 30s infinite linear;
    -webkit-animation: animaRotate 30s infinite linear;
    width: 775px;
    height: 775px;
    top: -200px;
    left: 50%;
    margin-left: -388px;
}

/*fadein*/
.current.part2 .video-list-1 a:nth-child(1){
    animation: fadeInUp 1s;
    animation-fill-mode: both;
}
.current.part2 .video-list-1 a:nth-child(2){
    animation: fadeInUp 1s;
    animation-fill-mode: both;
    animation-delay:1s;
}
.current.part2 .video-list-1 a:nth-child(3){
    animation: fadeInUp 1s;
    animation-fill-mode: both;
    animation-delay:2s;
}
.current.part3 .adSwiper-title{
    animation: fadeInUp 1s;
    animation-fill-mode: both;
}
.current.part3 #adSwiper{
    animation: fadeInUp 1s;
    animation-fill-mode: both;
}
.current.part3 .adSwiper-tip{
    animation: fadeInUp 1s;
    animation-fill-mode: both;
}
.current.part4 .char-list .list-1{
    animation: fadeInUp 1s;
    animation-fill-mode: both;
}
.current.part4 .char-list .list-2{
    animation: fadeInUp 1s;
    animation-fill-mode: both;
    animation-delay:1s;
}
.current.part4 .char-list .list-3{
    animation: fadeInUp 1s;
    animation-fill-mode: both;
    animation-delay:2s;
}
.current.part4 .char-list .list-4{
    animation: fadeInUp 1s;
    animation-fill-mode: both;
    animation-delay:3s;
}
.current.part4 .char-list .list-5{
    animation: fadeInUp 1s;
    animation-fill-mode: both;
    animation-delay:4s;
}
.current.part4 .char-list .list-6{
    animation: fadeInUp 1s;
    animation-fill-mode: both;
    animation-delay:5s;
}
.current.part4 .char-list .list-7{
    animation: fadeInUp 1s;
    animation-fill-mode: both;
    animation-delay:6s;
}
.current.part4 .char-list .list-8{
    animation: fadeInUp 1s;
    animation-fill-mode: both;
    animation-delay:7s;
}
.current.part5 .news-list li:nth-child(1){
    animation: fadeInUp 1s;
    animation-fill-mode: both;
    animation-delay:1s;
}
.current.part5 .news-list li:nth-child(2){
    animation: fadeInUp 1s;
    animation-fill-mode: both;
    animation-delay:.5s;
}
.current.part5 .news-list li:nth-child(3){
    animation: fadeInUp 1s;
    animation-fill-mode: both;
    animation-delay:1s;
}
/*.current.part5 .footer-link{
    animation: fadeInUp 1s;
    animation-fill-mode: both;
    animation-delay:2s;
}*/


.pop-pic{
    width: 774px;
    height: 806px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/pop-bg.png) top center no-repeat;
    position: relative;
    display: none;
}
.pop-pic .close{
    display: block;
    width: 40px;
    height: 40px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/close.png);
    position: absolute;
    top: -15px;
    right: 85px;
}
.pic-box {
    width: 645px;
    height: 704px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    top: 70px;
    left: 50px;
}
.pic-box img{
    display: block;
    width: 100%;
    height: auto;
}



/*animation*/
@keyframes shink {
    0% {opacity: 1;}
    50% {opacity: .5;}
    100% {opacity: 1;}
}

@keyframes animaRotate{
    form{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
@-webkit-keyframes animaRotate{
    form{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}


@keyframes rightToleft{
    form{
        margin-left: 270px;
    }
    to{
        margin-left: 250px;
    }
}
@-webkit-keyframes rightToleft{
    form{
        margin-left: 270px;
    }
    to{
        margin-left: 250px;
    }
}
@keyframes leftToright{
    form{
       right: 50px;
    }
    to{
        right: 30px;
    }
}
@-webkit-keyframes leftToright{
    form{
       right: 50px;
    }
    to{
        right: 30px;
    }
}

@keyframes upTodown{
    form{
       top: 60px;
    }
    to{
        top: 75px;
    }
}
@-webkit-keyframes upTodown{
    form{
       top: 60px;
    }
    to{
        top: 75px;
    }
}
/*animation*/
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}


@keyframes leftIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes rightIn {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0.2;
  }

  to {
    opacity: 1;
  }
}

@keyframes scaleUp {
    0% {transform: scale(1);}
    50% {transform: scale(1.1);}
    100% {transform: scale(1);}
}

@-webkit-keyframes scaleUp {
    0% {-webkit-transform: scale(1);}
    50% {-webkit-transform: scale(1.1);}
    100% {-webkit-transform: scale(1);}
}

/*dialog*/
#vindex-play{width: 800px;height: 500px;border: 1px solid #49459c;display: none;}
#vindex-play .pop-con,.pop#vindex-play .tenvideo_player{padding: 0;width: 800px;height: 500px;}
.btn-pop-close {display: block;width: 40px;height: 40px;text-align: center;line-height: 36px;cursor: pointer;position: absolute;right: -45px;top: -1px;font-family: Tahoma;font-size: 30px;color: #fff;text-decoration: none;}


.pic-box::-webkit-scrollbar{
    width: 10px;
    height: 20px;
    background-color: #3f526d;
}
.pic-box::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 20px;
    background-color: #3f526d;
}
.pic-box::-webkit-scrollbar-thumb{
    height: 20px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #889cb9;
}


/*part videopart*/
.part8{
    width: 1920px;
    height: 120px;
    transition: all 1s;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/index-bg8.jpg) top center no-repeat;
    background-size: 100%;
}
.part8.translate{
    height: 1185px;
}
.part8 a.more {
    display: inline-block;
    width: 100px;
    height: 40px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/more.png);
    position: absolute;
    top: 120px;
    right: 200px;
}
.part8 a.more i {
    display: block;
    width: 41px;
    height: 40px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/icon-add.png);
    position: absolute;
    top: 0;
    right: 0;
    transition: all .6s;
    -webkit-transition: all .6s;
}
.part8 a.more:hover i{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.part8 .video-box{
    width: 1840px;
    height: 1000px;
    margin: 30px auto 0;
    position: relative;
    overflow: hidden;
}
.part8 .video-box .video-source{
    width: 450px;
    height: 919px;
    float: left;
    margin: 0 5px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all 1s;
}
.part8 .video-box .video-source1{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/video-poster-1.png) no-repeat;
}
.part8 .video-box .video-source2{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/video-poster-2.png) no-repeat;
}
.part8 .video-box .video-source3{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/video-poster-3.png) no-repeat;
}
.part8 .video-box .video-source4{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/video-poster-4.png) no-repeat;
}
.part8 .video-box .video-source1.hover{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/video-poster-11.png) no-repeat;
}
.part8 .video-box .video-source2.hover{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/video-poster-22.png) no-repeat;
}
.part8 .video-box .video-source3.hover{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/video-poster-33.png) no-repeat;
}
.part8 .video-box .video-source4.hover{
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/video-poster-44.png) no-repeat;
}

.video-source .play-video-1{
    display: block;
    width: 107px;
    height: 107px;
    position: absolute;
    top: 500px;
    left: 210px;
}
.video-source .play-video-1 .v1{
    display: block;
    width: 107px;
    height: 107px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/v-1.png);
    position: absolute;
    top: 0;
    left: 0;
    animation: animaRotate 6s infinite linear;
    -webkit-animation: animaRotate 6s infinite linear;
}
.video-source .play-video-1 .v2{
    display: block;
    width: 35px;
    height: 54px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/v-2.png);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -17px;
    margin-top: -27px;
}
.video-source .play-video-2{
    display: block;
    width: 254px;
    height: 65px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/v-3.png);
    position: absolute;
    top: 680px;
    left: 135px;
    display: none;
}
.video-source .download-video{
    display: block;
    width: 254px;
    height: 65px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/btn-download.png);
    position: absolute;
    top: 750px;
    left: 135px;
    display: none;
}

.part99{
    width: 1920px;
    height: 352px;
    overflow: hidden;
    position: relative;
    margin:0 auto;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/index-bottom.jpg);
}
.footer-link{width: 1778px;height: 128px;background: url(//game.gtimg.cn/images/xiawa/web201812/index/foot-icon.png) no-repeat;position: absolute;top: 130px;left: 50%;margin-left: -920px;}
.footer-link a{display: block;width: 230px;height: 127px;float: left;box-sizing: border-box;margin-right: 28px;position: relative;}
.footer-link a.link-7{
    margin-right: 0;
}
.footer-link a img{width: 120px;height: 120px;position: absolute;top: -20px;right: 20px;opacity: 0;transition: all 1.5s;}
.footer-link a:hover img{opacity: 1;top: -125px;}

.open{
    width: 100%;
    height: 120px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    cursor: pointer;
}
.open i{
    display: block;
    width: 82px;
    height: 48px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/open.png);
    position: absolute;
    top: 26px;
    right: 100px;
}

.fixed-xzz{
    width: 243px;
    height: 427px;
    position: fixed;
    left: 10px;
    top: 50%;
    margin-top: -210px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/fixed.png);
    z-index: 99;
    transform: scale(.9);
}
.fixed-xzz div{
    display: block;
    width: 144px;
    height: 144px;
    margin:190px auto 0;
}
.fixed-xzz a.right-download{
    display: block;
    width: 150px;
    height: 51px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/btn-xzz.png);
    margin:32px auto 0;
}
.fixed-xzz a.btn-news{
    display: block;
    width: 175px;
    height: 51px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/btn-news.png);
    margin:12px auto 0;
}

.pop-poster{
    width: 710px;
    height: 450px;
    position: relative;
    display: none;
    background: rgba(146, 144, 144, 0.2);
    border:1px solid #60608a;
}
.pop-poster .close,.pop-jqqd .close,.pop-pai .close{
    display: block;
    width: 44px;
    height: 44px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/poster_close.png);
    position: absolute;
    top: 0;
    right: -55px;
}
.pop-pai .close{top: 160px;right: 250px;background: none;}
.pop-pai .pai-href{display: block;width: 50%;height: 60%;position: absolute;left:0;right: 0;bottom: 20%;margin: 0 auto;opacity: .3;}
.pop-pai img{width: 1500px;height: auto;}
.pop-pai,.pop-jqqd{display: none;}
.pop-poster .poster-link{
    display: block;
    width: 700px;
    height: 440px;
    position: absolute;
    overflow: hidden;
    top: 5px;
    left:5px;
}
.pop-poster .poster-link img{
    display: block;
    width: 100%;
    min-height: 100%;
}

.poster2_box{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 10;
}
.pop-poster2{
    width: 912px;
    height: 572px;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -256px;
    margin-left: -456px;
}
.pop-poster2 .close{
    display: block;
    width: 40px;
    height: 40px;
    background: url(//game.gtimg.cn/images/xiawa/web201812/index/close.png);
    position: absolute;
    top: 0;
    right: -55px;
}
.pop-poster2 .poster-link2{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left:0;
}
.pop-poster2 .poster-link2 img{
    display: block;
    width: 100%;
    height: auto;
}


  .kv-playVideo{
      display: block;
      width: 170px;
      height: 178px;
      background: url(//game.gtimg.cn/images/xiawa/web201812/index/btn-play.gif) no-repeat;
      background-size: 100% 100%;
      position: absolute;
      top: 550px;
      left: 640px;
      z-index: 99;
  }



/* #t6Hl8#5D372D512BE271321D9756588F35251A */