@charset "UTF-8";
/* 移动端常用reset.css (文字版本) */
/* reset */
html,
body,
div,
p,
ul,
li,
dl,
dt,
dd,
em,
i,
span,
a,
img,
input,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
  outline: none;
}

a,
img,
input {
  border: none;
}

body {
  font: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
  text-decoration: none;
  outline: none;
}

ul,
li {
  list-style: none;
}

@font-face {
  font-family: "saira";
  src: url("//game.gtimg.cn/images/thefinals/cp/web202507/fonts/saira.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "saira-regular";
  src: url("//game.gtimg.cn/images/thefinals/cp/web202507/fonts/saira-regular.ttf");
  font-weight: normal;
  font-style: normal;
}
#afooter {
  width: 100%;
  text-align: center;
  line-height: 20px;
  color: #eff5fe;
  background-color: #000;
  padding: 20px 0;
  font-size: 12px;
}

#afooter a {
  color: #eff5fe;
}

.wrapper *,
.wrapper *::before,
.wrapper *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: 100% 100%;
  background-position: 0 0;
}

.before .spr {
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/spr2.png");
  background-size: 18.63rem 8.18rem !important;
}
.before .module-7 .icon {
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/icon4.png");
}

.spr {
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/spr.png");
  background-size: 18.63rem 8.18rem !important;
}

.wrapper {
  width: 100vw;
  height: 100vh;
  background-size: 100% 100%;
  overflow: hidden;
}

