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 "\5FAE\8F6F\96C5\9ED1","pingfang",tahoma,arial,\5b8b\4f53,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}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}/*MEA 349991143*/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;}
html{font-size: 100px;overflow: auto;font-family:"\5FAE\8F6F\96C5\9ED1";background-color: #000;}
body{font-size: 14px;line-height: 28px;color: #060606;overflow:hidden;}
a{color:#5B5B5B;outline: none;}
#footer_ied{background:#5E6FB4;padding:34px 0;text-align: center;line-height:2;position: relative;}
#footer_ied a,#footer_ied{color:#fff}
#afooter{position: absolute;width:100%;bottom:0;text-align: center;background: #000;color: #fff;padding: 20px 0;line-height: 22px;}
#afooter a{color: #fff;}

.th {
  line-height: 9999px;
  overflow: hidden;
}

html { font-size: calc(100vw / 750 * 2160); }

@font-face {
  font-family: "sys-reg";
  src: url(https://game.gtimg.cn/images/b2/pre202502/sys-ref.otf);
}

@font-face {
  font-family: "sys-simbold";
  src: url(https://game.gtimg.cn/images/b2/pre202502/sys-simbold.otf);
}

@font-face {
  font-family: "fzlth";
  src: url(https://game.gtimg.cn/images/b2/pre202502/fzlth.ttf);
}

img.cover { width: 100%; height: 100%; object-fit: cover; }
img.contain { width: 100%; height: 100%; object-fit: contain; }

.wrapper {
  position: relative;
  width: 100%;
  height: 53.65rem;
  margin: 0 auto;
  overflow: hidden;
  min-height: 100vh;
  padding-bottom: 1.10rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/kv.jpg) no-repeat center 0/100%, url(https://game.gtimg.cn/images/b2/pre202502/bg.jpg) no-repeat center 12.6rem/100%;
}

.part {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

.kv {
  height: 12.62rem;
  z-index: 5;
}

.kv-content {
  position: relative;
  width: 100%;
  height: 100vh;
  max-height: 12.62rem;
}

.logo {
  position: absolute;
  width: 1.25rem;
  height: 1.14rem;
  top: 0.54rem;
  left: 0.8rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/logo.png) no-repeat center/contain;
}

.home {
  position: absolute;
  width: 3.25rem;
  height: 1.80rem;
  top: 0;
  right: 1rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/home.png) no-repeat center/contain, url(https://game.gtimg.cn/images/b2/pre202502/home-hover.png) no-repeat 0 0/0;
}

.home:hover {
  background: url(https://game.gtimg.cn/images/b2/pre202502/home-hover.png) no-repeat center center/contain;
}

.slogan {
  position: absolute;
  width: 14.71rem;
  height: 5.7rem;
  bottom: 0.65rem;
  left: 50%;
  margin-left: -7.3rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/slogan.png) no-repeat center top/12.58rem;
}


.download-con {
  position: absolute;
  width: 10.00rem;
  bottom: 1rem;
  height: 1.56rem;
  left: 50%;
  margin-left: -4.72rem;
}

.download-con .code {
  position: absolute;
  width: 1.3rem;
  height: 1.3rem;
  left: 0.58rem;
}

.download-con .down-ios, .download-con .down-android {
  position: absolute;
  width: 3.21rem;
  height: .62rem;
  left: 2rem;
}

.download-con .down-ios {
  top: -0.02rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/down-ios.png) no-repeat top/cover;
}

.download-con .down-ios:hover {
  background-position-y: bottom;
}

.download-con .down-android {
  bottom: 0.26rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/down-android.png) no-repeat top/cover;
}

.download-con .down-android:hover {
  background-position-y: bottom;
}

.download-con .down {
  position: absolute;
  width: 3.88rem;
  height: 1.86rem;
  left: 5.35rem;
  top: 50%;
  margin-top: -1.35rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/down.png) no-repeat top/cover;
}

.download-con .down:hover {
  background-position-y: bottom;
}

.part1 {
  height: 15.31rem;
  z-index: 4;
}

.p1-video-con {
  position: absolute;
  top: -1.30rem;
  width: 100%;
  height: 100%;
  mask-image: url(https://game.gtimg.cn/images/b2/pre202502/p1-con-mask.png);
  mask-repeat: no-repeat;
  mask-size: 100% auto;
  -webkit-mask-image: url(https://game.gtimg.cn/images/b2/pre202502/p1-con-mask.png);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
}

.p1-video-con .p1-video-item {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s linear 0.3s;
}

.p1-video-con video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 97%;
  object-fit: cover;
}

.p1-video-con .p1-video-item.on {
  opacity: 1;
  transition-delay: 0s;
  z-index: 10;
}

.p1-video-con .p1-video-dark {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.p1-v1 {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p1-con1.jpg) no-repeat top/cover;
}

.p1-play {
  position: absolute;
  width: 3.87rem;
  height: 3.87rem;
  top: 50%;
  left: 50%;
  margin-top: -1.93rem;
  margin-left: -1.93rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/play-center.png) no-repeat center/.80rem;
}

.p1-play::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -1px;
  left: 1px;
  background: url(https://game.gtimg.cn/images/b2/pre202502/play-box.png) no-repeat .07rem 0.04rem/contain;
  animation: play_scroll 12s linear infinite;
}

@keyframes play_scroll {
  0% { transform: rotate(0); }
  100% { transform: rotate(-360deg); }
}

.p-t1 {
  position: absolute;
  width: 3.56rem;
  height: 3.35rem;
  right: 1.06rem;
  top: 1.04rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p-t1.png) no-repeat center/contain;
}

.p1-nav {
  position: absolute;
  width: 8.60rem;
  height: 6.50rem;
  left: 0;
  top: 5.30rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p1-nav-line.png) no-repeat left top/8.39rem;
  overflow: hidden;
}

.p1-nav-scroll {
  position: absolute;
  width: 4.88rem;
  height: 4.88rem;
  top: 0.9rem;
  left: 2.5rem;
}

.p1-nav-scroll div {
  top: 0;
  left: 0;
  opacity: 1;
  transition: opacity 0.3s, transform 0.3s;
  transition-timing-function: linear;
}

.p1-nav-scroll div[data-ad='1']{
  transform: translate(-2.5rem, 1.2rem);
}

.p1-nav-scroll div[data-ad='2']{
  transform: translate(-1.2rem, 2.4rem);
}

.p1-nav-scroll div[data-ad='3']{
  transform: translate(0.9rem, 2.9rem);
}

.p1-nav-scroll div[data-ad='4']{
  transform: translate(3rem, 2.1rem);
}

.p1-nav-scroll div[data-ad='5']{
  transform: translate(3.1rem, 0.3rem);
}

.p1-nav-scroll div[data-ad='6']{
  transform: translate(1.9rem, -1.2rem);
}

.p1-nav-scroll div[data-ad='7']{
  transform: translate(-0.2rem, -1.4rem);
}

.p1-nav-scroll div[data-ad='8']{
  transform: translate(-2.1rem, -1.4rem);
}

.p1-nav-scroll div[data-ad='9']{
  transform: translate(-4.2rem, -1.5rem);
}

.p1-nav-scroll div[data-ad='10'] {
  transform: translate(-3.8rem, 0rem);
}

.p1-nav-scroll div[data-ad='6'],
.p1-nav-scroll div[data-ad='7'],
.p1-nav-scroll div[data-ad='8'],
.p1-nav-scroll div[data-ad='9'],
.p1-nav-scroll div[data-ad='10'],
.p1-nav-scroll div[data-ad='6'] a,
.p1-nav-scroll div[data-ad='7'] a,
.p1-nav-scroll div[data-ad='8'] a,
.p1-nav-scroll div[data-ad='9'] a,
.p1-nav-scroll div[data-ad='10'] a {
  opacity: 0;
  pointer-events: none;
}

.p1-nav-item {
  position: absolute;
  width: 3.00rem;
  height: 2.50rem;
  pointer-events: none;
}

.p1-nav-item a {
  position: absolute;
  width: 1.40rem;
  height: 1.50rem;
  left: .80rem;
  bottom: .40rem;
  pointer-events: all;
}

.p1-nav-item.on a {
  width: 1.90rem;
  height: 1.90rem;
  left: .60rem;
  bottom: .10rem;
}

.p1-nav1 {
  top: 2.10rem;
  left: 0;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p1-n1.png) no-repeat .50rem center/2.06rem, url(https://game.gtimg.cn/images/b2/pre202502/p1-n1-a.png) no-repeat 0 0/0;
}
.p1-nav2 {
  top: 3.30rem;
  left: 1.30rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p1-n2.png) no-repeat .50rem center/2.05rem, url(https://game.gtimg.cn/images/b2/pre202502/p1-n2-a.png) no-repeat 0 0/0;
}

.p1-nav3 {
  top: 3.80rem;
  left: 3.40rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p1-n3.png) no-repeat .50rem center/1.98rem, url(https://game.gtimg.cn/images/b2/pre202502/p1-n3-a.png) no-repeat 0 0/0;
}

.p1-nav4 {
  top: 3.00rem;
  left: 5.50rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p1-n4.png) no-repeat .50rem center/2.05rem, url(https://game.gtimg.cn/images/b2/pre202502/p1-n4-a.png) no-repeat 0 0/0;
}

.p1-nav5 {
  top: 1.20rem;
  left: 5.60rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p1-n5.png) no-repeat .50rem center/2.05rem, url(https://game.gtimg.cn/images/b2/pre202502/p1-n5-a.png) no-repeat 0 0/0;
}

.p1-nav1.on, .p1-nav1:hover {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p1-n1-a.png) no-repeat left center/contain;
}

