body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{-webkit-text-size-adjust: none;margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}/*MEA*/code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol{list-style:none;}a{text-decoration:none;outline:0 none}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}legend{color:#000;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;resize: none;}table{border-collapse:collapse;border-spacing:0;}
body,html{background:#000;font-family:"Microsoft Yahei";}
html{font-size: 100px;}
body{font-size: 14px;line-height: 28px;color: #060606;}
a{color:#5B5B5B;outline: none !important;user-select: none;-webkit-user-select: none;border: none !important;}
#footer_ied{background:#5E6FB4;padding:34px 0;text-align: center;line-height:2;position: relative;}
#footer_ied a,#footer_ied{color:#fff}
#afooter{position: relative;width:100%;text-align: center;background: #000;color: #fff;padding: 20px 0;line-height: 22px;}
#afooter a{color: #fff;}

html {
  scroll-behavior: smooth;
}

html, body, .wrapper {
  position: relative;
  width: 100%;
}

.th {
  line-height: 999px;
  overflow: hidden;
}

.part {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

html { font-size: calc(100vw / 1920 * 100); }

@font-face {
  font-family: "nfh";
  src: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/rzrxnfh.ttf);
}

@font-face {
  font-family: "lth";
  src: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/lth.ttf);
}

.wrapper {
  height: 85.6rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/bg1.jpg) no-repeat center 0 / 19.2rem,
              url(https://game.gtimg.cn/images/cf/cp/a20250623ver/bg2.jpg) no-repeat center 11rem / 19.2rem,
              url(https://game.gtimg.cn/images/cf/cp/a20250623ver/bg3.jpg) no-repeat center 52rem / 19.2rem;
}

.kv {
  height: 12.74rem;
}

.kv h1 {
  height: 0;
}

.logo {
  position: absolute;
  width: 2.34rem;
  height: 0.53rem;
  top: 0.36rem;
  left: 0.45rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/logo.png) no-repeat center/contain;
}

.home {
  position: absolute;
  width: 2.45rem;
  height: 0.73rem;
  top: 0.4rem;
  left: 16.3rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/home.png) no-repeat center/contain;
}

.top-nav {
  position: absolute;
  width: 100%;
  height: auto;
  top: 11.16rem;
  text-align: center;
  box-sizing: border-box;
  z-index: 10;
}

.top-nav.fixed {
  position: fixed;
  top: 0;
}

.top-nav ul {
  width: 14rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.top-nav li {
  margin: 0 0.14rem 0;
}

.nav-item {
  width: 3.29rem;
  height: 0.98rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/main-tab.png) no-repeat right/cover;
}

.nav-item.on, .nav-item:hover {
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/main-tab.png) no-repeat left/cover;
}

.nav-item span {
  font-size: 0.4rem;
  color: #FFF;
  line-height: 1;
  font-family: "nfh";
  text-align: center;
}

.sub-nav, .p2-sub-nav, .p4-sub-nav {
  width: 100%;
  height: 0.77rem;
  display: flex;
  justify-content: center;
  margin: 0.3rem auto;
}

.sub-nav.sub-nav-wrap {
  width: 9.7rem;
  height: 1.8rem;
  flex-wrap: wrap;
  align-content: space-between;
}

.sub-nav li, .p2-sub-nav li, .p4-sub-nav li {
  width: 2.69rem;
  height: 0.77rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.2rem;
  cursor: pointer;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/subtab1.png) no-repeat right/cover;
}

.p2-sub-nav li, .p4-sub-nav li {
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/subtab2.png) no-repeat right/cover;
}

.sub-nav li.on, .sub-nav li:hover,
.p2-sub-nav li.on, .p2-sub-nav li:hover,
.p4-sub-nav li.on, .p4-sub-nav li:hover {
  background-position-x: left;
}

.sub-nav li span,
.p2-sub-nav li span,
.p4-sub-nav li span {
  font-size: 0.26rem;
  color: #FFF;
  line-height: 0.28rem;
  font-family: "nfh";
}

.p2-sub-nav li span,
.p4-sub-nav li span {
  color: #002351;
}

