html,body,.wrapper,.story-header{width: 100%; position: relative;}
html,body { margin: 0 auto; background-color: #000; min-width: 1400px;}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,100px,0)
    }

    100% {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInright{
	0% {opacity: 0;transform: translateX(2rem);}
	100% { opacity: 1; transform: translateX(0);}
}
@keyframes bounceInleft{
	0% {opacity: 0;transform: translateX(-2rem);}
	100% { opacity: 1; transform: translateX(0);}
}

.fadeanim { animation: fadeInDown .4s .2s ease-out both;}

[data-animclass] { opacity: 0;}

.comm-scroll::-webkit-scrollbar {
  width: .1rem;
  height: .1rem; 
  background-color: transparent;
}
.comm-scroll::-webkit-scrollbar-button { 
  width: 0; 
  height: 0; 
}
.comm-scroll::-webkit-scrollbar-corner { 
  display: block; 
}
.comm-scroll::-webkit-scrollbar-thumb { 
  background-clip: padding-box;
  background-color: #4d4b4d;
  border-radius: 4px; 
}
body, html, .wrapper, .page-content { width: 100%; height: 100%;}

.index-spr{ background-image:url(//game.gtimg.cn/images/gp/cp/a20251029dtts/index/index-spr.png); background-repeat:no-repeat;}
.page-hov-icon1 {width:80px; height:80px; background-position: -4px -4px}
.page-hov-icon2 {width:80px; height:80px; background-position: -4px -88px}
.page-hov-icon3 {width:80px; height:80px; background-position: -4px -172px}
.page-hov-icon4 {width:80px; height:80px; background-position: -88px -4px}
.page-hov-icon5 {width:80px; height:80px; background-position: -172px -4px}
.page-hov-icon6 {width:80px; height:80px; background-position: -88px -88px}
.page-hov-icon7 {width:80px; height:80px; background-position: -88px -172px}

.part1 { width: 100%; height: 100%; position: relative; z-index: 2; background: url(//game.gtimg.cn/images/gp/cp/a20251029dtts/index/bg.jpg?v=03) #080709 no-repeat center center; background-size: auto 100%;}
.part1 .main { position: absolute; z-index: 1; width: 2560px; height: 1440px; left: 50%; top: 50%; margin: -720px 0 0 -1280px; overflow: hidden;}
.page-link-item { position: absolute;}
.page-title { position: absolute; transform-origin: right bottom; background: url(//game.gtimg.cn/images/gp/cp/a20251029dtts/index/slogan.png) no-repeat 0 0; background-size: 100% 100%; width: 768px; height: 306px; right: 140px; bottom: 102px; z-index: 9;}
.page-link-item { position: absolute; z-index: 3;}
.page-link-item a { display: block; width: 100%; height: 100%;}
.page-link1 { left: 250px; top: 492px; width: 473px; height: 316px;}
.page-link2 { left: 800px; top: 230px; width: 314px; height: 434px;}
.page-link3 { left: 708px; top: 683px; width: 625px; height: 580px;}
.page-link4 { left: 567px; top: 1210px; width: 520px; height: 230px;}
.page-link5 { left: 1162px; top: 160px; width: 556px; height: 444px;}
.page-link6 { left: 1297px; top: 698px; width: 543px; height: 449px;}
.page-link7 { left: 1739px; top: 405px; width: 524px; height: 353px;}
.page-link-item i { position: absolute; pointer-events: none; opacity: 0; transition: all .3s;}
.page-link-item:hover i { opacity: 1;}
.page-link-item.cur i { opacity: 1;}
.page-link1 i { background: url(//game.gtimg.cn/images/gp/cp/a20251029dtts/index/page-link-light1.png) no-repeat 0 0; background-size: 100% 100%; width: 604px; height: 450px; left: -65px; top: -65px;}
.page-link2 i { background: url(//game.gtimg.cn/images/gp/cp/a20251029dtts/index/page-link-light2.png) no-repeat 0 0; background-size: 100% 100%; width: 446px; height: 570px; left: -65px; top: -69px;}
.page-link3 i { background: url(//game.gtimg.cn/images/gp/cp/a20251029dtts/index/page-link-light3.png) no-repeat 0 0; background-size: 100% 100%; width: 742px; height: 703px; left: -57px; top: -64px;}
.page-link4 i { background: url(//game.gtimg.cn/images/gp/cp/a20251029dtts/index/page-link-light4.png) no-repeat 0 0; background-size: 100% 100%; width: 646px; height: 283px; left: -62px; top: -60px;}
.page-link5 i { background: url(//game.gtimg.cn/images/gp/cp/a20251029dtts/index/page-link-light5.png) no-repeat 0 0; background-size: 100% 100%; width: 688px; height: 579px; left: -67px; top: -69px;}
.page-link6 i { background: url(//game.gtimg.cn/images/gp/cp/a20251029dtts/index/page-link-light6.png) no-repeat 0 0; background-size: 100% 100%; width: 674px; height: 604px; left: -64px; top: -68px;}
.page-link7 i { background: url(//game.gtimg.cn/images/gp/cp/a20251029dtts/index/page-link-light7.png) no-repeat 0 0; background-size: 100% 100%; width: 657px; height: 485px; left: -67px; top: -66px;}

.page-hover { position: absolute; pointer-events: none; z-index: 4;}
.page-hover a { pointer-events: all;}
.page-hover p.p1 { width: 167px; height: 80px; line-height: 80px; font-size: 0; text-align: center; margin-left: 2px;}
.page-hover p.p1 span,.page-hover p.p1 em { display: inline-block; vertical-align: middle; font-size: 32px; margin: 0 -5px;}
.page-hover p.p1 em { transform: scale(.66); margin-left: -26px;}
.page-hover p.p1 span { color: #fff;}
.page-hover p.p2 { position: absolute; top: -24px; line-height: 18px; font-size: 18px; color: #fff; font-family: AgencyFB; text-align: left;}
.page-hover-left { background: url(//game.gtimg.cn/images/gp/cp/a20251029dtts/index/page-hover-left.png) no-repeat 0 0; background-size: 100% 100%; width: 232px; height: 212px;}
.page-hover-right { background: url(//game.gtimg.cn/images/gp/cp/a20251029dtts/index/page-hover-right.png) no-repeat 0 0; background-size: 100% 100%; width: 228px; height: 212px;}
.page-hover-right p.p1 { margin: 0 0 0 59px;}
.page-hover-left p.p2 { right: 14px; text-align: right;}
.page-hover-right p.p2 { left: 16px;}
.page-hov1 { left: 158px; top: 368px;}
.page-hov2 { left: 572px; top: 149px;}
.page-hov3 { left: 977px; top: 608px;}
.page-hov4 { left: 484px; top: 1086px;}
.page-hov5 { left: 1536px; top: 78px;}
.page-hov6 { left: 1648px; top: 668px;}
.page-hov7 { left: 1835px; top: 308px;}
.page-hover i { position: absolute; bottom: 0; background: url(//game.gtimg.cn/images/gp/cp/a20251029dtts/index/page-hover-i.png) no-repeat 0 0; background-size: 100% 100%; width: 30px; height: 30px;-webkit-animation: scaleAnim 2s linear infinite;animation: scaleAnim 2s linear infinite;}
@-webkit-keyframes scaleAnim{  
   0%{ -webkit-transform:scale(1,1);}
   50%{ -webkit-transform:scale(1.6,1.6);}
   100%{ -webkit-transform:scale(1,1);}  
 }
@keyframes scaleAnim{  
   0%{ transform:scale(1,1);}
   50%{ transform:scale(1.6,1.6);}
   100%{ transform:scale(1,1);}  
 }
.page-hover-left i { right: 0;}
.page-hover-right i { left: 0;}