@charset "UTF-8";
/* reset start */
html, body, div, p, ul, li, dl, dt, dd, em, i, span, a, img, input, h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
}

a, img, input {
  border: none;
}

ul, li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #333;
}
a:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}

picture {
  display: block;
}

img[src=""], img:not([src]) {
  opacity: 0;
  visibility: hidden;
}

img {
  display: block;
}

button, input, select, textarea {
  font-size: 100%;
  outline: none;
}

html {
  -ms-touch-action: none;
      touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #000;
}

body {
  background-color: #000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* reset end */
html,
body {
  min-height: 100%;
}

body {
  font-family: "ya hei";
  font-size: 0.16rem;
}

.hidden {
  display: none;
}

.lock {
  pointer-events: none;
}

html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#afooter {
  display: none;
  margin: 0 auto;
  padding: 0.2rem 0;
  font-size: 0.14rem;
  text-align: center;
  background-color: #212224;
}

#afooter, #afooter a {
  color: #d5cec4;
  text-decoration: none;
}

.dialog {
  display: none;
}

#dialog-wrapper {
  width: 100%;
  height: 100%;
  max-width: 25.6rem;
  max-height: 14.4rem;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  margin: 0;
  display: none;
  z-index: 1000;
}

#dialog-wrapper .dialog-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  margin: 0;
  backdrop-filter: blur(0.02rem);
}

#dialog-wrapper .popup {
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.popup {
  display: none;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.popup *,
.popup ::before,
.popup ::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.popup .popup-close {
  position: absolute;
  top: 0;
  left: calc(100% + 0.3rem);
  width: 0.7rem;
  height: 0.71rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/popup-close.png");
}

.wrap {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 14.4rem;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 100% auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  opacity: 0;
}
.wrap.active {
  opacity: 1;
}
.wrap *,
.wrap ::before,
.wrap ::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@font-face {
  font-family: "SourceHanSerifCN-SemiBold";
  src: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/fonts/SourceHanSerifCN-SemiBold.ttf.eot?#font-spider") format("embedded-opentype"), url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/fonts/SourceHanSerifCN-SemiBold.ttf.woff") format("woff"), url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/fonts/SourceHanSerifCN-SemiBold.ttf") format("truetype"), url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/fonts/SourceHanSerifCN-SemiBold.ttf.svg") format("svg");
}
@font-face {
  font-family: "RuiZiRuiXianNuFangHeiJian";
  src: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/fonts/RuiZiRuiXianNuFangHeiJian.ttf.eot?#font-spider") format("embedded-opentype"), url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/fonts/RuiZiRuiXianNuFangHeiJian.ttf.woff") format("woff"), url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/fonts/RuiZiRuiXianNuFangHeiJian.ttf") format("truetype"), url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/fonts/RuiZiRuiXianNuFangHeiJian.ttf.svg") format("svg");
}
@supports (-webkit-background-clip: text) {
  .text {
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(185, 22, 29, 0.7)), to(rgba(255, 255, 255, 0.7)));
    background-image: linear-gradient(to top, rgba(185, 22, 29, 0.7), rgba(255, 255, 255, 0.7));
  }
}
.module {
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
}

.module-swiper {
  width: 100%;
  height: 100%;
}

.fixed-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.fixed-inner *,
.fixed-inner ::before,
.fixed-inner ::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.loading {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  max-height: 14.4rem;
  background-color: #000;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/loading.jpg");
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/loading_in.jpg");
  background-size: cover;
  background-position: center center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.loading.on {
  opacity: 1;
  visibility: visible;
}
.loading *,
.loading ::before,
.loading ::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.loading img,
.loading video,
.loading canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.loading .loading-top {
  position: absolute;
  top: 0.4rem;
  left: 50%;
  z-index: 2;
  width: calc(100% - 0.8rem);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}
.loading .loading-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.33rem;
  height: 7.6rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/loading-top-left.png");
}
.loading .loading-top::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3.45rem;
  height: 5.81rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/loading-top-right.png");
}
.loading .loading-bottom {
  position: absolute;
  bottom: 0.4rem;
  left: 50%;
  z-index: 2;
  width: calc(100% - 0.8rem);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}