.page-swiper {
  width: 100%;
  height: 100%;
}
.page-swiper .swiper-slide {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-swiper .swiper-slide.footer {
  height: auto !important;
}
.page-swiper .swiper-slide .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.page-swiper .swiper-slide .gif {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 5.3rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 55% top;
     object-position: 55% top;
  -webkit-mask-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/mask1.png");
          mask-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/mask1.png");
  -webkit-mask-size: 100% 5.3rem;
          mask-size: 100% 5.3rem;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.module-1 {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 12.72rem;
}
.module-1 .logo {
  width: 5.1rem;
  height: 4.09rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/logo.png");
  margin: -1.44rem auto 0;
}
.module-1 .slogan {
  width: 7.5rem;
  height: 3.82rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/tit1.png");
  background-size: 100% 100% !important;
  margin: 4.13rem auto 0;
}
.module-1 .login-box {
  font-size: 0.24rem;
  text-align: center;
  line-height: 0.24rem;
  color: #fff;
  margin-top: -0.46rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.module-1 .login-box a {
  color: #fff;
}
.module-1 .btn-box {
  position: relative;
  width: 6.86rem;
  height: 0.76rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.29rem auto 0;
}
.module-1 .btn-box a {
  width: 3.24rem;
  height: 0.76rem;
  font-size: 0.28rem;
  font-weight: bold;
  text-align: center;
  line-height: 0.76rem;
  color: #000;
  background-position: -3.55rem -2.32rem;
}
.module-1 .btn-box a.gray {
  -webkit-filter: grayscale(1.1);
          filter: grayscale(1.1);
  pointer-events: none;
  color: #fff;
}
.module-1 .btn-box a.btn-query.gray {
  -webkit-filter: none;
          filter: none;
  background-position: -15.38rem -7.42rem;
}
.module-1 .report-txt {
  position: absolute;
  font-size: 0.24rem;
  text-align: center;
  width: 100%;
  color: #fff;
  left: 0;
  top: 0.86rem;
}
.module-1 .report-txt2 {
  position: absolute;
  font-size: 0.24rem;
  text-align: center;
  width: 100%;
  color: #fff;
  left: 0;
  top: 1.26rem;
}

.btn-home {
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  width: 2.31rem;
  height: 0.5rem;
  color: #fff;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/btn1.png");
  background-size: 100% 100%;
  font-size: 0;
}

.btn-closedbeta {
  position: absolute;
  top: 0.1rem;
  left: 0.1rem;
  width: 2.31rem;
  height: 0.5rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/btn2.png");
  z-index: 2;
  font-size: 0.25rem;
  text-align: center;
  line-height: 0.5rem;
  color: #d41b42;
  font-weight: bold;
}
.btn-closedbeta.gray {
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/btn3.png");
  color: rgb(133, 133, 133);
  pointer-events: none;
}
.btn-closedbeta.gray::after {
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/nc_tag1.png");
}
.btn-closedbeta::after {
  content: "";
  position: absolute;
  top: 0.3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1.16rem;
  height: 0.32rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/nc_tag2.png");
}

.module-2 {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 12.26rem;
}
.module-2 .logo {
  width: 2.5rem;
  height: 0.56rem;
  margin: -1.71rem auto 0;
  background-position: -7.14rem -2.32rem;
}
.module-2 .tit {
  width: 6.38rem;
  height: 2rem;
  margin-top: 3.26rem;
  margin-left: 0.64rem;
  background-position: -5.7rem 0;
}
.module-2 .test-box {
  width: 6.13rem;
  margin: 0.35rem auto 0;
}
.module-2 .test-item {
  width: 100%;
  padding-left: 2.25rem;
}
.module-2 .test-item:nth-child(1) {
  padding-top: 0.58rem;
  height: 2.96rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/test_bg1.png");
}
.module-2 .test-item:nth-child(2) {
  padding-top: 0.58rem;
  height: 2.96rem;
  margin-top: 0.59rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/test_bg2.png");
}
.module-2 .test_tit {
  font-size: 0.32rem;
  font-weight: bold;
  line-height: 0.32rem;
  color: #fff;
}
.module-2 .test_tit span {
  color: #d11d3c;
}
.module-2 .test_desc {
  font-size: 0.18rem;
  line-height: 0.27rem;
  width: 3.23rem;
  margin-top: 0.24rem;
  color: #d4d4d4;
}
.module-2 .test_desc span {
  font-weight: bold;
}
.module-2 .test-btn {
  display: block;
  width: 2.17rem;
  height: 0.51rem;
  font-size: 0;
  margin-top: 0.22rem;
  background-position: -16.3rem -1.21rem;
}
.module-2 .test-btn.gray {
  pointer-events: none;
  background-position: -16.3rem 0;
}
.module-2 .test-btn.on {
  pointer-events: none;
  background-position: -16.3rem -0.6rem;
}
.module-2 .test-btn.un {
  pointer-events: none;
  background-position: -16.31rem -1.88rem;
}

.module-3 {
  width: 100%;
  position: relative;
  height: 12.72rem;
}
.module-3 .logo {
  width: 2.5rem;
  height: 0.56rem;
  margin: -1.48rem auto 0;
  background-position: -7.14rem -2.32rem;
}
.module-3 .icon {
  position: absolute;
  top: 0.07rem;
  left: 0;
  width: 100%;
  height: 8.82rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/icon1.png");
  background-size: cover;
}
.module-3 .tit {
  position: absolute;
  width: 6.52rem;
  height: 1.82rem;
  background-position: 0rem -3.18rem;
  z-index: 2;
  top: 5.9rem;
  left: 50%;
  margin-left: -3.26rem;
  z-index: 2;
}
.module-3 .desc {
  width: 7.5rem;
  text-align: right;
  line-height: 0.24rem;
  font-size: 0.24rem;
  color: #fff;
  padding-right: 0.34rem;
  margin: 8.78rem auto 0;
}
.module-3 .rule-box {
  overflow: hidden;
  width: 6.92rem;
  height: 2.95rem;
  margin: 0.38rem auto 0;
  padding-top: 0.58rem;
  padding-left: 0.29rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/rule-box.png");
}
.module-3 .rule-item {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.31rem;
}
.module-3 .rule-item:last-child .rule-desc {
  line-height: 0.46rem;
  margin-top: -0.06rem;
}
.module-3 .rule-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.32rem;
  height: 0.32rem;
  background-color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.2rem;
  color: #333;
}
.module-3 .rule-tit::before {
  content: "";
  width: 0.28rem;
  height: 0.19rem;
  margin-right: 0.03rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/icon4.png");
  background-size: 100% 100%;
}
.module-3 .rule-desc {
  margin-left: 0.15rem;
  font-size: 0.22rem;
  line-height: 0.32rem;
  color: #fff;
}
.module-3 .btn-release {
  position: relative;
  display: block;
  width: 5.26rem;
  height: 0.89rem;
  background-position: -10.2rem -2.24rem;
  margin: 0.41rem auto 0;
  font-size: 0.3rem;
  font-weight: bold;
  text-align: center;
  line-height: 0.89rem;
  color: #fbe43a;
}
.module-3 .btn-release::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7.5rem;
  height: 0.11rem;
  -webkit-transform: translate(-50.4%, -50%);
      -ms-transform: translate(-50.4%, -50%);
          transform: translate(-50.4%, -50%);
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/release-line.png");
}
.module-3 .btn-release.gray {
  -webkit-filter: grayscale(1.1);
          filter: grayscale(1.1);
  pointer-events: none;
}

.module-4 {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 12.66rem;
}
.module-4 .tit {
  width: 4.15rem;
  height: 1.55rem;
  background-position: -7.31rem -3.31rem;
  margin: 0 auto 0;
}
.module-4 .btn-play {
  display: block;
  position: relative;
  z-index: 2;
  width: 6.17rem;
  height: 10.04rem;
  margin: -0.06rem auto 0;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/btn-play.jpg");
}
.module-4 .desc {
  font-size: 0.68rem;
  font-weight: bold;
  color: #fff;
  line-height: 0.68rem;
  text-align: center;
  position: relative;
  z-index: 3;
  padding: 0 0.4rem;
  margin-top: -0.26rem;
}

.module-5 {
  position: relative;
  width: 100%;
  height: 13rem;
  z-index: 2;
}
.module-5 .logo {
  width: 2.5rem;
  height: 0.56rem;
  margin: -1.34rem auto 0;
  background-position: -7.14rem -2.32rem;
}
.module-5 .tit {
  width: 5.95rem;
  height: 1.06rem;
  background-position: -12.23rem -3.71rem;
  margin: 0.45rem auto 0;
}
.module-5 .sub_tit {
  width: 5.32rem;
  height: 0.67rem;
  padding-top: 0.13rem;
  line-height: 0.54rem;
  background-position: 0 -5.26rem;
  margin: 0.14rem auto 0;
  text-align: center;
  color: #000;
  font-size: 0.24rem;
}
.module-5 .intro-box {
  position: relative;
  width: 100%;
  height: 11.32rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/intro_bg.jpg");
  background-size: cover;
  margin: 0.14rem auto 0;
  background-position: center;
}
.module-5 .intro-box .intro-item1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.82rem;
  height: 100%;
  z-index: 3;
  overflow: hidden;
  clip-path: polygon(0 0, 6.8rem 0, 0.9rem 100%, 0 100%);
}
.module-5 .intro-box a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.module-5 .intro-box .intro-item2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.module-5 .intro-box .intro-item2 .intro-tit {
  color: #fff;
  margin-top: 10.3rem;
}
.module-5 .intro-box .intro-item2 .intro-tit,
.module-5 .intro-box .intro-item2 .intro-desc {
  padding-left: 0;
  padding-right: 0.85rem;
  text-align: right;
}
.module-5 .intro-box .intro-item2 .intro-desc {
  color: #d6d6d6;
}
.module-5 .intro-tit {
  font-size: 0.45rem;
  line-height: 0.45rem;
  margin-left: 0.86rem;
  font-weight: bold;
  margin-top: 0.25rem;
}
.module-5 .intro-tit span {
  color: #e41b3b;
}
.module-5 .intro-desc {
  font-size: 0.3rem;
  line-height: 0.3rem;
  color: #000;
  margin-top: 0.08rem;
  margin-left: 0.86rem;
}

