@keyframes eq_bar_1 {
  0%,
  100% {
    height: 0.08rem;
  }
  40% {
    height: 0.22rem;
  }
  70% {
    height: 0.1rem;
  }
}
@keyframes eq_bar_2 {
  0%,
  100% {
    height: 0.15rem;
  }
  30% {
    height: 0.25rem;
  }
  60% {
    height: 0.08rem;
  }
}
@keyframes eq_bar_3 {
  0%,
  100% {
    height: 0.12rem;
  }
  20% {
    height: 0.06rem;
  }
  60% {
    height: 0.2rem;
  }
}
@keyframes scroll_hint_bounce {
  0%,
  100% {
    transform: translateY(0);
    opacity: 0.7;
  }
  50% {
    transform: translateY(0.1rem);
    opacity: 0.3;
  }
}
@font-face {
  font-family: 'AaKaiTi';
  src: url('//media.zlongame.com/media/pictures/cn/7jiemt/data/AaKaiTi.ttf');
  font-weight: normal;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
i {
  display: block;
  font-style: normal;
}
a {
  display: block;
  width: 100%;
  height: 100%;
}
html,
body {
  width: 100%;
  height: 100%;
  font-family: 'AaKaiTi', sans-serif;
  background-color: #000;
}
body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content {
  width: 100%;
  height: 100%;
}
.content .section {
  max-width: 2560px;
  margin: 0 auto;
}
.content .section .fp-tableCell {
  margin: 0 auto;
  max-width: 2560px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 2561px) and (min-height: 1441px) {
  .content .section {
    max-width: 3840px;
  }
  .content .section .fp-tableCell {
    max-width: 3840px;
  }
}
.nav_box {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 2560px;
  min-width: 25.6rem;
  height: 1rem;
  z-index: 100;
}
.nav_box .nav_active_i {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.49rem;
  height: 0.86rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/nav_active.png') center / contain no-repeat;
  transition: left 0.3s ease;
  pointer-events: none;
}
.nav_box .nav_item {
  position: absolute;
  top: 0.47rem;
  display: flex;
  align-items: center;
  gap: 0.08rem;
  cursor: pointer;
  opacity: 0.3;
  transition: opacity 0.2s;
}
.nav_box .nav_item:hover,
.nav_box .nav_item.on {
  opacity: 1;
}
.nav_box .nav_item span {
  font-size: 0.22rem;
  color: #fff;
  white-space: nowrap;
  line-height: 1;
}
.nav_box .nav_item .nav_arrow_i {
  width: 0.15rem;
  height: 0.09rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/nav_arrow.png') center / contain no-repeat;
  transition: transform 0.3s ease;
}
.nav_box .nav_item:nth-child(2) {
  left: 0.97rem;
}
.nav_box .nav_item:nth-child(3) {
  left: 2.67rem;
}
.nav_box .nav_item:nth-child(4) {
  left: 4.4rem;
}
.nav_box .nav_item:nth-child(5) {
  left: 6.29rem;
}
.nav_box .nav_item:nth-child(6) {
  left: 7.75rem;
}
.nav_box .nav_item:nth-child(7) {
  left: 9.03rem;
}
.nav_box .nav_item:nth-child(8) {
  left: 10.31rem;
}
.nav_box .nav_item.on .nav_arrow_i {
  transform: rotate(180deg);
}
.nav_box .nav_item .nav_sub_menu {
  position: absolute;
  top: 0.35rem;
  left: 50%;
  transform: translateX(-60%);
  overflow: hidden;
  max-height: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.1rem;
  padding: 0;
  transition: max-height 0.3s ease, padding 0.3s ease;
  white-space: nowrap;
  pointer-events: none;
}
.nav_box .nav_item .nav_sub_menu .nav_sub_item {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  line-height: 1;
  width: 0.7rem;
  height: 0.34rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.17rem;
  transition: color 0.2s, background 0.2s;
}
.nav_box .nav_item .nav_sub_menu .nav_sub_item:hover {
  color: rgba(255, 255, 255, 0.8);
}
.nav_box .nav_item .nav_sub_menu .nav_sub_item.on {
  color: #fff;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/nav_text_hover.png') center / contain no-repeat;
}
.nav_box .nav_item .nav_sub_menu .nav_sub_dot {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  background: #fff;
  flex-shrink: 0;
}
.nav_box .nav_item.on .nav_sub_menu {
  max-height: 0.5rem;
  padding: 0.04rem 0;
  pointer-events: auto;
}
.nav_box .top_right_box {
  position: absolute;
  top: 0;
  right: 0.29rem;
  z-index: 100;
  display: flex;
  align-items: center;
  overflow: visible;
}
.nav_box .top_right_box .social_box {
  display: flex;
  align-items: center;
  gap: 0.37rem;
  margin-right: 0rem;
  overflow: visible;
  transform: scale(0.8);
}
.nav_box .top_right_box .social_box .social_item {
  position: relative;
  display: block;
  flex-shrink: 0;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: width 0.2s ease, height 0.2s ease, margin 0.2s ease;
  z-index: 1;
}
.nav_box .top_right_box .social_box .social_item:hover {
  z-index: 20;
}
.nav_box .top_right_box .social_box .social_item .qrcode_tip {
  display: none;
  position: absolute;
  top: 0.4rem;
  left: 50%;
  transform: translateX(-42%);
  width: 1.78rem;
  height: 2.36rem;
  z-index: 30;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/social/qrcode_tip_bg.png') center / contain no-repeat;
  flex-direction: column;
  align-items: center;
  padding: 0.77rem 0.2rem 0.2rem;
  box-sizing: border-box;
}
.nav_box .top_right_box .social_box .social_item .qrcode_tip .qrcode_img {
  width: 1.2rem;
  height: 1.2rem;
  object-fit: contain;
  border-radius: 0.06rem;
  flex-shrink: 0;
  transform: translateX(-0.1rem);
}
.nav_box .top_right_box .social_box .social_item .qrcode_tip .qrcode_label {
  margin-top: 0.1rem;
  font-size: 0.17rem;
  color: rgba(255, 255, 255, 0.8);
  white-space: nowrap;
  line-height: 1;
  transform: translateX(-0.08rem);
}
.nav_box .top_right_box .social_box .social_item:hover .qrcode_tip {
  display: flex;
}
.nav_box .top_right_box .social_box .social_weixin {
  width: 0.5rem;
  height: 0.39rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/social/social_weixin.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_weixin:hover {
  width: 0.92rem;
  height: 0.96rem;
  margin: -0.285rem -0.21rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/social/social_weixin_hover.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_qiyeweixin {
  width: 0.5rem;
  height: 0.41rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/social/social_qiyeweixin.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_qiyeweixin:hover {
  width: 0.9rem;
  height: 0.95rem;
  margin: -0.27rem -0.2rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/social/social_qiyeweixin_hover.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_tieba {
  width: 0.81rem;
  height: 0.97rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/social/social_tieba.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_tieba:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/social/social_tieba_hover.png');
}
.nav_box .top_right_box .social_box .social_taptap {
  width: 0.46rem;
  height: 0.46rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/social/social_taptap.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_taptap:hover {
  width: 1rem;
  height: 1.06rem;
  margin: -0.3rem -0.27rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/social/social_taptap_hover.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_douyin {
  width: 0.37rem;
  height: 0.41rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/social/social_douyin.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_douyin:hover {
  width: 0.71rem;
  height: 0.97rem;
  margin: -0.28rem -0.17rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/social/social_douyin_hover.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_xiaohongshu {
  width: 0.67rem;
  height: 0.27rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/social/social_xiaohongshu.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_xiaohongshu:hover {
  width: 1.03rem;
  height: 0.85rem;
  margin: -0.29rem -0.18rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/social/social_xiaohongshu_hover.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_bilibili {
  width: 0.47rem;
  height: 0.42rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/social/social_bilibili.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_bilibili:hover {
  width: 0.81rem;
  height: 0.97rem;
  margin: -0.275rem -0.17rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/social/social_bilibili_hover.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_weibo {
  width: 0.49rem;
  height: 0.43rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/social/social_weibo.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .social_box .social_weibo:hover {
  width: 0.83rem;
  height: 0.97rem;
  margin: -0.27rem -0.17rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/social/social_weibo_hover.png');
  background-size: 100% 100%;
}
.nav_box .top_right_box .music_btn {
  width: 0.75rem;
  height: 0.7rem;
  cursor: pointer;
}
.nav_box .top_right_box .music_btn.music_on {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/music_on.png') center / contain no-repeat;
}
.nav_box .top_right_box .music_btn.music_on:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/music_on_hover.png');
}
.nav_box .top_right_box .music_btn.music_off {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/music_off.png') center / contain no-repeat;
}
.nav_box .top_right_box .music_btn.music_off:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/music_off_hover.png');
}
.nav_box .top_right_box .reserve_float_btn {
  width: 1.27rem;
  height: 1.12rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/reserve_float_btn.png') center / contain no-repeat;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.nav_box .top_right_box .reserve_float_btn:hover {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/reserve_float_btn_hover.png') center / contain no-repeat;
}
.nav_box .top_right_box .reserve_float_btn:hover span {
  opacity: 1;
}
.nav_box .top_right_box .reserve_float_btn span {
  font-size: 0.22rem;
  color: #fff;
  pointer-events: none;
  opacity: 0.8;
}
@media screen and (min-width: 2561px) and (min-height: 1441px) {
  .nav_box {
    max-width: 3840px;
  }
}
.page1 {
  position: relative;
  width: 100%;
  height: 14.4rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/bg.jpg') center center / cover no-repeat;
  overflow: hidden;
  font-family: 'AaKaiTi', sans-serif;
}
.page1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);
  z-index: 2;
  pointer-events: none;
}
.page1::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
  pointer-events: none;
}
.page1 .page1_video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  z-index: 0;
}
.page1 .kv_right,
.page1 .video_box {
  z-index: 1;
}
.page1 .kv_right {
  position: absolute;
  top: 3.58rem;
  right: 0;
  display: flex;
  flex-direction: column;
}
.page1 .kv_right .slogan_i {
  width: 6.63rem;
  height: 2.6rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/slogan.png') center / contain no-repeat;
  pointer-events: none;
}
.page1 .kv_right .btn_box {
  margin-top: 0.34rem;
  margin-left: 1rem;
  width: 5.29rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.13rem;
}
.page1 .kv_right .btn_box .test_detail_btn,
.page1 .kv_right .btn_box .reserve_btn,
.page1 .kv_right .btn_box .recruit_btn {
  position: relative;
  cursor: pointer;
}
.page1 .kv_right .btn_box .test_detail_btn a,
.page1 .kv_right .btn_box .reserve_btn a,
.page1 .kv_right .btn_box .recruit_btn a {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
.page1 .kv_right .btn_box .test_detail_btn {
  width: 5.29rem;
  height: 0.58rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/test_detail_btn.png') center / contain no-repeat;
}
.page1 .kv_right .btn_box .test_detail_btn a {
  font-size: 0.28rem;
  text-shadow: 0 0 0.07rem #fff;
}
.page1 .kv_right .btn_box .test_detail_btn:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/test_detail_btn_hover.png');
}
.page1 .kv_right .btn_box .reserve_btn {
  width: 2.57rem;
  height: 0.55rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/reserve_btn.png') center / contain no-repeat;
}
.page1 .kv_right .btn_box .reserve_btn a {
  font-size: 0.26rem;
  text-shadow: 0 0 0.04rem #8b6b25;
}
.page1 .kv_right .btn_box .reserve_btn:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/reserve_btn_hover.png');
}
.page1 .kv_right .btn_box .recruit_btn {
  width: 2.57rem;
  height: 0.55rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/recruit_btn.png') center / contain no-repeat;
}
.page1 .kv_right .btn_box .recruit_btn a {
  font-size: 0.26rem;
  text-shadow: 0 0 0.04rem #8b6b25;
}
.page1 .kv_right .btn_box .recruit_btn:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/recruit_btn_hover.png');
}
.page1 .kv_right .video_box {
  margin-top: 0.1rem;
  margin-left: 0.86rem;
  width: 5.57rem;
  height: 3.27rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/video_bg.png') center / contain no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page1 .kv_right .video_box .play_btn {
  margin-top: 0.9rem;
  width: 1.24rem;
  height: 1.2rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/play_btn.png') center / contain no-repeat;
  cursor: pointer;
  z-index: 3;
  transition: transform 0.15s;
}
.page1 .kv_right .video_box .play_btn:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/play_btn_hover.png');
  transform: scale(1.05);
}
.page1 .kv_right .video_box .video_label {
  font-size: 0.22rem;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0.15rem;
  pointer-events: none;
}
.page1 .progress_bar_i {
  position: absolute;
  bottom: 0.95rem;
  left: 0rem;
  width: 6.81rem;
  height: 1.22rem;
  z-index: 3;
  transform: translateZ(0);
}
.page1 .progress_bar_i.state_0 {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/progress_bar_0.png') center / contain no-repeat;
}
.page1 .progress_bar_i.state_1 {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/progress_bar_1.png') center / contain no-repeat;
}
.page1 .progress_bar_i.state_2 {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/progress_bar_2.png') center / contain no-repeat;
}
.page1 .progress_bar_i.state_3 {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/progress_bar_3.png') center / contain no-repeat;
}
.page1 .progress_bar_i.state_4 {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/progress_bar_4.png') center / contain no-repeat;
}
.page1 .reserve_count {
  position: absolute;
  top: -0.8rem;
  left: 0.84rem;
  display: flex;
  align-items: center;
  gap: 0.1rem;
}
.page1 .reserve_count .reg_text_icon_i {
  width: 0.3rem;
  height: 0.3rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/reg_text_icon.png') center / contain no-repeat;
  flex-shrink: 0;
}
.page1 .reserve_count p {
  font-size: 0.22rem;
  color: #aeaeae;
  white-space: nowrap;
}
.page1 .reserve_count .count_num {
  font-size: 0.3rem;
  color: #f7d28b;
}
.page1 .progress_nodes {
  position: absolute;
  width: 6.81rem;
  height: 1.22rem;
}
.page1 .progress_nodes .node_item {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page1 .progress_nodes .node_item .node_particle_i {
  position: absolute;
  top: -0.2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.76rem;
  height: 1.16rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/node_particle.png') center / contain no-repeat;
  pointer-events: none;
}
.page1 .progress_nodes .node_item .node_icon_i {
  width: 1.07rem;
  height: 1.07rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.page1 .progress_nodes .node_item .node_num {
  margin-top: 0.2rem;
  font-size: 0.21rem;
  color: #f7d28b;
  white-space: nowrap;
}
.page1 .progress_nodes .node_item .node_desc {
  font-size: 0.16rem;
  color: rgba(247, 210, 139, 0.4);
  white-space: nowrap;
}
.page1 .progress_nodes .node_item.locked .node_particle_i {
  display: none;
}
.page1 .progress_nodes .node_item.locked .node_num {
  color: rgba(255, 255, 255, 0.4);
}
.page1 .progress_nodes .node_item.locked .node_desc {
  color: rgba(255, 255, 255, 0.3);
}
.page1 .progress_nodes .node_item.node_1 {
  left: 0.7rem;
}
.page1 .progress_nodes .node_item.node_1 .node_icon_i {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/node_icon_1.png');
}
.page1 .progress_nodes .node_item.node_1.locked .node_icon_i {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/node_icon_locked_1.png');
}
.page1 .progress_nodes .node_item.node_2 {
  left: 2.35rem;
  top: -0.16rem;
}
.page1 .progress_nodes .node_item.node_2 .node_icon_i {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/node_icon_2.png');
}
.page1 .progress_nodes .node_item.node_2.locked .node_icon_i {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/node_icon_locked_2.png');
}
.page1 .progress_nodes .node_item.node_3 {
  left: 4rem;
  top: 0.1rem;
}
.page1 .progress_nodes .node_item.node_3 .node_icon_i {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/node_icon_3.png');
}
.page1 .progress_nodes .node_item.node_3.locked .node_icon_i {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/node_icon_locked_3.png');
}
.page1 .progress_nodes .node_item.node_4 {
  left: 5.56rem;
  top: -0.08rem;
}
.page1 .progress_nodes .node_item.node_4 .node_icon_i {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/node_icon_4.png');
}
.page1 .progress_nodes .node_item.node_4.locked .node_icon_i {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/node_icon_locked_4.png');
}
.page1 .scroll_hint_i {
  position: absolute;
  bottom: 0.3rem;
  width: 3.55rem;
  height: 0.18rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page1/scroll_hint.png') center / contain no-repeat;
  pointer-events: none;
  z-index: 3;
  animation: scroll_hint_bounce 2.5s ease-in-out infinite;
}
@font-face {
  font-family: 'SourceHanSerifCN';
  src: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/SourceHanSerifCN-SemiBold.ttf') format("truetype");
  font-weight: 600;
}
.page2 {
  width: 100%;
  height: 14.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  background: #0a0510;
}
.page2 .p2_bg_i {
  position: absolute;
  width: 100%;
  height: 14.4rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/bg.jpg');
  background-size: cover;
  background-position: center;
}
.page2 .p2_deco_curve_i {
  position: absolute;
  top: -0.1rem;
  width: 31.9rem;
  height: 7.04rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/deco_curve.png');
  background-size: contain;
}
.page2 .p2_title_i {
  position: absolute;
  left: 1.69rem;
  top: 1.78rem;
  width: 4.31rem;
  height: 7.31rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/title_left.png');
  background-size: contain;
}
.page2 .p2_count_svg {
  position: relative;
  z-index: 1;
  margin-top: 1.2rem;
  width: 14rem;
  height: 3.8rem;
}
.page2 .p2_progress {
  position: relative;
  z-index: 1;
  margin-top: 0rem;
  width: 20.96rem;
  height: 4.28rem;
}
.page2 .p2_progress #p2_spine_canvas {
  position: absolute;
  width: 20.96rem;
  height: 4.28rem;
  transform: translate(-0.8rem, 0.1rem);
}
.page2 .p2_progress .p2_node {
  position: absolute;
  width: 0;
  height: 0;
}
.page2 .p2_progress .p2_node .p2_node_icon_i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.page2 .p2_progress .p2_node .p2_reward_i {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.page2 .p2_progress .p2_node .p2_node_info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  white-space: nowrap;
}
.page2 .p2_progress .p2_node .p2_node_info .p2_node_num {
  font-family: 'SourceHanSerifCN', serif;
  font-weight: 600;
  font-size: 0.41rem;
  white-space: nowrap;
}
.page2 .p2_progress .p2_node .p2_node_info .p2_divider_i {
  width: 2.2rem;
  height: 0.02rem;
  background-size: contain;
  background-repeat: no-repeat;
}
.page2 .p2_progress .p2_node .p2_node_info .p2_node_desc {
  margin-top: 0.06rem;
  font-family: 'AaKaiTi', sans-serif;
  font-size: 0.16rem;
  white-space: nowrap;
  line-height: 1.4;
  text-align: center;
}
.page2 .p2_progress .p2_node:not(.locked) .p2_node_icon_i {
  width: 1.51rem;
  height: 2.05rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/node_unlocked.png');
  background-size: contain;
}
.page2 .p2_progress .p2_node:not(.locked) .p2_reward_i {
  bottom: 0.22rem;
}
.page2 .p2_progress .p2_node:not(.locked) .p2_node_info {
  top: 0.15rem;
}
.page2 .p2_progress .p2_node:not(.locked) .p2_node_info .p2_node_num {
  color: #ffeab7;
  opacity: 0.7;
}
.page2 .p2_progress .p2_node:not(.locked) .p2_node_info .p2_divider_i {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/divider_active.png');
}
.page2 .p2_progress .p2_node:not(.locked) .p2_node_info .p2_node_desc {
  color: #ffeab7;
  opacity: 0.5;
}
.page2 .p2_progress .p2_node.locked .p2_node_icon_i {
  width: 0.21rem;
  height: 0.17rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/node_locked.png');
  background-size: contain;
}
.page2 .p2_progress .p2_node.locked .p2_node_info {
  bottom: 0.2rem;
}
.page2 .p2_progress .p2_node.locked .p2_node_info .p2_node_num {
  color: #8a8a8a;
}
.page2 .p2_progress .p2_node.locked .p2_node_info .p2_divider_i {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/divider_locked.png');
}
.page2 .p2_progress .p2_node.locked .p2_node_info .p2_node_desc {
  color: #8a8a8a;
}
.page2 .p2_progress .p2_node.locked .p2_reward_i {
  top: -0.2rem;
}
.page2 .p2_progress .p2_node_1 {
  left: 4.6rem;
  top: 2.55rem;
}
.page2 .p2_progress .p2_node_1.locked .p2_reward_i {
  width: 2.22rem;
  height: 2.04rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/reward_1_locked.png');
}
.page2 .p2_progress .p2_node_1:not(.locked) .p2_reward_i {
  width: 2.22rem;
  height: 2.03rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/reward_1_unlocked.png');
}
.page2 .p2_progress .p2_node_2 {
  left: 8.4rem;
  top: 2.84rem;
}
.page2 .p2_progress .p2_node_2:not(.locked) {
  top: 2.9rem;
}
.page2 .p2_progress .p2_node_2.locked .p2_reward_i {
  width: 2.22rem;
  height: 2.04rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/reward_2_locked.png');
}
.page2 .p2_progress .p2_node_2:not(.locked) .p2_reward_i {
  width: 2.22rem;
  height: 2.04rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/reward_2_unlocked.png');
}
.page2 .p2_progress .p2_node_3 {
  left: 12.18rem;
  top: 2.36rem;
}
.page2 .p2_progress .p2_node_3:not(.locked) {
  left: 12.04rem;
  top: 2.48rem;
}
.page2 .p2_progress .p2_node_3.locked .p2_reward_i {
  width: 2.22rem;
  height: 2.03rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/reward_3_locked.png');
}
.page2 .p2_progress .p2_node_3:not(.locked) .p2_reward_i {
  width: 2.23rem;
  height: 2.04rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/reward_3_unlocked.png');
}
.page2 .p2_progress .p2_node_4 {
  left: 15.6rem;
  top: 1.94rem;
}
.page2 .p2_progress .p2_node_4.locked {
  top: 1.8rem;
}
.page2 .p2_progress .p2_node_4.locked .p2_reward_i {
  width: 2.22rem;
  height: 2.57rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/reward_4_locked.png');
}
.page2 .p2_progress .p2_node_4:not(.locked) .p2_reward_i {
  width: 2.24rem;
  height: 2.67rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/reward_4_unlocked.png');
  bottom: -0.2rem;
}
.page2 .p2_bottom {
  position: relative;
  z-index: 1;
  margin-top: 0.4rem;
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
}
.page2 .p2_bottom .p2_bottom_left_i {
  width: 7.87rem;
  height: 3.04rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/bottom_left.png');
  background-size: contain;
}
.page2 .p2_bottom .p2_bottom_right_i {
  position: relative;
  width: 7.87rem;
  height: 3.06rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/bottom_right.png');
  background-size: contain;
}
.page2 .p2_bottom .p2_bottom_right_i a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.page2 .p2_float_panel {
  position: absolute;
  right: 0rem;
  top: 1.18rem;
  z-index: 2;
  width: 2.52rem;
}
.page2 .p2_float_panel .p2_float_bg_i {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.9rem;
  height: 8rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/float_panel.png');
  background-size: 100% 100%;
}
.page2 .p2_float_panel .p2_float_content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2rem;
}
.page2 .p2_float_panel .p2_float_content .p2_float_desc {
  font-family: 'AaKaiTi', sans-serif;
  font-size: 0.22rem;
  line-height: 1.4;
  color: #c9c7c7;
  text-align: center;
  padding: 0 0.2rem;
}
.page2 .p2_float_panel .p2_float_content .p2_float_desc .gold {
  color: #efdba8;
}
.page2 .p2_float_panel .p2_float_content .p2_float_reward_i {
  position: absolute;
  width: 1.84rem;
  height: 2.18rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/p2_float_reward_i.png');
  background-size: contain;
  top: 2.6rem;
}
.page2 .p2_float_panel .p2_float_content .p2_float_btn {
  margin-top: 1.65rem;
  position: relative;
  width: 1.91rem;
  height: 0.43rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/team_btn.png');
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.page2 .p2_float_panel .p2_float_content .p2_float_btn span {
  font-family: 'AaKaiTi', sans-serif;
  font-size: 0.21rem;
  color: #fff;
}
.page2 .p2_float_panel .p2_float_content .p2_float_btn a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.page2 .p2_float_panel .p2_float_content .p2_float_qrcode_i {
  margin-top: 0.2rem;
  width: 1.44rem;
  height: 1.47rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/qrcode.png');
  background-size: contain;
}
.page2 .p2_float_panel .p2_float_content .p2_float_qr_text {
  margin-top: 0.08rem;
  font-family: 'AaKaiTi', sans-serif;
  font-size: 0.21rem;
  color: #ffebbf;
}
.page2 .p2_scroll_hint_i {
  position: absolute;
  bottom: 0.4rem;
  width: 3.56rem;
  height: 0.19rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page2/scroll_hint.png');
  background-size: contain;
  animation: scroll_hint_bounce 2.5s ease-in-out infinite;
}
.page3 {
  position: relative;
  width: 100%;
  height: 14.4rem;
  overflow: hidden;
  font-family: 'AaKaiTi', sans-serif;
}
.page3::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);
  pointer-events: none;
  z-index: 2;
}
.page3::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
  pointer-events: none;
}
.page3 #world_static {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: center / cover no-repeat;
}
.page3 #world_static.world_0 {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/video/pc/page3/world_bg_0.jpg');
}
.page3 #world_static.world_1 {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/video/pc/page3/world_bg_1.jpg');
}
.page3 #world_static.world_2 {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/video/pc/page3/world_bg_2.jpg');
}
.page3 #world_static.world_3 {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/video/pc/page3/world_bg_3.jpg');
}
.page3 #world_static.world_4 {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/video/pc/page3/world_bg_4.jpg');
}
.page3 #world_static.world_5 {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/video/pc/page3/world_bg_5.jpg');
}
.page3 #world_static.world_6 {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/video/pc/page3/world_bg_6.jpg');
}
.page3 #page3_stage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: none;
}
.page3 #page3_stage canvas {
  display: block;
  width: 100%;
  height: 100%;
}
.page3 .world_video_src {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
}
.page3 .world_video_src.fallback {
  opacity: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  z-index: 0;
}
.page3 .world_slog {
  transform: translateZ(0);
  position: absolute;
  top: 8.32rem;
  right: 0.42rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  z-index: 1;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 2.5s ease, transform 2.5s ease;
}
.page3 .world_slog.no_trans {
  transition: none;
}
.page3 .world_slog.fade_out {
  opacity: 0;
  transform: translateY(0.15rem);
}
.page3 .world_slog .world_particle_i {
  position: absolute;
  top: 0;
  left: 2.4rem;
  width: 3.92rem;
  height: 2.41rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page3/particle.png') center / contain no-repeat;
  pointer-events: none;
  z-index: 0;
}
.page3 .world_slog .world_title {
  z-index: 1;
  font-size: 1.2rem;
  font-weight: normal;
  color: #fff;
  letter-spacing: 0.12rem;
  white-space: nowrap;
  text-shadow: 0 0 0.2rem rgba(255, 255, 255, 0.9), 0 0 0.5rem rgba(255, 255, 255, 0.6), 0 0 1rem rgba(255, 255, 255, 0.3), 0 0 2rem rgba(255, 255, 255, 0.15);
}
.page3 .world_slog .world_desc {
  z-index: 1;
  width: 5.52rem;
  font-size: 0.22rem;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.8;
  letter-spacing: 0.02rem;
}
.page3 .arrow_left_btn,
.page3 .arrow_right_btn {
  transform: translateZ(0);
  position: absolute;
  top: 6.83rem;
  width: 0.94rem;
  height: 0.99rem;
  cursor: pointer;
  z-index: 10;
}
.page3 .arrow_left_btn {
  left: 0.68rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page3/arrow_left.png') center / contain no-repeat;
}
.page3 .arrow_left_btn:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page3/arrow_left_hover.png');
}
.page3 .arrow_right_btn {
  right: 0.68rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page3/arrow_right.png') center / contain no-repeat;
}
.page3 .arrow_right_btn:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page3/arrow_right_hover.png');
}
.page3 .world_nav {
  transform: translateZ(0);
  position: absolute;
  bottom: 0;
  width: 25.6rem;
  height: 4.16rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page3/bottom_bar.png') center / cover no-repeat;
  z-index: 1;
}
.page3 .world_nav .world_node {
  position: absolute;
  width: 0.9rem;
  cursor: pointer;
}
.page3 .world_nav .world_node .node_text {
  display: block;
  position: relative;
  isolation: isolate;
  font-size: 0.22rem;
  color: rgba(255, 255, 255, 0.45);
  white-space: nowrap;
  text-align: center;
  transition: color 0.2s, text-shadow 0.2s;
  line-height: 1.2;
}
.page3 .world_nav .world_node .node_thumb_i {
  display: none;
  position: absolute;
  top: 0.42rem;
  left: 0;
  width: 0.87rem;
  height: 0.72rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page3/node_thumb.png') center / contain no-repeat;
}
.page3 .world_nav .world_node .node_dot_i {
  position: absolute;
  top: 0.77rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.11rem;
  height: 0.11rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page3/node_dot.png') center / contain no-repeat;
}
.page3 .world_nav .world_node.on .node_text {
  color: #fff;
  text-shadow: 0 0 0.2rem rgba(255, 255, 255, 0.9), 0 0 0.5rem rgba(255, 255, 255, 0.6), 0 0 1rem rgba(255, 255, 255, 0.3), 0 0 2rem rgba(255, 255, 255, 0.15);
}
.page3 .world_nav .world_node.on .node_text::before {
  content: '';
  position: absolute;
  width: 0.89rem;
  height: 0.6rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page3/node_text_particle.png') center / contain no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: -1;
}
.page3 .world_nav .world_node.on .node_thumb_i {
  display: block;
}
.page3 .world_nav .world_node.on .node_dot_i {
  display: none;
}
.page3 .world_nav .world_node:hover .node_text {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 0 0.1rem rgba(255, 255, 255, 0.6);
}
.page3 .world_nav .world_node:nth-child(1) {
  left: 4.4rem;
  top: 2.48rem;
}
.page3 .world_nav .world_node:nth-child(2) {
  left: 7.01rem;
  top: 2.7rem;
}
.page3 .world_nav .world_node:nth-child(3) {
  left: 9.69rem;
  top: 2.69rem;
}
.page3 .world_nav .world_node:nth-child(4) {
  left: 12.46rem;
  top: 2.5rem;
}
.page3 .world_nav .world_node:nth-child(5) {
  left: 15.03rem;
  top: 2.13rem;
}
.page3 .world_nav .world_node:nth-child(6) {
  left: 17.77rem;
  top: 1.7rem;
}
.page3 .world_nav .world_node:nth-child(7) {
  left: 20.55rem;
  top: 1.53rem;
  width: 0.68rem;
}
.page4 {
  position: relative;
  width: 100%;
  height: 14.4rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page4/bg.jpg') center center / cover no-repeat;
  overflow: hidden;
  font-family: 'AaKaiTi', sans-serif;
}
.page4 .char_display {
  position: absolute;
  top: 0;
  left: 0;
  width: 17.86rem;
  height: 14.4rem;
  overflow: hidden;
  z-index: 2;
  pointer-events: none;
}
.page4 .char_display .char_big {
  position: absolute;
  left: 0;
  top: 0;
  height: 14.4rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.page4 .char_display .char_big.on {
  opacity: 1;
}
.page4 .char_display .char_big[data-idx="0"] {
  width: 15.31rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page4/char_big_danzhu.png');
}
.page4 .char_display .char_big[data-idx="1"] {
  width: 15.31rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page4/char_big_jile.png');
}
.page4 .char_display .char_big[data-idx="2"] {
  width: 15.31rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page4/char_big_tangniang.png');
}
.page4 .char_display .char_big[data-idx="3"] {
  width: 17.86rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page4/char_big_tushan.png');
}
.page4 .char_display .char_big[data-idx="4"] {
  width: 15.31rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page4/char_big_qingye.png');
}
.page4 .char_strips {
  position: absolute;
  right: 0rem;
  top: 0;
  width: 17.46rem;
  height: 14.4rem;
}
.page4 .char_strips .strip_item {
  position: absolute;
  top: 0;
  width: 3.5rem;
  height: 14.4rem;
  background-size: cover;
  background-position: center top;
  cursor: pointer;
}
.page4 .char_strips .strip_item:hover {
  opacity: 1;
}
.page4 .char_strips .strip_item:first-child {
  opacity: 0;
  cursor: default;
}
.page4 .char_strips .strip_item:nth-child(1) {
  left: 0;
}
.page4 .char_strips .strip_item:nth-child(2) {
  left: 3.48rem;
}
.page4 .char_strips .strip_item:nth-child(3) {
  left: 6.98rem;
}
.page4 .char_strips .strip_item:nth-child(4) {
  left: 10.47rem;
}
.page4 .char_strips .strip_item:nth-child(5) {
  left: 13.96rem;
}
.page4 .char_strips .strip_item[data-idx="0"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page4/strip_danzhu.png');
}
.page4 .char_strips .strip_item[data-idx="0"]:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page4/strip_danzhu_hover.png');
}
.page4 .char_strips .strip_item[data-idx="1"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page4/strip_jile.png');
}
.page4 .char_strips .strip_item[data-idx="1"]:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page4/strip_jile_hover.png');
}
.page4 .char_strips .strip_item[data-idx="2"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page4/strip_tangniang.png');
}
.page4 .char_strips .strip_item[data-idx="2"]:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page4/strip_tangniang_hover.png');
}
.page4 .char_strips .strip_item[data-idx="3"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page4/strip_tushan.png');
}
.page4 .char_strips .strip_item[data-idx="3"]:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page4/strip_tushan_hover.png');
}
.page4 .char_strips .strip_item[data-idx="4"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page4/strip_qingye.png');
}
.page4 .char_strips .strip_item[data-idx="4"]:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page4/strip_qingye_hover.png');
}
.page4 .char_info {
  position: absolute;
  left: 0.43rem;
  top: 10.06rem;
  width: 6.46rem;
  height: 2.88rem;
  z-index: 5;
}
.page4 .char_info .info_bg_i {
  position: absolute;
  inset: 0;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page4/info_bg.png') center / cover no-repeat;
}
.page4 .char_info .info_name_box_i {
  position: absolute;
  left: 0.1rem;
  top: 0.17rem;
  width: 5.43rem;
  height: 1.68rem;
  z-index: 1;
}
.page4 .char_info .char_title {
  position: absolute;
  left: 0.23rem;
  top: 0.26rem;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.68rem;
  color: #fff;
  letter-spacing: 0.06rem;
  white-space: nowrap;
  text-shadow: 0 0 0.2rem rgba(255, 255, 255, 0.9), 0 0 0.5rem rgba(255, 255, 255, 0.6), 0 0 1rem rgba(255, 255, 255, 0.3);
  z-index: 2;
  transition: opacity 0.3s;
}
.page4 .char_info .info_line_i {
  position: absolute;
  left: 0.25rem;
  top: 1.79rem;
  width: 5.03rem;
  height: 0.05rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page4/info_line.png') center / cover no-repeat;
  z-index: 1;
}
.page4 .char_info .char_desc {
  position: absolute;
  left: 0.4rem;
  top: 2rem;
  width: 5.33rem;
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.8;
  letter-spacing: 0.02rem;
  z-index: 1;
}
.page4 .char_arrow_left,
.page4 .char_arrow_right {
  position: absolute;
  cursor: pointer;
  z-index: 10;
  width: 0.94rem;
  height: 0.99rem;
}
.page4 .char_arrow_left {
  left: 0.68rem;
  top: 6.83rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page3/arrow_left.png') center / contain no-repeat;
}
.page4 .char_arrow_left:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page3/arrow_left_hover.png');
}
.page4 .char_arrow_right {
  right: 0.68rem;
  top: 6.83rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page3/arrow_right.png') center / contain no-repeat;
}
.page4 .char_arrow_right:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page3/arrow_right_hover.png');
}
.page5 {
  position: relative;
  width: 100%;
  height: 14.4rem;
  background: #000;
  overflow: hidden;
}
.page5 .combat_bg_i {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 0;
}
.page5 .combat_bg_i[data-bg="0"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page5/bg_hanyuan.png');
}
.page5 .combat_bg_i[data-bg="1"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page5/bg_chijie.png');
}
.page5 .combat_bg_i[data-bg="2"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page5/bg_siqi.png');
}
.page5 .combat_bg_i.on {
  opacity: 1;
}
@media screen and (min-width: 2561px) and (max-height: 1080px) {
  .page5 .combat_bg_i[data-bg="0"] {
    background-position: center 10%;
  }
  .page5 .combat_bg_i[data-bg="1"] {
    background-position: center 10%;
  }
  .page5 .combat_bg_i[data-bg="2"] {
    background-position: center 25%;
  }
}
.page5 .play_btn_5 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 6.16rem;
  width: 1.55rem;
  height: 1.45rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page5/play_btn.png') center / contain no-repeat;
  cursor: pointer;
  z-index: 5;
  transition: opacity 0.2s;
}
.page5 .play_btn_5:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page5/play_btn_hover.png');
}
.page5 .career_info {
  position: absolute;
  right: 0.43rem;
  top: 7.41rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  z-index: 3;
}
.page5 .career_info .career_name_i {
  width: 5.48rem;
  height: 3.39rem;
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.page5 .career_info .career_desc {
  margin-top: 0.44rem;
  font-family: 'AaKaiTi', serif;
  font-size: 0.4rem;
  line-height: 0.6rem;
  color: #fff;
  text-align: right;
}
.page5 .combat_switch {
  position: absolute;
  bottom: 0;
  width: 10rem;
  height: 2.8rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page5/disc_smoke.png') center / cover no-repeat;
  z-index: 2;
  display: flex;
  justify-content: center;
}
.page5 .combat_switch > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.page5 .combat_switch .combat_active {
  position: absolute;
  bottom: 0.15rem;
  width: 1.21rem;
  height: 3.45rem;
  pointer-events: none;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page5/node_active_bg.png') center / contain no-repeat;
}
.page5 .combat_switch .combat_active .node_name {
  writing-mode: vertical-rl;
  font-size: 0.62rem;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  transform: translateY(0.2rem);
  text-shadow: 0 0 0.2rem rgba(255, 255, 255, 0.9), 0 0 0.5rem rgba(255, 255, 255, 0.6), 0 0 1rem rgba(255, 255, 255, 0.3), 0 0 2rem rgba(255, 255, 255, 0.15);
}
.page5 .combat_switch .combat_active .node_particle_i {
  position: absolute;
  top: 0.83rem;
  left: 0;
  width: 1.49rem;
  height: 1.83rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page5/node_particle.png') center / contain no-repeat;
}
.page5 .combat_switch .combat_side {
  position: absolute;
  bottom: 0.9rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.2s;
}
.page5 .combat_switch .combat_side:hover {
  opacity: 0.8;
}
.page5 .combat_switch .combat_side .node_name {
  writing-mode: vertical-rl;
  font-size: 0.33rem;
  color: #fff;
  white-space: nowrap;
}
.page5 .combat_switch .combat_side .node_dot_i {
  width: 0.13rem;
  height: 0.13rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page5/node_dot.png') center / contain no-repeat;
}
.page5 .combat_switch .combat_left {
  left: 2.2rem;
}
.page5 .combat_switch .combat_right {
  right: 2.2rem;
}
.page6 {
  position: relative;
  width: 100%;
  height: 14.4rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page6/bg.jpg') center / cover no-repeat;
  overflow: hidden;
}
.page6 .morph_char_big {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
  background-size: cover;
  background-position: center;
  z-index: 1;
}
.page6 .morph_char_big.on {
  opacity: 1;
}
.page6 .morph_char_big[data-idx="0"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page6/char_qifang.png');
}
.page6 .morph_char_big[data-idx="1"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page6/char_baiwuchang.png');
}
.page6 .morph_char_big[data-idx="2"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page6/char_wendaoren.png');
}
.page6 .morph_char_big[data-idx="3"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page6/char_haichaosheng.png');
}
.page6 .morph_char_big[data-idx="4"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page6/char_chiluozhuoxin.png');
}
.page6 .morph_overlay_i {
  position: absolute;
  left: 7.92rem;
  top: 0;
  width: 7.16rem;
  height: 14.4rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page6/overlay.png') center / cover no-repeat;
  z-index: 2;
  pointer-events: none;
}
.page6 .morph_info {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 1.02rem;
  top: 5.08rem;
  z-index: 3;
  pointer-events: none;
}
.page6 .morph_name_particle_i {
  position: absolute;
  left: -1rem;
  top: -0.2rem;
  width: 5rem;
  height: 2rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page6/name_particle.png') center / contain no-repeat;
}
.page6 .morph_name {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.43rem;
  color: #fff;
  white-space: nowrap;
  letter-spacing: 0.06rem;
  text-shadow: 0 0 0.2rem rgba(255, 255, 255, 0.9), 0 0 0.5rem rgba(255, 255, 255, 0.6), 0 0 1rem rgba(255, 255, 255, 0.3);
  transition: opacity 0.3s;
}
.page6 .morph_quote {
  width: 6.26rem;
  font-size: 0.22rem;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.8;
  letter-spacing: 0.02rem;
}
.page6 .morph_panel {
  position: absolute;
  right: 0;
  top: 1rem;
  width: 8.81rem;
  height: 5.93rem;
  z-index: 4;
  pointer-events: none;
}
.page6 .morph_panel_i {
  position: absolute;
  inset: 0;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page6/panel_qifang.png') right top / 100% auto no-repeat;
}
.page6 .morph_panel_name {
  position: absolute;
  left: 5.49rem;
  top: 1.95rem;
  text-align: center;
  font-size: 0.64rem;
  color: #fff;
  white-space: nowrap;
  text-shadow: 0 0 0.15rem rgba(255, 255, 255, 0.9), 0 0 0.4rem rgba(255, 255, 255, 0.5);
}
.page6 .morph_cards {
  position: absolute;
  right: 0;
  bottom: 1.74rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  z-index: 5;
}
.page6 .morph_card {
  position: relative;
  cursor: pointer;
  transition: filter 0.2s;
}
.page6 .morph_card:hover {
  filter: brightness(1.15);
}
.page6 .morph_card:hover .card_name {
  color: rgba(255, 255, 255, 0.4);
}
.page6 .morph_card .card_img_i {
  position: absolute;
  inset: 0;
  background: right bottom / contain no-repeat;
}
.page6 .morph_card .card_name {
  position: absolute;
  right: 0.59rem;
  bottom: 0.9rem;
  font-size: 0.28rem;
  color: rgba(255, 255, 255, 0.2);
  white-space: nowrap;
}
.page6 .morph_arrow_up {
  position: absolute;
  right: 1.29rem;
  top: 1.26rem;
  width: 0.99rem;
  height: 0.94rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page6/arrow_up.png') center / 0.55rem 0.48rem no-repeat;
  cursor: pointer;
  z-index: 10;
}
.page6 .morph_arrow_up:hover {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page6/arrow_up_hover.png') center / contain no-repeat;
}
.page6 .morph_arrow_down {
  position: absolute;
  right: 1.29rem;
  bottom: 0.7rem;
  width: 0.99rem;
  height: 0.94rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page6/arrow_down.png') center / 0.55rem 0.48rem no-repeat;
  cursor: pointer;
  z-index: 10;
}
.page6 .morph_arrow_down:hover {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page6/arrow_down_hover.png') center / contain no-repeat;
}
@keyframes p7_breathe {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
}
.page7 {
  position: relative;
  width: 100%;
  height: 14.4rem;
  overflow: hidden;
  font-family: 'AaKaiTi', sans-serif;
}
.page7 .fp-tableCell {
  overflow: hidden;
  justify-content: center;
}
@media screen and (min-width: 2561px) and (max-height: 1080px) {
  .page7 .fp-tableCell {
    max-width: 29.6rem !important;
  }
}
.page7 .p7_bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.page7 .p7_bg_left {
  width: 100%;
  height: 14.4rem;
  z-index: 0;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page7/left_bg.png');
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.4;
  transition: opacity 0.6s ease;
}
.page7 .p7_di_bg {
  position: absolute;
  width: 25.6rem;
  height: 14.4rem;
  z-index: 2;
  pointer-events: none;
  transition: transform 0.6s ease;
}
.page7 .p7_bg_dim {
  width: 27.6rem;
  height: 14.4rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page7/di_dim.png') center / auto 100% no-repeat;
  transition: opacity 0.6s ease;
  background-repeat: no-repeat;
}
.page7 .p7_bg_highlight {
  width: 27.6rem;
  height: 14.4rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page7/right_bg.png') center / auto 100% no-repeat;
  transform: translate(5.93rem, 0rem);
  opacity: 0;
  transition: opacity 0.6s ease;
}
.page7 .p7_zone_left,
.page7 .p7_zone_right {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  cursor: pointer;
}
.page7 .p7_zone_left {
  clip-path: polygon(0 0, 65% 0, 35% 100%, 0 100%);
}
.page7 .p7_zone_right {
  clip-path: polygon(65% 0, 100% 0, 100% 100%, 35% 100%);
}
.page7 .p7_text {
  position: absolute;
  left: calc(50% - 0.16rem);
  top: 2.45rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  transition: left 0.6s ease, color 0.6s ease;
}
.page7 .p7_text span {
  font-size: 0.32rem;
  line-height: 1.2rem;
  height: 1.2rem;
  letter-spacing: 0.01rem;
  white-space: nowrap;
  transition: color 0.6s ease;
}
.page7 .p7_text span:nth-child(-n+4) {
  color: #fff;
}
.page7 .p7_text span:nth-child(n+5) {
  color: #000;
}
.page7 .p7_kong_icon {
  position: absolute;
  left: 4.88rem;
  top: 5.53rem;
  width: 3.21rem;
  height: 3.35rem;
  z-index: 3;
  pointer-events: none;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page7/kong.png') center / contain no-repeat;
  transition: left 0.6s ease;
}
.page7 .p7_di_icon {
  position: absolute;
  right: 4.19rem;
  top: 4.54rem;
  width: 4.94rem;
  height: 4.45rem;
  z-index: 3;
  pointer-events: none;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page7/di.png') center / contain no-repeat;
  transition: right 0.6s ease;
}
.page7 .p7_play_left {
  position: absolute;
  left: 4.81rem;
  top: 6.42rem;
  width: 1.6rem;
  height: 1.57rem;
  z-index: 4;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page7/play_left.png') center / contain no-repeat;
  transition: opacity 0.6s ease;
}
.page7 .p7_play_left:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page7/play_left_hover.png');
}
.page7 .p7_play_right {
  position: absolute;
  right: 6.2rem;
  top: 6.6rem;
  width: 1.22rem;
  height: 1.15rem;
  z-index: 4;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page7/play_right.png') center / contain no-repeat;
  transition: opacity 0.6s ease;
}
.page7 .p7_play_right:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page7/play_right_hover.png');
}
.page7.state_kong .p7_bg_left {
  opacity: 1;
}
.page7.state_kong .p7_di_bg {
  transform: translateX(6.48rem);
}
.page7.state_kong .p7_kong_icon {
  left: 1.4rem;
}
.page7.state_kong .p7_di_icon {
  right: 0.44rem;
}
.page7.state_kong .p7_text {
  left: 0.66rem;
}
.page7.state_kong .p7_text span {
  color: #fff;
}
.page7.state_kong .p7_play_left {
  opacity: 1;
  pointer-events: auto;
  animation: p7_breathe 2s ease-in-out infinite;
}
.page7.state_di .p7_bg_left {
  opacity: 0.2;
}
.page7.state_di .p7_di_bg {
  transform: translateX(-5.93rem);
}
.page7.state_di .p7_bg_dim {
  opacity: 0;
}
.page7.state_di .p7_bg_highlight {
  opacity: 1;
}
.page7.state_di .p7_kong_icon {
  left: 1.4rem;
}
.page7.state_di .p7_di_icon {
  right: 1.71rem;
}
.page7.state_di .p7_text {
  left: calc(100% - 1rem);
}
.page7.state_di .p7_text span {
  color: #000;
}
.page7.state_di .p7_play_right {
  opacity: 1;
  pointer-events: auto;
  animation: p7_breathe 2s ease-in-out infinite;
}
.tag_gonggao {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page8/tag_gonggao.png') center / contain no-repeat;
}
.tag_zixun {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page8/tag_zixun.png') center / contain no-repeat;
}
.tag_shiyi {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page8/tag_shiyi.png') center / contain no-repeat;
}
.page8 {
  position: relative;
  width: 100%;
  min-width: 25.6rem;
  height: 14.4rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page8/bg.jpg') center / cover no-repeat;
  overflow: hidden;
}
.page8 .news_title_i {
  position: absolute;
  left: 4.14rem;
  top: 1.79rem;
  width: 1.05rem;
  height: 3.57rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page8/news_title.png') center / contain no-repeat;
}
.page8 .news_carousel {
  margin-top: 2.56rem;
}
.page8 .news_carousel .carousel_swiper {
  width: 10.88rem;
  height: 4.63rem;
  overflow: visible;
  margin: 0 auto;
}
.page8 .news_carousel .carousel_swiper .swiper-slide {
  position: relative;
  width: 10.84rem;
  height: 4.63rem;
  transform-origin: 50% 100%;
}
.page8 .news_carousel .carousel_swiper .swiper-slide::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  pointer-events: none;
  transition: background 0.6s;
}
.page8 .news_carousel .carousel_swiper .swiper-slide.swiper-slide-active::after {
  background: transparent;
}
.page8 .news_carousel .carousel_swiper .swiper-slide.swiper-slide-prev::after,
.page8 .news_carousel .carousel_swiper .swiper-slide.swiper-slide-next::after {
  background: rgba(0, 0, 0, 0.4);
}
.page8 .news_carousel .carousel_swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page8 .news_carousel .carousel_swiper .swiper-slide .slide_info {
  position: absolute;
  inset: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-decoration: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
}
.page8 .news_carousel .carousel_swiper .swiper-slide.swiper-slide-active .slide_info {
  opacity: 1;
  pointer-events: auto;
}
.page8 .news_carousel .carousel_swiper .swiper-slide .slide_title_bar {
  width: 100%;
  height: 0.74rem;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  padding: 0 0.3rem;
  box-sizing: border-box;
}
.page8 .news_carousel .carousel_swiper .swiper-slide .slide_title {
  font-size: 0.33rem;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page8 .news_carousel .carousel_arrow {
  position: absolute;
  top: 4.4rem;
  width: 0.57rem;
  height: 0.57rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page8/carousel_arrow.png') center / 0.35rem 0.4rem no-repeat;
  cursor: pointer;
  z-index: 10;
}
.page8 .news_carousel .carousel_arrow:hover {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page8/carousel_arrow_hover.png') center / contain no-repeat;
}
.page8 .news_carousel .carousel_arrow_left {
  left: 8.5rem;
  transform: scaleX(-1);
}
.page8 .news_carousel .carousel_arrow_right {
  right: 8.5rem;
}
.page8 .news_carousel .carousel_dots {
  position: absolute;
  right: 8.5rem;
  top: 6.6rem;
  display: flex;
  height: 0.49rem;
  align-items: center;
  z-index: 10;
}
.page8 .news_carousel .carousel_dots .dot {
  position: relative;
  width: 0.43rem;
  height: 0.49rem;
  cursor: pointer;
}
.page8 .news_carousel .carousel_dots .dot::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.3rem;
  height: 0.12rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page8/dot_normal.png') center / contain no-repeat;
}
.page8 .news_carousel .carousel_dots .dot.on::before {
  width: 0.6rem;
  height: 0.49rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page8/dot_active.png') center / contain no-repeat;
}
.page8 .news_tabs {
  margin-top: 0.76rem;
  display: flex;
  gap: 0.64rem;
}
.page8 .news_tabs .tab_item {
  position: relative;
  font-size: 0.25rem;
  line-height: 1;
  color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  white-space: nowrap;
}
.page8 .news_tabs .tab_item.on {
  color: #fff;
}
.page8 .news_tabs .tab_item.on::after {
  content: '';
  position: absolute;
  top: 0.11rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.26rem;
  height: 0.32rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page8/tab_active.png') center / contain no-repeat;
}
.page8 .news_divider_i {
  margin-top: 0.16rem;
  width: 9.24rem;
  height: 0.02rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page8/divider.png') center / contain no-repeat;
}
.page8 .news_list {
  margin-top: 0.3rem;
  width: 14.81rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem 0.43rem;
}
.page8 .news_list .news_item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 7.19rem;
  height: 1.12rem;
  padding-left: 0.17rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page8/item_bg.png') left center / 7.19rem 1.12rem no-repeat;
  text-decoration: none;
  cursor: pointer;
}
.page8 .news_list .news_item:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page8/item_bg_on.png');
}
.page8 .news_list .news_item .news_tag {
  flex-shrink: 0;
  width: 0.81rem;
  height: 0.43rem;
  margin-right: 0.28rem;
}
.page8 .news_list .news_item .news_txt {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.06rem;
  overflow: hidden;
}
.page8 .news_list .news_item .news_txt .news_p {
  font-size: 0.24rem;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}
