*{-webkit-text-size-adjust: none;padding: 0;margin: 0;outline: none;/* -webkit-touch-callout:default; */}
*{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;}
html{width:100%;font-size: 16px;-webkit-text-size-adjust:none;background-color: #f1efef;}
body,h1,h2,h3,ul,li,p{font-weight: normal;}
div,a{background-size: 100% 100%;background-repeat: no-repeat;border:none;text-decoration: none;}
img{vertical-align: top;}
ul,li{list-style: none;}
input,textarea{font-size:100%;user-select: auto;-webkit-user-select: auto;-webkit-touch-callout:default;}
a,select,div,ul,li{-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;user-select: none;-webkit-user-select: none;}

html, body, .wrap {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
}

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

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

.part {
  position: relative;
  width: 100%;
  height: 9rem;
  text-align: center;
  padding-top: 1px;
  box-sizing: border-box;
}

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

.kv { height: 9.01rem; background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/bg1.jpg) no-repeat center/cover; }
.part1 { height: 9.18rem; background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/bg2.jpg) no-repeat center/cover; }
.part2 { height: 9.47rem; background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/bg3.jpg) no-repeat center/cover; }
.part3 { height: 8.96rem; background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/bg4.jpg) no-repeat center/cover; }
.part4 { height: 9.43rem; background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/bg5.jpg) no-repeat center/cover; }
.part5 { height: 9.49rem; background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/bg6.jpg) no-repeat center/cover; }
.part6 { height: 9.26rem; background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/bg7.jpg) no-repeat center/cover; }
.part7 { height: 9.38rem; background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/bg8.jpg) no-repeat center/cover; }

.kv .logo-mask {
  position: absolute;
  width: 11.62rem;
  height: 5.8rem;
  top: -2rem;
  left: -4.1rem;
  opacity: 0.8;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/logo-mask.png) no-repeat center/contain;
}

.kv .logo {
  position: absolute;
  width: 4.93rem;
  height: 1.49rem;
  top: 0;
  left: 0.7rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/logo.png) no-repeat center/4.93rem;
}

.kv .home {
  position: absolute;
  width: 3.16rem;
  height: 1.18rem;
  top: 0.38rem;
  left: 15.46rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/home.png) no-repeat center/contain;
}

.kv .slogan {
  position: absolute;
  width: 9.11rem;
  height: 1.79rem;
  top: 5.08rem;
  left: 0.8rem;
  line-height: 999px;
  overflow: hidden;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/slogan.png) no-repeat center/contain;
}

.kv .age {
  position: absolute;
  top: 1.5rem;
  left: 0.71rem;
  width: 0.55rem;
  height: 0.71rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/age.png) no-repeat center top/contain;
}

.down-con {
  position: absolute;
  width: 3.44rem;
  height: 1.48rem;
  top: 7rem;
  left: 3.6rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/kv-btns.png) no-repeat left/auto 100%;
}

.down-con .btn3,
.down-con .btn4,
.down-con .btn5,
.down-con .btn6 {
  position: absolute;
  width: 1.88rem;
  height: 0.7rem;
}

.down-con .btn3,
.down-con .btn4 {
  left: 3.55rem;
}

.down-con .btn5,
.down-con .btn6 {
  left: 1.58rem;
}

.down-con .btn3,
.down-con .btn6 {
  top: 0;
}

.down-con .btn4,
.down-con .btn5 {
  top: 0.78rem;
}

.p1-item {
  position: absolute;
  width: 5.44rem;
  height: 1.39rem;
  line-height: 999px;
  overflow: hidden;
}

.p1-item1 {
  top: 1.4rem;
  left: 9rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p1-item1.png) no-repeat center/contain;
}

.p1-item2 {
  top: 2.6rem;
  left: 3.75rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p1-item2.png) no-repeat center/contain;
}

.p1-item3 {
  top: 3.6rem;
  left: 7.8rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p1-item3.png) no-repeat center/contain;
}

.p1-item4 {
  top: 4.6rem;
  left: 1.6rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p1-item4.png) no-repeat center/contain;
}

