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;}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{width: 100%;height: 100%;font-family:"\5FAE\8F6F\96C5\9ED1";background-color: #172027;}
a{color:#5B5B5B;outline: none;}
*{-webkit-tap-highlight-color: transparent}
#footer_ied{background:#5E6FB4;padding:34px 0;text-align: center;line-height:2;position: relative;}
#footer_ied a,#footer_ied{color:#fff}
body{font-size: 14px;line-height: 28px;color: #121212;box-sizing: border-box;}
.ost_box{min-width: 1200px !important;}
.wrapper{width: 100%;margin: 0 auto;position: relative;overflow: hidden;}

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

html.pc {
  cursor: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/mouse.png), auto;
}

html.ipad {
  font-size: calc(100vh / 1624 * 100);
  --rem-w: calc(100vw / 1624 * 100);
}

html.m {
  font-size: calc(100vw / 750 * 100);
}

.footer-slide {
  height: auto;
}

#gfooter {
  text-align: center;
  background: #000;
  color: #fff;
  padding: 0.8rem 0;
  line-height: 0.28rem;
}
#gfooter a {
  color: #fff;
}
#gfooter .foot {
  position: relative;
  width: 100%;
  height: auto;
}
#gfooter .foot_ieg_logo{
  width: 2.7rem;
  height: 0.55rem;
  background-size: 100%;
  margin-left: 1.8rem;
}
.foot_cpright {
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.copyright_zh a {
  padding: 0 !important;
}
.foot_lefts {
  position: relative;
  height: auto;
  width: 8rem;
}
#gfooter .foot_left {
  position: relative;
  width: 100%;
  height: auto !important;
  overflow: initial;
  text-indent: initial;
}
#gfooter .foot_links li{
  line-height: 0.4rem;
}
.foot_left img {
  position: absolute;
  top: -1rem;
  display: block;
  width: auto;
  height: 0.9rem;
  left: 50%;
  transform: translateX(80%);
}
.foot_left p{
  width: 7.5rem;
  text-align: left;
  color: #494949;
}
.foot_links {
  width: auto !important;
  float: none !important;
  left: 50%;
  margin-left: 0.4rem;
}

.m #gfooter, .ipad #gfooter { display: none; }

.m #afooter, .ipad #afooter { display: block; }
#afooter { display: none; text-align: center; background: #121212 !important;padding: 0.2rem 0;}
#afooter{text-align: center;background: #121212 !important;}
#afooter p{color: #fff !important;line-height: 1.8; font-size: 0.22rem;}

@font-face {
  font-family: "dt";
  src: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/dt.ttf);
}

@font-face {
  font-family: "p-bold";
  src: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p-bold.ttf);
}

@font-face {
  font-family: "p-med";
  src: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p-med.ttf);
}

@font-face {
  font-family: "fzltth";
  src: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/fzltth.ttf);
}

@font-face {
  font-family: "fzltzh";
  src: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/fzltzh.ttf);
}

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

.sp1 {
  background-image: url(/images/sp1.png);
  background-repeat: no-repeat;
  background-size: 10.77rem 10.04rem;
}

img.contain {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

img.cover {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

img.auto-h {
  display: block;
  width: 100%;
  height: auto;
}

/* @media screen and (min-aspect-ratio: 1600 / 790) {} */

.wrapper, .main-swiper, .main-content {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.slide1 {
  /*background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/kv.jpg) no-repeat center/cover;*/
  background: url(http://game.gtimg.cn/images/dfm/cp/a20240906main/part1.jpg) no-repeat center/cover;
}

.slide1 .top-line {
  position: absolute;
  width: 35.4rem;
  height: 1px;
  top: 1.77rem;
  left: 1.5rem;
  background-color: rgba(252, 252, 252, 0.35);
}

.slide1 .top-line::before, .slide1 .top-line::after {
  content: "";
  position: absolute;
  width: 0.03rem;
  height: 0.03rem;
  top: -0.01rem;
  background-color: rgba(240, 242, 242, 0.35);
}

.slide1 .top-line::before {
  left: 0;
}

.slide1 .top-line::after {
  right: 0;
}

.slide1 .logo {
  position: absolute;
  width: 3.11rem;
  height: 0.84rem;
  top: 0.86rem;
  left: 1.5rem;
}

.slide1 .home {
  position: absolute;
  width: 4.33rem;
  height: .97rem;
  right: 1.5rem;
  top: 0.73rem;
  background-position: -2.22rem -.10rem;
}

.slide1 .kv-main {
  position: absolute;
  width: 20.55rem;
  height: 13.66rem;
  bottom: 0.3rem;
  left: 50%;
  margin-left: -10.68rem;
  background: url(/images/slogan.png) no-repeat center/contain;
}

.slide1 .kv-main h1 {
  display: none;
}

.slide1 .play {
  position: absolute;
  width: 1.3rem;
  height: 1.31rem;
  top: 3.7rem;
  left: 50%;
  margin-left: -0.25rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/play.png) no-repeat center/contain;
}

.slide1 .down-con {
  position: absolute;
  width: 9.88rem;
  height: 2.62rem;
  top: 8.9rem;
  left: 50%;
  margin-left: -5.1rem;
}

.slide1 .subscribe {
  position: absolute;
  width: .88rem;
  height: 2.62rem;
  left: 0;
  top: 0;
  background-position: -9.79rem -.10rem;
}

.slide1 .down-code {
  position: absolute;
  width: 1.92rem;
  height: 2.62rem;
  top: 0;
  left: 1.02rem;
  background-position: -.10rem -.10rem;
}

.slide1 .down-code img {
  position: absolute;
  width: 1.44rem;
  height: 1.44rem;
  top: 0.31rem;
  left: 0.24rem;
  object-fit: cover;
}

.slide1 .down-android {
  position: absolute;
  width: 2.84rem;
  height: 1.24rem;
  top: 0;
  left: 3.08rem;
  background-position: -.10rem -4.36rem;
}

.slide1 .down-android:hover {
  background-position: -2.22rem -1.27rem;
}

.slide1 .down-store {
  position: absolute;
  width: 2.84rem;
  height: 1.24rem;
  bottom: 0;
  left: 3.08rem;
  background-position: -3.14rem -4.36rem;
}

.slide1 .down-store:hover {
  background-position: -6.75rem -1.54rem;
}

.slide1 .down-pc {
  position: absolute;
  width: 2.84rem;
  height: 1.24rem;
  top: 0;
  left: 6.06rem;
  background-position: -3.14rem -2.92rem;
}

.slide1 .down-pc:hover {
  background-position: -6.75rem -2.98rem;
}

.slide1 .down-wegame {
  position: absolute;
  width: 2.84rem;
  height: 1.24rem;
  bottom: 0;
  left: 6.06rem;
  background-position: -6.75rem -.10rem;
}

.slide1 .down-wegame:hover {
  background-position: -.10rem -2.92rem;
}

.slide1 .check {
  position: absolute;
  width: .84rem;
  height: 2.62rem;
  left: 9.04rem;
  top: 0;
  background-position: -9.79rem -2.92rem;
}

.slide1 .check:hover {
  background-position: -.10rem -7.32rem;
}

.slide1 .platform {
  position: absolute;
  width: 6.45rem;
  height: .35rem;
  left: 0.5rem;
  bottom: 1rem;
  background-position: -.10rem -5.80rem;
}

.scroll-tip {
  position: absolute;
  width: 4.1rem;
  height: 0.3rem;
  left: 50%;
  bottom: 1rem;
  margin-left: -2.05rem;
  text-align: center;
}

.scroll-tip span {
  font-size: 0.3rem;
  color: #ebebeb;
  line-height: 1;
  font-family: "dt";
}

.scroll-tip i {
  display: inline-block;
  width: .24rem;
  height: .21rem;
  margin-left: 0.06rem;
  background-position: -6.75rem -5.15rem;
}


.slide2 .s2-main,
.slide4 .slide4-sub,
.slide4 .s4-main  {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.slide2 .s2-item,
.slide4 .s4-item  {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s linear 0.3s;
}

.slide4 .s4-item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-inner-mask.png) no-repeat;
  background-size: 100% 100%;
}

.slide2 .s2-item.on,
.slide4 .s4-item.on {
  opacity: 1;
  transition-delay: 0s;
  z-index: 10;
}

.slide2 .s2-item1 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-bg1.jpg) no-repeat center/cover;
}

.slide2 .s2-item2 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-bg2.jpg) no-repeat center/cover;
}

.slide2 .s2-item3 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-bg3.jpg) no-repeat center/cover;
}

.slide2 .s2-item4 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-bg4.jpg) no-repeat center/cover;
}

.slide2 .s2-item5 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-bg6.jpg) no-repeat center/cover;
}

.slide2 .s2-item6 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-bg5.jpg) no-repeat center/cover;
}

.slide2 .s2-item7 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-bg7.jpg) no-repeat center/cover;
}

.p-tit {
  position: absolute;
  width: 8rem;
  height: 1.66rem;
  top: 0.9rem;
  left: 5.2rem;
}

.slide2 .s2-tit {
  z-index: 2;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-tit.png) no-repeat left center/contain;
}

.slide2 .s2-desc {
  position: absolute;
  top: 2.9rem;
  left: 5.2rem;
  text-align: left;
}

.slide2 .s2-desc .tit {
  font-size: 0.6rem;
  color: #ebebeb;
  line-height: 0.9rem;
  font-family: "p-bold";
}

.slide2 .s2-desc .desc {
  width: 20em;
  font-size: 0.34rem;
  color: #ffffff;
  line-height: 0.44rem;
  font-family: "dt";
}

.slide2 .s2-desc .video {
  position: relative;
  width: 4.35rem;
  height: 2.45rem;
  margin-top: 0.4rem;
}