.p1-nav2.on, .p1-nav2:hover {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p1-n2-a.png) no-repeat left center/contain;
}

.p1-nav3.on, .p1-nav3:hover {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p1-n3-a.png) no-repeat left center/contain;
}

.p1-nav4.on, .p1-nav4:hover {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p1-n4-a.png) no-repeat left center/contain;
}


.p1-nav5.on, .p1-nav5:hover {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p1-n5-a.png) no-repeat left center/contain;
}

.p1-video-desc {
  position: absolute;
  width: 7.9rem;
  height: auto;
  right: 1.80rem;
  bottom: 4.40rem;
  text-align: right;
}

.p1-vd-item {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateX(1rem);
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
}

.p1-vd-item.act {
  opacity: 1;
  transform: translateX(0);
}

.p1-video-desc .tit {
  font-size: .70rem;
  line-height: .80rem;
  color: #cdbe99;
  font-family: "sys-simbold";
  text-shadow: -.02rem 0 .02rem rgba(255, 0, 0, 0.3);
}

.p1-video-desc .tit-en {
  font-size: .22rem;
  line-height: .40rem;
  color: rgba(193, 82, 62, 0.4);
  font-family: "sys-reg";
  padding-right: .06rem;
}

.p1-video-desc .desc-slice {
  width: 100%;
  height: .11rem;
  margin-top: .05rem;
  margin-left: 1.74rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p1-slide.png) no-repeat right/contain;
}