.p1-item5 {
  top: 6.3rem;
  left: 6.6rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p1-item5.png) no-repeat center/contain;
}

.p2-tit {
  position: relative;
  width: 100%;
  height: 4.06rem;
  line-height: 99999px;
  overflow: hidden;
  margin: -0.9rem auto 0;
  z-index: 10;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/t2.png) no-repeat center/contain;
}

.p2-bg-con, .p2-bg-con .bg-con {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.p2-bg-con .bg-con {
  opacity: 0;
  z-index: 1;
  transition: opacity 0s linear .35s;
}

.p2-bg-con .bg-con.act {
  opacity: 1;
  z-index: 5;
  transition: opacity .3s linear 0s;
}

.p2-bg-con .bg-con.con1 {
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/bg3-1.jpg) no-repeat center/cover;
}

.p2-bg-con .bg-con.con2 {
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/bg3-2.jpg) no-repeat center/cover;
}

.p2-bg-con .bg-con.con3 {
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/bg3-3.jpg) no-repeat center/cover;
}

.p2-bg-con .desc-bg {
  position: absolute;
  width: 6.9rem;
  height: 3.26rem;
  top: 6.1rem;
  left: 0.1rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p2-desc.png) no-repeat center/contain;
}

.t2-t {
  position: absolute;
  top: 7rem;
  left: 1.25rem;
  width: 4.92rem;
  height: 0.76rem;
  line-height: 999px;
  overflow: hidden;
}

.t2-t.t1 {
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p2-t1.png) no-repeat left/contain;
}

.t2-t.t2 {
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p2-t2.png) no-repeat left/contain;
}

.t2-t.t3 {
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p2-t3.png) no-repeat left/contain;
}

.p2-bg-con .desc {
  position: absolute;
  top: 7.86rem;
  left: 1.25rem;
  font-size: 0.26rem;
  color: #ffffff;
  line-height: 0.37rem;
  font-family: "bold";
}

.p2-nav {
  position: absolute;
  width: 3.16rem;
  height: auto;
  top: 2.6rem;
  right: 0.7rem;
  z-index: 6;
}

.p2-nav .nav-item {
  position: relative;
  width: 3.16rem;
  height: 1.94rem;
  margin-bottom: 0.22rem;
  cursor: pointer;
}

.p2-nav .nav-item img {
  display: block;
  width: 100%;
  height: 100%;
  mask: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p2-item-mask.png);
  mask-position: center center;
  mask-size: 100% 100%;
  -webkit-mask: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p2-item-mask.png);
  -webkit-mask-position: center center;
  -webkit-mask-size: 100% 100%;
  object-fit: cover;
}

.p2-nav .nav-item .border-con {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p2-item-border2.png) no-repeat center/100% 100%;
}

.p2-nav .nav-item.act .border-con,
.p2-nav .nav-item:hover .border-con {
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p2-item-border1.png) no-repeat center/100% 100%;
}

.p2-nav .nav-item p {
  position: absolute;
  width: 100%;
  top: 1.52rem;
  left: 0;
  text-align: center;
  font-size: 0.286rem;
  color: #3d607d;
  line-height: 1;
}

.p3-tit {
  width: 100%;
  height: 3.48rem;
  margin-top: -0.8rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/t3.png) no-repeat center/contain;
}

.p3-item {
  position: absolute;
  width: 5.44rem;
  height: 1.39rem;
  cursor: pointer;
}

.p3-item1 {
  top: 2rem;
  left: 11.5rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p3-item1.png) no-repeat center/contain;
}

.p3-item2 {
  top: 3.1rem;
  left: 5.2rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p3-item2.png) no-repeat center/contain;
}

.p3-item3 {
  top: 6rem;
  left: 2.6rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p3-item3.png) no-repeat center/contain;
}

.p4-con {
  position: absolute;
  top: 2.3rem;
  left: 3.85rem;
}

.p4-role-tit {
  width: 5.95rem;
  height: 0.75rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p4-con1.png) no-repeat center/contain;
}

.p4-con .desc {
  font-size: 0.256rem;
  color: #21365b;
  line-height: 0.35rem;
  font-family: "bold";
  text-align: left;
  margin-top: 0.18rem;
}