.slide2 .s2-desc .video > div {
  display: none;
  width: 100%;
  height: 100%;
}

.pc .slide2 .s2-desc .video > div {
  display: block;
}

.slide2 .s2-desc .v-bg1 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-v1-bg.jpg) no-repeat center/cover;
}

.slide2 .s2-desc .v-bg3 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-v3-4-bg.jpg) no-repeat center/cover;
}

.slide2 .s2-desc .v-bg4 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-v3-4-bg.jpg) no-repeat center/cover;
}

.slide2 .s2-desc .v-bg6 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-v6-bg.jpg) no-repeat center/cover;
}

.slide2 .s2-desc .play {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/play.png) no-repeat center center/1rem;
}

.pc .slide2 .s2-desc .play {
  background-color: rgba(0,0,0,0.5);
}

.slide2 .s2-nav,
.slide4 .s4-nav {
  position: absolute;
  width: 100%;
  height: 3.98rem;
  bottom: 1rem;
  z-index: 5;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-nav-box.png) no-repeat center/cover;
}

.slide2 .s2-sw,
.slide4 .s4-sw {
  position: absolute;
  width: 29.5rem;
  height: 3.13rem;
  top: 0.32rem;
  left: 50%;
  margin-left: -14.75rem;
}

.slide2 .s2-sw-item,
.slide4 .s4-sw-item {
  position: relative;
  width: 5.4rem;
  height: 3.13rem;
  padding-top: 0.1rem;
  margin: 0 auto;
  box-sizing: border-box;
  cursor: pointer;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-item-top.png) no-repeat center top/contain;
}

.slide2 .s2-sw-item .item-bg,
.slide4 .s4-sw-item .item-bg {
  width: 100%;
  height: 100%;
}

.pc .s2-sw-item .item-bg1, .ipad .s2-sw-item .item-bg1 { background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-item1.jpg) no-repeat center/cover; }
.pc .s2-sw-item .item-bg2, .ipad .s2-sw-item .item-bg2 { background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-item2.jpg) no-repeat center/cover; }
.pc .s2-sw-item .item-bg3, .ipad .s2-sw-item .item-bg3 { background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-item3.jpg) no-repeat center/cover; }
.pc .s2-sw-item .item-bg4, .ipad .s2-sw-item .item-bg4 { background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-item4.jpg) no-repeat center/cover; }
.pc .s2-sw-item .item-bg5, .ipad .s2-sw-item .item-bg5 { background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-item5.jpg) no-repeat center/cover; }
.pc .s2-sw-item .item-bg6, .ipad .s2-sw-item .item-bg6 { background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-item6.jpg) no-repeat center/cover; }
.pc .s2-sw-item .item-bg7, .ipad .s2-sw-item .item-bg7 { background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-item7.jpg) no-repeat center/cover; }

.slide2 .s2-sw-item::after,
.slide4 .s4-sw-item::after {
  content: "";
  position: absolute;
  width: 5.4rem;
  height: 3.03rem;
  left: 0;
  bottom: 0;
  background-color: rgba(10, 12, 13, 0.5);
  box-sizing: border-box;
}

.slide2 .s2-sw-item.on::after,
.slide2 .s2-sw-item:hover::after,
.slide4 .s4-sw-item.on::after,
.slide4 .s4-sw-item:hover::after {
  background: none;
  border-bottom: 1px #0ff796 solid;
}

.pc .s4-sw-item .item-bg1, .ipad .s4-sw-item .item-bg1 { background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-item1.jpg) no-repeat center/cover; }
.pc .s4-sw-item .item-bg2, .ipad .s4-sw-item .item-bg2 { background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-item2.jpg) no-repeat center/cover; }
.pc .s4-sw-item .item-bg3, .ipad .s4-sw-item .item-bg3 { background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-item3.jpg) no-repeat center/cover; }
.pc .s4-sw-item .item-bg4, .ipad .s4-sw-item .item-bg4 { background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-item4.jpg) no-repeat center/cover; }
.pc .s4-sw-item .item-bg5, .ipad .s4-sw-item .item-bg5 { background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-item5.jpg) no-repeat center/cover; }
.pc .s4-sw-item .item-bg6, .ipad .s4-sw-item .item-bg6 { background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-item6.jpg) no-repeat center/cover; }
.pc .s4-sw-item .item-bg7, .ipad .s4-sw-item .item-bg7 { background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-item7.jpg) no-repeat center/cover; }

.s2-prev, .s2-next,
.s4-prev, .s4-next {
  position: absolute;
  width: 0.35rem;
  height: 0.6rem;
  top: 50%;
  margin-top: -0.38rem;
  cursor: pointer;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-page.png) no-repeat left center/cover
}

.s2-prev,
.s4-prev {
  left: 3.86rem;
  transform: rotate(180deg);
}

.s2-next,
.s4-next {
  right: 3.86rem;
}

.s2-prev.swiper-button-disabled, .s2-next.swiper-button-disabled,
.s4-prev.swiper-button-disabled, .s4-next.swiper-button-disabled {
  background-position: right;
}

.slide3 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p2-bg.jpg) no-repeat center/cover;
}

.slide3 .s3-tit {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p2-tit.png) no-repeat left center/contain;
}

.slide3 .s3-role {
  position: absolute;
  width: 19.84rem;
  height: 18.46rem;
  height: calc(100vh - 3rem);
  max-height: 33.37rem;
  left: 0.42rem;
  bottom: 0;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p2-role.png) no-repeat left top/20.06rem;
}

.slide3 .s3-desc {
  position: absolute;
  width: 13.22rem;
  height: 16.2rem;
  left: 50%;
  top: 50%;
  margin-left: 0.54rem;
  /* margin-top: -8.1rem; */
  margin-top: -6.8rem;
}

.slide3 .s3-desc1 {
  position: relative;
  width: 100%;
  height: 3rem;
}

.slide3 .s3-sk-icon {
  display: block;
  width: 1.93rem;
  height: 2.3rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p2-icon1.png) no-repeat center/contain;
}

.slide3 .nickname {
  position: absolute;
  left: 2.12rem;
  top: 0;
  font-size: 2.2rem;
  color: #ebebeb;
  line-height: 2.7rem;
  font-family: "fzltth";
}

.slide3 .name {
  position: absolute;
  left: 6.66rem;
  top: 0;
  font-size: 0.57rem;
  line-height: 1.2;
  color: rgba(235, 235, 235, 0.8);
  font-family: "dt";
  white-space: nowrap;
  letter-spacing: -0.04rem;
}

.slide3 .name-en {
  position: absolute;
  left: 6.66rem;
  top: 0.8rem;
  font-size: 1.8rem;
  line-height: 1;
  color: #2e383c;
  font-family: "p-bold";
  letter-spacing: -0.12rem;
}

.slide3 .desc-line {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p2-line.png) no-repeat center bottom/contain;
}

.slide3 .s3-desc2 {
  width: 100%;
  height: auto;
  padding: 0.3rem 0;
  box-sizing: border-box;
  text-align: left;
}

.slide3 .s3-desc2 .tit {
  font-size: 0.46rem;
  color: #ebebeb;
  line-height: 0.68rem;
  font-family: "p-med";
}

.slide3 .s3-desc2 .desc {
  font-size: 0.32rem;
  color: #bbbbbb;
  line-height: 0.4rem;
  margin-top: 0.06rem;
  font-family: "p-med";
}

.slide3 .s3-desc2 .video {
  position: relative;
  width: 7.61rem;
  height: auto;
  margin-top: 0.14rem;
}

.pc .slide3 .s3-desc2 .video {
  height: 4.28rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/s3-video.jpg) no-repeat center/cover;
}

.slide3 .s3-desc2 .play {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.3) url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/play.png) no-repeat center/1.32rem;
}

.slide3 .s3-skill-lisk {
  width: 100%;
  height: 1.5rem;
  display: flex;
  margin-top: 0.14rem;
}

.slide3 .s3-skill-lisk li {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.54rem;
  box-sizing: border-box;
  cursor: pointer;
}

.slide3 .s3-skill-lisk li.sk1 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p2-sk1.png) no-repeat center/1.5rem;
}

.slide3 .s3-skill-lisk li.sk2 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p2-sk2.png) no-repeat center/1.5rem;
}

.slide3 .s3-skill-lisk li.sk3 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p2-sk3.png) no-repeat center/1.5rem;
}

.slide3 .s3-skill-lisk li.sk4 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p2-sk4.png) no-repeat center/1.5rem;
}

.slide3 .s3-skill-lisk li.on,
.slide3 .s3-skill-lisk li:hover {
  border: 1px #0ff796 solid;
  border-bottom-width: 0.02rem;
}

.slide3 .s3-sk-desc {
  position: relative;
  width: 7.61rem;
  height: auto;
  min-height: 1.43rem;
  margin-top: 0.25rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p2-sk-desc.png) no-repeat center/contain;
  background-size: 100% 100%;
}

.slide3 .s3-desc-item {
  position: relative;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  padding-left: 0.12rem;
  padding-top: 0.06rem;
  box-sizing: border-box;
  display: none;
}

.slide3 .s3-desc-item .tit {
  font-size: 0.36rem;
  color: #0ff796;
  line-height: 0.46rem;
  font-family: "dt";
}

.slide3 .s3-desc-item .desc {
  font-size: 0.32rem;
  color: #bbbbbb;
  line-height: 0.42rem;
  font-family: "dt";
}

.slide3 .s3-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p2-mask.png) no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}

.slide3 .s3-left,
.slide3 .s3-right {
  position: absolute;
  width: 4.72rem;
  top: 50%;
  height: 96.7vh;
  max-height: 20.89rem;
  display: flex;
  flex-direction: column;
  transform: translateY(-50%);
  pointer-events: none;
}