.loading .loading-bottom::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0.33rem;
  height: 0.36rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/loading-bottom-left.png");
}
.loading .loading-bottom::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0.33rem;
  height: 0.36rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/loading-bottom-right.png");
}
.loading .loading-inner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.loading .loading-progress {
  position: absolute;
  bottom: 2.3rem;
  left: 50%;
  width: 15.72rem;
  height: 1.86rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/loading-progress.png");
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.loading .loading-progress .loading-dot {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  width: 2.36rem;
  height: 0.49rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/loading-dot.png");
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.loading .loading-progress .loading-dot.active {
  -webkit-animation: rollerAni 3s linear forwards infinite alternate;
          animation: rollerAni 3s linear forwards infinite alternate;
}
@-webkit-keyframes rollerAni {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rollerAni {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.loading .loading-progress .loading-number {
  position: absolute;
  bottom: 0.1rem;
  left: 50%;
  line-height: 1;
  font-family: "RuiZiRuiXianNuFangHeiJian";
  font-size: 0.36rem;
  text-shadow: 0 0 0.01rem rgba(195, 17, 12, 0.38);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@supports (-webkit-background-clip: text) {
  .loading .loading-progress .loading-number {
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(185, 22, 29, 0.7)), color-stop(white), to(white));
    background-image: linear-gradient(to top, rgba(185, 22, 29, 0.7), white, white);
  }
}

.is-height .module {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.module {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.module-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.module-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
.module-content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.module-tool {
  position: absolute;
  top: 2.56rem;
  left: 0.1rem;
  z-index: 2;
  height: calc(100% - 2.56rem);
  max-height: 14.4rem;
}
.module-tool .btn-back {
  position: absolute;
  bottom: calc(100% + 0.4rem + 0.47rem);
  left: 0.38rem;
  width: 1.04rem;
  height: 0.31rem;
  font-size: 0;
  text-indent: -999em;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/btn-back.png");
}
.module-tool .module-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 100%;
  left: 0.3rem;
  height: 0.47rem;
  padding-left: 0.6rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/module-title.png");
  background-size: 0.47rem 0.47rem;
  background-position: left center;
}
.module-tool .module-title span {
  position: relative;
  width: 1.43rem;
  height: 0.34rem;
  font-size: 0;
  text-indent: -999em;
}
.module-tool .module-title.title-information span {
  width: 1.14rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/module-title-information.png");
}
.module-tool .module-title.title-theory span {
  width: 1.47rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/module-title-theory.png");
}
.module-tool .module-title.title-gun span {
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/module-title-gun.png");
}
.module-tool .module-title.title-hero span {
  width: 1.17rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/module-title-hero.png");
}
.module-tool .module-tab {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding-top: 0.15rem;
  padding-left: 0.65rem;
  overflow: hidden;
  pointer-events: none;
}
.module-tool .module-tab::before {
  content: "";
  position: absolute;
  top: 0.34rem;
  left: 0;
  width: 0.42rem;
  height: calc(100% - 0.34rem);
  border-right: 0.02rem dashed #670000;
}
.module-tool .module-tab::after {
  content: "";
  position: absolute;
  top: -0.5rem;
  left: 0rem;
  width: 0.01rem;
  height: 1rem;
  border-right: 0.02rem dashed #670000;
  -webkit-transform: rotate(-50deg);
          transform: rotate(-50deg);
}
.module-tool .module-tab .swiper-slide,
.module-tool .module-tab .base-item {
  position: relative;
  width: 3.5rem;
  height: 1.48rem;
  color: #000;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/tab.png");
  -webkit-filter: brightness(0.7);
          filter: brightness(0.7);
  cursor: pointer;
  pointer-events: auto;
}
.module-tool .module-tab .swiper-slide.fixed,
.module-tool .module-tab .base-item.fixed {
  position: absolute;
  top: 0;
  left: 0;
}
.module-tool .module-tab .swiper-slide:hover, .module-tool .module-tab .swiper-slide.active,
.module-tool .module-tab .base-item:hover,
.module-tool .module-tab .base-item.active {
  -webkit-filter: none;
          filter: none;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/tab-active.png");
}
.module-tool .module-tab .swiper-slide:hover::before, .module-tool .module-tab .swiper-slide.active::before,
.module-tool .module-tab .base-item:hover::before,
.module-tool .module-tab .base-item.active::before {
  -webkit-filter: none;
          filter: none;
}
.module-tool .module-tab .swiper-slide:hover::after, .module-tool .module-tab .swiper-slide.active::after,
.module-tool .module-tab .base-item:hover::after,
.module-tool .module-tab .base-item.active::after {
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/tab-active-mask.png");
}
.module-tool .module-tab .swiper-slide:hover .base-name, .module-tool .module-tab .swiper-slide.active .base-name,
.module-tool .module-tab .base-item:hover .base-name,
.module-tool .module-tab .base-item.active .base-name {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.module-tool .module-tab .swiper-slide::before,
.module-tool .module-tab .base-item::before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(100% + 0.15rem);
  width: 0.22rem;
  height: 0.34rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/tab-icon.png");
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-filter: brightness(0.7);
          filter: brightness(0.7);
}
.module-tool .module-tab .swiper-slide::after,
.module-tool .module-tab .base-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/tab-mask.png");
}
.module-tool .module-tab .swiper-slide .base-image,
.module-tool .module-tab .base-item .base-image {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/tab-image-mask.png");
          mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/tab-image-mask.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
}
.module-tool .module-tab .swiper-slide .base-image img,
.module-tool .module-tab .base-item .base-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-tool .module-tab .swiper-slide .base-name,
.module-tool .module-tab .base-item .base-name {
  position: absolute;
  right: 0.07rem;
  bottom: 0.13rem;
  z-index: 2;
  min-width: 1.85rem;
  height: 0.34rem;
  line-height: 0.34rem;
  padding-right: 0.2rem;
  font-family: "SourceHanSerifCN-SemiBold";
  font-size: 0.24rem;
  text-align: right;
  letter-spacing: 0.02rem;
  white-space: nowrap;
  color: #f8cdd2;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/base-name.png");
  background-size: 1.85rem 0.34rem;
  background-position: right center;
  -webkit-transform: translateX(-0.3rem);
          transform: translateX(-0.3rem);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.module-tool .module-tab .swiper-slide.collect {
  -webkit-filter: none;
          filter: none;
}
.module-tool .module-tab .swiper-slide.package {
  -webkit-filter: none;
          filter: none;
}
.module-tool .module-tab .swiper-slide:hover .icon-collect, .module-tool .module-tab .swiper-slide.active .icon-collect {
  display: none;
}
.module-tool .module-tab .swiper-slide:hover .icon-package, .module-tool .module-tab .swiper-slide.active .icon-package {
  display: none;
}
.module-tool .module-tab .swiper-slide .base-image {
  z-index: 2;
  -webkit-mask-image: none;
          mask-image: none;
}
.module-tool .module-tab .swiper-slide .icon-collect {
  position: absolute;
  right: 0;
  bottom: 0.25rem;
  z-index: 2;
  width: 2.25rem;
  height: 0.27rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/icon-collect.png");
}
.module-tool .module-tab .swiper-slide .icon-package {
  position: absolute;
  right: 0;
  bottom: 0.25rem;
  z-index: 2;
  width: 2.25rem;
  height: 0.27rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/icon-package.png");
}
.module-tool .module-tab .swiper-slide .btn-go {
  position: absolute;
  top: 50%;
  left: calc(100% + 0.1rem);
  width: 0.86rem;
  height: 0.78rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/btn-go.png");
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.logo {
  position: fixed;
  top: 0.56rem;
  left: 0.28rem;
  z-index: 2;
  width: 2.46rem;
  height: 0.46rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/logo.png");
}

.module-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 14.4rem;
  opacity: 0;
}
.module-backdrop.active {
  opacity: 1;
}
.module-backdrop *,
.module-backdrop ::before,
.module-backdrop ::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.module-backdrop .module-scene {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-backdrop .module-scene video {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-backdrop canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-backdrop .module {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.module-backdrop .module.active {
  display: block;
}
.module-backdrop .module-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
.module-backdrop .module-bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.module-kv {
  height: 100%;
}
.module-kv .module-inner {
  top: 50%;
  width: 25.6rem;
  height: 14.4rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-kv .right-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0.48rem;
  right: 0.9rem;
  display: none;
}
.module-kv .right-group.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.module-kv .right-group .btn-home {
  width: 0.74rem;
  height: 0.62rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/btn-home.png");
}
.module-kv .right-group .btn-download {
  width: 0.74rem;
  height: 0.62rem;
  margin-left: 0.25rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/btn-download.png");
}
.module-kv .slogan {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 25.6rem;
  height: 7.03rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/slogan.png");
}
.module-kv .kv-information {
  position: absolute;
  top: 3.82rem;
  left: 18.9rem;
  z-index: 2;
  width: 3.37rem;
  height: 1.07rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/kv-information.png");
}
.module-kv .kv-theory {
  position: absolute;
  top: 5.85rem;
  left: 7.65rem;
  z-index: 2;
  width: 3.37rem;
  height: 1.07rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/kv-theory.png");
}
.module-kv .kv-gun {
  position: absolute;
  top: 2.12rem;
  left: 13.29rem;
  z-index: 2;
  width: 3.37rem;
  height: 1.07rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/kv-gun.png");
}
.module-kv .kv-hero {
  position: absolute;
  top: 8.76rem;
  left: 12.89rem;
  z-index: 2;
  width: 3.37rem;
  height: 1.07rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/kv-hero.png");
}
.module-kv .kv-cg {
  position: absolute;
  top: 3.4rem;
  left: 7.5rem;
  z-index: 2;
  width: 1.42rem;
  height: 2.18rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/kv-cg.png");
}
.module-kv .kv-tab {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 999;
  width: 7.65rem;
  height: 1.27rem;
  padding-top: 0.68rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/kv-tab.png");
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}
.module-kv .kv-tab .kv-tab-item {
  position: relative;
  width: 2.47rem;
  height: 0.47rem;
  cursor: pointer;
  pointer-events: auto;
}
.module-kv .kv-tab .kv-tab-item.active {
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/kv-tab-active.png");
  pointer-events: none;
}
.module-kv .kv-tab .kv-tab-item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.03rem;
  height: 0.28rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-kv .kv-tab .kv-tab-item.tab-1::after {
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/kv-tab-2.png");
}
.module-kv .kv-tab .kv-tab-item.tab-2::after {
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/kv-tab-1.png");
}
.module-kv canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-kv iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: calc(100vh + 0.02rem);
  max-height: 14.4rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-kv .kv-poster {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/kv-poster.jpg");
}
.module-kv .kv-poster video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.module-information {
  height: 100%;
}
.module-information .module-inner {
  top: 50%;
  width: 25.6rem;
  height: 14.4rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-information .information-panel {
  position: absolute;
  top: 3.4rem;
  right: 2.8rem;
  width: 6.44rem;
  height: 6.42rem;
  padding: 0.6rem 0.35rem 0.6rem 0.35rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/information-panel-1.png");
}
.module-information .information-panel.big {
  width: 14.52rem;
  height: 8.16rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/information-panel-1-big.png");
}
.module-information .information-panel.big.panel-2 {
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/information-panel-2-big.png");
}
.module-information .information-panel.big .image {
  height: 4.8rem;
}
.module-information .information-panel.big .info {
  height: auto;
  line-height: 0.35rem;
  margin-top: 0.3rem;
  overflow: hidden;
}
.module-information .information-panel.panel-2 {
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/information-panel-2.png");
}
.module-information .information-panel .btn-big {
  position: absolute;
  right: 0.29rem;
  bottom: 0.32rem;
  width: 0.8rem;
  height: 0.34rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/btn-big.png");
}
.module-information .information-panel .btn-big.active {
  right: 0.28rem;
  bottom: 0.43rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/btn-small.png");
}
.module-information .information-panel .image {
  position: relative;
  width: 100%;
  height: 3.18rem;
}
.module-information .information-panel .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-information .information-panel .info {
  height: 1.35rem;
  line-height: 0.45rem;
  margin-top: 0.4rem;
  font-size: 0.24rem;
  color: #e6d3d3;
  overflow-y: auto;
}
.module-information .information-panel .info::-webkit-scrollbar-track {
  background-color: #4a2629;
}
.module-information .information-panel .info::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.module-information .information-panel .info::-webkit-scrollbar-thumb {
  background-color: #eed0cd;
}

.module-theory {
  height: 100%;
}
.module-theory .module-inner {
  top: 50%;
  width: 25.6rem;
  height: 14.4rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-theory .module-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/module-theory-screen.png");
}
.module-theory .depth-content {
  position: absolute;
  top: 4.25rem;
  left: 7.76rem;
  width: 13.58rem;
  height: 7.05rem;
  -webkit-perspective: 12rem;
          perspective: 12rem;
  -webkit-perspective-origin: right bottom;
          perspective-origin: right bottom;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.module-theory .theory-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 13.58rem;
  height: 7.05rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/theory-info.png");
  -webkit-transform: skewX(10deg) skewY(0deg) rotateX(5deg) rotateY(5deg) rotateZ(0deg) scaleX(0.92);
          transform: skewX(10deg) skewY(0deg) rotateX(5deg) rotateY(5deg) rotateZ(0deg) scaleX(0.92);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
}
.module-theory .theory-info .image {
  position: absolute;
  top: 0.21rem;
  left: 0.26rem;
  width: 5.54rem;
  height: 6.61rem;
  background-color: #eeeeee;
  -webkit-box-shadow: 0 0 0.3rem rgba(71, 6, 10, 0.6);
          box-shadow: 0 0 0.3rem rgba(71, 6, 10, 0.6);
}
.module-theory .theory-info .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-theory .theory-info .intro {
  position: absolute;
  top: 0.03rem;
  right: 0.06rem;
  width: 7.56rem;
  height: 6.98rem;
  padding: 0.45rem 0.4rem;
}
.module-theory .theory-info .intro .intro-scroll {
  position: relative;
  height: 5.5rem;
  overflow-y: auto;
}
.module-theory .theory-info .intro .intro-scroll::-webkit-scrollbar-track {
  display: none;
  border-radius: 3px;
  background-color: rgba(235, 235, 235, 0.5);
}
.module-theory .theory-info .intro .intro-scroll::-webkit-scrollbar {
  display: none;
  width: 3px;
  height: 3px;
}
.module-theory .theory-info .intro .intro-scroll::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #ebebeb;
}
.module-theory .theory-info .intro .title {
  line-height: 0.6rem;
  margin-bottom: 0.3rem;
  padding-left: 0.4rem;
  font-weight: bold;
  font-size: 0.42rem;
  color: #e6d3d3;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/theory-intro-title.png");
  background-size: 0.2rem 0.6rem;
  background-position: left center;
}
.module-theory .theory-info .intro .desc-group {
  position: relative;
}
.module-theory .theory-info .intro .desc-group + .desc-group {
  margin-top: 0.1rem;
}
.module-theory .theory-info .intro .desc-group .group-title {
  line-height: 1;
  margin-bottom: 0.2rem;
  font-weight: bold;
  font-size: 0.24rem;
  color: #e6d3d3;
}
.module-theory .theory-info .intro .desc-group .group-text {
  font-size: 0.24rem;
  color: #e6d3d3;
}
.module-theory .theory-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 13.58rem;
  height: 7.05rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/theory-panel.png");
  -webkit-transform: skewX(10deg) skewY(0deg) rotateX(5deg) rotateY(5deg) rotateZ(0deg) scaleX(0.92);
          transform: skewX(10deg) skewY(0deg) rotateX(5deg) rotateY(5deg) rotateZ(0deg) scaleX(0.92);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
}
.module-theory .theory-panel .image {
  position: relative;
  width: 13.18rem;
  height: 4.7rem;
  margin: 0.15rem auto;
}
.module-theory .theory-panel .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-theory .desc-content {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.module-theory .desc-content::-webkit-scrollbar-track {
  display: none;
  border-radius: 3px;
  background-color: rgba(235, 235, 235, 0.5);
}
.module-theory .desc-content::-webkit-scrollbar {
  display: none;
  width: 3px;
  height: 3px;
}
.module-theory .desc-content::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #ebebeb;
}
.module-theory .desc-scrollbar {
  position: absolute;
  top: 0.1rem;
  right: 0.5rem;
  z-index: 2;
  width: 0.05rem;
  height: 0.8rem;
}
.module-theory .desc-scrollbar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.01rem;
  width: 0.02rem;
  height: 100%;
  background-color: #4a2629;
}
.module-theory .desc-scrollbar .desc-scrollbar-drag {
  position: relative;
  width: 0.04rem;
  height: 0.3rem;
  background-color: #eed0cd;
}
.module-theory .base-info-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: absolute;
  bottom: 0.15rem;
  left: 50%;
  width: 10.41rem;
  height: 0.44rem;
  padding: 0 0.6rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/base-info-tab.png");
  background-position: center center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-theory .base-info-tab .base-info-tab-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
  cursor: pointer;
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
}
.module-theory .base-info-tab .base-info-tab-item:hover, .module-theory .base-info-tab .base-info-tab-item.active {
  color: #fff;
  -webkit-filter: none;
          filter: none;
}
.module-theory .base-info-tab .base-info-tab-item .icon {
  position: relative;
  width: 0.44rem;
  height: 0.44rem;
  line-height: 0.44rem;
  font-size: 0.24rem;
  text-align: center;
  color: #e6d3d3;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/base-info-tab-item.png");
}
.module-theory .base-info-tab .base-info-tab-item .value {
  margin-left: 0.15rem;
  font-weight: bold;
  font-size: 0.26rem;
  color: #e6d3d3;
}
.module-theory .diff .base-info-content-item:nth-of-type(1) {
  padding: 0.15rem 0.6rem;
}
.module-theory .diff .base-info-content-item:nth-of-type(1) .desc {
  height: auto !important;
}
.module-theory .diff .base-info-content-item:nth-of-type(1) .desc .desc-content {
  overflow: hidden;
}
.module-theory .diff .base-info-content-item:nth-of-type(1) .desc-scrollbar {
  display: none !important;
}
.module-theory .base-info-content {
  position: absolute;
  bottom: 0.82rem;
  left: 0;
  width: 100%;
  height: 1.23rem;
}
.module-theory .base-info-content .base-info-content-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.15rem 0.8rem;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.module-theory .base-info-content .base-info-content-item.active {
  visibility: visible;
  opacity: 1;
}
.module-theory .base-info-content .base-info-content-item .desc {
  height: 0.92rem !important;
  line-height: 0.3rem;
  font-size: 0.24rem;
  color: #e6d3d3;
}
.module-theory .base-info-content .base-info-content-item .scroll-down-tips {
  display: none !important;
}

.module-gun {
  height: 100%;
}
.module-gun .module-inner {
  top: 50%;
  width: 25.6rem;
  height: 14.4rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-gun .swiper-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 4.46rem;
  height: 7.6rem;
  margin-top: 0.65rem;
  padding-top: 2.04rem;
}
.module-gun .swiper-panel.small {
  height: 7.6rem;
}
.module-gun .swiper-panel .base-swiper {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  pointer-events: auto;
}
.module-gun .swiper-panel .btn-prev {
  position: absolute;
  bottom: calc(100% + 0.3rem);
  left: 50%;
  z-index: 2;
  width: 0.56rem;
  height: 0.29rem;
  margin-left: -0.48rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/icon-arrow-top.png");
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: auto;
}
.module-gun .swiper-panel .btn-next {
  position: absolute;
  top: calc(100% + 0.3rem);
  left: 50%;
  z-index: 2;
  width: 0.56rem;
  height: 0.29rem;
  margin-left: -0.48rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/icon-arrow-bottom.png");
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: auto;
}
.module-gun .gun-panel {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.module-gun .gun-panel.active {
  opacity: 1;
  visibility: visible;
}
.module-gun .gun-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.module-gun .gun-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-gun .gun-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: absolute;
  top: 2.25rem;
  left: 16.74rem;
  width: 5.24rem;
  height: 1.98rem;
  padding-top: 0.6rem;
  padding-left: 1.7rem;
  font-size: 0.48rem;
  text-shadow: 0 0 0.18rem #e00807, 0 0 0.18rem #e00807;
  color: #fff;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/gun-name.png");
}
.module-gun .gun-name.package {
  top: 1rem;
  left: 13.5rem;
  -webkit-filter: drop-shadow(0 0 0.1rem rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0 0 0.1rem rgba(0, 0, 0, 0.5));
}
.module-gun .gun-name span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  min-width: 80%;
  line-height: 1;
  white-space: nowrap;
}
.module-gun .gun-name .btn-switch {
  position: absolute;
  top: 50%;
  left: calc(100% + 0.1rem);
  z-index: 2;
  width: 0.67rem;
  height: 0.65rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/btn-switch.png");
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-gun .gun-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 8.85rem;
  left: 9rem;
  width: 12rem;
  height: 2.8rem;
}
.module-gun .gun-story {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11.99rem;
  height: 2.46rem;
  line-height: 0.4rem;
  margin-left: -0.5rem;
  font-size: 0.24rem;
  color: #f8cdd2;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/gun-story.png");
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
}
.module-gun .gun-story.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.module-gun .gun-story .gun-story-scroll {
  position: relative;
  max-height: 2rem;
  margin-right: -0.5rem;
  padding-right: 0.5rem;
  overflow-y: auto;
}
.module-gun .gun-story .gun-story-scroll::-webkit-scrollbar-track {
  background-color: #4a2629;
}
.module-gun .gun-story .gun-story-scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.module-gun .gun-story .gun-story-scroll::-webkit-scrollbar-thumb {
  background-color: #eed0cd;
}
.module-gun .btn-change {
  position: absolute;
  top: calc(100% + 0.05rem);
  left: 50%;
  width: 2.74rem;
  height: 0.46rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/btn-gun-change.png");
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-gun .btn-change.active {
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/btn-gun-change-active.png");
}
.module-gun .buff-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
}
.module-gun .buff-group.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.module-gun .buff-group .buff {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 2.04rem;
}
.module-gun .buff-group .buff + .buff {
  margin-left: 0.3rem;
}
.module-gun .level-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 5.52rem;
  height: 0.58rem;
  padding: 0 0.3rem;
  font-size: 0.3rem;
  color: #f8cdd2;
  background-color: rgba(176, 0, 9, 0.2);
}
.module-gun .level-card + .level-card {
  margin-top: 0.15rem;
}
.module-gun .level-card .level {
  position: relative;
  padding-left: 0.4rem;
  color: #c40f0e;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/icon-level.png");
  background-size: 0.23rem 0.22rem;
  background-position: left center;
}
.module-gun .info-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  line-height: 1;
  padding-left: 0.25rem;
  font-size: 0.3rem;
  color: #f8cdd2;
}
.module-gun .info-card::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.19rem;
  height: 0.2rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/icon-default.png");
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-gun .gun-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  top: 7.5rem;
  left: 8.8rem;
  width: 1.3rem;
  font-family: "RuiZiRuiXianNuFangHeiJian";
}
.module-gun .gun-pagination .current {
  line-height: 1;
  font-size: 0.48rem;
  color: #f7b5be;
}
.module-gun .gun-pagination span {
  line-height: 1;
  margin: 0 0.05rem;
  font-size: 0.3rem;
  color: #c40f0e;
}
.module-gun .gun-pagination .total {
  line-height: 1;
  font-size: 0.3rem;
  color: #c40f0e;
}