.p1-video-desc .desc {
  font-size: .28rem;
  color: #e9e9e9;
  line-height: .45rem;
  font-family: "fzlth";
}

.p1-video-desc .desc span.left {
  margin-left: -0.9em;
}

.part2 {
  height: 12.54rem;
  margin-top: -1.10rem;
  z-index: 3;
}

.p-t2 {
  position: absolute;
  width: 3.66rem;
  height: 3.2rem;
  right: 1.07rem;
  top: -0.42rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p-t2.png) no-repeat center/contain;
}

.p2-career-nav {
  position: absolute;
  width: 14.30rem;
  height: 5.40rem;
  top: 5.50rem;
  left: -2rem;
  overflow: hidden;
  z-index: 3;
}

.p2-career-nav::before {
  content: "";
  position: absolute;
  width: 10.80rem;
  height: 1px;
  top: 57%;
  left: 1.70rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 40%, rgba(227, 75, 55, 1) 45%, rgba(227, 75, 55, 1) 75%, rgba(255, 255, 255, 0.4) 85%, rgba(255, 255, 255, 0.4) 100%);
}

.p2-sw {
  width: 16.00rem;
  height: 100%;
}

.p2-career-nav .career-item,
.p2-career-nav .career-item img {
  position: absolute;
  width: 5.40rem;
  height: 5.40rem;
}