.slide3 .s3-left {
  left: 0.36rem;
}

.slide3 .s3-right {
  right: 0.36rem;
}

.slide3 .s3-left i,
.slide3 .s3-right i {
  display: block;
  width: 100%;
}

.slide3 .s3-left i {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p2-left.png) no-repeat 0 0 / 4.72rem;
}

.slide3 .s3-right i {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p2-right.png) no-repeat right 0 / 1.94rem;
}

.slide3 .s3-left i:nth-child(1) {
  height: 5.74rem;
}

.slide3 .s3-left i:nth-child(2) {
  height: 0;
  flex: 2;
  background-position-y: -5.72rem;
}

.slide3 .s3-left i:nth-child(3) {
  height: 0.52rem;
  background-position-y: -10.2rem;
}

.slide3 .s3-left i:nth-child(4) {
  height: 0;
  flex: 5.4;
  background-position-y: -10.7rem;
  display: none;
}

.slide3 .s3-left i:nth-child(5) {
  height: 0.5rem;
  flex: 4.54;
  background-position-y: bottom;
}

.slide3 .s3-right i:nth-child(1),
.slide3 .s3-right i:nth-child(3) {
  height: 0;
  flex: 1;
}

.slide3 .s3-right i:nth-child(2) {
  height: 0.52rem;
  background-position-y: -10.16rem;
}

.slide3 .s3-right i:nth-child(3) {
  background-position-y: bottom;
}

.slide4 {
  background: url(/images/p3-bg.png) no-repeat center/cover;
}

.slide4 .s4-tit {
  z-index: 10;
  width: 9.6rem;
  pointer-events: none;
  background: url(/images/p3tit.png) no-repeat left center/contain;
}

.slide4 .s4-sub-tit {
  position: absolute;
  width: 14.42rem;
  height: 2.92rem;
  left: 50%;
  margin-left: -7.21rem;
  bottom: calc(11vh + 3.7rem);
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-subtitjnull.png) no-repeat center/contain;
}

.slide4 .s4-comm {
  position: absolute;
  width: 28rem;
  height: 3.4rem;
  left: 50%;
  bottom: 11vh;
  margin-left: -14rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-box1.png) no-repeat center/contain;
  background-size: 100% 100%;
}

.slide4 .slide4-sub {
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s linear;
}

.slide4 .slide4-sub.on {
  z-index: 5;
  opacity: 1;
}

.slide4 .slide4-sub.hide {
  opacity: 0;
}

.slide4 .s4-back {
  position: absolute;
  width: 0.97rem;
  height: 0.72rem;
  left: 3.2rem;
  top: 1.64rem;
  z-index: 5;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/s4-back.png) no-repeat center/contain;
}

.slide4 .s4-comm p {
  position: absolute;
  left: 0.7rem;
  top: 50%;
  width: 53em;
  margin-top: -1.3rem;
  font-size: 0.4rem;
  color: #e8ebeb;
  line-height: 0.55rem;
  font-family: "dt";
}

.slide4 .s4-btn1 {
  position: absolute;
  width: 4.25rem;
  height: 0.87rem;
  right: 0.7rem;
  top: 50%;
  margin-top: -0.43rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-btn1.png) no-repeat center/contain;
}

.slide4 .s4-item1 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-inner-bg1.jpg) no-repeat center/cover;
}

.slide4 .s4-item2 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-inner-bg2.jpg) no-repeat center/cover;
}

.slide4 .s4-item3 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-inner-bg3.jpg) no-repeat center/cover;
}

.slide4 .s4-item4 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-inner-bg4.jpg) no-repeat center/cover;
}

.slide4 .s4-item5 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-inner-bg5.jpg) no-repeat center/cover;
}

.slide4 .s4-item6 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-inner-bg6.jpg) no-repeat center/cover;
}

.slide4 .s4-item7 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-inner-bg7.jpg) no-repeat center/cover;
}

.s4-desc {
  position: absolute;
  left: 5.2rem;
  bottom: 5.78rem;
}

.s4-desc .tit {
  width: 6.17rem;
  height: 0.98rem;
  font-size: 0.6rem;
  color: #ebebeb;
  line-height: 1.1rem;
  font-family: "fzltzh";
  /* font-family: "p-bold"; */
  padding-left: 0.42rem;
  box-sizing: border-box;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p3-inner-tit.png) no-repeat left center/contain;
}

.s4-desc .desc {
  font-size: 0.34rem;
  color: #ffffff;
  line-height: 0.5rem;
  font-family: "dt";
  width: 10.3rem;
  margin-top: 0.2rem;
  min-height: 1.5rem;
}

.slide5 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p4-bg.jpg) no-repeat center/cover;
}

.slide5 .s5-tit {
  background: url(/images/p4tit.png) no-repeat left center/contain;
}

.slide5 .s5-main {
  position: absolute;
  width: 28rem;
  height: 11.96rem;
  top: 50%;
  left: 50%;
  margin-left: -14rem;
  margin-top: -5.2rem;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.slide5 .s5-main li {
  position: relative;
  width: 5.2rem;
  height: 11.96rem;
  transition: width 0.3s;
  margin: 0 0.25rem;
  flex-shrink: 0;
  pointer-events: all;
}

.slide5 .s5-main li.none {
  pointer-events: none;
}

.slide5 .s5-main li:first-child {
  margin-left: 0;
}

.slide5 .s5-main li:last-child {
  margin-right: 0;
}

.slide5 .img-def {
  position: relative;
  width: 100%;
  height: 100%;
  border: 0.02rem rgba(255, 255, 255, 0.2) solid;
  box-sizing: border-box;
  transition: opacity 0.3s;
  overflow: hidden;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p4-tap1.png) no-repeat center bottom/5.2rem;
}

.slide5 li.none .img-def {
  background: none;
}

.slide5 li.none .img-def .s5-img-con {
  height: 100%;
}

.slide5 .img-def::before,
.slide5 .img-def::after,
.slide5 .s5-main.act li::before,
.slide5 .s5-main.act li::after {
  content: "";
  position: absolute;
  width: 0.03rem;
  height: 0.03rem;
  top: 0;
  background-color: #ebebeb;
  z-index: 5;
}

.slide5 .s5-main.act li::before,
.slide5 .s5-main.act li::after {
  top: auto;
  bottom: 0;
}

.slide5 .img-def::before,
.slide5 .s5-main.act li::before {
  left: 0;
}

.slide5 .img-def::after,
.slide5 .s5-main.act li::after {
  right: 0;
}

.slide5 .img-def img {
  width: 100%;
  max-width: 5.2rem;
  height: 10.74rem;
  object-fit: cover;
  object-position: top;
  box-sizing: border-box;
  border-bottom: 0.02rem rgba(255, 255, 255, 0.2) solid;
  transition: height 0.3s;
  object-position: top;
}

.slide5 .img-def .s5-img-con {
  display: none;
  width: 100%;
  max-width: 5.2rem;
  height: 10.74rem;
  box-sizing: border-box;
  border-bottom: 0.02rem rgba(255, 255, 255, 0.2) solid;
  transition: height 0.3s;
  background-size: 5.2rem 11.96rem;
  background-position: center top;
}

.pc .slide5 .img-def .s5-img-con {
  display: block;
}

.s5-img-con1-1 {
  background-image: url(/images/p4-img1-1.png);
}

.s5-img-con1-2 {
  background-image: url(/images/p4-img1-2.png);
}

.s5-img-con2-1 {
  background-image: url(/images/p4-img2-1.png);
}

.s5-img-con2-2 {
  background-image: url(/images/p4-img2-2.png);
}

.s5-img-con3-1 {
  background-image: url(/images/p4-img3-1.png);
}

.s5-img-con3-2 {
  background-image: url(/images/p4-img3-2.png);
}

.s5-img-con4-1 {
  background-image: url(/images/p4-img4-1.png);
}

.s5-img-con4-2 {
  background-image: url(/images/p4-img4-2.png);
}

.s5-img-more {
  background-image: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/s5-more.png);
}

.slide5 .img-def p {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 0.44rem;
  color: #ebebeb;
  line-height: 1.2rem;
  font-family: "p-med";
  transition: opacity 0.2s;
  white-space: nowrap;
}

.slide5 .img-def i.x {
  display: inline-block;
  width: 0.18rem;
  height: 0.44rem;
  margin: 0 -0.2em 0 0.06rem;
  vertical-align: middle;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/x.png) no-repeat center/contain;
}

.slide5 .img-act {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.3s;
  pointer-events: none;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p4-tap2.png) no-repeat center bottom/18.16rem;
}

.slide5 .img-act::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 10.09rem;
  top: 0;
  left: 0;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p4-img-box.png) no-repeat center top/cover;
}

.slide5 .img-act .tit {
  position: absolute;
  left: 0.14rem;
  top: 10.46rem;
  font-size: 0.47rem;
  color: #0ff796;
  line-height: 1;
  font-family: "fzltzh";
}

.slide5 .img-act .desc {
  position: absolute;
  left: 0.14rem;
  top: 11.04rem;
  height: 0.68rem;
  font-size: 0.34rem;
  color: #ebebeb;
  line-height: 1.2;
  font-family: "dt";
  white-space: nowrap;
  letter-spacing: -0.005rem;
  display: flex;
  align-items: center;
}

.slide5 .img-act .s5-img-con {
  position: absolute;
  top: 0;
  left: 50%;
  width: 18.16rem;
  height: 10.08rem;
  box-sizing: border-box;
  border-bottom: 0.02rem rgba(255, 255, 255, 0.2) solid;
  transform: translateX(-50%);
  background-size: cover;
  background-position: center top;

}

.slide5 .s5-main:hover li:hover .img-act {
  opacity: 1;
}

.slide5 .s5-main:hover li {
  width: 2.06rem;
}