.p4-skill-con {
  width: 6.03rem;
  height: 3.99rem;
  margin-top: 0.14rem;
  display: flex;
  justify-content: space-between;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p4-con2.png) no-repeat center/contain;
}

.p4-skill-con .skill-item {
  width: 1.82rem;
  height: 100%;
  overflow: hidden;
}

.p4-skill-con .skill-item .name {
  font-size: 0.315rem;
  color: #ffffff;
  line-height: 1;
  font-family: "bold";
  margin-top: 1.8rem;
}

.p4-skill-con .skill-item .sk-desc {
  width: 1.6rem;
  font-size: 0.189rem;
  line-height: 0.251rem;
  color: #ffffff;
  font-family: "simhei";
  margin: 0.4rem auto 0;
}

.p4-tab1 {
  position: absolute;
  width: 3.76rem;
  height: 1.38rem;
  top: 4.82rem;
  left: 9.56rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p4-btn1.png) no-repeat center/contain;
}

.p5-tit {
  width: 100%;
  height: 1.37rem;
  margin-top: 0.4rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/t5.png) no-repeat center/contain;
}

.p5-desc-item {
  position: absolute;
  width: 7.81rem;
  top: 5.53rem;
}

.p5-desc-item.item1 {
  /* left: 0.86rem; */
  left: 50%;
  margin-left: -3.9rem;
}

.p5-desc-item.item2 {
  right: 0.86rem;
}

.p5-subtit {
  width: 100%;
  height: 1.2rem;
}

.p5-subtit.t1 {
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p5-t1.png) no-repeat center/contain;
}

.p5-subtit.t2 {
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p5-t2.png) no-repeat center/contain;
}

.desc-con {
  width: 7.81rem;
  height: 0.93rem;
  margin-top: 0.13rem;
  padding-top: 0.16rem;
  box-sizing: border-box;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p5-word.png) no-repeat center/contain;
}

.desc-con p {
  font-size: 0.2rem;
  color: #ffffff;
  line-height: 0.3rem;
  font-family: "simhei";
}

.p6-con {
  width: 13rem;
  margin: 2.1rem auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
}

.p6-con .p6-item {
  position: relative;
  width: 4.54rem;
  height: 2.63rem;
  margin: 0 0.5rem 0.42rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p5-item.png) no-repeat center/contain;
}

.p6-con .p6-item img {
  position: absolute;
  width: 4.38rem;
  height: 2.03rem;
  top: 0.1rem;
  left: 0.09rem;
  object-fit: cover;
}

.p6-con .p6-item p {
  position: absolute;
  width: 100%;
  top: 2.16rem;
  left: 0;
  font-size: 0.34rem;
  color: #0e1e39;
  line-height: 1;
  font-family: "bold";
  text-align: center;
}

.p6-con .p6-item .mask {
  position: absolute;
  width: 4.5rem;
  height: 2.44rem;
  top: -0.03rem;
  left: 0;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p5-item-mask.png) no-repeat center/contain;
}

.p7-nav {
  position: absolute;
  width: 3.36rem;
  top: 2rem;
  left: 2.6rem;
}

.p7-nav .p7-item {
  display: block;
  width: 3.36rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.32rem;
  color: #47586a;
  font-family: "bold";
  margin-bottom: -0.18rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p6-btn2.png) no-repeat center/contain;
}

.p7-nav .p7-item.act span {
  display: block;
  color: transparent;
  background: linear-gradient(180deg, #453c0b, #865827, #b16941);
  background-clip: text;
  -webkit-background-clip: text;
  overflow: hidden;
}

.p7-nav .p7-item.act,
.p7-nav .p7-item:hover {
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p6-btn1.png) no-repeat center/contain;
}

.p7-desc-con {
  position: absolute;
  width: 11.19rem;
  height: 6.62rem;
  top: 1.8rem;
  left: 5.5rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/p6-con.png) no-repeat center/contain;
}