.p2-career-nav .career-item {
  left: 50%;
  margin-left: -2.70rem;
  pointer-events: none;
}

.p2-career-nav .swiper-slide {
  cursor: pointer;
}

.p2-career-nav .swiper-slide:not(.swiper-slide-active) {
  /* width: 2.20rem; */
  overflow: hidden;
}

.p2-career-nav .swiper-slide.swiper-slide-active {
  margin: 0 .40rem;
}

.p2-career-nav .career-item img {
  top: 0;
  left: 0;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
}

.p2-career-nav .career-item img.default {
  opacity: 1;
}

.p2-career-nav .career-item img.active {
  opacity: 0;
}

.p2-career-nav .swiper-slide-active .career-item img.default {
  opacity: 0;
}

.p2-career-nav .swiper-slide-active .career-item img.active {
  opacity: 1;
}

.p2-next {
  position: absolute;
  width: .83rem;
  height: .85rem;
  left: 12.6rem;
  top: 8.1rem;
  z-index: 4;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p2-next.png) no-repeat center/contain;
}

.p2-career-con {
  position: absolute;
  width: 16.26rem;
  height: 17.72rem;
  left: 0;
  bottom: 0.30rem;
  z-index: 2;
}

.p2-career-item {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  transform: translateX(-2.00rem);
  transition: opacity 0.3s, transform 0.3s;
}

.p2-career-item.on {
  opacity: 1;
  z-index: 10;
  transform: translateX(0);
  transition-delay: 0s;
}

.p2-career-item1 {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p2-n1.png) no-repeat left bottom/13.96rem;
}

.p2-career-item2 {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p2-n2.png) no-repeat left bottom/15.89rem;
}

.p2-career-item3 {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p2-n3.png) no-repeat left bottom/15.88rem;
}

.p2-career-item4 {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p2-n4.png) no-repeat left bottom/13.86rem;
}

.p2-career-item5 {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p2-n5.png) no-repeat left bottom/13.86rem;
}

.p2-career-item6 {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p2-n6.png) no-repeat left bottom/16.26rem;
}

.p2-career-item7 {
  height: 13.60rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p2-n7.png) no-repeat left bottom/13.96rem;
}


.p2-career-desc {
  position: absolute;
  width: 4rem;
  height: 8.00rem;
  top: 3.74rem;
  right: 1.84rem;
  z-index: 3;
}

.p2-desc-item {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  transform: translateX(2.00rem);
  transition: opacity 0.3s, transform 0.3s;
}

.p2-desc-item:not(.on) {
  pointer-events: none;
}

.p2-desc-item.on {
  opacity: 1;
  transform: translateX(0);
  z-index: 10;
}

.p2-career-tit {
  width: 100%;
  font-size: 0.94rem;
  line-height: 1.2;
  font-family: "sys-simbold";
  text-align: right;
  padding-right: .08rem;
  box-sizing: border-box;
  color: transparent;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p2-txt-m1.png) repeat-y right center/3.57rem;
  background-clip: text;
  -webkit-background-clip: text;
}

.p2-career-tit-en {
  font-size: 0.32rem;
  line-height: 1;
  color: rgba(151, 151, 151, 0.2);
  font-family: "sys-simbold";
  margin-top: -0.27rem;
  padding-right: .75rem;
  box-sizing: border-box;
  text-align: right;
  letter-spacing: .06rem;
}

.p2-career-video {
  position: relative;
  width: 4rem;
  height: 2.24rem;
  margin: .17rem auto 0;
}