.slide5 .s5-main:hover li:hover .img-def {
  height: 10.08rem;
  opacity: 0;
}

.slide5 .s5-main:hover .img-def .s5-img-con {
  height: 100%;
}

.slide5 .s5-main:hover .img-def p {
  opacity: 0;
}

.slide5 .s5-main:hover li:hover {
  width: 18.16rem;
}

.slide5 .s5-main-ipad {
  position: absolute;
  width: 14.24rem;
  height: 13.48rem;
  top: 50%;
  left: 50%;
  margin-top: -5.7rem;
  margin-left: -7.12rem;
  z-index: -1;
}

.slide5 .s5-sw {
  position: relative;
  width: 100%;
  height: 11.96rem;
}

.slide5 .s5-main-ipad .swiper-slide {
  height: 11.96rem;
}

.slide5 .s5-sw-item {
  position: absolute;
  width: 8.5rem;
  height: 11.96rem;
  left: 50%;
  margin-left: -4.25rem;
}

.slide5 .swiper-slide:not(.swiper-slide-active) .s5-sw-item::after {
  background-color: rgba(0, 0, 0, 0.5);
}

.slide5 .s5-sw-item p {
  position: absolute;
  left: 0.32rem;
  bottom: 0.26rem;
  font-size: 0.6rem;
  color: #ebebeb;
  line-height: 1;
  font-family: "p-bold";
}

.slide5 .swiper-slide-active .s5-sw-item p {
  z-index: 3;
}

.slide5 .s5-desc {
  position: absolute;
  width: 100%;
  top: 12.36rem;
  text-align: center;
}

.slide5 .s5-desc p {
  display: none;
  font-size: 0.33rem;
  line-height: 0.42rem;
  color: #ffffff;
  font-family: "dt";
}

.slide6 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p5-bg.jpg) no-repeat center/cover;
}

.slide6 .s6-tit {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p5-tit.png) no-repeat left center/contain;
}

.slide6 .s6-sw1-con {
  position: absolute;
  width: 24.38rem;
  height: 12.14rem;
  top: 50%;
  left: 50%;
  margin-left: -12.19rem;
  margin-top: -6.5rem;

  opacity: 0;
  transform: translateY(1rem);
  transition: opacity 1s, transform 1s;
}

.swiper-slide-active .slide6 .s6-sw1-con {
  opacity: 1;
  transform: translateY(0);
}

.slide6 .s6-sw1-con::after {
  content: "";
  position: absolute;
  width: 26.09rem;
  height: 13.64rem;
  top: -1.5rem;
  left: -1.4rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p5-box2.png) no-repeat;
  background-size: 100% 100%;
  z-index: 10;
  pointer-events: none;
}

.p6-sw1,
.p6-sw1 img {
  width: 24.38rem;
  height: 12.14rem;
}

.p6-sw1 img {
  display: none;
}

.pc .p6-sw1 img.pc,
.ipad .p6-sw1 img.pc {
  display: block;
}

.m .p6-sw1 img.m {
  display: block;
}

.slide6 .s6-sw2-con {
  position: absolute;
  width: 28.4rem;
  height: 2.3rem;
  top: 50%;
  left: 50%;
  margin-left: -14.2rem;
  margin-top: 6rem;

  opacity: 0;
  transform: translateY(1rem);
  transition: opacity 1s, transform 1s;
}

.swiper-slide-active .slide6 .s6-sw2-con {
  opacity: 1;
  transform: translateY(0);
}

.slide6 .s6-sw2-con .img-con {
  position: relative;
  width: 4.62rem;
  height: 2.3rem;
  margin: 0 auto;
}

.slide6 .s6-sw2-con .img-con::after {
  content: "";
  position: absolute;
  width: 100.4%;
  height: 100.4%;
  top: 0;
  left: 0;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p5-box1.png) no-repeat;
  background-size: 100% 100%;
  z-index: 10;
  pointer-events: none;
}

.slide6 .s6-sw2-con .img-con p {
  position: absolute;
  width: 100%;
  height: 0.71rem;
  bottom: 0;
  left: 0;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p5-tap.png) no-repeat center/cover;
  font-size: 0.4rem;
  color: #ebebeb;
  line-height: 0.72rem;
  font-family: "dt";
  text-align: center;
}

.slide6 .s6-sw2-con .swiper-slide {
  cursor: pointer;
}

.slide6 .s6-sw2-con .swiper-slide::after {
  position: absolute;
  content: "";
  width: 4.62rem;
  height: 2.62rem;
  left: 50%;
  bottom: 0;
  margin-left: -2.31rem;
  background-color: rgba(0,0,0,0.5);
}

.slide6 .s6-sw2-con .swiper-slide-thumb-active::after,
.slide6 .s6-sw2-con .swiper-slide:hover::after {
  position: absolute;
  content: "";
  width: 4.62rem;
  height: 1px;
  left: 50%;
  bottom: 0;
  margin-left: -2.31rem;
  background-color: #0ff796;
}

.slide6 .s6-left,
.slide6 .s6-right {
  position: absolute;
  width: 1.5rem;
  height: 12.14rem;
  top: 50%;
  margin-top: -6.6rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p5-page.png) no-repeat 0 0/cover;
}

.slide6 .s6-left {
  left: 5.16rem;
  background-position-x: left;
}

.slide6 .s6-right {
  right: 5.16rem;
  background-position-x: right;
}

.slide6 .s6-gti {
  position: absolute;
  width: 4.16rem;
  height: 1.69rem;
  right: 0.68rem;
  bottom: 0.68rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p5-gtl.png) no-repeat center/contain;
}

.slide7 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p6-bg.jpg) no-repeat 0 0/cover;
}

.slide7 .s7-tit {
  background: url(/images/p6-tit.png) no-repeat left center/contain;
}

.slide7 .s7-con {
  position: absolute;
  width: 28rem;
  height: 13.47rem;
  top: 50%;
  left: 50%;
  margin-top: -6rem;
  margin-left: -14rem;
  display: flex;
  justify-content: space-between;
}

.slide7 .s7-item {
  position: relative;
  width: 13.61rem;
  height: 13.47rem;
}

.slide7 .s7-item1 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p6-item1.png) no-repeat center/contain;
}

.slide7 .s7-item2 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p6-item2.png) no-repeat center/contain;
}

.slide7 .s7-item .desc {
  position: absolute;
  width: 72%;
  left: 0.4rem;
  bottom: 0.26rem;
}

.slide7 .s7-item .tit {
  width: auto;
  height: 0.74rem;
  min-width: 4.08rem;
  text-indent: 0.42rem;
  font-size: 0.6rem;
  color: #eaebeb;
  line-height: 0.74rem;
  font-family: "fzltzh";
  margin-bottom: 0.3rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p6-subtit.png) no-repeat left bottom/4.08rem;
}

.slide7 .s7-item .item {
  position: relative;
  font-size: 0.36rem;
  color: #eaebeb;
  line-height: 0.63rem;
  padding-left: 0.26rem;
  font-family: "dt";
  box-sizing: border-box;
}

.slide7 .s7-item i {
  margin-right: -0.6em;
}

.slide7 .s7-item .item::before {
  content: "";
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  left: 0;
  top: 0.25rem;
  background-color: #0ff796;
}

.s7-left, .s7-right {
  position: absolute;
  width: 1.18rem;
  height: 20.89rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
}

.s7-left {
  left: 0.46rem;
}

.s7-right {
  right: 0.46rem;
}

.s7-left i {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p6-left.png) no-repeat center/1.18rem;
}

.s7-right i {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p6-right.png) no-repeat center/1.18rem;
}

.s7-left i:nth-child(1),
.s7-right i:nth-child(1) {
  height: 0;
  flex: 1;
  background-position-y: top;
}

.s7-left i:nth-child(2),
.s7-right i:nth-child(2) {
  height: 0.52rem;
  background-position-y: center;
}

.s7-left i:nth-child(3),
.s7-right i:nth-child(3) {
  height: 0;
  flex: 1;
  background-position-y: bottom;
}


.nav {
  display: none;
  position: absolute;
  width: 4.03rem;
  height: 7.73rem;
  right: 0;
  top: 50%;
  margin-top: -3.36rem;
  z-index: 10;
  padding-top: 0.34rem;
  box-sizing: border-box;
  text-align: center;
  transition: transform 0.3s;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/nav-bg.png) no-repeat right center/contain;
}

.pc .nav {
  display: block;
}

.pc .nav.hide {
  display: none;
}

.nav-t1 {
  width: 100%;
  font-size: 0.3rem;
  color: #eaebeb;
  line-height: 0.48rem;
  font-family: "p-bold";
}

.nav-code {
  display: block;
  width: 3.57rem;
  height: 3.57rem;
  margin: 0 auto 0;
}

.nav-t2 {
  font-size: 0.24rem;
  color: #eaebeb;
  line-height: 0.56rem;
  font-family: "dt";
}

.nav-t2 span {
  color: #0ff796;
}

.nav-invite {
  display: block;
  width: 3.58rem;
  height: 0.8rem;
  margin: 0.02rem auto 0;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/nav-invite.png) no-repeat center/contain;
}

.nav-list {
  width: 3.57rem;
  height: auto;
  margin: 0.1rem auto 0;
}

.nav-list li {
  width: 100%;
  height: 0.94rem;
  font-size: 0.3rem;
  color: #ebebeb;
  line-height: 0.98rem;
  font-family: "p-bold";
  cursor: pointer;
  margin-bottom: 0.08rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/nav-def.png) no-repeat center center/contain;
}

.nav-list li.on, .nav-list li:hover {
  color: #0ff796;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/nav-hover.png) no-repeat center center/contain;
}