.module-6 {
  position: relative;
  width: 100%;
  height: 11.8rem;
  z-index: 2;
}
.module-6 .tit {
  margin-top: -0.77rem;
  margin-left: 3.9rem;
  width: 3.49rem;
  height: 1.97rem;
  background-position: -5.44rem -5.11rem;
}
.module-6 .media-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 5.98rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.6rem auto 0;
}
.module-6 .media-box li {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  margin-bottom: 1.32rem;
}
.module-6 .media-box li.active .img-box::after, .module-6 .media-box li:hover .img-box::after {
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/img-bd2.png");
}
.module-6 .media-box li.active .code-box, .module-6 .media-box li:hover .code-box {
  display: block;
}
.module-6 .media-box .img-box {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  border: 0.04rem solid #fff;
  margin: 0 auto 0;
}
.module-6 .media-box .img-box img {
  width: 100%;
  height: 100%;
}
.module-6 .media-box .img-box::after {
  content: "";
  position: absolute;
  top: -0.2rem;
  pointer-events: none;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2.76rem;
  height: 2.76rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/img-bd1.png");
}
.module-6 .media-box a {
  position: absolute;
  inset: 0;
}
.module-6 .media-box .code-box {
  position: absolute;
  top: -3.3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2.6rem;
  height: 3rem;
  background-color: #e41b3b;
  display: none;
  overflow: hidden;
}
.module-6 .media-box .code-box img {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0.1rem auto 0;
}
.module-6 .media-box .code-box p {
  font-size: 0.24rem;
  text-align: center;
  color: #fff;
  margin-top: 0.06rem;
}
.module-6 .media-box .media-name {
  text-align: center;
  font-size: 0.42rem;
  line-height: 0.42rem;
  margin-top: 0.4rem;
  font-family: "saira";
  color: #fff;
  text-shadow: 0 0 0.29rem rgba(0, 0, 0, 0.86);
}