.p2-career-video .inner-play-con {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.p2-career-video .play {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://game.gtimg.cn/images/b2/pre202502/play.png) no-repeat center center/1.71rem;
  z-index: 5;
}

.p2-career-v1 {
  background: url(https://game.gtimg.cn/images/b2/pre202502/video-bg1.png) no-repeat center/cover;
}

.p2-career-txt {
  width: 103%;
  height: auto;
  font-size: .24rem;
  line-height: .39rem;
  text-align: left;
  color: rgba(233, 233, 233, 0.85);
  font-family: "fzlth";
  margin-top: .2rem;
  padding-left: 0.04rem;
  box-sizing: border-box;
}

.part3 {
  width: 100%;
  height: 20.26rem;
  margin-top: -6.30rem;
  z-index: 2;
}

.p3-con, .p3-data-item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.p3-data-item {
  opacity: 0;
  z-index: 1;
  transition: opacity 0.2s linear 0.2s;
}

.p3-data-item.on {
  opacity: 1;
  transition-delay: 0s;
  z-index: 3;
}

.p3-data-item.bg1 {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-bg1.png) no-repeat top/cover;
}

.p3-data-item.bg2 {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-bg2.png) no-repeat top/cover;
}

.p3-data-item.bg3 {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-bg3.png) no-repeat top/cover;
}

.p-t3 {
  position: absolute;
  width: 3.73rem;
  height: 3.47rem;
  right: 1.06rem;
  top: 7.02rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p-t3.png) no-repeat center/contain;
}

.p3-icon {
  position: absolute;
  width: 3.29rem;
  height: 4.29rem;
  right: 0;
  top: 2.86rem;
  z-index: 9;
  background: url(https://game.gtimg.cn/images/b2/pre202502/s3-icon.png) no-repeat center/contain;
}

.p3-bottom {
  position: absolute;
  width: 100%;
  height: 5.51rem;
  bottom: 0;
  left: 0;
  z-index: 8;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-mask.png) no-repeat center/cover;
}

.p3-img {
  position: absolute;
  width: 11.80rem;
  height: 6.96rem;
  top: 7.63rem;
  left: 2.34rem;
}

.p3-img1 {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s1-3.png) no-repeat center/contain;
}

.p3-img2 {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s2-3.png) no-repeat center/contain;
}

.p3-img3 {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s3-3.png) no-repeat center/contain;
}

.p3-img4 {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s4-3.png) no-repeat center/contain;
}

.p3-img5 {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s5-3.png) no-repeat center/contain;
}

.p3-img6 {
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s6-3.png) no-repeat center/contain;
}

.p3-tit {
  position: absolute;
  top: 13.29rem;
  left: 1.72rem;
}

.p3-tit1 {
  width: 10.80rem;
  height: 4.80rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s1-1.png) no-repeat center/contain;
}

.p3-tit2 {
  width: 11.20rem;
  height: 4.81rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s2-1.png) no-repeat center/contain;
}

.p3-tit3 {
  width: 12.23rem;
  height: 6.60rem;
  top: 12.20rem;
  left: 1rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s3-1.png) no-repeat center/contain;
}

.p3-tit4 {
  width: 10.79rem;
  height: 4.98rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s4-1.png) no-repeat center/contain;
}

.p3-tit5 {
  width: 11.08rem;
  height: 4.69rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s5-1.png) no-repeat center/contain;
}

.p3-tit6 {
  width: 10.69rem;
  height: 4.97rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s6-1.png) no-repeat center/contain;
}

.p3-char {
  position: absolute;
  right: 0;
  bottom: -.55rem;
}

.p3-char1 {
  width: 20.40rem;
  height: 13.45rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s1-2.png) no-repeat right center/contain;
}

.p3-char2 {
  width: 21.60rem;
  height: 14.49rem;
  bottom: -.05rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s2-2.png) no-repeat right center/contain;
}

.p3-char3 {
  width: 13.72rem;
  height: 13.50rem;
  bottom: .13rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s3-2.png) no-repeat right center/contain;
}

.p3-char4 {
  width: 20.70rem;
  height: 13.12rem;
  bottom: -.10rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s4-2.png) no-repeat right center/contain;
}

.p3-char5 {
  width: 21.60rem;
  height: 13.39rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s5-2.png) no-repeat right center/contain;
}

.p3-char6 {
  width: 14.84rem;
  height: 14.08rem;
  bottom: 0;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s6-2.png) no-repeat right center/contain;
}

.p3-flag {
  position: absolute;
}

.p3-flag1 {
  width: 20.53rem;
  height: 7.24rem;
  top: 13.00rem;
  right: 0;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s1-4.png) no-repeat left center/contain;
}