.nav-top {
  display: block;
  width: 2.67rem;
  height: .53rem;
  margin: 0.18rem auto 0;
  background-position: -6.75rem -4.42rem;
}

.nav-open, .nav-close {
  position: absolute;
  width: .55rem;
  height: 1.20rem;
  top: 4.5rem;
  right: 100%;
}

.nav-open {
  display: none;
  background-position: -9.79rem -5.74rem;
}

.nav-close {
  right: 98.6%;
  background-position: -5.26rem -1.27rem;
}

.nav.hide {
  transform: translateX(100%);
}

.nav.hide .nav-open {
  display: block;
}

.nav.hide .nav-close {
  display: none;
}


/* ipad */

.ipad .nav,
.m .nav {
  display: none;
}

.ipad .slide1 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/kv.jpg) no-repeat center/cover;
}

.ipad .slide1 .platform {
  display: none;
}

.ipad .scroll-tip {
  bottom: 0.4rem;
}

.ipad .scroll-tip span {
  font-size: 0.24rem;
}

.ipad .scroll-tip i {
  transform: scale(0.8);
  transform-origin: center bottom;
}

.ipad .slide1 .kv-main {
  width: 100%;
  left: 0;
  bottom: -1rem;
  margin-left: 0;
  background-size: 96vw auto;
  background-position-y: 66%;
}

.ipad .slide1 .play {
  top: 4rem;
}

.ipad .slide1 .top-line {
  width: 15.74rem;
  left: 0.28rem;
  top: 1.25rem;
}

.ipad .slide1 .logo {
  top: 0.34rem;
  left: 0.37rem;
  width: 2.8rem;
  height: 0.76rem;
}

.ipad .slide1 .home {
  right: 0.28rem;
  top: 0.25rem;
  transform: scale(0.76);
  transform-origin: 100% 0;
}

.ipad .p-tit {
  left: 1rem;
  top: 0.5rem;
}

.ipad .slide2 .s2-nav, .ipad .slide4 .s4-nav {
  height: calc(2.88 * var(--rem-w));
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p1-nav-box.png) no-repeat center/contain;
  background-size: 100% 100%;
}

.ipad .slide2 .s2-sw, .ipad .slide4 .s4-sw {
  width: calc(14.26 * var(--rem-w));
  height: calc(3.13 * var(--rem-w));
  margin-left: calc(-7.13 * var(--rem-w));
  top: calc(0.12 * var(--rem-w));
}

.ipad .slide2 .s2-sw-item, .ipad .slide4 .s4-sw-item {
  width: calc(4.5 * var(--rem-w));
  height: calc(2.63 * var(--rem-w));
  user-select: none;
  -webkit-user-select: none;
}

.ipad .slide2 .s2-sw-item::after, .ipad .slide4 .s4-sw-item::after {
  width: calc(4.5 * var(--rem-w));
  height: calc(2.63 * var(--rem-w));
}

.ipad .slide2 .s2-sw-item.on::after,
.ipad .slide2 .s2-sw-item:hover::after,
.ipad .slide4 .s4-sw-item.on::after,
.ipad .slide4 .s4-sw-item:hover::after {
  width: calc(4.5 * var(--rem-w));
  height: calc(0.03 * var(--rem-w));
  background: #0ff796;
  border: none;
  box-shadow: 0 0 calc(0.03 * var(--rem-w)) rgba(15, 245, 150, 0.2);
}

.ipad .s2-prev, .ipad .s2-next, .ipad .s4-prev, .ipad .s4-next {
  margin-top: -0.31rem;
}

.ipad .s2-prev, .ipad .s4-prev {
  left: calc(0.66 * var(--rem-w));
  transform: scale(0.57) rotate(180deg);
}

.ipad .s2-next, .ipad .s4-next {
  right: calc(0.66 * var(--rem-w));
  transform: scale(0.57);
}

.ipad .slide2 .s2-item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.9) 100%);
}

.ipad .slide2 .s2-item1 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p1-bg1.jpg) no-repeat center/cover;
}

.ipad .slide2 .s2-item2 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p1-bg2.jpg) no-repeat center/cover;
}

.ipad .slide2 .s2-item3 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p1-bg3.jpg) no-repeat center/cover;
}

.ipad .slide2 .s2-item4 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p1-bg4.jpg) no-repeat center/cover;
}

.ipad .slide2 .s2-item5 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p1-bg6.jpg) no-repeat center/cover;
}

.ipad .slide2 .s2-item6 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p1-bg5.jpg) no-repeat center/cover;
}

.ipad .slide2 .s2-item7 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p1-bg7.jpg) no-repeat center/cover;
}

.ipad .slide2 .s2-desc {
  width: calc(14.26 * var(--rem-w));
  height: calc(2 * var(--rem-w));
  top: auto;
  left: var(--rem-w);
  bottom: calc(4.1 * var(--rem-w));
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.ipad .slide2 .s2-desc .desc {
  width: 85%;
  font-size: calc(0.3 * var(--rem-w));
}

.ipad .slide2 .s2-desc .video {
  position: fixed;
  width: 1.5rem;
  height: 1.5rem;
  top: -2rem;
  left: 50%;
  margin-top: -2rem;
  margin-left: -0.75rem;
}

.ipad .slide2 .s2-desc .video img {
  display: none;
}

.ipad .slide2 .s2-desc .play {
  background-size: contain;
}

.ipad .slide3 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p2-bg.jpg) no-repeat center/cover;
}

.ipad .slide3 .s3-left, .ipad .slide3 .s3-right {
  width: 2.22rem;
}

.ipad .slide3 .s3-left i {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p2-left.png) no-repeat 0 0/2.22rem;
}

.ipad .slide3 .s3-left i:nth-child(2),
.ipad .slide3 .s3-left i:nth-child(4) {
  display: none;
}

.ipad .slide3 .s3-left i:nth-child(3) {
  background-position-y: center;
}

.ipad .slide3 .s3-left i:nth-child(1),
.ipad .slide3 .s3-left i:nth-child(5) {
  flex: 1;
}

.ipad .slide3 .s3-left i:nth-child(5) {
  background-position-y: bottom;
}

.ipad .slide3 .s3-right i {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p2-right.png) no-repeat right 0/1.59rem;
}

.ipad .slide3 .s3-right i {
  background-position-y: center;
}

.ipad .slide3 .s3-role {
  width: 10.2rem;
  left: -0.3rem;
  background-size: 100% auto;
  mask: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
  -webkit-mask: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0.2) 80%, rgba(0,0,0,0) 100%);
}

.ipad .slide3 .s3-mask {
  background-size: 140% 120%;
  background-position: 0 100%;
}

.ipad .slide3 .s3-desc {
  width: 7.61rem;
  height: 11rem;
  margin-left: -0.36rem;
  margin-top: -4.6rem;
}

.ipad .slide3 .s3-desc1 {
  height: 1.7rem;
}

.ipad .slide3 .s3-sk-icon {
  width: 1.2rem;
  height: 1.46rem;
}

.ipad .slide3 .nickname {
  font-size: 1.37rem;
  left: 1.28rem;
  line-height: 1.2;
}

.ipad .slide3 .name {
  left: 4.1rem;
  top: 0.04rem;
  font-size: 0.29rem;
  letter-spacing: -0.04rem;
}

.ipad .slide3 .name-en {
  left: 4.1rem;
  top: 0.38rem;
  font-size: 1.19rem;
  letter-spacing: -0.08rem;
}

.ipad .slide3 .s3-desc2 {
  padding: 0.14rem 0;
}

.ipad .slide3 .s3-desc2 .tit {
  font-size: 0.31rem;
  line-height: 0.44rem;
}

.ipad .slide3 .s3-desc2 .desc {
  font-size: 0.26rem;
  line-height: 0.33rem;
}

.ipad .slide3 .s3-desc2 .video {
  width: 5.14rem;
  height: 2.9rem;
  margin-top: 0.04rem;
  margin-bottom: 0.15rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/s3-video.jpg) no-repeat center/cover;
}

.ipad .slide3 .s3-desc2 .play {
  background-size: 0.9rem auto;
}

.ipad .slide3 .s3-skill-lisk {
  margin-top: 0.08rem;
  height: 1.02rem;
}

.ipad .slide3 .s3-skill-lisk li {
  width: 1.02rem;
  height: 1.02rem;
  margin-right: 0.36rem;
  background-size: 1.02rem auto;
}

.ipad .slide3 .s3-sk-desc {
  width: 5.16rem;
  min-height: 1.3rem;
}

.ipad .slide3 .s3-sk-desc .desc {
  margin-bottom: 0.06rem;
}

.ipad .slide4 {
  background: url(/images/p3-mask.png) no-repeat center bottom/100%, url(/images/p3-bg.png) no-repeat center/cover;
}

.ipad .slide4 .s4-sub-tit {
  height: 2.45rem;
  bottom: calc(7vh + 3.2rem);
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p3-subtitnull.png) no-repeat center/contain;
}

.ipad .slide4 .s4-comm {
  width: 14.25rem;
  height: 2.9rem;
  bottom: 7vh;
  margin-left: -7.12rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p3-box1.png) no-repeat center / cover;
  background-size: 100% 100%;
}

.ipad .slide4 .s4-comm p {
  font-size: 0.27rem;
  line-height: 0.42rem;
  width: 34.2em;
  margin-top: -1.2rem;
  left: 0.5rem;
}

.ipad .slide4 .s4-btn1 {
  transform: scale(0.82);
  right: 0.58rem;
  transform-origin: right center;
}

.ipad .slide4 .s4-item1 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p3-inner-bg1.jpg) no-repeat center/cover;
}

.ipad .slide4 .s4-item2 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p3-inner-bg2.jpg) no-repeat center/cover;
}

.ipad .slide4 .s4-item3 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p3-inner-bg3.jpg) no-repeat center/cover;
}