.p2-sub-nav li.on span, .p2-sub-nav li:hover span,
.p4-sub-nav li.on span, .p4-sub-nav li:hover span {
  color: #FFF;
}

.part1 {
  height: 41.7rem;
}

.t1 {
  width: 100%;
  height: 1.01rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/t1.png) no-repeat center/contain;
}

.t1-sub1 {
  width: 100%;
  height: 0.37rem;
  margin: 0.3rem 0 0.13rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/t1-sub1.png) no-repeat center/contain;
}

.t-desc1 {
  width: 100%;
  font-size: 0.2rem;
  line-height: 1;
  color: #000d47;
  font-family: "lth";
}

.comm-sw-con {
  position: relative;
  width: 12.2rem;
  height: 6.15rem;
  margin: 0 auto;
  padding-top: 0.02rem;
  box-sizing: border-box;
}

.comm-sw-con::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  pointer-events: none;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/p1-mask1.png) no-repeat center/contain;
}

.part2 .comm-sw-con::after {
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/p2-mask1.png) no-repeat center/contain;
}

.comm-sw-con .swiper-container {
  position: relative;
  width: 100%;
  height: 6.11rem;
  mask-image: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/p1-mask2.png);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center center;
  -webkit-mask-image: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/p1-mask2.png);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center center;
}

.comm-sw-con .swiper-container.hideside {
  mask-image: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/p1-mask2-2.png);
  -webkit-mask-image: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/p1-mask2-2.png);
}

.comm-sw-con img {
  display: block;
  width: 11.6rem;
  height: 6.11rem;
  object-fit: cover;
  margin: 0 auto;
}

.comm-sw-con .sw-prev, .comm-sw-con .sw-next {
  position: absolute;
  width: 0.54rem;
  height: 1.07rem;
  top: 50%;
  margin-top: -0.53rem;
  cursor: pointer;
}

.comm-sw-con .sw-prev {
  left: -0.9rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/left1.png) no-repeat center/contain;
}

.comm-sw-con .sw-next {
  right: -0.9rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/right1.png) no-repeat center/contain;
}

.part2 .comm-sw-con .sw-prev {
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/left2.png) no-repeat center/contain;
}

.part2 .comm-sw-con .sw-next {
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/right2.png) no-repeat center/contain;
}

.comm-sw-con .scroll-con {
  width: 12.1rem;
  height: 100%;
  margin: 0 auto;
  overflow-y: scroll;
}

.comm-sw-con .scroll-con img {
  height: auto;
}

.scroll-con::-webkit-scrollbar{
  width: 0.03rem;
}
/*正常情况下滑块的样式*/
.scroll-con::-webkit-scrollbar-track{
  background-color: #78bcff;
}
/*鼠标悬浮在该类指向的控件上时滑块的样式*/
.scroll-con::-webkit-scrollbar-thumb{
  background-color: #FFF;
}

.sw-desc {
  position: absolute;
  width: 100%;
  top: 6.3rem;
}

.sw-desc p, .sub4-extxt, .p2-extxt {
  font-size: 0.22rem;
  color: #000d47;
  line-height: 1.22;
  font-family: "lth";
  display: none;
}

.sw-desc p span {
  color: #fe5323;
  font-weight: bold;
}

.t1-sub2 {
  height: 0.37rem;
  margin-top: 1.3rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/t1-sub2.png) no-repeat center/contain;
}

.t1-sub3 {
  height: 0.37rem;
  margin-top: 1.9rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/t1-sub3.png) no-repeat center/contain;
}

.t1-sub4 {
  height: 0.37rem;
  margin-top: 1.3rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/t1-sub4.png) no-repeat center/contain;
}

.sub4-extxt {
  margin-bottom: 0.1rem;
}

.part2 {
  height: 11.4rem;
}

.t2 {
  height: 1.01rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/t2.png) no-repeat center/contain;
}

.p2-extxt {
  position: absolute;
  width: 100%;
  font-size: 0.18rem;
  top: -0.3rem;
}

.part3 {
  height: 10.3rem;
}

.t3 {
  height: 1.01rem;
  margin-bottom: 0.3rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/t3.png) no-repeat center/contain;
}