.module-7 {
  position: relative;
  width: 7.5rem;
  height: 12.93rem;
  z-index: 2;
  overflow: hidden;
}
.module-7 .icon {
  width: 4.67rem;
  height: 5.35rem;
  margin-top: 0.21rem;
  margin-left: 1.1rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/icon2.png");
}
.module-7 .qa-box {
  position: relative;
  z-index: 2;
  margin-top: 0.76rem;
  margin-left: 0.62rem;
  height: 6.2rem;
  width: 6.32rem;
  color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  font-size: 0.18rem;
}
.module-7 .qa-box::-webkit-scrollbar {
  width: 0.04rem;
  border-radius: 0.02rem;
}
.module-7 .qa-box::-webkit-scrollbar-track {
  background-color: #000;
}
.module-7 .qa-box::-webkit-scrollbar-thumb {
  background-color: #fff;
}
.module-7 .qa-box .q {
  color: #d41b42;
  font-weight: bold;
  font-size: 0.24rem;
  line-height: 0.36rem;
}
.module-7 .qa-box .a {
  margin-bottom: 0.3rem;
  line-height: 0.32rem;
}
.module-7 .qa-box .a a {
  color: #d41b42;
  text-decoration: underline;
}
.module-7 .qa-bg {
  position: absolute;
  top: 5.77rem;
  left: 0.235rem;
  width: 7.03rem;
  height: 7.16rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/qa-bg.png");
}

.--intro--mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  pointer-events: none;
  z-index: 22;
  display: none;
}