.ipad .slide4 .s4-item4 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p3-inner-bg4.jpg) no-repeat center/cover;
}

.ipad .slide4 .s4-item5 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p3-inner-bg5.jpg) no-repeat center/cover;
}

.ipad .slide4 .s4-item6 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p3-inner-bg6.jpg) no-repeat center/cover;
}

.ipad .slide4 .s4-item7 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p3-inner-bg7.jpg) no-repeat center/cover;
}

.ipad .slide4 .s4-back {
  top: 0.28rem;
  left: 1rem;
  width: 0.8rem;
}

.ipad .s4-desc {
  left: var(--rem-w);
  bottom: calc(4.1 * var(--rem-w));
}

.ipad .s4-desc .desc {
  font-size: calc(0.34 * var(--rem-w));
  width: 80%;
  min-height: var(--rem-w);
}

.ipad .slide6 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p5-bg.jpg) no-repeat center/cover;
}

.ipad .slide6 .s6-sw1-con {
  transform: scale(0.58) translateY(1rem);
  margin-top: -6rem;
}

.ipad .swiper-slide-active .slide6 .s6-sw1-con {
  transform: scale(0.58) translateY(0);
}

.ipad .slide6 .s6-sw2-con {
  transform: scale(0.508) translateY(1rem);
  transform-origin: center top;
  margin-top: 3.8rem;
}

.ipad .swiper-slide-active .slide6 .s6-sw2-con {
  transform: scale(0.508) translateY(0);
}

.ipad .slide6 .s6-sw2-con .swiper-slide-thumb-active::after {
  height: 0.03rem;
}

.ipad .slide6 .s6-left,
.ipad .slide6 .s6-right {
  width: 0.35rem;
  height: 0.6rem;
  top: 50%;
  margin-top: -0.2rem;
  cursor: pointer;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p1-page.png) no-repeat left center / cover;
}

.ipad .slide6 .s6-left {
  left: 50%;
  margin-left: -7rem;
  transform: rotate(180deg);
}

.ipad .slide6 .s6-right {
  right: 50%;
  margin-right: -7rem;
}

.ipad .slide6 .s6-gti {
  width: 3.34rem;
  right: 1rem;
  bottom: 0.3rem;
}

.ipad .slide7 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p6-bg.jpg) no-repeat center/cover;
}

.ipad .slide7 .s7-item .desc {
  left: 0.3rem;
}

.ipad .slide7 .s7-item .desc {
  width: 97%;
}

.ipad .slide7 .s7-con {
  width: 14.24rem;
  height: 10.51rem;
  margin-left: -7.12rem;
  margin-top: -4.8rem;
}

.ipad .slide7 .s7-item {
  width: 6.95rem;
  height: 10.51rem;
}

.ipad .slide7 .s7-item1 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p6-item1.png) no-repeat center/contain;
}

.ipad .slide7 .s7-item2 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p6-item2.png) no-repeat center/contain;
}

.ipad .s7-left, .ipad .s7-right {
  position: absolute;
  width: 0.71rem;
  height: 96.7vh;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
}

.ipad .s7-left {
  left: 0.15rem;
}

.ipad .s7-right {
  right: 0.15rem;
}

.ipad .s7-left i {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p6-left.png) no-repeat center/0.71rem;
}

.ipad .s7-right i {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/ipad/p6-right.png) no-repeat center/0.71rem;
}

.ipad .s7-left i:nth-child(1),
.ipad .s7-right i:nth-child(1) {
  height: 0;
  flex: 1;
  background-position-y: top;
}

.ipad .s7-left i:nth-child(2),
.ipad .s7-right i:nth-child(2) {
  height: 0.52rem;
  background-position-y: center;
}

.ipad .s7-left i:nth-child(3),
.ipad .s7-right i:nth-child(3) {
  height: 0;
  flex: 1;
  background-position-y: bottom;
}

.ipad .slide7 .s7-item .tit {
  font-size: 0.47rem;
  text-indent: 0.32rem;
  line-height: 0.88rem;
  margin-bottom: 0.15rem;
  background-size: 3.18rem auto;
}

.ipad .slide7 .s7-item .item {
  font-size: 0.25rem;
  line-height: 0.48rem;
  padding-left: 0.18rem;
}

.ipad .slide7 .s7-item .item::before {
  top: 0.2rem;
  width: 0.07rem;
  height: 0.07rem;
}

.ipad .slide5 .s5-main {
  z-index: -1;
  left: -100vw;
}

.ipad .slide5 .s5-main-ipad {
  z-index: 1;
}

.ipad .slide5 .s5-sw-item p {
  left: 0.22rem;
  bottom: 0.04rem;
  line-height: 1.06;
}

.m .slide1 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/kv.jpg) no-repeat center/cover;
}

.m .p-tit {
  width: 6rem;
  height: 1.88rem;
  left: 0.3rem;
  top: 0.3rem;
}

.m .slide1 .logo {
  width: 1.94rem;
  height: 0.52rem;
  top: 0.2rem;
  left: 0.23rem;
}

.m .slide1 .home {
  right: 0.3rem;
  top: 0.23rem;
  transform: scale(0.53);
  transform-origin: 100% 0;
  z-index: 5;
}

.m .slide1 .top-line {
  width: 7.06rem;
  top: 0.86rem;
  left: 0.21rem;
}

.m .scroll-tip {
  bottom: 0.6rem;
}

.m .scroll-tip span {
  font-size: 0.21rem;
}

.m .scroll-tip i {
  transform: scale(0.8);
  transform-origin: 0 100%;
}

.m .slide1 .platform {
  bottom: 1.6rem;
  transform: scale(0.8);
}

.m .slide1 .down-con {
  display: none;
}

.m .slide1 .kv-main {
  display: none;
}

.kv-main-m {
  display: none;
}

.m .slide1 .kv-main-m {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
}

.m .slide1 .check-m {
  position: absolute;
  bottom: 2.32rem;
  left: 50%;
  margin-left: -4em;
  font-size: 0.27rem;
  color: #ffffff;
  line-height: 1.1;
  border-bottom: 1px #FFF solid;
  font-family: "dt";
}

.m .slide1 .m-subscribe,
.m .slide1 .m-down {
  position: absolute;
  width: 6.07rem;
  height: 0.64rem;
  left: 50%;
  margin-left: -3.03rem;
}

.m .slide1 .m-subscribe {
  bottom: 2.6rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/kv-invite.png) no-repeat center/contain;
}

.m .slide1 .m-down {
  width: 6.09rem;
  height: 0.66rem;
  bottom: 2.8rem;
  margin-left: -3.03rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/kv-down.png) no-repeat center/contain;
}

.m .m-slogan {
  position: absolute;
  width: 100%;
  height: 6.35rem;
  bottom: 2.76rem;
  background: url(/images/slogan.png) no-repeat center center/contain;
}

.m .m-play {
  position: absolute;
  width: 1.34rem;
  height: 1.34rem;
  bottom: 6.8rem;
  left: 50%;
  margin-left: -0.67rem;
  z-index: 5;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/play.png) no-repeat center/contain;
}

.m .slide2 .s2-tit {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p1-tit.png) no-repeat left center/contain;
}

.m .slide2 .s2-nav {
  z-index: -1;
  left: -100vw;
}

.slide2 .s2-nav-m,
.slide4 .s4-nav-m {
  display: none;
}

.m .slide4 .s4-back {
  width: 0.57rem;
  height: 0.52rem;
  left: 0.3rem;
  top: 0.14rem;
}

.m .slide2 .s2-nav-m,
.m .slide4 .s4-nav-m {
  position: absolute;
  display: block;
  width: 6.9rem;
  height: auto;
  bottom: 1rem;
  left: 50%;
  margin-left: -3.45rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  z-index: 10;
}

.m .slide2 .s2-nav-item,
.m .slide4 .s4-nav-item {
  position: relative;
  width: 2.11rem;
  height: 1.01rem;
  margin-top: 0.2rem;
  text-align: center;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p1-nav-item.png) no-repeat center/contain;
}

.m .slide2 .s2-nav-item.on::after,
.m .slide4 .s4-nav-item.on::after {
  content: "";
  position: absolute;
  width: 2.1rem;
  height: 0.91rem;
  border: 1px #10f495 solid;
  border-bottom-width: 0.03rem;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  box-shadow: 0 0 0.03rem rgba(15, 245, 150, 0.2);
}

.m .slide2 .s2-nav-item p,
.m .slide4 .s4-nav-item p {
  position: absolute;
  width: 100%;
  font-size: 0.3rem;
  color: #ebebeb;
  line-height: 0.32rem;
  font-family: "dt";
  top: 50%;
  margin-top: -0.24rem;
}

.m .slide2 .s2-nav-item i,
.m .slide4 .s4-nav-item i {
  margin-right: 0.6em;
}

.m .slide2 .s2-nav-item p span,
.m .slide4 .s4-nav-item p span {
  font-size: 0.24rem;
  color: #0ff796;
}

.m .slide2 .s2-item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.9) 100%);
}

.m .slide2 .s2-desc {
  top: auto;
  bottom: 4.66rem;
  left: 0.3rem;
  width: 6.9rem;
  height: 2.6rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
}

.m .slide2 .s2-desc .video img {
  display: none;
}

.m .slide2 .s2-desc .video {
  position: absolute;
  top: -3rem;
  left: 50%;
  margin-left: -0.6rem;
  width: 1.2rem;
  height: 1.2rem;
}

.m .slide2 .s2-desc .tit {
  width: 100%;
  font-size: 0.56rem;
}

.m .slide2 .s2-desc .tit span {
  display: none;
}

.m .slide2 .s2-desc .desc {
  width: 100%;
  font-size: 0.26rem;
  line-height: 0.42rem;
}