.p3-tab1 {
  position: absolute;
  width: 1.2rem;
  height: 0.34rem;
  top: 5.4rem;
  left: 50%;
  margin-left: -0.6rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/p3-tab.png) no-repeat center/contain;
}

.part4 {
  height: 8.1rem;
}

.t4 {
  height: 1.01rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/t4.png) no-repeat center/contain;
}

.p4-con {
  position: relative;
  width: 11.94rem;
  height: 5.45rem;
  margin: 0 auto;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/p4-box.png) no-repeat center/contain;
}

.p4-data-nav {
  position: absolute;
  width: 2.38rem;
  height: 4.34rem;
  top: 0.56rem;
  left: 0.54rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.p4-data-nav1 {
  padding: 0.66rem 0;
  box-sizing: border-box;
}

.p4-data-nav2 {
  padding: 0.46rem 0;
  box-sizing: border-box;
}

.p4-data-nav li {
  width: 100%;
  height: 0.62rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/p4-tab.png) no-repeat center bottom/cover;
}

.p4-data-nav li.on, .p4-data-nav li:hover {
  background-position-y: top;
}

.p4-data-nav li span {
  font-size: 0.2rem;
  color: #ffffff;
  line-height: 0.24rem;
  font-family: "lth";
  font-weight: bold;
}

.part2 .p4-data-nav {
  padding: 0.7rem 0;
  box-sizing: border-box;
  justify-content: space-evenly;
}

.p4-sw-con {
  position: absolute;
  width: 7rem;
  height: 3.82rem;
  top: 0.53rem;
  left: 4rem;
}

.part2 .p4-sw-con {
  top: 0.7rem;
}

.p4-sw-con .swiper-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.p4-sw-con img {
  display: block;
  width: 6.8rem;
  height: 3.82rem;
  object-fit: cover;
}

.p4-sw-con .scroll-con {
  width: 7rem;
  height: 3.82rem;
  overflow-y: auto;
}

.p4-sw-con .scroll-con img {
  height: auto;
}

.p4-sw-con .sw-prev, .p4-sw-con .sw-next {
  position: absolute;
  width: 0.44rem;
  height: 0.96rem;
  top: 50%;
  margin-top: -0.48rem;
  cursor: pointer;
}

.p4-sw-con .sw-prev {
  left: -0.78rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/left1.png) no-repeat center/contain;
}

.p4-sw-con .sw-next {
  right: -0.58rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/right1.png) no-repeat center/contain;
}

.p4-sw-con .sw-desc {
  top: 3.96rem;
}

.p4-sw-con .sw-desc p {
  font-size: 0.18rem;
}

.part2 .p4-sw-con .sw-desc {
  top: 3.9rem;
}

.video-btn {
  position: fixed;
  width: 1.73rem;
  height: 1.73rem;
  left: 0;
  top: 50%;
  margin-top: -3rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20250623ver/video-btn.png) no-repeat center/contain;
}

.video-dia {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.7);
}

.pop-close {
  position: absolute;
  width: 0.88rem;
  height: 0.88rem;
  top: -0.8rem;
  right: -0.2rem;
  font-size: 0.6rem;
  line-height: 0.88rem;
  font-family: "fzltch";
  color: #FFF;
  text-align: center;
}

.pop-video-contain {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14rem;
  height: 7.9rem;
  margin-top: -3.6rem;
  margin-left: -7rem;
  border: 0.02rem #3f4181 solid;
}

.player-contain {
  width: 100%;
  height: 100%;
  background-color: #000;
}

.player-contain .poster {
  display: block;
  width: 100%;
  height: 100%;
  overflow: cover;
}

.up-ani {
  opacity: 0;
}

.part.act > .up-ani, .p1-sub.act > .up-ani {
  animation: upAni 0.5s ease-in-out forwards;
}

.delay1 {
  animation-delay: 0.1s !important;
}

.delay2 {
  animation-delay: 0.2s !important;
}

.delay3 {
  animation-delay: 0.3s !important;
}

@keyframes upAni {
  0% { transform: translateY(1rem); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}