@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;
}
@keyframes scroll_hint_bounce {
  0%,
  100% {
    transform: translateY(0);
    opacity: 0.7;
  }
  50% {
    transform: translateY(0.1rem);
    opacity: 0.3;
  }
}
.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;
}
.page1 {
  position: relative;
  width: 100%;
  height: 14.4rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/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 .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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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;
}
.page1 .progress_bar_i.state_0 {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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/fab/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_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/fab/img/page2/scroll_hint.png');
  background-size: contain;
  animation: scroll_hint_bounce 2.5s ease-in-out infinite;
}
.page3 {
  width: 100%;
  position: relative;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page3/p3_bg.jpg.png') center / cover no-repeat;
}
.page3 .fp-tableCell {
  width: 25.6rem;
}
.page3 .p3_title_i {
  position: absolute;
  left: 1.06rem;
  top: 0.91rem;
  width: 1.17rem;
  height: 6.26rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page3/p3_title.png.png') center / contain no-repeat;
}
.page3 .carousel_box {
  position: absolute;
  top: 2.46rem;
  display: flex;
  gap: 0.18rem;
}
.page3 .carousel_side {
  width: 1.62rem;
  height: 9.48rem;
  flex-shrink: 0;
  background: center / cover no-repeat;
  cursor: pointer;
}
.page3 .carousel_main {
  position: relative;
  width: 16.73rem;
  height: 9.48rem;
  flex-shrink: 0;
}
.page3 .carousel_main .carousel_img_i {
  position: absolute;
  inset: 0;
  background: center / cover no-repeat;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.page3 .carousel_main .carousel_img_i.on {
  opacity: 1;
}
.page3 .carousel_main .carousel_img_i[data-idx="0"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page3/carousel_1.jpg.png');
}
.page3 .carousel_main .carousel_img_i[data-idx="1"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page3/carousel_2.jpg.png');
}
.page3 .carousel_main .carousel_img_i[data-idx="2"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page3/carousel_3.jpg.png');
}
.page3 .carousel_main .carousel_img_i[data-idx="3"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page3/carousel_4.jpg.png');
}
.page3 .carousel_main .carousel_img_i[data-idx="4"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page3/carousel_5.jpg.png');
}
.page3 .carousel_main .carousel_img_i[data-idx="5"] {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page3/carousel_6.jpg.png');
}
.page3 .p3_arrow_left_btn,
.page3 .p3_arrow_right_btn {
  position: absolute;
  cursor: pointer;
  z-index: 5;
}
.page3 .p3_arrow_left_btn {
  left: 3.2rem;
  top: 6.81rem;
  width: 0.48rem;
  height: 0.78rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page3/arrow_left.png.png') center / contain no-repeat;
}
.page3 .p3_arrow_left_btn:hover {
  width: 0.94rem;
  height: 0.99rem;
  margin: -0.11rem -0.23rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page3/arrow_left_hover.png.png');
}
.page3 .p3_arrow_right_btn {
  right: 3.2rem;
  top: 6.81rem;
  width: 0.48rem;
  height: 0.78rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page3/arrow_right.png.png') center / contain no-repeat;
}
.page3 .p3_arrow_right_btn:hover {
  width: 0.94rem;
  height: 0.99rem;
  margin: -0.11rem -0.23rem;
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page3/arrow_right_hover.png.png');
}
.page3 .carousel_dots {
  position: absolute;
  top: 12.17rem;
  display: flex;
  align-items: center;
  gap: 0.36rem;
}
.page3 .carousel_dots .dot {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  width: 0.1rem;
  height: 0.1rem;
}
.page3 .carousel_dots .dot .dot_inactive_i {
  width: 0.1rem;
  height: 0.1rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page3/dot_inactive.png.png') center / contain no-repeat;
}
.page3 .carousel_dots .dot.on {
  width: 0.31rem;
  height: 0.31rem;
}
.page3 .carousel_dots .dot.on .dot_particle_i {
  position: absolute;
  width: 0.31rem;
  height: 0.66rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page3/dot_particle.png.png') center / contain no-repeat;
  pointer-events: none;
}
.page3 .carousel_dots .dot.on .dot_active_i {
  width: 0.31rem;
  height: 0.31rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page3/dot_active.png.png') center / contain no-repeat;
}
.page3 .carousel_dots .dot.on .dot_inactive_i {
  display: none;
}
.top_right_box {
  position: fixed;
  top: 0;
  right: 0.29rem;
  z-index: 100;
  display: flex;
  align-items: center;
  overflow: visible;
}
.top_right_box .social_box {
  display: flex;
  align-items: center;
  gap: 0.37rem;
  margin-right: 0rem;
  overflow: visible;
  transform: scale(0.8);
}
.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;
}
.top_right_box .social_box .social_item:hover {
  z-index: 20;
}
.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/fab/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;
}
.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);
}
.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);
}
.top_right_box .social_box .social_item:hover .qrcode_tip {
  display: flex;
}
.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/fab/img/social/social_weixin.png');
  background-size: 100% 100%;
}
.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/fab/img/social/social_weixin_hover.png');
  background-size: 100% 100%;
}
.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/fab/img/social/social_qiyeweixin.png');
  background-size: 100% 100%;
}
.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/fab/img/social/social_qiyeweixin_hover.png');
  background-size: 100% 100%;
}
.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/fab/img/social/social_tieba.png');
  background-size: 100% 100%;
}
.top_right_box .social_box .social_tieba:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/social/social_tieba_hover.png');
}
.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/fab/img/social/social_taptap.png');
  background-size: 100% 100%;
}
.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/fab/img/social/social_taptap_hover.png');
  background-size: 100% 100%;
}
.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/fab/img/social/social_douyin.png');
  background-size: 100% 100%;
}
.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/fab/img/social/social_douyin_hover.png');
  background-size: 100% 100%;
}
.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/fab/img/social/social_xiaohongshu.png');
  background-size: 100% 100%;
}
.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/fab/img/social/social_xiaohongshu_hover.png');
  background-size: 100% 100%;
}
.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/fab/img/social/social_bilibili.png');
  background-size: 100% 100%;
}
.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/fab/img/social/social_bilibili_hover.png');
  background-size: 100% 100%;
}
.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/fab/img/social/social_weibo.png');
  background-size: 100% 100%;
}
.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/fab/img/social/social_weibo_hover.png');
  background-size: 100% 100%;
}
.top_right_box .music_btn {
  width: 0.75rem;
  height: 0.7rem;
  cursor: pointer;
}
.top_right_box .music_btn.music_on {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page1/music_on.png') center / contain no-repeat;
}
.top_right_box .music_btn.music_on:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page1/music_on_hover.png');
}
.top_right_box .music_btn.music_off {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page1/music_off.png') center / contain no-repeat;
}
.top_right_box .music_btn.music_off:hover {
  background-image: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page1/music_off_hover.png');
}
.top_right_box .reserve_float_btn {
  width: 1.27rem;
  height: 1.12rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page1/reserve_float_btn.png') center / contain no-repeat;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  transform: scale(1.1);
}
.top_right_box .reserve_float_btn:hover {
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page1/reserve_float_btn_hover.png') center / contain no-repeat;
}
.top_right_box .reserve_float_btn:hover span {
  opacity: 1;
}
.top_right_box .reserve_float_btn span {
  font-size: 0.22rem;
  color: #fff;
  pointer-events: none;
  opacity: 0.8;
}
.top_right_box .reserve_float_btn a {
  position: absolute;
  inset: 0;
}
.page4 {
  width: 100%;
  background: #000;
  display: flex;
  justify-content: center;
  font-family: 'AaKaiTi', sans-serif;
}
.page4 .footer_box {
  width: 6.7rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.48rem 0;
}
.page4 .footer_box .footer_logo_i {
  width: 0.525rem;
  height: 0.93rem;
  background: url('https://media.zlongame.com/media/pictures/cn/7jiemt/cbt3/fab/img/page10/logo.png') center / contain no-repeat;
  margin-bottom: 0.04rem;
  flex-shrink: 0;
}
.page4 .footer_box .footer_info {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.08rem;
  text-align: center;
}
.page4 .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;
}
.page4 .footer_box .footer_info .footer_text a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
}
.page4 .footer_box .footer_info .footer_text a:hover {
  color: #fff;
}
.page4 .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;
}
.page4 .footer_box .footer_info .footer_links a {
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
.page4 .footer_box .footer_info .footer_links a:hover {
  opacity: 1;
}
.page4 .footer_box .footer_info .footer_links span {
  color: #fff;
}
.page4 .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);
}
.page4 .footer_box .footer_info .footer_record span {
  white-space: nowrap;
}
.page4 .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/fab/img/page10/beian_icon.png') center / contain no-repeat;
  flex-shrink: 0;
  transform: translateX(0.06rem);
}
.page4 .footer_box .footer_info .footer_record a {
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
}
.page4 .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: 1.77777778;
  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;
}