.module-intro {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  overflow: hidden;
  max-height: 38.77rem;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 38.77rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #000;
}
.module-intro *,
.module-intro *::after,
.module-intro *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.module-intro .back-home {
  position: absolute;
  top: 1.02rem;
  left: 50%;
  width: 2.36rem;
  height: 0.67rem;
  line-height: 0.67rem;
  border: 0.02rem solid #b2b2b2;
  text-align: center;
  font-size: 0.29rem;
  letter-spacing: 0.068rem;
  text-indent: 0.068rem;
  color: #b2b2b2;
  z-index: 333;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-intro.new {
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/bg8_1.jpg");
  height: 24.8rem;
}
.module-intro.new .btn-all {
  top: 24.41rem;
}
.module-intro.new .intro-1 {
  height: 13.44rem;
  padding-top: 2.4rem;
}
.module-intro.old {
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/bg8_2.jpg");
  height: 14.43rem;
  padding-top: 14.43rem;
}
.module-intro.old .intro-3 {
  position: absolute;
  height: 14.43rem;
  top: 0;
  left: 0;
  width: 100%;
}
.module-intro.old .btn-all {
  top: 14.02rem;
}
.module-intro.old .intro-1 {
  height: 13.4rem;
  padding-top: 2.64rem;
}
.module-intro.old .back-home2 {
  top: 15.69rem;
}
.module-intro .tit1 {
  width: 5.14rem;
  height: 0.66rem;
  background-position: -9.2rem -5.27rem;
  margin: 0 auto;
}
.module-intro .tit2 {
  width: 5.14rem;
  height: 0.66rem;
  background-position: -9.2rem -6.16rem;
  margin: 0 auto;
}
.module-intro .tit3 {
  width: 5.14rem;
  height: 1.46rem;
  background-position-y: -6.72rem;
  margin: 0 auto;
}
.module-intro .swiper {
  width: 100%;
  height: 7.59rem;
  margin-top: 0.5rem;
}
.module-intro .swiper .swiper-slide {
  position: relative;
  width: 4.67rem;
  height: 7.59rem;
  -webkit-transform: scale(0.86);
      -ms-transform: scale(0.86);
          transform: scale(0.86);
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/img_bd1.png");
}
.module-intro .swiper .swiper-slide img {
  position: absolute;
  top: 0.11rem;
  left: 0.11rem;
  width: 4.44rem;
  height: 7.37rem;
}
.module-intro .swiper .swiper-slide .btn-info {
  position: absolute;
  top: 0.21rem;
  left: 0.11rem;
  width: 4.44rem;
  height: 7.37rem;
  z-index: 22;
}
.module-intro .swiper .swiper-slide.swiper-slide-prev {
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
}
.module-intro .swiper .swiper-slide.swiper-slide-next {
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
}
.module-intro .swiper .swiper-slide.swiper-slide-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.module-intro .swiper .swiper-slide.swiper-slide-active .btn-info {
  pointer-events: all;
}
.module-intro .swiper .intro-tit {
  position: relative;
  z-index: 2;
  font-size: 0.3rem;
  line-height: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  margin-top: 4.65rem;
  margin-left: 0.38rem;
}
.module-intro .swiper .intro-tit::before {
  content: "";
  width: 0.43rem;
  height: 0.28rem;
  margin-right: 0.05rem;
  margin-top: 0.02rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/intro_icon1.png");
}
.module-intro .swiper .intro-tab {
  position: relative;
  font-size: 0.7rem;
  line-height: 0.9rem;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.045rem;
  text-indent: 0.045rem;
  margin-left: 0.34rem;
  margin-top: 0.22rem;
}
.module-intro .swiper .intro-desc {
  position: relative;
  z-index: 22;
  width: 4.1rem;
  font-size: 0.18rem;
  line-height: 0.26rem;
  margin-top: 0.12rem;
  margin-left: 0.4rem;
  color: #fff;
}
.module-intro .swiper .btn-info {
  pointer-events: none;
}
.module-intro .swiper .btn-info p {
  position: absolute;
  left: 0.4rem;
  bottom: 0.16rem;
  width: 1.8rem;
  height: 0.47rem;
  font-size: 0.24rem;
  line-height: 0.47rem;
  color: #d11d3c;
  text-align: center;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/info_bg.png");
}
.module-intro .info-prev,
.module-intro .info-next {
  position: absolute;
  top: 3.36rem;
  width: 0.65rem;
  height: 0.53rem;
  z-index: 22;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/nav-icon.png");
  background-size: 1.41rem 0.53rem;
  overflow: hidden;
}
.module-intro .info-prev {
  left: 1.03rem;
  background-position: 0 0;
}
.module-intro .info-next {
  right: 1.03rem;
  background-position: -0.76rem 0;
}
.module-intro .prog-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4.32rem;
  height: 0.17rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.7rem auto 0;
}
.module-intro .prog-box .prog-num {
  font-family: "saira-regular";
  font-size: 0.24rem;
  color: #fff;
  line-height: 0.17rem;
}
.module-intro .prog-box .prog_line {
  position: relative;
  width: 3.7rem;
  height: 0.06rem;
}
.module-intro .prog-box .prog_line span {
  position: absolute;
  bottom: 0;
  height: 100%;
  left: 0;
  width: auto;
  background-color: #fff;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
  z-index: 2;
}
.module-intro .prog-box .prog_line::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.01rem;
  background-color: #727272;
}
.module-intro .intro-1 {
  position: relative;
}
.module-intro .intro-2 {
  height: 11.48rem;
  position: relative;
}
.module-intro .intro-2 .carousel-wrap {
  position: relative;
  width: 100%;
  height: 7.18rem;
  z-index: 22;
  margin-top: 0.45rem;
}
.module-intro .intro-2 .carousel-slide {
  position: absolute;
  top: 0;
  left: 50%;
  width: 5.6rem;
  height: 6.98rem;
  margin-left: -2.8rem;
  z-index: 22;
}
.module-intro .intro-2 .current {
  z-index: 33;
  cursor: pointer;
}
.module-intro .intro-2 .current .carousel-mask {
  opacity: 0.3;
}
.module-intro .intro-2 .current .carousel-play {
  opacity: 1;
}
.module-intro .intro-2 .carousel-item {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.module-intro .intro-2 img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.module-intro .intro-2 .carousel-mask {
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
  opacity: 0;
}
.module-intro .intro-2 .carousel-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  opacity: 0;
  -webkit-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
  width: 1.24rem;
  height: 1.24rem;
  margin-left: -0.62rem;
  margin-top: -0.62rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/play.png");
}
.module-intro .intro-2 .line {
  position: absolute;
  width: 100%;
  left: 0;
  top: 3.96rem;
  height: 0.03rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/intro_line.png");
}
.module-intro .intro-2 .carousel-prev,
.module-intro .intro-2 .carousel-next {
  top: 3.69rem;
}
.module-intro .intro-2 .carousel-prev {
  left: 0.38rem;
}
.module-intro .intro-2 .carousel-next {
  right: 0.38rem;
}
.module-intro .intro-2 .prog-box {
  position: absolute;
  margin: 0;
  top: 9.28rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-intro .intro-2 .icon {
  position: absolute;
  top: 8.32rem;
  right: 0.99rem;
  width: 0.87rem;
  height: 0.14rem;
  background-position: -16.52rem -2.74rem;
}
.module-intro .intro-2 .carousel-tit {
  position: absolute;
  width: 6.12rem;
  height: 1.21rem;
  top: 7.26rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 22;
}
.module-intro .intro-2 .carousel-tit p {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 20%, 0);
          transform: translate3d(0, 20%, 0);
  -webkit-transition: 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.module-intro .intro-2 .carousel-tit p.active {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.module-intro .intro-2 .carousel-tit p:nth-child(1) {
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/carousel-tit1.png");
}
.module-intro .intro-2 .carousel-tit p:nth-child(2) {
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/carousel-tit2.png");
}
.module-intro .intro-2 .carousel-tit p:nth-child(3) {
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/carousel-tit3.png");
}
.module-intro .btn-all {
  position: absolute;
  height: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
  left: 50%;
  font-size: 0.2rem;
  line-height: 0.2rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
  z-index: 222;
}
.module-intro .btn-all.active::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.module-intro .btn-all::after {
  content: "";
  width: 0.2rem;
  height: 0.16rem;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  margin-top: -0.06rem;
  margin-left: 0.07rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/more.png");
}
.module-intro .intro-3 .tit3 {
  margin-top: 2.4rem;
}
.module-intro .intro-3 .intro-tab {
  margin-top: 4.94rem;
}
.module-intro .back-home2 {
  position: absolute;
  top: 25.81rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  width: 2.36rem;
  height: 0.67rem;
  line-height: 0.67rem;
  border: 0.02rem solid #b2b2b2;
  text-align: center;
  font-size: 0.29rem;
  letter-spacing: 0.068rem;
  text-indent: 0.068rem;
  color: #b2b2b2;
  z-index: 333;
}

.arrow {
  position: absolute;
  bottom: 0.8rem;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0.18rem;
  line-height: 0.18rem;
  z-index: 22;
  color: #fff;
}
.arrow::after {
  content: "";
  position: absolute;
  bottom: -0.4rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0.27rem;
  height: 0.26rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/arrow.png");
  -webkit-animation: arrow 1.6s infinite linear;
          animation: arrow 1.6s infinite linear;
}

@-webkit-keyframes arrow {
  0% {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
  50% {
    -webkit-transform: translateX(-50%) translateY(10px);
            transform: translateX(-50%) translateY(10px);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
}

@keyframes arrow {
  0% {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
  50% {
    -webkit-transform: translateX(-50%) translateY(10px);
            transform: translateX(-50%) translateY(10px);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
}
.pop,
.dia {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  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;
}
.pop *,
.pop *:after,
.pop *::before,
.dia *,
.dia *:after,
.dia *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: 100% 100%;
}
.pop .btn-close,
.dia .btn-close {
  position: absolute;
  top: -0.47rem;
  right: 0rem;
  width: 0.39rem;
  height: 0.39rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/close.png");
}

.pop-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  z-index: 999;
}
.pop-video .video-box {
  width: 100%;
  height: 4.22rem;
}
.pop-video #introVideo {
  width: 100%;
  height: auto;
}
.pop-video .close-btn {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.2rem auto 0;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/closebtn.png");
  background-size: 100% 100%;
}

.noLand::before, .noLand::after {
  display: none;
}
.noLand body::before, .noLand body::after {
  display: none;
}

#popVideo2 {
  background-color: #000;
  opacity: 0;
  clip-path: circle(0% at 50% 50%);
  -webkit-transition: all 1.2s;
  transition: all 1.2s;
  pointer-events: none;
}
#popVideo2 .video-box {
  position: relative;
  width: 100%;
  height: 4.22rem;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
}
#popVideo2 .video-box video {
  position: absolute;
  height: 7.5rem;
  width: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#popVideo2.show {
  opacity: 1;
  pointer-events: all;
  clip-path: circle(100% at 50% 50%);
}
#popVideo2 .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
  width: 0.39rem;
  height: 0.39rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/close.png");
}