.page8 .news_list .news_item .news_txt .news_time {
  font-size: 0.14rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1;
}
.page8 .news_list .news_item .news_detail_btn {
  flex-shrink: 0;
  width: 2.52rem;
  height: 0.31rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page8/detail_btn.png') center / contain no-repeat;
}
.page8 .news_more_btn {
  margin-top: 0.72rem;
  width: 3.69rem;
  height: 0.46rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page8/more_btn.png') center / contain no-repeat;
  cursor: pointer;
}
.page8 .news_more_btn:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page8/more_btn_hover.png');
}
.page8 .news_more_btn a {
  display: block;
  width: 100%;
  height: 100%;
}
.page9 {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/bg.png') center / cover no-repeat;
}
.page9 .title_deco_i {
  position: absolute;
  left: 1.11rem;
  top: 1.79rem;
  width: 1.05rem;
  height: 3.59rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/video/title_deco.png') center / contain no-repeat;
}
.page9 .media_tabs {
  position: relative;
  margin-top: 2.25rem;
  width: 3.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page9 .media_tabs .tab_item {
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.2s;
}
.page9 .media_tabs .tab_item.on {
  color: #fff;
}
.page9 .media_tabs .tab_active_i {
  position: absolute;
  left: -0.48rem;
  top: 0.16rem;
  width: 1.43rem;
  height: 0.36rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/video/tab_active.png') center / contain no-repeat;
  transition: left 0.3s ease;
  pointer-events: none;
}
.page9 .tab_line_i {
  margin-top: 0.22rem;
  width: 6.74rem;
  height: 0;
  border-bottom: 0.01rem solid rgba(255, 255, 255, 0.15);
}
.page9 .media_content.tab_video {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 0.52rem;
}
.page9 .media_content.tab_video .video_main {
  width: 16.92rem;
  height: 8.67rem;
  overflow: hidden;
  margin-right: 0.16rem;
  position: relative;
}
.page9 .media_content.tab_video .video_main .video_poster_i {
  display: block;
  width: 100%;
  height: 100%;
  background: center / cover no-repeat;
}
.page9 .media_content.tab_video .video_main .play_btn_9 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.47rem;
  height: 1.44rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/video/play_btn.png') center / contain no-repeat;
  cursor: pointer;
}
.page9 .media_content.tab_video .video_main .play_btn_9:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/video/play_btn_hover.png');
}
.page9 .media_content.tab_video .video_title {
  position: absolute;
  left: 0.38rem;
  bottom: 0.18rem;
  font-size: 0.28rem;
  color: #fff;
  white-space: nowrap;
}
.page9 .media_content.tab_video .video_list {
  width: 3.31rem;
  height: 8.63rem;
  overflow: hidden;
}
.page9 .media_content.tab_video .video_list .swiper-slide {
  height: 1.97rem;
}
.page9 .media_content.tab_video .video_list .video_item {
  position: relative;
  width: 3.31rem;
  height: 1.97rem;
  cursor: pointer;
  overflow: hidden;
}
.page9 .media_content.tab_video .video_list .thumb_i {
  position: absolute;
  inset: 0;
  background: center / cover no-repeat;
}
.page9 .media_content.tab_video .video_list .thumb_mask_i {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: background 0.25s;
  pointer-events: none;
}
.page9 .media_content.tab_video .video_list .item_title {
  position: absolute;
  left: 0.16rem;
  bottom: 0.14rem;
  font-size: 0.16rem;
  color: rgba(255, 255, 255, 0.75);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 3rem;
  pointer-events: none;
  transition: color 0.25s;
}
.page9 .media_content.tab_video .video_list .active_bar_i {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.31rem;
  height: 0.04rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/video/thumb_active_bar.png') left / 100% 100% no-repeat;
  opacity: 0;
  transition: opacity 0.25s;
  pointer-events: none;
}
.page9 .media_content.tab_video .video_list .video_item:not(.on):hover .thumb_mask_i {
  background: rgba(0, 0, 0, 0.15);
}
.page9 .media_content.tab_video .video_list .video_item:not(.on):hover .item_title {
  color: #ffffff;
}
.page9 .media_content.tab_video .video_list .video_item.on {
  cursor: default;
}
.page9 .media_content.tab_video .video_list .video_item.on .thumb_mask_i {
  background: rgba(0, 0, 0, 0);
}
.page9 .media_content.tab_video .video_list .video_item.on .item_title {
  color: #fff;
}
.page9 .media_content.tab_video .video_list .video_item.on .active_bar_i {
  opacity: 1;
}
.page9 .media_content.tab_video .arrow_up_btn {
  position: absolute;
  right: 1.22rem;
  top: -0.8rem;
  width: 0.86rem;
  height: 0.82rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/video/arrow_up.png') center / 0.4rem 0.35rem no-repeat;
  cursor: pointer;
}
.page9 .media_content.tab_video .arrow_up_btn:hover {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/video/arrow_up_hover.png') center / contain no-repeat;
}
.page9 .media_content.tab_video .arrow_down_btn {
  position: absolute;
  right: 1.22rem;
  bottom: -0.8rem;
  width: 0.86rem;
  height: 0.82rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/video/arrow_down.png') center / 0.4rem 0.35rem no-repeat;
  cursor: pointer;
}
.page9 .media_content.tab_video .arrow_down_btn:hover {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/video/arrow_down_hover.png') center / contain no-repeat;
}
.page9 .media_content.tab_music {
  display: none;
  flex-direction: column;
  align-items: center;
  width: 25.6rem;
  height: 8.2rem;
  margin-top: 0.52rem;
}
.page9 .media_content.tab_music .music_header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.31rem;
  gap: 0.08rem;
}
.page9 .media_content.tab_music .music_title {
  width: 5.19rem;
  height: 0.67rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/music/theme_label.png') center / contain no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.26rem;
  font-weight: normal;
  color: #fff;
  letter-spacing: 0.026rem;
  white-space: nowrap;
  pointer-events: none;
}
.page9 .media_content.tab_music .music_subtitle {
  font-size: 0.16rem;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0.016rem;
  white-space: nowrap;
}
.page9 .media_content.tab_music .music_body {
  position: relative;
  width: 25.6rem;
  height: 4.77rem;
  display: flex;
  align-items: center;
}
.page9 .media_content.tab_music .music_footer {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25.6rem;
  height: 2.21rem;
}
.page9 .media_content.tab_music .music_list {
  position: absolute;
  left: 4.63rem;
  display: flex;
  flex-direction: column;
  gap: 0.36rem;
  z-index: 2;
}
.page9 .media_content.tab_music .music_list .music_item {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
}
.page9 .media_content.tab_music .music_list .music_item .note_icon_i {
  position: absolute;
  left: -0.46rem;
  bottom: 0.01rem;
  width: 0.14rem;
  height: 0.25rem;
  opacity: 0;
  transition: opacity 0.2s;
  display: flex;
  align-items: flex-end;
  gap: 0.03rem;
}
.page9 .media_content.tab_music .music_list .music_item .note_icon_i b {
  display: block;
  width: 0.04rem;
  border-radius: 0.01rem;
  background: #efc576;
  animation-duration: 0.9s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-play-state: paused;
}
.page9 .media_content.tab_music .music_list .music_item .note_icon_i b:nth-child(1) {
  height: 0.12rem;
  animation-name: eq_bar_1;
  animation-delay: 0s;
}
.page9 .media_content.tab_music .music_list .music_item .note_icon_i b:nth-child(2) {
  height: 0.22rem;
  animation-name: eq_bar_2;
  animation-delay: 0.2s;
}
.page9 .media_content.tab_music .music_list .music_item .note_icon_i b:nth-child(3) {
  height: 0.16rem;
  animation-name: eq_bar_3;
  animation-delay: 0.1s;
}
.page9 .media_content.tab_music .music_list .music_item .item_name {
  font-size: 0.19rem;
  color: rgba(255, 255, 255, 0.2);
  letter-spacing: 0.019rem;
  transition: color 0.2s, font-size 0.2s;
}
.page9 .media_content.tab_music .music_list .music_item.on .note_icon_i {
  opacity: 1;
}
.page9 .media_content.tab_music .music_list .music_item.on .item_name {
  font-size: 0.21rem;
  color: #efc576;
  letter-spacing: 0.021rem;
}
.page9 .media_content.tab_music .music_list .music_item:hover:not(.on) .item_name {
  color: rgba(255, 255, 255, 0.5);
}
.page9 .media_content.tab_music.playing .music_item.on .note_icon_i b {
  animation-play-state: running;
}
.page9 .media_content.tab_music .music_cover_i {
  margin: 0 auto;
  width: 8.6rem;
  height: 4.03rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/music/pc/cover_1.png') center / contain no-repeat;
  z-index: 1;
}
.page9 .media_content.tab_music .music_lyrics {
  display: none;
  margin: 0 auto;
  width: 6.5rem;
  height: 3.6rem;
  overflow-y: auto;
  text-align: center;
  z-index: 1;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.page9 .media_content.tab_music .music_lyrics::-webkit-scrollbar {
  display: none;
}
.page9 .media_content.tab_music .music_lyrics .lyric_line {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.25);
  line-height: 0.53rem;
  letter-spacing: 0.016rem;
  transition: color 0.3s;
}
.page9 .media_content.tab_music .music_lyrics .lyric_line.active {
  color: #972E31;
}
.page9 .media_content.tab_music.mode_lyrics .music_cover_i {
  display: none;
}
.page9 .media_content.tab_music.mode_lyrics .music_lyrics {
  display: block;
}
.page9 .media_content.tab_music .toggle_btns {
  position: absolute;
  right: 7.9rem;
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  z-index: 3;
}
.page9 .media_content.tab_music .toggle_cover_btn {
  width: 0.35rem;
  height: 2.25rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/music/toggle_cover.png') center / contain no-repeat;
  opacity: 0.3;
  cursor: pointer;
  transition: opacity 0.2s;
}
.page9 .media_content.tab_music .toggle_cover_btn.on {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/music/toggle_cover_on.png');
  opacity: 1;
}
.page9 .media_content.tab_music .toggle_cover_btn:hover:not(.on) {
  opacity: 0.5;
}
.page9 .media_content.tab_music .toggle_lyrics_btn {
  width: 0.35rem;
  height: 2.24rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/music/toggle_lyrics.png') center / contain no-repeat;
  opacity: 0.3;
  cursor: pointer;
  transition: opacity 0.2s;
}
.page9 .media_content.tab_music .toggle_lyrics_btn.on {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/music/toggle_lyrics_on.png');
  opacity: 1;
}
.page9 .media_content.tab_music .toggle_lyrics_btn:hover:not(.on) {
  opacity: 0.5;
}
.page9 .media_content.tab_music .ctrl_btns {
  display: flex;
  align-items: center;
  gap: 0.59rem;
  z-index: 3;
}
.page9 .media_content.tab_music .prev_btn {
  width: 0.41rem;
  height: 0.43rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/music/prev_btn.png') center / 0.24rem 0.27rem no-repeat;
  cursor: pointer;
}
.page9 .media_content.tab_music .prev_btn:hover {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/music/prev_btn_hover.png') center / contain no-repeat;
}
.page9 .media_content.tab_music .play_pause_btn {
  width: 1.34rem;
  height: 1.3rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/music/play_btn.png') center / contain no-repeat;
  cursor: pointer;
}
.page9 .media_content.tab_music .play_pause_btn:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/music/play_btn_hover.png');
}
.page9 .media_content.tab_music .play_pause_btn.playing {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/music/pause_btn.png');
}
.page9 .media_content.tab_music .play_pause_btn.playing:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/music/pause_btn_hover.png');
}
.page9 .media_content.tab_music .next_btn {
  width: 0.42rem;
  height: 0.43rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/music/next_btn.png') center / 0.24rem 0.27rem no-repeat;
  cursor: pointer;
}
.page9 .media_content.tab_music .next_btn:hover {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/music/next_btn_hover.png') center / contain no-repeat;
}
.page9 .media_content.tab_music .progress_wrap {
  position: absolute;
  top: 1.22rem;
  width: 10.74rem;
  height: 1.09rem;
  z-index: 1;
}
.page9 .media_content.tab_music #music_spine_canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 10.74rem;
  height: 1.09rem;
}
.page9 .media_content.tab_music .time_current {
  position: absolute;
  left: 8.17rem;
  top: 1.12rem;
  transform: translateX(-50%);
  font-size: 0.16rem;
  color: #fff;
  letter-spacing: 0.016rem;
  white-space: nowrap;
  z-index: 2;
}
.page9 .media_content.tab_music .time_total {
  position: absolute;
  left: 17.01rem;
  top: 1.12rem;
  transform: translateX(-50%);
  font-size: 0.16rem;
  color: rgba(255, 255, 255, 0.3);
  letter-spacing: 0.016rem;
  white-space: nowrap;
  z-index: 2;
}
.page9 .media_content.tab_wallpaper {
  display: none;
  position: relative;
  width: 25.6rem;
  height: 9rem;
  margin-top: 0.52rem;
}
.page9 .media_content.tab_wallpaper .wp_main_i {
  position: absolute;
  left: 4.35rem;
  top: 0;
  width: 16.91rem;
  height: 7.73rem;
  background: center / cover no-repeat;
  cursor: pointer;
}
.page9 .media_content.tab_wallpaper .wp_thumbs {
  position: absolute;
  left: 4.35rem;
  top: 7.8rem;
  display: flex;
  gap: 0.07rem;
}
.page9 .media_content.tab_wallpaper .wp_thumbs .wp_thumb {
  width: 3.33rem;
  height: 1.17rem;
  position: relative;
  cursor: pointer;
  opacity: 0.3;
}
.page9 .media_content.tab_wallpaper .wp_thumbs .wp_thumb .wp_thumb_i {
  width: 100%;
  height: 100%;
  background: center / cover no-repeat;
}
.page9 .media_content.tab_wallpaper .wp_thumbs .wp_thumb .wp_active_bar_i {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.02rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/wallpaper/active_bar.png') left / 100% 100% no-repeat;
  opacity: 0;
}
.page9 .media_content.tab_wallpaper .wp_thumbs .wp_thumb.on {
  opacity: 1;
}
.page9 .media_content.tab_wallpaper .wp_thumbs .wp_thumb.on .wp_active_bar_i {
  opacity: 1;
}
.page9 .media_content.tab_wallpaper .wp_thumbs .wp_thumb:hover:not(.on) {
  opacity: 0.5;
}
.page9 .media_content.tab_wallpaper .wp_arrow_left {
  position: absolute;
  left: 3.16rem;
  top: 3.55rem;
  width: 0.86rem;
  height: 0.82rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/wallpaper/arrow_left.png.png') center / 0.35rem 0.39rem no-repeat;
  cursor: pointer;
  z-index: 3;
}
.page9 .media_content.tab_wallpaper .wp_arrow_left:hover {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/wallpaper/arrow_left_hover.png.png') center / contain no-repeat;
}
.page9 .media_content.tab_wallpaper .wp_arrow_right {
  position: absolute;
  left: 21.73rem;
  top: 3.32rem;
  width: 0.86rem;
  height: 0.82rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/wallpaper/arrow_right.png.png') center / 0.35rem 0.39rem no-repeat;
  cursor: pointer;
  z-index: 3;
}
.page9 .media_content.tab_wallpaper .wp_arrow_right:hover {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page9/wallpaper/arrow_right_hover.png.png') center / contain no-repeat;
}
.page10 {
  width: 100%;
  background: #000;
  display: flex;
  justify-content: center;
  font-family: 'AaKaiTi', sans-serif;
}
.page10 .footer_box {
  width: 6.7rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.48rem 0;
}
.page10 .footer_box .footer_logo_i {
  width: 0.525rem;
  height: 0.93rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page10/logo.png') center / contain no-repeat;
  margin-bottom: 0.04rem;
  flex-shrink: 0;
}
.page10 .footer_box .footer_info {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.08rem;
  text-align: center;
}
.page10 .footer_box .footer_info .footer_text {
  font-size: 0.16rem;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
}
.page10 .footer_box .footer_info .footer_text a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
}
.page10 .footer_box .footer_info .footer_text a:hover {
  color: #fff;
}
.page10 .footer_box .footer_info .footer_links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.03rem 0.06rem;
  font-size: 0.16rem;
  opacity: 0.5;
}
.page10 .footer_box .footer_info .footer_links a {
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
.page10 .footer_box .footer_info .footer_links a:hover {
  opacity: 1;
}
.page10 .footer_box .footer_info .footer_links span {
  color: #fff;
}
.page10 .footer_box .footer_info .footer_record {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.03rem 0.1rem;
  font-size: 0.16rem;
  color: rgba(255, 255, 255, 0.9);
}
.page10 .footer_box .footer_info .footer_record span {
  white-space: nowrap;
}
.page10 .footer_box .footer_info .footer_record .beian_icon_i {
  width: 0.14rem;
  height: 0.14rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/img/page10/beian_icon.png') center / contain no-repeat;
  flex-shrink: 0;
  transform: translateX(0.06rem);
}
.page10 .footer_box .footer_info .footer_record a {
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
}
.page10 .footer_box .footer_info .footer_record a:hover {
  color: #fff;
}
.pop.pop_video {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.75);
}
.pop.pop_video .video_pop {
  position: relative;
  width: 16rem;
  max-width: 90vw;
}
.pop.pop_video .video_pop .close {
  position: absolute;
  right: -0.2rem;
  top: -0.8rem;
  width: 0.5rem;
  height: 0.5rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/img/pc/close.png') center / contain no-repeat;
  cursor: pointer;
  z-index: 2;
}
.pop.pop_video .video_pop .video_container {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop.pop_video .video_pop .video_container video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  outline: none;
}
.pop.pop_wallpaper {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
}
.pop.pop_wallpaper .wallpaper_pop {
  position: relative;
  width: 80%;
}
.pop.pop_wallpaper .wallpaper_pop .close {
  position: absolute;
  right: -0.2rem;
  top: -0.8rem;
  width: 0.5rem;
  height: 0.5rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/img/pc/close.png') center / contain no-repeat;
  cursor: pointer;
  z-index: 2;
}
.pop.pop_wallpaper .wallpaper_pop .wp_download_img {
  width: 100%;
  height: auto;
  display: block;
}