/* 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: 16px;
}

.hidden {
  display: none;
}

@font-face {
  font-family: "rz";
  src: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/fonts/rz.ttf");
}
html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#afooter {
  display: none;
  margin: 0 auto;
  padding: 20px 0;
  font-size: 14px;
  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: 1624px;
  max-height: 750px;
  pointer-events: none;
  overflow: visible;
  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;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

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

.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-frame {
  pointer-events: none;
}

.wrap {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 750px;
  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;
}

.module {
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
}

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

.side-bar-bg-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 99;
  width: 325px;
  height: 531px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.side-bar-bg-box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 221px;
  height: 531px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/side-bar-none.png");
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.side-bar-wrapper {
  position: absolute;
  top: 70px;
  left: 18px;
  width: 272px;
  height: 348px;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.side-bar-wrapper .nav-item {
  position: absolute;
  cursor: pointer;
}
.side-bar-wrapper .nav-item.active {
  -webkit-filter: drop-shadow(0 0 10px #966d2c) drop-shadow(0 0 5px #966d2c);
          filter: drop-shadow(0 0 10px #966d2c) drop-shadow(0 0 5px #966d2c);
}
.side-bar-wrapper .nav-item.active::before {
  background-color: #ffd885;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.side-bar-wrapper .nav-item.active::after {
  opacity: 0;
}
.side-bar-wrapper .nav-item.active a {
  opacity: 0;
}
.side-bar-wrapper .nav-item.active i {
  opacity: 1;
  visibility: visible;
}
.side-bar-wrapper .nav-item::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border: 1px solid rgba(255, 216, 133, 0.6);
  background-color: #402c23;
  -webkit-box-shadow: 0 0 6px #4f2b16 inset;
          box-shadow: 0 0 6px #4f2b16 inset;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.side-bar-wrapper .nav-item::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 30px;
  background-color: #d4b07a;
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.side-bar-wrapper .nav-item.nav-item-1 {
  top: 0;
  left: 0;
  width: 178px;
  height: 62px;
}
.side-bar-wrapper .nav-item.nav-item-1::before {
  bottom: -10px;
  left: -6px;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.side-bar-wrapper .nav-item.nav-item-1::after {
  height: 47px;
  top: 16px;
  left: 15px;
  -webkit-transform: rotate(18deg);
      -ms-transform: rotate(18deg);
          transform: rotate(18deg);
}
.side-bar-wrapper .nav-item.nav-item-1 a {
  top: 6px;
  left: 14px;
}
.side-bar-wrapper .nav-item.nav-item-1 i {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/nav-item-1.png");
}
.side-bar-wrapper .nav-item.nav-item-2 {
  top: 68px;
  left: 36px;
  width: 261px;
  height: 48px;
}
.side-bar-wrapper .nav-item.nav-item-2::before {
  bottom: 0;
  left: -4px;
  -webkit-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
.side-bar-wrapper .nav-item.nav-item-2::after {
  height: 30px;
  top: 14px;
  left: 18px;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
}
.side-bar-wrapper .nav-item.nav-item-2 a {
  top: 6px;
  left: 15px;
}
.side-bar-wrapper .nav-item.nav-item-2 i {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/nav-item-2.png");
}
.side-bar-wrapper .nav-item.nav-item-3 {
  top: 150px;
  left: 58px;
  width: 212px;
  height: 48px;
}
.side-bar-wrapper .nav-item.nav-item-3::before {
  top: 19px;
  left: -10px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.side-bar-wrapper .nav-item.nav-item-3::after {
  height: 20px;
  top: 24px;
  left: 21px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.side-bar-wrapper .nav-item.nav-item-3 a {
  top: 6px;
  left: 21px;
}
.side-bar-wrapper .nav-item.nav-item-3 i {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/nav-item-3.png");
}
.side-bar-wrapper .nav-item.nav-item-4 {
  top: 222px;
  left: 38px;
  width: 189px;
  height: 48px;
}
.side-bar-wrapper .nav-item.nav-item-4 .vip {
  position: absolute;
  right: 17px;
  top: -9px;
  width: 65px;
  height: 16px;
  font-size: 13px;
  text-align: center;
  line-height: 16px;
  color: #503a21;
  background: -webkit-gradient(linear, left top, right bottom, from(#f4ea88), to(#c4aa63));
  background: linear-gradient(to right bottom, #f4ea88, #c4aa63);
}
.side-bar-wrapper .nav-item.nav-item-4.active .vip {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff6cf), to(#ffed74));
  background: linear-gradient(to bottom, #fff6cf, #ffed74);
  -webkit-transform: skewX(-13deg);
      -ms-transform: skewX(-13deg);
          transform: skewX(-13deg);
}
.side-bar-wrapper .nav-item.nav-item-4.active .vip span {
  display: block;
  -webkit-transform: skewX(13deg);
      -ms-transform: skewX(13deg);
          transform: skewX(13deg);
}
.side-bar-wrapper .nav-item.nav-item-4::before {
  top: -2px;
  left: -6px;
  -webkit-transform: rotate(8deg);
      -ms-transform: rotate(8deg);
          transform: rotate(8deg);
}
.side-bar-wrapper .nav-item.nav-item-4::after {
  height: 26px;
  top: 30px;
  left: 17px;
  -webkit-transform: rotate(147deg);
      -ms-transform: rotate(147deg);
          transform: rotate(147deg);
}
.side-bar-wrapper .nav-item.nav-item-4 a {
  top: 6px;
  left: 17px;
}
.side-bar-wrapper .nav-item.nav-item-4 i {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/nav-item-4.png");
}
.side-bar-wrapper .nav-item.nav-item-5 {
  top: 270px;
  left: 0;
  width: 198px;
  height: 64px;
}
.side-bar-wrapper .nav-item.nav-item-5::before {
  top: -12px;
  left: -7px;
  -webkit-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
          transform: rotate(25deg);
}
.side-bar-wrapper .nav-item.nav-item-5::after {
  height: 44px;
  top: 41px;
  left: 13px;
  -webkit-transform: rotate(162deg);
      -ms-transform: rotate(162deg);
          transform: rotate(162deg);
}
.side-bar-wrapper .nav-item.nav-item-5 a {
  top: 22px;
  left: 13px;
}
.side-bar-wrapper .nav-item.nav-item-5 i {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/nav-item-5.png");
}
.side-bar-wrapper .nav-item a {
  position: absolute;
  min-width: 154px;
  padding: 0 12px;
  height: 36px;
  line-height: 36px;
  border: 1px solid rgba(166, 121, 84, 0.2);
  font-family: "rz";
  font-size: 26px;
  text-align: center;
  text-shadow: 0 0 10px #38281d;
  color: #ebdcca;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.side-bar-wrapper .nav-item a:hover {
  -webkit-filter: none;
          filter: none;
}
.side-bar-wrapper .nav-item a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 3px;
  height: 100%;
  background-color: #a67954;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.side-bar-wrapper .nav-item a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 3px;
  height: 100%;
  background-color: #a67954;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.side-bar-wrapper .nav-item i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.module-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 750px;
  opacity: 0;
}
.module-backdrop.active {
  opacity: 1;
}
.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;
}

.loading {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  max-height: 750px;
  background-color: #000;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/loading.jpg");
  background-size: cover;
  background-position: center center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.loading.on {
  opacity: 1;
  visibility: visible;
}
.loading video,
.loading canvas {
  display: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.loading-admission {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  max-height: 750px;
}
.loading-admission video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.scroll-down-tips {
  position: absolute;
  bottom: 8px;
  left: 50%;
  width: 22px;
  height: 10px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/down-tips.png");
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}

.base-container {
  position: relative;
  width: 976px;
  height: 549px;
  border: 1px solid #fff5cc;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/poster-1.jpg");
  -webkit-box-shadow: 0 0 0 1px #402610 inset;
          box-shadow: 0 0 0 1px #402610 inset;
}
.base-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(transparent));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
}
.base-container .base-swiper {
  position: relative;
  width: 100%;
  height: 100%;
}
.base-container .btn-base-prev {
  position: absolute;
  top: 50%;
  left: -80px;
  z-index: 2;
  width: 47px;
  height: 70px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/icon-arrow-left.png");
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.base-container .btn-base-next {
  position: absolute;
  top: 50%;
  right: -80px;
  z-index: 2;
  width: 47px;
  height: 70px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/icon-arrow-right.png");
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.base-container .base-panel {
  position: relative;
}
.base-container .base-panel .image {
  position: relative;
  width: 976px;
  height: 549px;
}
.base-container .base-panel .desc {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 165px;
  line-height: 25px;
  padding: 20px 50px 25px 40px;
  font-size: 18px;
  color: #fff9f1;
}
.base-container .base-panel .desc span {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
}
.base-container .base-panel .desc p + p {
  margin-top: 5px;
}
.base-container .base-panel .desc-full {
  height: 100%;
}
.base-container .base-panel .group {
  position: relative;
}
.base-container .base-panel .group + .group {
  margin-top: 10px;
}
.base-container .desc-content {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.base-container .desc-content::-webkit-scrollbar-track {
  display: none;
  border-radius: 3px;
  background-color: rgba(235, 235, 235, 0.5);
}
.base-container .desc-content::-webkit-scrollbar {
  display: none;
  width: 3px;
  height: 3px;
}
.base-container .desc-content::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #ebebeb;
}
.base-container .desc-scrollbar {
  position: absolute;
  top: 50%;
  right: 8px;
  z-index: 2;
  width: 18px;
  height: calc(100% - 50px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.base-container .desc-scrollbar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  background-color: #5e4732;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.base-container .desc-scrollbar .desc-scrollbar-drag {
  position: relative;
  width: 18px;
  height: 50px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m5-scroll-icon.png");
  background-color: unset;
  background-size: 100% 100%;
}
.base-container .desc-scrollbar .desc-scrollbar-drag::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 94px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m5-scroll-dot.png");
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.base-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
.base-tab .base-tab-item {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 304px;
  height: 50px;
  font-family: "rz";
  font-size: 22px;
  text-align: center;
  color: #d9af8c;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/tab-item.png");
  background-size: 100% 100%;
  cursor: pointer;
}
.base-tab .base-tab-item.active {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/tab-item-active.png");
}
.base-tab .base-tab-item.active span {
  color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff6d2), to(#ffed77));
  background-image: linear-gradient(to bottom, #fff6d2, #ffed77);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-filter: drop-shadow(0 0 5px rgba(150, 109, 44, 0.5)) drop-shadow(0 0 5px rgba(150, 109, 44, 0.5));
          filter: drop-shadow(0 0 5px rgba(150, 109, 44, 0.5)) drop-shadow(0 0 5px rgba(150, 109, 44, 0.5));
}

.logo {
  position: absolute;
  top: 20px;
  left: 15px;
  z-index: 3;
  width: 192px;
  height: 43px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/logo.png");
}

.module-1 {
  position: relative;
}
.module-1 .module-bg {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/kv.jpg");
}
.module-1 .module-bg::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.7)), to(transparent));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), transparent);
}
.module-1 .module-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-1 .slogan {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1086px;
  height: 322px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/slogan.png");
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-1 .kv-more {
  position: absolute;
  bottom: 80px;
  right: 0;
  width: 314px;
  height: 150px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/kv-more.png");
}
.module-1 .kv-download {
  position: absolute;
  top: 20px;
  right: 60px;
  width: 93px;
  height: 104px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/kv-download.png");
}
.module-1 .kv-back {
  position: absolute;
  top: 125px;
  right: 19px;
  width: 134px;
  height: 104px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/kv-back.png");
}

.module-2 {
  position: relative;
}
.module-2 .module-bg {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m5-bg.jpg");
}
.module-2 .module-inner {
  position: absolute;
  top: 50%;
  left: 400px;
  width: 976px;
  height: 629px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-2 .base-tab .base-tab-item {
  width: 220px;
}
.module-2 .base-container {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/poster-2.jpg");
}

.module-3 {
  position: relative;
}
.module-3 .module-bg {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m5-bg.jpg");
}
.module-3 .module-inner {
  position: absolute;
  top: 50%;
  left: 400px;
  width: 976px;
  height: 629px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-3 .base-container {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/poster-3.jpg");
}

.module-4 {
  position: relative;
}
.module-4 .module-bg {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m4-bg.jpg");
}
.module-4 .module-inner {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.module-4 .prop-swiper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1624px;
  height: 750px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-4 .prop-swiper .img-box {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.module-4 .prop-swiper .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-4 .info-box {
  display: none;
  position: absolute;
  top: 240px;
  left: 410px;
  width: 455px;
  height: 233px;
  padding-right: 9px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m4-pic2.png");
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.module-4 .btn-fold {
  position: absolute;
  bottom: 10px;
  right: 9px;
  width: 60px;
  height: 34px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/btn-fold.png");
}
.module-4 .btn-detail {
  position: absolute;
  top: 240px;
  left: 410px;
  width: 170px;
  height: 42px;
  font-size: 0;
  text-indent: -999em;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m4-detail.png");
}
.module-4 .info-part {
  position: relative;
}
.module-4 .info-part.info-part1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  height: 110px;
  margin: 0 auto;
}
.module-4 .info-part.info-part2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  height: 110px;
  margin: 0 auto;
}
.module-4 .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 420px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  color: #fff7e6;
}
.module-4 .row.type2 {
  margin: 0 auto;
}
.module-4 .row.type2 .col {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.module-4 .row.type2 .col:nth-child(2n+1) {
  width: 310px;
}
.module-4 .row.type2 .col::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8px;
          flex: 0 0 8px;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m4-icon1.png");
}
.module-4 .col {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.module-4 .col:nth-child(2) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.module-4 .prop-swiper-small {
  position: absolute;
  bottom: 75px;
  left: 207px;
  width: 1395px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.module-4 .prop-swiper-small.active {
  visibility: visible;
  opacity: 1;
}
.module-4 .prop-swiper-small .prop-item {
  position: relative;
  width: 227px;
  height: 187px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m4-pic3.png");
  cursor: pointer;
}
.module-4 .prop-swiper-small .prop-item:not(:first-of-type) {
  margin-left: 6.75px;
}
.module-4 .prop-swiper-small .prop-item:hover, .module-4 .prop-swiper-small .prop-item.on {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m4-pic3-on.png");
}
.module-4 .prop-swiper-small .prop-item:hover .img-box, .module-4 .prop-swiper-small .prop-item.on .img-box {
  -webkit-filter: drop-shadow(0 0 5px rgb(255, 254, 196)) drop-shadow(0 0 5px rgb(255, 254, 196));
          filter: drop-shadow(0 0 5px rgb(255, 254, 196)) drop-shadow(0 0 5px rgb(255, 254, 196));
}
.module-4 .prop-swiper-small .prop-item.on {
  pointer-events: none;
}
.module-4 .prop-swiper-small .img-box {
  height: 108px;
}
.module-4 .prop-swiper-small .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-4 .prop-swiper-small .name {
  line-height: 28px;
  font-size: 18px;
  text-align: center;
  color: #ffdb8b;
}
.module-4 .prop-swiper-small .btn-go {
  position: absolute;
  bottom: 0;
  left: 2px;
  width: 222px;
  height: 40px;
  line-height: 40px;
  font-size: 22px;
  text-align: center;
  color: #ffe7b2;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m4-pic3-go.png");
}
.module-4 .btn-more {
  position: absolute;
  bottom: 6px;
  left: 50%;
  z-index: 2;
  width: 262px;
  height: 73px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/btn-more.png");
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-4 .btn-more.gray {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/btn-more-gray.png");
}
.module-4 .btn-prop-prev {
  position: absolute;
  top: 250px;
  left: 350px;
  z-index: 2;
  width: 47px;
  height: 70px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/icon-arrow-left.png");
}
.module-4 .btn-prop-next {
  position: absolute;
  top: 250px;
  right: 180px;
  z-index: 2;
  width: 47px;
  height: 70px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/icon-arrow-right.png");
}

.module-5 {
  position: relative;
}
.module-5 .module-bg {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m5-bg.jpg");
}
.module-5 .module-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.module-5 .hero-detail {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1624px;
  height: 750px;
  margin-top: -375px;
  margin-left: -812px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.module-5 .hero-detail.active {
  visibility: visible;
  opacity: 1;
  z-index: 2;
}
.module-5 .hero-detail .hero-detail-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.module-5 .hero-detail .hero-detail-content.active {
  visibility: visible;
  opacity: 1;
  z-index: 2;
}
.module-5 .hero-detail .hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.module-5 .hero-detail .hero-image.hero-1 {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m5-hero-1.jpg");
}
.module-5 .hero-detail .hero-image.hero-2 {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m5-hero-2.jpg");
}
.module-5 .hero-detail .hero-more {
  position: fixed;
  bottom: 40px;
  left: 50%;
  width: 342px;
  height: 86px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/hero-more.png");
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-5 .hero-detail .hero-more:hover {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/hero-more-hover.png");
}
.module-5 .hero-detail .hero-more.gray {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/hero-more-gray.png");
}
.module-5 .hero-detail .hero-more.gray:hover {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/hero-more-gray-hover.png");
}
.module-5 .hero-detail .hero-story {
  position: absolute;
  top: 40px;
  left: 380px;
  width: 373px;
  height: 178px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/hero-open.png");
  cursor: pointer;
}
.module-5 .hero-detail .hero-story.active {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/hero-close.png");
}
.module-5 .hero-detail .hero-story.active span {
  display: none;
}
.module-5 .hero-detail .hero-story span {
  position: absolute;
  top: 100px;
  left: 100px;
  font-weight: bold;
  font-size: 18px;
  color: #fff0d4;
}
.module-5 .hero-detail .hero-story-content {
  position: absolute;
  top: 160px;
  left: 460px;
  width: 852px;
  height: 463px;
  line-height: 30px;
  padding: 25px;
  border: 1px solid #e2c07f;
  font-size: 22px;
  text-indent: 2em;
  color: #ede1cb;
  background-color: rgba(23, 17, 10, 0.9);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.module-5 .hero-detail .hero-story-content.active {
  visibility: visible;
  opacity: 1;
}
.module-5 .hero-detail .hero-story-content::before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: -15px;
  width: 40px;
  height: 39px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/hero-story-content-left.png");
}
.module-5 .hero-detail .hero-story-content::after {
  content: "";
  position: absolute;
  top: -15px;
  right: -15px;
  width: 40px;
  height: 39px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/hero-story-content-right.png");
}
.module-5 .hero-detail .hero-story-content .story-content {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.module-5 .hero-detail .hero-story-content .story-content::-webkit-scrollbar-track {
  display: none;
  border-radius: 3px;
  background-color: rgba(235, 235, 235, 0.5);
}
.module-5 .hero-detail .hero-story-content .story-content::-webkit-scrollbar {
  display: none;
  width: 3px;
  height: 3px;
}
.module-5 .hero-detail .hero-story-content .story-content::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #ebebeb;
}
.module-5 .hero-detail .hero-story-content .story-scrollbar {
  position: absolute;
  top: 50%;
  right: 4px;
  z-index: 2;
  width: 18px;
  height: calc(100% - 50px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-5 .hero-detail .hero-story-content .story-scrollbar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  background-color: #5e4732;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-5 .hero-detail .hero-story-content .story-scrollbar .story-scrollbar-drag {
  position: relative;
  width: 18px;
  height: 50px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m5-scroll-icon.png");
  background-color: unset;
  background-size: 100% 100%;
}
.module-5 .hero-detail .hero-story-content .story-scrollbar .story-scrollbar-drag::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 94px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m5-scroll-dot.png");
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-5 .hero-preview {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1624px;
  height: 750px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.module-5 .hero-preview.active {
  visibility: visible;
  opacity: 1;
  z-index: 2;
}
.module-5 .hero-panel {
  position: absolute;
  top: 0;
  left: 488px;
  width: 955px;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.module-5 .hero-panel.active {
  visibility: visible;
  opacity: 1;
}
.module-5 .hero-backdrop {
  position: absolute;
  bottom: 120px;
  left: 0;
  width: 955px;
  height: 537px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/hero-backdrop-1.jpg");
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.module-5 .hero-backdrop:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.module-5 .hero-preview-image {
  position: absolute;
  bottom: -580px;
  left: -300px;
  width: 724px;
  height: 1330px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/hero-preview-image.png");
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
}
.module-5 .hero-preview-image:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.module-5 .hero-preview-image.active {
  opacity: 1;
  visibility: visible;
}
.module-5 .hero-name {
  position: absolute;
  top: 220px;
  left: -130px;
  width: 41px;
  height: 142px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/hero-name.png");
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.module-5 .hero-name.active {
  opacity: 1;
  visibility: visible;
}
.module-5 .hero-info {
  position: absolute;
  top: 140px;
  right: 160px;
  width: 481px;
  height: 510px;
  padding: 20px 35px 25px 20px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m5-hero-info-item.png");
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.module-5 .hero-info.active {
  opacity: 1;
  visibility: visible;
}
.module-5 .hero-info::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 494px;
  height: 522px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m5-hero-info-item-border.png");
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
}
.module-5 .btn-fold {
  position: absolute;
  right: 0;
  bottom: calc(100% - 1px);
  width: 98px;
  height: 38px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/hero-fold.png");
}
.module-5 .hero-info-content {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.module-5 .hero-info-content::-webkit-scrollbar-track {
  display: none;
  border-radius: 3px;
  background-color: rgba(235, 235, 235, 0.5);
}
.module-5 .hero-info-content::-webkit-scrollbar {
  display: none;
  width: 3px;
  height: 3px;
}
.module-5 .hero-info-content::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #ebebeb;
}
.module-5 .hero-info-scrollbar {
  position: absolute;
  top: 50%;
  right: 8px;
  z-index: 2;
  width: 18px;
  height: calc(100% - 50px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-5 .hero-info-scrollbar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  background-color: #5e4732;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-5 .hero-info-scrollbar .swiper-scrollbar-drag {
  position: relative;
  width: 18px;
  height: 94px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m5-scroll-icon.png");
  background-color: unset;
}
.module-5 .hero-info-scrollbar .swiper-scrollbar-drag::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 94px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m5-scroll-dot.png");
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.module-5 .tab-title {
  position: relative;
  height: 26px;
  line-height: 26px;
  margin-bottom: 10px;
  padding-left: 20px;
  font-family: "rz";
  font-size: 24px;
  color: #fff;
}
.module-5 .tab-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 9px;
  height: 26px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m5-tab-title.png");
}
.module-5 table {
  line-height: 30px;
  margin-bottom: 20px;
}
.module-5 table tr {
  width: 432px;
}
.module-5 table td > div:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  color: #f6e2bb;
}
.module-5 table td > div:nth-child(1) > span:nth-child(1) {
  color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 20px;
  font-weight: bold;
}
.module-5 table td > div:nth-child(1) div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 10px;
}
.module-5 table td > div:nth-child(1) div span:nth-child(n+2) {
  margin-top: 10px;
  display: block;
}
.module-5 table td {
  border: 1px solid #9e8e67;
  padding: 5px 10px;
}
.module-5 .btn-view {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  width: 38px;
  height: 147px;
  font-size: 0;
  text-indent: -999em;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/m5-btn-view.png");
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.module-5 .btn-view.gray {
  display: none;
}

.module-6 {
  position: relative;
}

.popup-close {
  position: absolute;
  top: 0;
  left: calc(100% + 30px);
  width: 114px;
  height: 97px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/popup-close.png");
}

.base-info-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 94px;
  margin: 0 auto 20px;
}
.base-info-tab.base-info-tab-2 .base-info-tab-item:not(:first-of-type) {
  margin-left: 100px;
}
.base-info-tab.base-info-tab-2 .base-info-tab-item:not(:first-of-type)::after {
  width: 120px;
}
.base-info-tab.base-info-tab-3 {
  height: 110px;
}
.base-info-tab.base-info-tab-5 .base-info-tab-item:not(:first-of-type) {
  margin-left: 70px;
}
.base-info-tab.base-info-tab-5 .base-info-tab-item:not(:first-of-type)::after {
  width: 100px;
}
.base-info-tab.base-info-tab-5 b {
  font-size: 14px;
}
.base-info-tab .base-info-tab-item {
  position: relative;
  z-index: 2;
  width: 86px;
  padding-top: 60px;
  text-align: center;
  cursor: pointer;
}
.base-info-tab .base-info-tab-item:not(:first-of-type) {
  margin-left: 30px;
}
.base-info-tab .base-info-tab-item:not(:first-of-type)::after {
  content: "";
  position: absolute;
  top: 38px;
  right: calc(100% - 10px);
  width: 50px;
  border-bottom: 1px dashed #fff9f1;
}
.base-info-tab .base-info-tab-item:hover i, .base-info-tab .base-info-tab-item.active i {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/desc-tab-2-item-active.png");
}
.base-info-tab .base-info-tab-item:hover span, .base-info-tab .base-info-tab-item.active span {
  color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff6d2), to(#ffed77));
  background-image: linear-gradient(to bottom, #fff6d2, #ffed77);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-filter: drop-shadow(0 0 5px rgba(150, 109, 44, 0.5)) drop-shadow(0 0 5px rgba(150, 109, 44, 0.5));
          filter: drop-shadow(0 0 5px rgba(150, 109, 44, 0.5)) drop-shadow(0 0 5px rgba(150, 109, 44, 0.5));
}
.base-info-tab .base-info-tab-item i {
  position: absolute;
  top: 0;
  left: 50%;
  width: 86px;
  height: 77px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/desc-tab-2-item.png");
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.base-info-tab .base-info-tab-item span {
  position: absolute;
  top: 70px;
  left: 50%;
  font-weight: bold;
  font-size: 18px;
  color: #fff9f1;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.base-info-content {
  position: relative;
  height: 130px;
}
.base-info-content.base-info-content-3 {
  height: 115px;
}
.base-info-content.base-info-content-3 .base-info-content-item {
  height: 115px;
}
.base-info-content.base-info-content-3 .base-info-content-item .desc {
  height: 115px !important;
}
.base-info-content.base-info-content-3 .base-info-content-item .desc-content {
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.base-info-content.base-info-content-4 {
  height: 50px;
}
.base-info-content.base-info-content-4 .base-info-content-item {
  height: 50px;
}
.base-info-content.base-info-content-4 .base-info-content-item .desc {
  height: 50px !important;
}
.base-info-content .base-info-content-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 130px;
  line-height: 25px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.base-info-content .base-info-content-item.active {
  visibility: visible;
  opacity: 1;
}
.base-info-content .base-info-content-item .desc {
  padding: 0;
  height: 130px !important;
}
.base-info-content .base-info-content-item .desc-scrollbar {
  right: auto;
  left: 100%;
  height: 100%;
}
.base-info-content .base-info-content-item .scroll-down-tips {
  display: none !important;
}

.desc-panel {
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px 40px;
}

.desc-full {
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px 40px;
  font-size: 18px;
  background-color: rgba(0, 0, 0, 0.7);
}
.desc-full.row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  background-color: unset;
}
.desc-full.row p {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
}
.desc-full.row span {
  font-weight: bold;
}
.desc-full.linear {
  background-color: unset;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(transparent));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
}

.popup-brand {
  position: relative;
  width: 976px;
  color: #fff9f1;
}
.popup-brand .base-tab-item {
  height: 60px;
}
.popup-brand .desc-tab {
  position: relative;
  margin-bottom: 20px;
}
.popup-brand .desc-info {
  position: relative;
}
.popup-brand .desc-info .desc-info-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 25px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.popup-brand .desc-info .desc-info-item.active {
  visibility: visible;
  opacity: 1;
}
.popup-brand .desc-info .desc {
  padding: 0;
  height: 80px !important;
}
.popup-brand .desc-info .desc-scrollbar {
  right: auto;
  left: 100%;
  height: 100%;
}
.popup-brand .desc-info .scroll-down-tips {
  display: none !important;
}
.popup-brand .desc-tab-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1009px;
  height: 89px;
  padding-left: 130px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/desc-tab-1.png");
  -webkit-transform: scale(1) translateX(-50px);
      -ms-transform: scale(1) translateX(-50px);
          transform: scale(1) translateX(-50px);
  -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
          transform-origin: left bottom;
}
.popup-brand .desc-tab-1 .desc-tab-item {
  position: relative;
  width: 67px;
  height: 86px;
  cursor: pointer;
}
.popup-brand .desc-tab-1 .desc-tab-item-1 {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/desc-tab-1-item-1.png");
}
.popup-brand .desc-tab-1 .desc-tab-item-1:hover, .popup-brand .desc-tab-1 .desc-tab-item-1.active {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/desc-tab-1-item-1-active.png");
}
.popup-brand .desc-tab-1 .desc-tab-item-2 {
  margin-left: 105px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/desc-tab-1-item-2.png");
}
.popup-brand .desc-tab-1 .desc-tab-item-2:hover, .popup-brand .desc-tab-1 .desc-tab-item-2.active {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/desc-tab-1-item-2-active.png");
}
.popup-brand .desc-tab-1 .desc-tab-item-3 {
  margin-left: 100px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/desc-tab-1-item-3.png");
}
.popup-brand .desc-tab-1 .desc-tab-item-3:hover, .popup-brand .desc-tab-1 .desc-tab-item-3.active {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/desc-tab-1-item-3-active.png");
}
.popup-brand .desc-tab-1 .desc-tab-item-4 {
  margin-left: 100px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/desc-tab-1-item-4.png");
}
.popup-brand .desc-tab-1 .desc-tab-item-4:hover, .popup-brand .desc-tab-1 .desc-tab-item-4.active {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/desc-tab-1-item-4-active.png");
}
.popup-brand .desc-tab-1 .desc-tab-item-5 {
  margin-left: 100px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/desc-tab-1-item-5.png");
}
.popup-brand .desc-tab-1 .desc-tab-item-5:hover, .popup-brand .desc-tab-1 .desc-tab-item-5.active {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/desc-tab-1-item-5-active.png");
}
.popup-brand .desc-info-1 {
  height: 80px;
}
.popup-brand .desc-tab-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 930px;
  height: 94px;
  margin: 0 auto 20px;
}
.popup-brand .desc-tab-2 .desc-tab-item {
  position: relative;
  z-index: 2;
  width: 86px;
  padding-top: 60px;
  cursor: pointer;
}
.popup-brand .desc-tab-2 .desc-tab-item:not(:first-of-type)::after {
  content: "";
  position: absolute;
  top: 38px;
  right: calc(100% - 10px);
  width: 50px;
  border-bottom: 1px dashed #fff9f1;
}
.popup-brand .desc-tab-2 .desc-tab-item:hover i, .popup-brand .desc-tab-2 .desc-tab-item.active i {
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/desc-tab-2-item-active.png");
}
.popup-brand .desc-tab-2 .desc-tab-item:hover span, .popup-brand .desc-tab-2 .desc-tab-item.active span {
  color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff6d2), to(#ffed77));
  background-image: linear-gradient(to bottom, #fff6d2, #ffed77);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-filter: drop-shadow(0 0 5px rgba(150, 109, 44, 0.5)) drop-shadow(0 0 5px rgba(150, 109, 44, 0.5));
          filter: drop-shadow(0 0 5px rgba(150, 109, 44, 0.5)) drop-shadow(0 0 5px rgba(150, 109, 44, 0.5));
}
.popup-brand .desc-tab-2 .desc-tab-item i {
  position: absolute;
  top: 0;
  left: 50%;
  width: 86px;
  height: 77px;
  background-image: url("//game.gtimg.cn/images/cf/cp/a20240821cfsjzt/m/desc-tab-2-item.png");
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.popup-brand .desc-tab-2 .desc-tab-item span {
  position: absolute;
  top: 70px;
  left: 50%;
  font-weight: bold;
  font-size: 16px;
  color: #fff9f1;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.popup-brand .desc-info-2 {
  height: 80px;
}
.popup-brand .desc-info-2 .desc-info-item {
  height: 80px;
}

#main-frame,
.wrap,
.module-swiper {
  overflow: visible !important;
}

.module-4 .prop-swiper-small .swiper-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.module-4 .prop-swiper-small .prop-item.on a {
  pointer-events: auto;
}