.dia-cont {
  position: relative;
}
.dia-cont .com-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.36rem;
  width: 100%;
  line-height: 0.32rem;
  font-size: 0.24rem;
  color: #333;
  text-align: center;
  height: 1.2rem;
}
.dia-cont .btn-back {
  display: block;
  width: 2.82rem;
  height: 0.66rem;
  margin: 0 auto;
  background-position: -15.8rem -5.83rem;
}
.dia-cont .btn-true {
  display: block;
  width: 2.82rem;
  height: 0.66rem;
  margin: 0 auto;
  background-position: -15.8rem -5.07rem;
}

.intro-cont {
  width: 5.1rem;
  height: 6.22rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/pop7.png");
  padding-top: 0.48rem;
}
.intro-cont .tit1 {
  position: relative;
  z-index: 2;
  font-size: 0.22rem;
  line-height: 0.28rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  margin: 0 auto 0.12rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.intro-cont .tit1::before {
  content: "";
  width: 0.33rem;
  height: 0.22rem;
  margin-right: 0.05rem;
  margin-top: 0.02rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/intro_icon1.png");
}
.intro-cont .tit2 {
  position: relative;
  z-index: 22;
  font-size: 0.65rem;
  line-height: 0.65rem;
  font-weight: bold;
  color: #fff;
  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;
}
.intro-cont .tit2::before, .intro-cont .tit2::after {
  content: "";
  width: 0.64rem;
  height: 0.17rem;
}
.intro-cont .tit2::before {
  margin-right: 0.18rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/tit_icon2.png");
}
.intro-cont .tit2::after {
  margin-left: 0.18rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/tit_icon1.png");
}
.intro-cont .swiper {
  width: 100%;
  height: 100%;
}
.intro-cont .desc-box {
  position: absolute;
  bottom: 0.99rem;
  left: 0.45rem;
  width: 4.19rem;
  height: 3.42rem;
  padding: 0 0.17rem;
  padding-top: 0.16rem;
}
.intro-cont .desc-box .desc-item {
  margin-bottom: 0.16rem;
}
.intro-cont .desc-box .desc-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.12rem;
  height: 0.25rem;
  background-color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.18rem;
  color: #333;
}
.intro-cont .desc-box .desc-tit::before {
  content: "";
  width: 0.28rem;
  height: 0.19rem;
  margin-right: 0.03rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/icon4.png");
  background-size: 100% 100%;
}
.intro-cont .desc-box .desc-txt {
  font-size: 0.16rem;
  color: #fff;
  line-height: 0.2rem;
  margin-top: 0.12rem;
}
.intro-cont .desc-box .desc-txt span {
  font-weight: bold;
}
.intro-cont .prev,
.intro-cont .next {
  position: absolute;
  top: 2.46rem;
  width: 0.65rem;
  height: 0.53rem;
  z-index: 22;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/nav-icon.png");
  background-size: 1.41rem 0.53rem;
  overflow: hidden;
}
.intro-cont .prev {
  left: -0.83rem;
  background-position: 0 0;
}
.intro-cont .next {
  right: -0.83rem;
  background-position: -0.76rem 0;
}
.intro-cont .btn-back {
  position: absolute;
  bottom: 0.26rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1.59rem;
  height: 0.49rem;
  border: 0.02rem solid #fff;
  text-align: center;
  line-height: 0.56rem;
  font-size: 0.25rem;
  letter-spacing: 0.0528rem;
  text-indent: 0.0528rem;
  color: #fff;
  z-index: 222;
}