.module-hero {
  height: 100%;
}
.module-hero .module-content.hero-2 .hero-info-content {
  padding-top: 1.8rem;
}
.module-hero .module-inner {
  top: 50%;
  width: 25.6rem;
  height: 14.4rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-hero .hero-effect-swiper {
  position: absolute;
  bottom: 0;
  left: 3.8rem;
  z-index: 2;
  width: 13.6rem;
  height: 12.69rem;
}
.module-hero .hero-effect-swiper .hero-left {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  width: 0.39rem;
  height: 0.61rem;
  margin-top: 0rem;
  margin-left: -3.5rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero-left.png");
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-hero .hero-effect-swiper .hero-right {
  position: absolute;
  top: 50%;
  right: 50%;
  z-index: 4;
  width: 0.39rem;
  height: 0.61rem;
  margin-top: 0rem;
  margin-right: -3.5rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero-right.png");
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-hero .hero-effect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.module-hero .hero-effect .card {
  position: absolute;
  width: 7.19rem;
  height: 12.69rem;
}
.module-hero .hero-effect .card.active {
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero-team-mask.png");
  pointer-events: none;
}
.module-hero .hero-effect .card.active .hero-image {
  z-index: 2;
  -webkit-filter: none;
          filter: none;
}
.module-hero .hero-effect .card.active .hero-image::before, .module-hero .hero-effect .card.active .hero-image::after {
  display: none;
}
.module-hero .hero-effect .card.active .hero-image-name {
  left: 1.6rem;
  -webkit-filter: drop-shadow(0 0 0.1rem #ff3838);
          filter: drop-shadow(0 0 0.1rem #ff3838);
}
.module-hero .hero-effect .card.active .hero-image-name::after {
  display: none;
}
.module-hero .hero-effect .card[data-type=left] .hero-image {
  -webkit-transform: scale(0.83);
          transform: scale(0.83);
}
.module-hero .hero-effect .card[data-type=left] .hero-image.hero-1-1 {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}
.module-hero .hero-effect .card[data-type=left] .hero-image.hero-1-2 {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}
.module-hero .hero-effect .card[data-type=left] .hero-image.hero-1-3 {
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}
.module-hero .hero-effect .card[data-type=left] .hero-image-name {
  left: 1rem;
}
.module-hero .hero-effect .card[data-type=right] .hero-image {
  -webkit-transform: scale(0.83);
          transform: scale(0.83);
}
.module-hero .hero-effect .card[data-type=right] .hero-image.hero-1-1 {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}
.module-hero .hero-effect .card[data-type=right] .hero-image.hero-1-2 {
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}
.module-hero .hero-effect .card[data-type=right] .hero-image.hero-1-3 {
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
}
.module-hero .hero-effect .card[data-type=right] .hero-image-name {
  right: 1.4rem;
}
.module-hero .switch-effect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 0;
  left: 3.8rem;
  z-index: 2;
  width: 12.6rem;
  height: 12.12rem;
}
.module-hero .switch-effect .card {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 8.32rem;
  height: 12.12rem;
}
.module-hero .switch-effect .card.active {
  right: 0;
  left: auto;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero-team-mask.png");
  pointer-events: none;
}
.module-hero .switch-effect .card.active .hero-image {
  z-index: 2;
  -webkit-filter: none;
          filter: none;
}
.module-hero .switch-effect .card.active .hero-image::before, .module-hero .switch-effect .card.active .hero-image::after {
  display: none;
}
.module-hero .switch-effect .card.active .hero-image-name {
  left: 2.8rem;
  -webkit-filter: drop-shadow(0 0 0.1rem #ff3838);
          filter: drop-shadow(0 0 0.1rem #ff3838);
}
.module-hero .switch-effect .card.active .hero-image-name::after {
  display: none;
}
.module-hero .hero-image {
  position: relative;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-filter: hue-rotate(10deg) brightness(0.8);
          filter: hue-rotate(10deg) brightness(0.8);
}
.module-hero .hero-image::before, .module-hero .hero-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-size: cover;
          mask-size: cover;
}
.module-hero .hero-image::before {
  background-color: rgba(110, 15, 14, 0.2);
}
.module-hero .hero-image::after {
  background-color: rgba(0, 0, 0, 0.6);
}
.module-hero .hero-image.hero-1-1 {
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-team-1-1.png");
}
.module-hero .hero-image.hero-1-1::before, .module-hero .hero-image.hero-1-1::after {
  -webkit-mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-team-1-1.png");
          mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-team-1-1.png");
}
.module-hero .hero-image.hero-1-2 {
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-team-1-2.png");
}
.module-hero .hero-image.hero-1-2::before, .module-hero .hero-image.hero-1-2::after {
  -webkit-mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-team-1-2.png");
          mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-team-1-2.png");
}
.module-hero .hero-image.hero-1-3 {
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-team-1-3.png");
}
.module-hero .hero-image.hero-1-3::before, .module-hero .hero-image.hero-1-3::after {
  -webkit-mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-team-1-3.png");
          mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-team-1-3.png");
}
.module-hero .hero-image.hero-2-1 {
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-team-2-1.png");
}
.module-hero .hero-image.hero-2-1::before, .module-hero .hero-image.hero-2-1::after {
  -webkit-mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-team-2-1.png");
          mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-team-2-1.png");
}
.module-hero .hero-image.hero-2-2 {
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-team-2-2.png");
}
.module-hero .hero-image.hero-2-2::before, .module-hero .hero-image.hero-2-2::after {
  -webkit-mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-team-2-2.png");
          mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-team-2-2.png");
}
.module-hero .hero-image-name {
  position: absolute;
  bottom: 2.9rem;
  z-index: 2;
  width: 3.51rem;
  height: 0.71rem;
  cursor: pointer;
}
.module-hero .hero-image-name:hover::after {
  opacity: 0;
  visibility: hidden;
}
.module-hero .hero-image-name::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(52, 24, 25, 0.55);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.module-hero .hero-image-name.name-1-1 {
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-image-name-1-1.png");
}
.module-hero .hero-image-name.name-1-1::after {
  -webkit-mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-image-name-1-1.png");
          mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-image-name-1-1.png");
}
.module-hero .hero-image-name.name-1-2 {
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-image-name-1-2.png");
}
.module-hero .hero-image-name.name-1-2::after {
  -webkit-mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-image-name-1-2.png");
          mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-image-name-1-2.png");
}
.module-hero .hero-image-name.name-1-3 {
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-image-name-1-3.png");
}
.module-hero .hero-image-name.name-1-3::after {
  -webkit-mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-image-name-1-3.png");
          mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-image-name-1-3.png");
}
.module-hero .hero-image-name.name-2-1 {
  left: 1.6rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-image-name-2-1.png");
}
.module-hero .hero-image-name.name-2-1::after {
  -webkit-mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-image-name-2-1.png");
          mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-image-name-2-1.png");
}
.module-hero .hero-image-name.name-2-2 {
  left: 1.6rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-image-name-2-2.png");
}
.module-hero .hero-image-name.name-2-2::after {
  -webkit-mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-image-name-2-2.png");
          mask-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-image-name-2-2.png");
}
.module-hero .hero-info {
  position: absolute;
  top: 1.97rem;
  right: 1.5rem;
  z-index: 2;
  width: 8.82rem;
  height: 10.97rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero-info.png");
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.module-hero .hero-info.active {
  opacity: 1;
  visibility: visible;
}
.module-hero .hero-info .hero-info-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 3.3rem;
  padding-bottom: 1.2rem;
  padding-left: 1.68rem;
}
.module-hero .hero-info .postcard-list {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.module-hero .hero-info .postcard-list::-webkit-scrollbar-track {
  display: none;
  border-radius: 3px;
  background-color: rgba(235, 235, 235, 0.5);
}
.module-hero .hero-info .postcard-list::-webkit-scrollbar {
  display: none;
  width: 3px;
  height: 3px;
}
.module-hero .hero-info .postcard-list::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #ebebeb;
}
.module-hero .hero-info .hero-info-scrollbar {
  position: absolute;
  top: 3.3rem;
  right: 0.5rem;
  z-index: 2;
  width: 0.05rem;
  height: 6.6rem;
}
.module-hero .hero-info .hero-info-scrollbar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.01rem;
  width: 0.02rem;
  height: 100%;
  background-color: #4a2629;
}
.module-hero .hero-info .hero-info-scrollbar .hero-info-scrollbar-drag {
  position: relative;
  width: 0.04rem;
  height: 2.3rem;
  background-color: #eed0cd;
}
.module-hero .hero-info .hero-name {
  position: absolute;
  top: 0rem;
  left: 2.58rem;
}
.module-hero .hero-info .hero-name.name-1-1 {
  width: 4.22rem;
  height: 2.11rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-name-1-1.png");
}
.module-hero .hero-info .hero-name.name-1-2 {
  width: 3.84rem;
  height: 2.11rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-name-1-2.png");
}
.module-hero .hero-info .hero-name.name-1-3 {
  width: 3.84rem;
  height: 2.11rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-name-1-3.png");
}
.module-hero .hero-info .hero-name.name-2-1 {
  width: 3.84rem;
  height: 2.11rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-name-2-1.png");
}
.module-hero .hero-info .hero-name.name-2-2 {
  width: 3.84rem;
  height: 2.11rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero/hero-name-2-2.png");
}
.module-hero .hero-info .tab-title {
  position: relative;
  height: 0.45rem;
  line-height: 0.45rem;
  margin-bottom: 0.25rem;
  font-weight: bold;
  font-size: 0.26rem;
  color: #b90105;
}
.module-hero .hero-info .tab-title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 6.44rem;
  height: 0.33rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/tab-title.png");
}
.module-hero .hero-info .base-introduce {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 2rem;
  left: 1.68rem;
  width: 6.2rem;
}
.module-hero .hero-info .base-introduce .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.module-hero .hero-info .base-introduce .row:not(:first-of-type) {
  margin-top: 0.2rem;
}
.module-hero .hero-info .base-introduce .row:nth-of-type(1) .col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.module-hero .hero-info .base-introduce .row:nth-of-type(2) .col:nth-of-type(3) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.module-hero .hero-info .base-introduce .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.44rem;
  line-height: 0.44rem;
  background-color: rgba(137, 32, 32, 0.37);
}
.module-hero .hero-info .base-introduce .col:not(:first-of-type) {
  margin-left: 0.15rem;
}
.module-hero .hero-info .base-introduce .col .label {
  background-color: rgba(137, 32, 32, 0.37);
}
.module-hero .hero-info .base-introduce .label {
  min-width: 0.7rem;
  padding: 0 0.1rem;
  font-size: 0.22rem;
  color: #de312c;
}
.module-hero .hero-info .base-introduce .value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0.7rem;
  padding: 0 0.1rem;
  text-align: center;
  font-size: 0.2rem;
  color: #eed0cd;
}
.module-hero .hero-info .desc-introduce {
  width: 6.45rem;
}
.module-hero .hero-info .desc-introduce .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.module-hero .hero-info .desc-introduce .row:not(:first-of-type) {
  margin-top: 0.15rem;
}
.module-hero .hero-info .desc-introduce .label {
  min-width: 0.6rem;
  margin-right: 0.2rem;
  font-weight: bold;
  font-size: 0.24rem;
  color: #c40f0e;
}
.module-hero .hero-info .desc-introduce .value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0.7rem;
  font-size: 0.22rem;
  color: #eed0cd;
}
.module-hero .hero-info .desc-introduce + .tab-title {
  margin-top: 0.5rem;
}
.module-hero .hero-voice {
  position: absolute;
  top: 1.35rem;
  left: 5.6rem;
  z-index: 3;
  width: 4.4rem;
  height: 2.53rem;
  pointer-events: none;
}
.module-hero .hero-voice.voice-1 {
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero-voice-1.png");
}
.module-hero .hero-voice.voice-2 {
  display: none;
  top: 5.65rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/hero-voice-1.png");
}
.module-hero .team-panel {
  position: absolute;
  top: 2.15rem;
  right: 0.78rem;
  width: 8.82rem;
  height: 6.67rem;
  padding: 0.88rem 1.54rem 1.5rem 1.42rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/team-panel.png");
}
.module-hero .team-panel .team-title {
  position: relative;
  height: 0.55rem;
  line-height: 0.45rem;
  margin-bottom: 0.25rem;
  font-weight: bold;
  font-size: 0.36rem;
  color: #b71018;
}
.module-hero .team-panel .team-title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 5.82rem;
  height: 0.29rem;
  background-image: url("//game.gtimg.cn/images/actdaoju/cp/a20250730cfalzt/team-title.png");
}
.module-hero .team-panel .team-desc {
  line-height: 1.3;
  font-size: 0.22rem;
  color: #e6d3d3;
}
.module-hero .team-panel .team-desc p + p {
  margin-top: 0.05rem;
}
.module-hero .team-panel .team-scroll {
  height: 3.6rem;
  overflow-y: auto;
}
.module-hero .team-panel .team-scroll::-webkit-scrollbar-track {
  display: none;
  border-radius: 3px;
  background-color: rgba(235, 235, 235, 0.5);
}
.module-hero .team-panel .team-scroll::-webkit-scrollbar {
  display: none;
  width: 3px;
  height: 3px;
}
.module-hero .team-panel .team-scroll::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #ebebeb;
}
.module-hero .team-panel .team-panel-scrollbar {
  position: absolute;
  top: 1.7rem;
  right: 1.4rem;
  z-index: 2;
  width: 0.05rem;
  height: 3.6rem;
}
.module-hero .team-panel .team-panel-scrollbar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.01rem;
  width: 0.02rem;
  height: 100%;
  background-color: #4a2629;
}
.module-hero .team-panel .team-panel-scrollbar .team-panel-scrollbar-drag {
  position: relative;
  width: 0.04rem;
  height: 1rem;
  background-color: #eed0cd;
}

/*** 视频弹窗 ***/
.popup-video {
  width: 12rem;
  height: 6.75rem;
}
.popup-video .video-player {
  position: relative;
  width: 12rem;
  height: 6.75rem;
  background-color: #000;
}
.popup-video .video-player video,
.popup-video .video-player canvas {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}