.p7-desc-con p {
  position: absolute;
  width: 10.5rem;
  height: 5.25rem;
  left: 0.4rem;
  top: 0.4rem;
  font-size: 0.24rem;
  color: #47586a;
  line-height: 0.45rem;
  font-family: "simhei";
  text-align: left;
  text-shadow: 0 0 0.01rem #47586a;
  box-sizing: border-box;
  padding-right: 0.1rem;
  overflow: auto;
  display: none;
}

.p7-desc-con p::-webkit-scrollbar {
  width: 0.04rem
}

.p7-desc-con p::-webkit-scrollbar-track {
  background: transparent;
}

.p7-desc-con p::-webkit-scrollbar-thumb {
  background: #84b8ea;
}

.p-slide {
  position: absolute;
  width: 100%;
  z-index: 10;
  pointer-events: none;
}

.p-slide.s1 {
  height: 2.23rem;
  top: 7.8rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/slice1.png) no-repeat center/100%;
}

.p-slide.s2 {
  height: 2.01rem;
  top: 17.2rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/slice2.png) no-repeat center/100%;
}

.p-slide.s3 {
  height: 2.01rem;
  top: 26.7rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/slice3.png) no-repeat center/100%;
}

.p-slide.s4 {
  height: 2.44rem;
  top: 35.2rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/slice4.png) no-repeat center/100%;
}

.p-slide.s5 {
  height: 2.23rem;
  top: 44.8rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/slice1.png) no-repeat center/100%;
}

.p-slide.s6 {
  height: 2.01rem;
  top: 54.6rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/slice2.png) no-repeat center/100%;
}

.p-slide.s7 {
  height: 2.01rem;
  top: 63.8rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/slice3.png) no-repeat center/100%;
}

.p-slide.s8 {
  height: 1.44rem;
  top: 72.8rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/slice4.png) no-repeat top / 100%;
}

.nav {
  position: fixed;
  right: 0;
  width: 2.84rem;
  height: 7.42rem;
  top: 50%;
  margin-top: -3.71rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/nav.png) no-repeat right/cover;
  z-index: 10;
  transform: translateX(160%);
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
  box-sizing: border-box;
  padding: 1.4rem 0 0.88rem 0.8rem;
}

.nav .nav-item {
  display: block;
  width: 2.04rem;
  height: 0.57rem;
  text-align: center;
}

.nav .nav-item.act {
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/nav-act.png) no-repeat center / 100% 120%;
}

.nav .nav-item span {
  display: block;
  font-size: 0.22rem;
  color: #39586a;
  line-height: 0.57rem;
  font-family: "bold";
  letter-spacing: -0.02rem;
}

.nav .nav-item.act span {
  color: #225c7d;
}

.nav-close {
  position: absolute;
  width: 0.5rem;
  height: 1.8rem;
  top: 2.9rem;
  left: 0.4rem;
}

.nav-open {
  position: fixed;
  width: 0.61rem;
  height: 1.94rem;
  right: 0;
  top: 50%;
  margin-top: -0.97rem;
  z-index: 10;
  transform: translateX(0);
  transition: transform 0.3s;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/nav-open.png) no-repeat right/contain;
}

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

.nav.show {
  right: 0;
  /* right: calc(constant(safe-area-inset-right));
  right: calc(env(safe-area-inset-right)); */
  transform: translateX(0);
  opacity: 1;
}



.upani, .leftani, .rightani {
  opacity: 0;
}

.part.act .upani {
  animation: upAni 1.2s ease forwards;
}

.part.act .leftani {
  animation: leftAni 1.2s ease forwards;
}

.part.act .rightani {
  animation: rightAni 1.2s ease forwards;
}

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

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

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

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

@keyframes leftAni {
  0% { opacity: 0; transform: translateX(-0.5rem); }
  100% { opacity: 1; transform: translateY(0); }
}

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

.next-tip {
  position: fixed;
  z-index: 10;
  width: 4.51rem;
  height: 0.22rem;
  bottom: 0.3rem;
  left: 50%;
  margin-left: -2.25rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/next-more.png) no-repeat center/contain;
  pointer-events: none;
  /* animation: nextani 2s linear infinite; */
}