#popIntro2 {
  padding-top: 0.7rem;
}
#popIntro2 .desc-box {
  overflow-x: hidden;
  overflow-y: auto;
}
#popIntro2 .desc-box::-webkit-scrollbar {
  width: 0.04rem;
  border-radius: 0.02rem;
}
#popIntro2 .desc-box::-webkit-scrollbar-track {
  background-color: #000;
}
#popIntro2 .desc-box::-webkit-scrollbar-thumb {
  background-color: #fff;
}
#popIntro2 .tit2 {
  font-size: 0.3rem;
}
#popIntro2 .desc-tit {
  position: relative;
}
#popIntro2 .sub_tit {
  font-size: 0.18rem;
  color: #fff;
  position: absolute;
  left: 1.32rem;
  top: -0.02rem;
  white-space: nowrap;
}

.common-cont {
  width: 6.24rem;
  height: 3.64rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/pop1.png");
  padding-top: 0.78rem;
}
.common-cont .com-txt {
  margin-top: 0;
}
.common-cont .btn-true {
  margin-top: 0.38rem;
}

.pop2-cont {
  width: 6.25rem;
  height: 4.58rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/pop6.png");
  padding-top: 0.45rem;
}
.pop2-cont img {
  display: block;
  height: 1.92rem;
  width: 1.92rem;
  margin: 0 auto;
}
.pop2-cont .award-txt {
  font-size: 0.24rem;
  line-height: 0.33rem;
  margin-top: 0.2rem;
  color: #333;
  text-align: center;
}
.pop2-cont .award-txt span {
  color: #f4254a;
}
.pop2-cont .award-txt em {
  font-weight: bold;
  font-style: normal;
}
.pop2-cont .btn-true {
  margin-top: 0.22rem;
}