.m .slide2 .s2-desc .play {
  background-size: contain;
}

.m .slide2 .s2-item1 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p1-bg1.jpg) no-repeat center/cover;
}

.m .slide2 .s2-item2 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p1-bg2.jpg) no-repeat center/cover;
}

.m .slide2 .s2-item3 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p1-bg3.jpg) no-repeat center/cover;
}

.m .slide2 .s2-item4 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p1-bg4.jpg) no-repeat center/cover;
}

.m .slide2 .s2-item5 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p1-bg6.jpg) no-repeat center/cover;
}

.m .slide2 .s2-item6 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p1-bg5.jpg) no-repeat center/cover;
}

.m .slide2 .s2-item7 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p1-bg7.jpg) no-repeat center/cover;
}

.m .slide3 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p2-bg.jpg) no-repeat center/cover;
}

.m .slide3 .s3-tit {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p2-tit.png) no-repeat left center/contain;
}

.m .slide3 .s3-role {
  width: 7.2rem;
  right: 0;
  left: auto;
  bottom: 50vh;
  height: calc(50vh - 2.2rem);
  background-size: 105% auto;
  mask: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%);
  -webkit-mask: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
}

.m .slide3 .s3-mask {
  display: none;
}

.m .slide3 .s3-left, .m .slide3 .s3-right {
  width: 1.49rem;
}

.m .slide3 .s3-left {
  left: 0.04rem;
}

.m .slide3 .s3-left i {
  background-image: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p2-left.png);
  background-size: 1.31rem auto;
}

.m .slide3 .s3-left i:nth-child(1) {
  height: 0;
  flex: 1;
}

.m .slide3 .s3-left i:nth-child(2),
.m .slide3 .s3-right i:nth-child(2) {
  height: 0.16rem;
  background-position-y: center;
  flex: none
}

.m .slide3 .s3-left i:nth-child(3) {
  height: 0;
  flex: 1;
  background-position-y: bottom;
}

.m .slide3 .s3-left i:nth-child(4),
.m .slide3 .s3-left i:nth-child(5) {
  display: none;
}

.m .slide3 .s3-right {
  right: 0.04rem;
}

.m .slide3 .s3-right i {
  background-image: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p2-right.png);
  background-size: 1.49rem auto;
}

.m .slide3 .s3-desc {
  width: 6.9rem;
  height: auto;
  margin-left: -3.45rem;
  top: 49vh;
  margin-top: 0;
}

.m .slide3 .s3-desc1 {
  height: 1.35rem;
}

.m .slide3 .s3-sk-icon {
  width: 0.94rem;
  height: 1.14rem;
}

.m .slide3 .nickname {
  font-size: 1.05rem;
  line-height: 1.2rem;
  left: 1.02rem;
}

.m .slide3 .name {
  font-size: 0.238rem;
  left: 3.2rem;
  letter-spacing: -0.01rem;
}

.m .slide3 .name-en {
  font-size: 0.8rem;
  left: 3.2rem;
  top: 0.36rem;
  letter-spacing: -0.06rem;
}

.m .slide3 .s3-desc2 {
  padding: 0.1rem 0 0.14rem;
}

.m .slide3 .s3-desc2 .tit {
  font-size: 0.24rem;
  line-height: 0.32rem;
}

.m .slide3 .s3-desc2 .desc {
  font-size: 0.22rem;
  line-height: 0.26rem;
}

.m .slide3 .s3-video {
  position: absolute;
  width: 0.86rem;
  height: 0.86rem;
  right: 0;
  top: 0.05rem;
  padding: 0;
  background: none;
}

.m .slide3 .s3-video .tit,
.m .slide3 .s3-video img {
  display: none;
}

.m .slide3 .s3-video .video {
  width: 100%;
  height: 100%;
  margin: 0;
}

.m .slide3 .s3-video .video a {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/play.png) no-repeat center/contain;
}

.m .slide3 .s3-skill-lisk {
  height: 1.1rem;
}

.m .slide3 .s3-skill-lisk li {
  width: 1.1rem;
  height: 1.1rem;
  margin-right: 0.2rem;
  background-size: 1.1rem auto;
}

.m .slide3 .s3-sk-desc {
  width: 5.02rem;
  height: auto;
  min-height: 0;
  padding-bottom: 0.06rem;
}

.m .slide3 .s3-desc2 .s3-desc-item .tit {
  font-size: 0.22rem;
  line-height: 0.3rem;
}

.m .slide3 .s3-desc2 .s3-desc-item .desc {
  font-size: 0.18rem;
  line-height: 0.22rem;
  margin-top: 0;
}

.m .slide4 .s4-tit {
  width: 6.83rem;
  height: 1.18rem;
  background: url(/images/p3tit.png) no-repeat left center/contain;
}

.m .slide4 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p3-bg1.jpg) no-repeat center/cover;
}

.m .slide4 .s4-nav {
  z-index: -1;
  left: -100vw;
}

.m .slide4 .s4-item::before {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p3-inner-mask.png) no-repeat center bottom/100%;
}

.m .slide4 .s4-sub-tit {
  height: 1.35rem;
  bottom: calc(11vh + 3.2rem);
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p3-subtitnull.png) no-repeat center/contain;
}

.m .slide4 .s4-comm {
  width: 6.9rem;
  height: 3rem;
  margin-left: -3.45rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p3-box1.png) no-repeat center/contain;
  background-size: 100% 100%;
}

.m .slide4 .s4-comm p {
  font-size: 0.21rem;
  line-height: 0.38rem;
  width: 6.5rem;
  left: 0.3rem;
  margin-top: -1.3rem;
}

.m .slide4 .s4-btn1 {
  margin-top: 1.67rem;
  right: 50%;
  margin-right: -2.12rem;
  transform: scale(0.8);
}

.m .s4-desc {
  width: 6.9rem;
  left: 0.3rem;
  bottom: 4.6rem;
  text-align: center;
}

.m .s4-desc .tit {
  width: 100%;
  height: 0.56rem;
  font-size: 0.56rem;
  color: #ebebeb;
  line-height: 1;
  background: none;
  padding: 0;
}

.m .s4-desc .desc {
  width: 100%;
  margin-top: 0.1rem;
  font-size: 0.26rem;
  line-height: 0.42rem;
}

.m .slide4 .s4-item1 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p3-inner-bg1.jpg) no-repeat center/cover;
}

.m .slide4 .s4-item2 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p3-inner-bg2.jpg) no-repeat center/cover;
}

.m .slide4 .s4-item3 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p3-inner-bg3.jpg) no-repeat center/cover;
}

.m .slide4 .s4-item4 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p3-inner-bg4.jpg) no-repeat center/cover;
}

.m .slide4 .s4-item5 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p3-inner-bg5.jpg) no-repeat center/cover;
}

.m .slide4 .s4-item6 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p3-inner-bg6.jpg) no-repeat center/cover;
}

.m .slide4 .s4-item7 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p3-inner-bg7.jpg) no-repeat center/cover;
}

.slide4 .s4-left-m,
.slide4 .s4-right-m,
.slide5 .s5-left-m,
.slide5 .s5-right-m,
.slide6 .s6-left-m,
.slide6 .s6-right-m {
  display: none;
  pointer-events: none;
  z-index: 10;
}

.m .slide4 .s4-left-m,
.m .slide4 .s4-right-m,
.m .slide5 .s5-left-m,
.m .slide5 .s5-right-m,
.m .slide6 .s6-left-m,
.m .slide6 .s6-right-m {
  display: block;
  position: absolute;
  width: 2.37rem;
  top: 50%;
  height: 99vh;
  max-height: 16.24rem;
  display: flex;
  flex-direction: column;
  transform: translateY(-50%);
}

.m .slide5 .s5-left-m,
.m .slide5 .s5-right-m {
  width: 7.46rem;
}

.m .slide6 .s6-left-m,
.m .slide6 .s6-right-m {
  width: 0.43rem;
}

.m .slide4 .s4-left-m,
.m .slide5 .s5-left-m,
.m .slide6 .s6-left-m {
  left: 0.04rem;
}

.m .slide4 .s4-right-m,
.m .slide5 .s5-right-m,
.m .slide6 .s6-right-m {
  right: 0.04rem;
}

.m .slide4 .s4-left-m i {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p3-left.png) no-repeat 0 0/1.75rem;
}

.m .slide4 .s4-right-m i {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p3-right.png) no-repeat 0 0/2.37rem;
}

.m .slide5 .s5-left-m i {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p4-left.png) no-repeat 0 0/2.85rem;
}

.m .slide5 .s5-right-m i {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p4-right.png) no-repeat 0 0/7.45rem;
}

.m .slide6 .s6-left-m i {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p5-left.png) no-repeat 0 0/0.43rem;
}

.m .slide6 .s6-right-m i {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p5-right.png) no-repeat 0 0/0.43rem;
}

.m .slide4 .s4-left-m i:nth-child(1),
.m .slide4 .s4-right-m i:nth-child(1),
.m .slide4 .s4-left-m i:nth-child(3),
.m .slide4 .s4-right-m i:nth-child(3),
.m .slide5 .s5-left-m i:nth-child(1),
.m .slide5 .s5-right-m i:nth-child(1),
.m .slide5 .s5-left-m i:nth-child(3),
.m .slide5 .s5-right-m i:nth-child(3),
.m .slide6 .s6-left-m i:nth-child(1),
.m .slide6 .s6-right-m i:nth-child(1),
.m .slide6 .s6-left-m i:nth-child(3),
.m .slide6 .s6-right-m i:nth-child(3) {
  height: 0;
  flex: 1;
}