@keyframes nextani {
  0% {  transform: translateY(0rem); }
  50% {  transform: translateY(0.3rem); }
  100% {  transform: translateY(0rem); }
}



















.dia {
  display: none;
  position: fixed !important;
  text-align: center;
  box-sizing: border-box;
  margin: 0 !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

.dia-close {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  top: 0.4rem;
  right: 0.4rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/pop-close.png) no-repeat center/0.33rem;
}

.dia1 {
  width: 7.82rem;
  height: 7.43rem;
  transform: scale(1.23) translate(-50%, -50%);
  transform-origin: 0 0;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/pop1.png) no-repeat center/contain;
}

.dia3 {
  width: 9.66rem;
  height: 9.2rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/pop1.png) no-repeat center/contain;
}

.dia-tit1,
.dia-tit2 {
  width: 100%;
  margin-top: 1.1rem;
  font-size: 0.474rem;
  line-height: 1.1;
  font-family: "bold";
  display: flex;
  align-items: center;
  justify-content: center;
}

.dia-tit2 {
  margin-top: 1.35rem;
  font-size: 0.59rem;
}

.dia-t-icon {
  width: 0.34rem;
  height: 0.34rem;
  margin: 0 0.1rem;
  margin-top: 0.1rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/pop-tit-fl.png) no-repeat left/cover;
}

.dia-t-icon.i2 {
  background-position-x: right;
}

.dia-tit1 span,
.dia-tit2 span {
  color: transparent;
  background: linear-gradient(180deg, #c5deff, #e2efff, #feffff);
  background-clip: text;
  -webkit-background-clip: text;
  overflow: hidden;
}

.dia1-con {
  position: relative;
  width: 6.21rem;
  height: 3.01rem;
  margin: 0.18rem auto 0;
}

.dia1-sw {
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/pop1-con.png) no-repeat center/contain;
  border-radius: 0.08rem;
  overflow: hidden;
}

.dia1-sw, .dia1-con img {
  display: block;
  width: 6.21rem;
  height: 3.01rem;
}

.dia1-con img {
  object-fit: cover;
}

.dia1-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/pop1-con-mask.png) no-repeat center/contain;
}

.dia1-prev, .dia1-next {
  position: absolute;
  width: 0.3rem;
  height: 0.42rem;
  top: 50%;
  margin-top: -0.21rem;
  z-index: 11;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/pop-left.png) no-repeat right/cover;
}

.dia1-prev {
  left: -0.08rem;
}

.dia1-next {
  right: -0.08rem;
  transform: rotate(180deg);
}

.dia1-desc,
.d5-desc {
  width: 5.6rem;
  height: 1.5rem;
  font-size: 0.2rem;
  color: #ffffff;
  line-height: 0.29rem;
  font-family: "simhei";
  margin: 0 auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dia1-desc span, .d5-desc p {
  display: none;
}

.dia2-desc {
  width: 6.1rem;
  height: 4rem;
  font-size: 0.19rem;
  color: #ffffff;
  line-height: 0.29rem;
  margin: 0.3rem auto 0;
  text-align: left;
  padding-left: 1.5em;
  padding-right: 0.2rem;
  box-sizing: border-box;
  overflow: auto;
}

.dia2-desc::-webkit-scrollbar {
  width: 0.04rem
}

.dia2-desc::-webkit-scrollbar-track {
  background: transparent;
}

.dia2-desc::-webkit-scrollbar-thumb {
  background: #84b8ea;
}

.dia2-desc i {
  margin-left: -1.5em;
}

.dia2-desc p {
  display: none;
}

.dia2 {
  width: 10.98rem;
  height: 7.43rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20251117bxj/pop2.png) no-repeat center/contain;
}

.d5-con {
  width: 7.88rem;
  height: 4.4rem;
  margin: 0.2rem auto 0;
  border-radius: 0.15rem;
  overflow: hidden;
}

.d5-con img {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.d5-desc {
  width: 6.24rem;
  height: 1.2rem;
}

#dia5 .d5-desc {
  width: 7.24rem;
  height: 1.1rem;
  font-size: 0.24rem;
  line-height: 0.35rem;
}