.pop3-cont {
  width: 6.24rem;
  height: 3.64rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/pop1.png");
  padding-top: 0.46rem;
}
.pop3-cont .pop-tit {
  width: 4.79rem;
  height: 0.42rem;
  margin: 0 auto;
  background-position: -10.54rem -7rem;
}
.pop3-cont .text {
  font-size: 0.24rem;
  line-height: 0.33rem;
  text-align: center;
  margin-top: 0.16rem;
  color: #4c4c4c;
}
.pop3-cont .text span {
  color: #f43152;
}
.pop3-cont .btn-back {
  margin-top: 0.18rem;
}

.pop4-cont {
  width: 6.24rem;
  height: 3.64rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/pop1.png");
  padding-top: 0.46rem;
}
.pop4-cont .pop-tit {
  width: 5.23rem;
  height: 0.42rem;
  margin: 0 auto;
  background-position: -5.29rem -7.63rem;
}
.pop4-cont .text {
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.36rem;
  margin-top: 0.38rem;
  color: #4c4c4c;
}
.pop4-cont .text span {
  color: #f43152;
}
.pop4-cont .btn-true {
  margin-top: 0.34rem;
}
.pop4-cont::after {
  content: "";
  position: absolute;
  top: 1.37rem;
  right: -0.58rem;
  width: 1.96rem;
  height: 2.54rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/icon3.png");
}

.pop7-cont {
  width: 6.24rem;
  height: 3.64rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/pop1.png");
  padding-top: 0.64rem;
}
.pop7-cont .pop-tit {
  width: 3.52rem;
  height: 0.42rem;
  margin: 0 auto;
  background-position: -10.67rem -7.53rem;
}
.pop7-cont .com-txt {
  height: 1rem;
  margin-top: 0.13rem;
}
.pop7-cont .btn-true {
  margin-top: 0.16rem;
}

.pop10-cont {
  width: 6.24rem;
  height: 3.64rem;
  background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/pop1.png");
  padding-top: 0.64rem;
}
.pop10-cont .pop-tit {
  width: 5.23rem;
  height: 0.42rem;
  margin: 0 auto;
  background-position: -5.29rem -7.11rem;
}
.pop10-cont .text {
  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;
  height: 1rem;
  padding: 0 0.2rem;
  line-height: 0.26rem;
  font-size: 0.24rem;
  text-align: center;
  margin-top: 0.13rem;
}
.pop10-cont .btn-come {
  display: block;
  width: 2.82rem;
  height: 0.66rem;
  margin: 0.16rem auto 0;
  background-position: -15.8rem -6.59rem;
}

.pop11-cont {
  width: 6.86rem;
  height: 8rem;
}

@media all and (orientation: landscape) {
  html,
  body {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
  }
  html::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #333;
    z-index: 99999;
  }
  html::after {
    content: "为了更好的体验，请将手机竖过来";
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    height: 30px;
    width: 100%;
    margin-top: 50px;
    z-index: 99999;
  }
  body::before {
    content: "";
    position: absolute;
    z-index: 99999;
    height: 200px;
    width: 100px;
    left: 50%;
    top: 50%;
    margin: -140px 0 0 -50px;
    color: #fff;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px auto;
    -webkit-transform: rotateZ(-90deg);
  }
  #popVideo2 {
    opacity: 0;
    clip-path: circle(0% at 50% 50%);
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    pointer-events: none;
  }
  #popVideo2 .video-box {
    position: relative;
    width: auto;
    height: 100%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  #popVideo2 .video-box video {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    height: 100%;
    width: auto;
  }
  #popVideo2.show {
    opacity: 1;
    pointer-events: all;
    clip-path: circle(100% at 50% 50%);
  }
  #popVideo2 .close-btn {
    position: absolute;
    top: 0.24rem;
    left: 0.24rem;
    right: auto;
    z-index: 999;
    width: 0.39rem;
    height: 0.39rem;
    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2);
    background-image: url("//game.gtimg.cn/images/thefinals/cp/web202507/m/close.png");
  }
}