.m .slide4 .s4-left-m i:nth-child(3),
.m .slide4 .s4-right-m i:nth-child(3),
.m .slide5 .s5-left-m i:nth-child(3),
.m .slide5 .s5-right-m i:nth-child(3),
.m .slide6 .s6-left-m i:nth-child(3),
.m .slide6 .s6-right-m i:nth-child(3) {
  background-position-y: bottom;
}

.m .slide4 .s4-left-m i:nth-child(2),
.m .slide5 .s5-left-m i:nth-child(2),
.m .slide5 .s5-right-m i:nth-child(2),
.m .slide6 .s6-left-m i:nth-child(2),
.m .slide6 .s6-right-m i:nth-child(2) {
  height: 0.16rem;
  background-position-y: center;
}

.m .slide4 .s4-right-m i:nth-child(2) {
  height: 0.16rem;
  background-position-y: -8rem;
}

.m .slide5 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p4-bg.jpg) no-repeat center/cover;
}

.m .slide5 .s5-tit {
  width: 3.63rem;
  height: 1.18rem;
  background: url(/images/p4tit.png) no-repeat center/contain;
}

.m .slide5 .s5-main {
  z-index: -1;
  left: -100vw;
}

.m .slide5 .s5-main-ipad {
  width: 6.7rem;
  height: 9.7rem;
  margin-left: -3.35rem;
  margin-top: -4.15rem;
  z-index: 1;
}

.m .slide5 .s5-sw,
.m .slide5 .s5-main-ipad .swiper-slide {
  height: 7.66rem;
}

.m .slide5 .s5-sw-item {
  width: 5.3rem;
  height: 7.66rem;
  margin-left: -2.65rem;
}

.m .slide5 .s5-sw-item::after {
  background-size: 100% auto, 100% 100%;
}

.m .slide5 .s5-sw-item p {
  font-size: 0.35rem;
  left: 0.15rem;
  bottom: 0.16rem;
}

.m .slide5 .s5-desc {
  top: 8rem;
}

.m .slide5 .s5-desc p {
  font-size: 0.26rem;
  line-height: 0.38rem;
}

.m .slide6 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p5-bg.jpg) no-repeat center/cover;
}

.m .slide6 .s6-tit {
  width: 3.63rem;
  height: 1.18rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p5-tit.png) no-repeat left center/contain;
}

.m .slide6 .s6-sw1-con,
.m .p6-sw1,
.m .p6-sw1 img {
  width: 6.9rem;
  height: 8.47rem;
}

.m .slide6 .s6-sw1-con {
  margin-top: -4.7rem;
  margin-left: -3.45rem;
}

.m .slide6 .s6-sw1-con::after {
  display: none;
}

.m .slide6 .s6-sw2-con {
  z-index: -1;
}

.slide6 .s6-nav-m {
  display: none;
}

.m .slide6 .s6-nav-m {
  position: absolute;
  display: block;
  width: 6.9rem;
  height: auto;
  left: 50%;
  top: 50%;
  margin-left: -3.45rem;
  margin-top: 0.1rem;
  font-size: 0;
  line-height: 0;
  text-align: left;
}

.m .slide6 .s6-nav-m li {
  position: relative;
  display: inline-block;
  position: relative;
  width: 3.37rem;
  height: 1.9rem;
  margin-right: 0.16rem;
  margin-bottom: 0.16rem;
  text-align: center;
}

.m .slide6 .s6-nav-m li::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 5;
}

.m .slide6 .s6-nav-m li::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p5-box1.png) no-repeat;
  background-size: 100% 100%;
  z-index: 10;
  pointer-events: none;
}

.m .slide6 .s6-nav-m li:nth-child(2n) {
  margin-right: 0;
}

.m .slide6 .s6-nav-m li.on::before {
  height: 0.02rem;
  background-color: #0ff796;
}

.m .slide6 .s6-nav-m p {
  position: absolute;
  width: 100%;
  height: 0.51rem;
  bottom: 0;
  left: 0;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/p5-tap.png) no-repeat center/cover;
  font-size: 0.23rem;
  color: #ebebeb;
  line-height: 0.52rem;
  font-family: "dt";
  text-align: center;
}

.m .slide6 .s6-nav-m li.on p {
  z-index: 4;
}

.p6-pagination {
  position: absolute;
  display: none;
  width: 100%;
  height: 0.32rem;
  bottom: -0.7rem !important;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.p6-pagination .swiper-pagination-bullet {
  display: inline-block;
  width: 0.32rem;
  height: 0.32rem;
  margin: 0 0.05rem;
  opacity: 1;
  border-radius: 0;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p5-pageation.png) no-repeat left center/cover;
}

.p6-pagination .swiper-pagination-bullet-active {
  background-position-x: right;
}

.m .p6-pagination {
  display: block;
}

.m .slide6 .s6-left,
.m .slide6 .s6-right {
  z-index: 10;
  margin-top: -2.42rem;
  width: 0.2rem;
  background-size: auto 62%;
}

.m .slide6 .s6-left {
  margin-left: -3.16rem;
  transform: scale(0.57) rotate(180deg);
  transform-origin: left center;
}

.m .slide6 .s6-right {
  margin-right: -3.36rem;
  transform: scale(0.57);
  transform-origin: right center;
}

.m .slide6 .s6-gti {
  width: 3.16rem;
  right: 0.2rem;
  bottom: 0;
}

.m .slide7 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p6-bg.jpg) no-repeat center/cover;
}

.m .slide7 .s7-tit {
  width: 4.91rem;
  height: 1.18rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p6-tit.png?v=1.2) no-repeat left center/contain;
}

.m .slide7 .s7-con {
  width: 7.29rem;
  height: 9.6rem;
  margin-left: -3.74rem;
  margin-top: -4.1rem;
  flex-direction: column;
}

.m .slide7 .s7-item {
  width: 7.29rem;
  height: 4.3rem;
}

.m .slide7 .s7-item1 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p6-item1.png) no-repeat center/contain;
}

.m .slide7 .s7-item2 {
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/m/p6-item2.png) no-repeat center/contain;
}

.m .slide7 .s7-item .desc {
  width: 90%;
  left: 0.45rem;
  bottom: 0.1rem;
  height: 4.54rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.m .slide7 .s7-item .tit {
  position: absolute;
  top: 0;
  left: -0.15rem;
  height: 0.44rem;
  line-height: 1;
  text-indent: 0.28rem;
  font-size: 0.38rem;
  background-size: 2.64rem auto;
}

.m .slide7 .s7-item .item {
  font-size: 0.19rem;
  line-height: 0.34rem;
}

.m .slide7 .s7-item .item {
  padding-left: 0.12rem;
}

.m .slide7 .s7-item .item::before {
  width: 0.05rem;
  height: 0.05rem;
  top: 0.14rem;
}

.m .s7-right,
.m .s7-left {
  display: none;
}

.pop {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999;
}

.pop-con {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 0 0;
}

.pop-con1 {
  width: 15.02rem;
  height: 20.97rem;
  background: url(https://game.gtimg.cn/images/dfm/cp/a20250103fab/pop4.png) no-repeat center/contain;
}

.pc .pop-con1 {
  width: 65vh;
  height: 90vh;
}

.pop-close1 {
  position: absolute;
  width: 1rem;
  height: 1rem;
  right: 0.15rem;
  top: 0.25rem;
}

.pc .pop-close1 {
  width: 4vh;
  height: 4.5vh;
  right: 1vh;
  top: 1vh;
}

.m .pop-con1 {
  transform: scale(0.5) translate(-50%, -50%);
}

.ipad .pop-con1 {
  transform: scale(0.7) translate(-50%, -50%);
}

.pop-con2 {
  width: 16rem;
  height: 9rem;
  border: 1px #10c47c solid;
}

.ipad .pop-con2 {
  width: 14rem;
  height: 8rem;
}

.m .pop-con2 {
  width: 7.2rem;
  height: 4rem;
}

.video-con {
  width: 100%;
  height: 100%;
}

.btn-pop-close {
  outline: none;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  text-align: center;
  line-height: 0.72rem;
  cursor: pointer;
  position: absolute;
  right: -0.9rem;
  top: -0.2rem;
  font-size: 0.84rem;
  color: #10c47c;
  text-decoration: none;
}

.m .btn-pop-close {
  top: -0.7rem;
  right: -0.22rem;
}

.ipad .swiper-slide-active .slide6 .s6-left.ani-bottom,
.m .swiper-slide-active .slide6 .s6-left.ani-bottom {
  animation: float-bottom-rever 1s ease forwards;
}

.m .slide6 .s6-left,
.m .slide6 .s6-right {
  display: none;
}


.ani-left, .ani-right, .ani-bottom, .ani-bottom-rever, .ani-opacity, .m-ani-bottom {
  opacity: 0;
  will-change: transform, opacity;
}

.swiper-slide-active .ani-left {
  animation: float-left 1s ease forwards;
}

.swiper-slide-active .ani-right {
  animation: float-right 1s ease forwards;
}

.swiper-slide-active .ani-bottom {
  animation: float-bottom 1s ease forwards;
}

.swiper-slide-active .ani-opacity {
  animation: opacityAni 1s ease forwards;
}

.m .swiper-slide-active .m-ani-bottom {
  animation: float-bottom 1s ease forwards;
}

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

.ani-delay-1_5 {
  animation-delay: 0.15s !important;
}

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

.ani-delay-2_5 {
  animation-delay: 0.25s !important;
}

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

.m .m-ani-delay-0 {
  animation-delay: 0s !important;
}

.m .m-ani-delay-1_5 {
  animation-delay: 0.15s !important;
}

@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 float-bottom-rever {
  0% { transform: translateY(1rem) rotate(180deg); opacity: 0; }
  100% { transform: translateY(0px) rotate(180deg); opacity: 1; }
}

@keyframes opacityAni {
  0% { opacity: 0; }
  100% { opacity: 1; }
}