.p3-flag2 {
  width: 15.57rem;
  height: 6.75rem;
  top: 13.20rem;
  right: 0;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s2-4.png) no-repeat left center/contain;
}

.p3-flag3 {
  width: 15.57rem;
  height: 3.72rem;
  top: 16.30rem;
  right: 0;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s3-4.png) no-repeat left center/contain;
}

.p3-flag4 {
  width: 15.57rem;
  height: 6.75rem;
  top: 13.24rem;
  right: 0;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s4-4.png) no-repeat left center/contain;
}

.p3-flag5 {
  width: 15.57rem;
  height: 6.75rem;
  top: 13.24rem;
  right: 0;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s5-4.png) no-repeat left center/contain;
}

.p3-flag6 {
  width: 15.57rem;
  height: 6.75rem;
  top: 13.15rem;
  right: 0;
  background: url(https://game.gtimg.cn/images/b2/pre202502/p3-s6-4.png) no-repeat left center/contain;
}

.p3-nav {
  position: absolute;
  width: 2.62rem;
  height: 1rem;
  top: 7.80rem;
  left: 0;
  z-index: 5;
}

.p3-nav ul {
  width: 100%;
  height: auto;
}

.p3-nav li {
  position: relative;
  width: 100%;
  height: .52rem;
  font-size: .28rem;
  color: rgba(255, 255, 255, 0.64);
  line-height: .52rem;
  font-family: "sys-simbold";
  margin-bottom: .64rem;
  text-align: right;
  border-bottom: 1px rgba(255, 255, 255, 0.64) solid;
  cursor: pointer;
  transform: translateX(-0.4rem);
  transition: transform 0.3s;
}

.p3-nav li span {
  position: absolute;
  font-size: .36rem;
  line-height: 1;
  top: -.10rem;
  left: .05rem;
  font-family: "sys-simbold";
  color: rgba(52, 168, 168, 0);
  transition: color 0.3s;
}

.p3-nav li:hover,
.p3-nav li.on {
  transform: translateX(0);
  color: rgba(52, 158, 186, 1);
  border-bottom: 1px rgba(52, 158, 186, 1) solid;
}

.p3-nav li.on span,
.p3-nav li:hover span {
  color: rgba(52, 168, 168, 0.2);
}


.ani-left, .ani-right, .ani-bottom, .ani-opacity {
  opacity: 0;
  will-change: transform, opacity;
}

.ani-left.ani-play {
  animation: float-left 1s ease forwards;
}

.ani-right.ani-play {
  animation: float-right 1s ease forwards;
}

.ani-bottom.ani-play {
  animation: float-bottom 1s ease forwards;
}

.ani-opacity.ani-play {
  animation: opacityAni 1s ease forwards;
}

.ani-play.ani-delay-1 {
  animation-delay: 0.1s;
}

.ani-play.ani-delay-2 {
  animation-delay: 0.2s;
}

@keyframes float-left {
  0% { transform: translateX(-1rem); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}
 
@keyframes float-right {
  0% { transform: translateX(1rem); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}

@keyframes float-bottom {
  0% { transform: translateY(1rem); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}

@keyframes opacityAni {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


.p3-img, .p3-char, .p3-tit, .p3-flag {
  opacity: 0;
  transition: transform 1s, opacity 1s;
}

.p3-img, .p3-tit {
  transform: translate(-1rem, 0);
}

.p3-char {
  transform: translate(1rem, 0);
}

.p3-flag {
  transform: translate(0, 1rem);
}

.p3-con.ani-play .p3-data-item.on .p3-img,
.p3-con.ani-play .p3-data-item.on .p3-char,
.p3-con.ani-play .p3-data-item.on .p3-tit,
.p3-con.ani-play .p3-data-item.on .p3-flag {
  opacity: 1;
  transform: translate(0, 0);
}

.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: -1rem;
  right: 0px;
  background: url(https://game.gtimg.cn/images/b2/pre202502/pop_close.png) 0 / 100% 100% no-repeat;
}

.pop-video-contain {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16.16rem;
  height: 9.16rem;
  margin-top: -4.58rem;
  margin-left: -8.08rem;
  border: 0.02rem #e9cfa7 solid;
}

.player-contain {
  width: 100%;
  height: 100%;
  background-color: #000;
}


.bot_slip{
  display:block;
  width: 2.83rem;
  height:.59rem;
  position:fixed;
  bottom:.20rem;
  left:50%;
  margin-left:-1.42rem;
  z-index:10;
  animation: upTodown 2s infinite linear;
  -webkit-animation: upTodown 2s infinite linear;
  pointer-events:none;
  background: url(https://game.gtimg.cn/images/b2/pre202502/m/scroll-tip.png) no-repeat center/contain;
  /* font-family: "fzlth"; */
}

@keyframes upTodown{
  0%{transform:translateY(0);opacity:1}
  50%{transform:translateY(.20rem);opacity:.6}
  100%{transform:translateY(0);opacity:1}
}
@-webkit-keyframes upTodown{
  0%{transform:translateY(0);opacity:1}
  50%{transform:translateY(.20rem);opacity:.6}
  100%{transform:translateY(0);opacity:1}
}
/* add 2025-03-07 */
.order-con{
  position: absolute;
  width:6rem;
  bottom:1.8rem;
  left:50%;
  margin-left:-3rem;
}
.s1_order{
  z-index: 9;
  display:block;
  width:3.40rem;
  height:.82rem;
  margin:0 auto;
  animation: btnZoom .5s .1s linear infinite alternate;
  -webkit-animation: btnZoom .5s .1s linear infinite alternate;
  background: url(https://game.gtimg.cn/images/b2/pre202502/btn_application_2.png) 0 0/100% auto no-repeat;
}
@keyframes btnZoom{
  0%{transform: scale(1);}
  100%{transform: scale(1.04);}
}
@-webkit-keyframes btnZoom{
  0%{-webkit-transform: scale(1);}
  100%{-webkit-transform: scale(1.04);}
}

.s1_tips{
  display:block;
  width:5.31rem;
  height:.53rem;
  background: url(https://game.gtimg.cn/images/b2/pre202502/s1_tips.png) 0/100% 100% no-repeat;
  position:absolute;
  bottom:-.45rem;
  left:50%;
  margin-left:-2.65rem;
}
/* add 2025-03-28 */
.download-con{
  position: absolute;
  bottom: 1rem;
  height: 1.56rem;
  left: 50%;
  width:8.88rem;
  height: 2.12rem;
  padding-left: 2.2rem;
  box-sizing: border-box;
  margin-left:-4.44rem;
  zoom: .84;
}

.s1_code_nga{background: url(//game.gtimg.cn/images/b2/pre202502/s1_down_nga.png) no-repeat;background-size:8.88rem auto;}
.s1_code_ymxk{background: url(//game.gtimg.cn/images/b2/pre202502/s1_down_ymxk.png) no-repeat;background-size:8.88rem auto;}
.s1_code, .s1_sown1, .s1_sown2, .s1_sown3, .s1_sown4{background: url(https://game.gtimg.cn/images/b2/pre202502/s1_down_3.png) no-repeat ;background-size: 9.37rem auto;}
.download-con{width: 9.37rem;}
.s1_code{width: 2.1rem ;position: absolute ;height: 1.74rem ;top: 0 ;left: 0 ;background-position: 0 -.22rem ;}
.s1_sown1{position: relative ;width: 3.45rem ; height: .79rem ;background-position: -2.23rem -.26rem;display: block;transition: all .5s;}
.s1_sown2{position: relative ;width: 3.45rem ; height: .79rem ;background-position: -2.23rem -1.15rem;display: block;margin-top: .15rem;transition: all .5s;}
.s1_sown3{background-position: -5.7rem 0 ;width: 1.82rem ;height: 1.95rem ;display: block;position: absolute;top: -.15rem;right: 1.85rem ;transition: all .5s;}
.s1_sown4{background-position: right 0 ;width: 1.82rem;height: 1.95rem ;display: block;position: absolute;top: -.15rem;right: 0;transition: all .5s;}

.s1_sown1:hover,.s1_sown2:hover,.s1_sown3:hover,.s1_sown4:hover{
  transform: scale(1.03);
  z-index: 9;
}
