@charset "UTF-8";
/* ==============VARIABLES START============== */
/* ==============VARIABLES END============== */
/* ==============MIXIN START============== */
.sec5, .sec3, .sec2, .sec1, .wrap .title5, .wrap .title4, .wrap .title3, .wrap .title2, .wrap .title1, .wrap {
  margin: 0 auto;
}

/* ==============MIXIN END============== */
/* ==============FONT START============== */
@font-face {
  font-family: "dinnext";
  src: url("//game.gtimg.cn/images/gp/web202411/fonts/dinnext.ttf") format("ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "lpl";
  src: url("//game.gtimg.cn/images/gp/web202411/fonts/lpl.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}
/* ==============FONT END============== */
/* ==============RESET START============== */
:root {
  --pointColor: #00bae2;
}

/* ==============RESET START============== */
body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
header,
section,
article,
footer {
  margin: 0;
}

body,
button,
input,
select,
textarea {
  font: 12px/1.5 tahoma, "徽�雅黑", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

em,
b {
  font-style: normal;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  -webkit-filter: brightness(1.2);
  -o-filter: brightness(1.2);
  -moz-filter: brightness(1.2);
  filter: brightness(1.2);
}

img {
  border: 0;
}

/* body{padding-top:42px} */
button,
input,
select,
textarea {
  font-size: 100%;
  outline: none;
}

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

td,
th,
ul,
ol {
  padding: 0;
}

ul,
li {
  list-style: none;
}

#afooter {
  position: relative;
  padding: 1.5625vw 0;
  text-align: center;
  font: normal 0.625vw/0.9896vw Tahoma;
  z-index: 10;
  background-color: #000000;
  margin-top: -0.0521vw;
}

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

#gp-foot {
  position: relative;
  margin: -1px auto 0 !important;
  width: 100%;
  height: 2.26rem;
}

#gp-foot .main {
  margin: 0 auto;
  width: 100%;
  height: auto;
}

#gp-foot .main .foot {
  background: #fff;
  color: #000;
  font: 0.16rem/1.4 "徽�雅黑", "宋体";
  min-width: 10.5rem;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

#gp-foot .foot_ieg_logo {
  float: left;
  width: 1.8rem;
  height: 0.35rem;
  text-indent: -999em;
  overflow: hidden;
  margin: 0.1rem 0 0 0.3rem;
  background: url(//game.gtimg.cn/images/js/2018foot/logo/foot-light.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-filter: brightness(8);
          filter: brightness(8);
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

#gp-foot .foot_left {
  float: left;
  text-indent: -999em;
  overflow: hidden;
  margin: 0.1rem 0 0 0.5rem;
  width: 0.85rem;
  height: 0.35rem;
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}

.footer-box {
  color: #fff;
}

.footer-box .foot_cpright {
  width: 14rem !important;
  margin: 0 auto;
  color: #fff;
  padding: 0.4rem 0.2rem 0.7rem;
}

.footer-box .foot_links {
  width: 8.6rem !important;
}

.footer-box .foot_links .link_map span, .footer-box .foot_links .link_map a, .footer-box .foot_dark a {
  color: #fff !important;
  font-size: 0.16rem !important;
  line-height: 1.4 !important;
}

.footer-box .foot_cpright .logo1 {
  width: auto;
  height: auto;
}

.footer-box .foot_cpright .logo1 img {
  display: block;
  background-size: 100% 100%;
  width: 100%;
  height: auto;
}

.foot_links li {
  line-height: 1.4 !important;
  overflow: hidden;
  margin-bottom: 0.03rem;
}

.footer-box .foot-dark {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 5rem;
}

.foot_links .copyright_txt {
  font-size: 0.16rem !important;
  line-height: 1.4 !important;
}

.foot_bottom {
  position: absolute;
  top: 1.2rem;
  left: 0.94rem;
  color: #fff;
  width: 4.2rem;
  float: right;
  text-align: left;
  padding-bottom: 0.2rem;
}

.foot-dark .foot_bottom {
  font-size: 0.16rem !important;
  line-height: 1.4 !important;
}

.foot-dark .foot_bottom p em {
  padding-right: 0.03rem;
}

.center {
  margin: 0 auto;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.clearfix {
  zoom: 1;
}

* {
  margin: 0;
  padding: 0;
}

/* login */
.login {
  font-size: 14px;
  color: #f5f0e6;
  text-align: center;
  margin: 40px 0 25px;
}

.login > a {
  color: #eecc83;
  text-decoration: underline;
}

html, body {
  font-size: 100px;
  font-size: 1rem;
  background: #000;
}

.swiper-button-next::after, .swiper-button-prev::after {
  content: "";
  display: none !important;
}

/* ==============RESET END============== */
/* ============== NENU START ============*/
.side_nav {
  position: fixed;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3.03rem;
  height: 4.52rem;
  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-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  z-index: 100;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.side_nav.hide {
  right: -2.66rem;
}
.side_nav .nav-show {
  display: block;
  background-image: url(//game.gtimg.cn/images/gp/web202411/side-nav-show-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.38rem;
  height: 1.7rem;
  font-family: "Microsoft YaHei";
  font-size: 0.18rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.22rem;
  color: #b0b0b0;
  text-align: center;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.63rem 0.1rem;
  cursor: pointer;
}
.side_nav .nav-list {
  display: block;
  background-image: url(//game.gtimg.cn/images/gp/web202411/side-nav-list-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.66rem;
  height: 4.52rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.38rem 0.12rem;
}
.side_nav .nav-list .nav-item {
  position: relative;
  width: 100%;
  height: 0.56rem;
  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-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.side_nav .nav-list .nav-item:hover, .side_nav .nav-list .nav-item.active {
  height: 0.6rem;
}
.side_nav .nav-list .nav-item:hover .nav-it-bg, .side_nav .nav-list .nav-item.active .nav-it-bg {
  display: block;
}
.side_nav .nav-list .nav-item:hover p.txt, .side_nav .nav-list .nav-item.active p.txt {
  font-size: 0.3rem;
  color: #f2ac00;
  line-height: 0.6rem;
}
.side_nav .nav-list .nav-item p.txt {
  font-family: "Microsoft YaHei";
  font-size: 0.22rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.54rem;
  color: #cecdcd;
  text-align: center;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.side_nav .nav-list .nav-item .nav-it-bg {
  display: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/side-nav-item-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.41rem;
  height: 0.28rem;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation: transY 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05);
          animation: transY 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05);
}
@-webkit-keyframes transY {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes transY {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.side_nav .side-download {
  display: block;
  font-size: 0;
  position: absolute;
  top: auto;
  right: 0.16rem;
  bottom: 0.46rem;
  left: auto;
  -webkit-transform: none;
  transform: none;
  z-index: 3;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-image: url(//game.gtimg.cn/images/gp/web202411/side-nav-download.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.32rem;
  height: 0.56rem;
}

/* ============== NENU END ============*/
/* ============== keyframes ============*/
@-webkit-keyframes scaleImg {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scaleImg {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes muouseMove {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes muouseMove {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes upAni {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30vh);
            transform: translateY(30vh);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes upAni {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30vh);
            transform: translateY(30vh);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes rightIn {
  0% {
    -webkit-transform: translateX(0.8rem);
    transform: translateX(0.8rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes rightIn {
  0% {
    -webkit-transform: translateX(0.8rem);
    transform: translateX(0.8rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes rightOut {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-0.8rem);
    transform: translateX(-0.8rem);
    opacity: 0;
  }
}
@keyframes rightOut {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-0.8rem);
    transform: translateX(-0.8rem);
    opacity: 0;
  }
}
@-webkit-keyframes AniUpIn {
  0% {
    -webkit-transform: translateY(1.8rem);
    transform: translateY(1.8rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes AniUpIn {
  0% {
    -webkit-transform: translateY(1.8rem);
    transform: translateY(1.8rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes moveLeftRight {
  0% {
    -webkit-transform: translateX(-0.1rem);
            transform: translateX(-0.1rem);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes moveLeftRight {
  0% {
    -webkit-transform: translateX(-0.1rem);
            transform: translateX(-0.1rem);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.fadeInTxt {
  -webkit-animation: AniUpIn 1 0.5s 0s ease-in-out forwards;
          animation: AniUpIn 1 0.5s 0s ease-in-out forwards;
}

@-webkit-keyframes AniUpOut {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-0.8rem);
    transform: translateY(-0.8rem);
    opacity: 0;
  }
}

@keyframes AniUpOut {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-0.8rem);
    transform: translateY(-0.8rem);
    opacity: 0;
  }
}
.fadeOutTxt {
  -webkit-animation: AniUpOut 1 0.5s 0s ease-in-out forwards;
          animation: AniUpOut 1 0.5s 0s ease-in-out forwards;
}

@-webkit-keyframes jlTit {
  0% {
    background-position: 0 0;
  }
  34% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 100%;
  }
}

@keyframes jlTit {
  0% {
    background-position: 0 0;
  }
  34% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 100%;
  }
}
@-webkit-keyframes navAni {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 100%;
  }
}
@keyframes navAni {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 100%;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes breath {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes breath {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes blinkAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blinkAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slideUp {
  from {
    bottom: -270px;
  }
  to {
    bottom: 0;
  }
}
@keyframes slideUp {
  from {
    bottom: -270px;
  }
  to {
    bottom: 0;
  }
}
@-webkit-keyframes ripple {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes ripple {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes moveDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes moveDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/* 添加�? css/index.css 文件朰� */
.fade-in {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}

.fade-in.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* 为不同section添加过渡延迟 */
.sec2 .fade-in {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.sec3 .fade-in {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.sec4 .fade-in {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.sec5 .fade-in {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.official-info-box {
  -webkit-animation: fadeIn 0.4s 0.1s;
          animation: fadeIn 0.4s 0.1s;
}
.official-info-box.up-text {
  -webkit-animation: AniUpIn 0.45s 0.6s;
          animation: AniUpIn 0.45s 0.6s;
}

.sec2-video-center {
  -webkit-animation: fadeIn 0.6s 0.1s;
          animation: fadeIn 0.6s 0.1s;
}
.sec2-video-center.up-text {
  -webkit-animation: AniUpIn 0.55s 0.6s;
          animation: AniUpIn 0.55s 0.6s;
}

/* ==============POP START============== */
.dialog {
  outline: none;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-left: 0 !important;
  margin-top: 0 !important;
}
.dialog .dia-con {
  position: relative;
  background-image: url(100%);
  background-repeat: auto;
  background-size: cover;
  width: auto;
  height: auto;
}
.dialog .dia-con .dia-box {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.dialog .dia-close {
  display: block;
  position: absolute;
  top: 0.14rem;
  right: 0.14rem;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/dia-close.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.4rem;
  height: 0.4rem;
}
.dialog.dia-config-info {
  width: 12.93rem;
  height: 4.91rem;
}
.dialog.dia-config-info .dia-con img {
  display: block;
  width: 12.93rem;
  height: 4.91rem;
  margin: 0 auto;
}
.dialog.dia-download-info {
  background-image: url(//game.gtimg.cn/images/gp/web202411/dia-bg2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 14.54rem;
  height: 3.72rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.76rem 0.8rem 0.45rem 0.79rem;
}
.dialog.dia-download-info .dia-con {
  width: 100%;
  height: 100%;
}
.dialog.dia-download-info .dia-con .dia-box {
  margin: 0 auto 0;
  width: 10.08rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  opacity: 0;
}
.dialog.dia-download-info .dia-con .dia-box a {
  display: block;
  font-size: 0;
}
.dialog.dia-download-info .dia-con .dia-box .down-item1 {
  width: 9.46rem;
  height: 1.86rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.dialog.dia-download-info .dia-con .dia-box .down-item1 .link_gqmnq {
  font-size: 0;
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-gqmnq-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 4.1rem;
  height: 1.85rem;
}
.dialog.dia-download-info .dia-con .dia-box .down-item1 .mnq-box {
  margin-left: 0.09rem;
  margin-right: 0.16rem;
  width: 2.55rem;
  height: auto;
}
.dialog.dia-download-info .dia-con .dia-box .down-item1 .mnq-box .link_wegame_s {
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-wegame-bg.png?v=20250624);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.55rem;
  height: 0.86rem;
}
.dialog.dia-download-info .dia-con .dia-box .down-item1 .mnq-box .link_wegame_s:hover {
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-wegame-bg-hover.png?v=20250624);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.55rem;
  height: 0.86rem;
}
.dialog.dia-download-info .dia-con .dia-box .down-item1 .mnq-box .link_yyb_s {
  margin-top: 0.11rem;
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-yyb-bg.png?v=20250624);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.55rem;
  height: 0.86rem;
}
.dialog.dia-download-info .dia-con .dia-box .down-item1 .mnq-box .link_yyb_s:hover {
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-yyb-bg-hover.png?v=20250624);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.55rem;
  height: 0.86rem;
}
.dialog.dia-download-info .dia-con .dia-box .down-item1 .dwonload-qr-code {
  display: none !important;
  width: 1.82rem;
  height: 1.82rem;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.04rem 0.04rem;
  margin-right: 0.15rem;
}
.dialog.dia-download-info .dia-con .dia-box .down-item1 .dwonload-qr-code img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dialog.dia-download-info .dia-con .dia-box .down-item1 .down-mobile {
  width: 2.55rem;
  height: auto;
}
.dialog.dia-download-info .dia-con .dia-box .down-item1 .down-mobile a {
  display: block;
  font-size: 0;
}
.dialog.dia-download-info .dia-con .dia-box .down-item1 .down-mobile .btn-download-iphone {
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-iphone-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.55rem;
  height: 0.86rem;
}
.dialog.dia-download-info .dia-con .dia-box .down-item1 .down-mobile .btn-download-iphone:hover {
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-iphone-bg-hover.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.55rem;
  height: 0.86rem;
}
.dialog.dia-download-info .dia-con .dia-box .down-item1 .down-mobile .btn-download-androide {
  margin-top: 0.07rem;
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-android-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.55rem;
  height: 0.86rem;
}
.dialog.dia-download-info .dia-con .dia-box .down-item1 .down-mobile .btn-download-androide:hover {
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-android-bg-hover.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.55rem;
  height: 0.86rem;
}
.dialog.dia-download-info .dia-con .dia-box .down-item2 {
  margin-right: 0.11rem;
  width: 0.51rem;
  height: auto;
  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-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.dialog.dia-download-info .dia-con .dia-box .down-item2 .icon-pz-lf {
  display: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-pz-lf-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.59rem;
  height: 0.05rem;
}
.dialog.dia-download-info .dia-con .dia-box .down-item2 .side_mnqpz {
  font-size: 0;
  display: block;
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-pz-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.51rem;
  height: 1.86rem;
}
.dialog.dia-download-info .dia-con .dia-box .down-item2 .icon-pz-rg {
  display: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-pz-lf-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.59rem;
  height: 0.05rem;
}
.dialog .dia-bg5 {
  background-image: url(//game.gtimg.cn/images/gp/web202411/dia-bg3.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 14.54rem;
  height: 5.22rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.8rem 1.06rem 0.64rem;
}
.dialog .dia-bg5 .dia-box .pop-tit {
  margin: 0 auto;
}
.dialog .dia-bg5 .dia-box .usual-box {
  margin: 0 auto 0;
  width: 100%;
  height: auto;
  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-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.dialog .dia-bg5 .dia-box .usual-box .usual-txt {
  font-family: "Microsoft YaHei";
  font-size: 0.16rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.24rem;
  color: #ececec;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.dialog .dia-bg2 {
  background-image: url(//game.gtimg.cn/images/gp/web202411/dia-bg3.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 14.54rem;
  height: 5.22rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.8rem 1.06rem 0.64rem;
}
.dialog .dia-bg2 .hint-box {
  font-family: "Microsoft YaHei";
  font-size: 0.16rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.24rem;
  color: #ececec;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.dialog .dia-bg2 .hint-desc {
  width: 100%;
}
.dialog .dia-bg2 .hint-desc:not(:last-child) {
  margin-bottom: 0.24rem;
}

.dia-video {
  width: 11.88rem;
  height: 6.24rem;
  border: 1px solid #979797;
}
.dia-video .dia-con {
  width: 11.88rem;
  height: 6.24rem;
}
.dia-video .dia-video-container {
  width: 100%;
  height: 100%;
}
.dia-video .dia-close {
  position: absolute;
  top: 0;
  right: -0.54rem;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
}

/* ==============POP END============== */
/* ==============PAGE MAIN STYLE START============== */
.wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 75.2rem;
  background-image: url(//game.gtimg.cn/images/gp/web202411/bg1_1216.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  background-origin: initial;
  background-clip: initial;
  -webkit-background-clip: initial;
  background-attachment: initial;
  background-color: #000;
}
.wrap .section {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.wrap .section .main {
  position: relative;
  margin: 0 auto;
  z-index: 2;
}
.wrap .gs_reveal {
  opacity: 0;
  visibility: hidden;
  will-change: transform, opacity;
}
.wrap .title1 {
  background-image: url(//game.gtimg.cn/images/gp/web202411/title1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 3.68rem;
  height: 0.55rem;
}
.wrap .title2 {
  background-image: url(//game.gtimg.cn/images/gp/web202411/title2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 4.52rem;
  height: 0.55rem;
}
.wrap .title3 {
  background-image: url(//game.gtimg.cn/images/gp/web202411/title3-1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 9.21rem;
  height: 0.55rem;
}
.wrap .title4 {
  background-image: url(//game.gtimg.cn/images/gp/web202411/title4.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 5.37rem;
  height: 0.55rem;
}
.wrap .title5 {
  background-image: url(//game.gtimg.cn/images/gp/web202411/title5.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 7.01rem;
  height: 0.87rem;
}
.wrap .b-color {
  color: #e8c055;
}

.sec1 {
  width: 100%;
  height: 14.08rem;
}
.sec1 .main {
  height: 100%;
}
.sec1 .kv-box {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  padding-top: 7.08rem;
  width: 100%;
  height: auto;
}
.sec1 .kv-box .slogan {
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/gp/web202411/new0327/kv-slogan.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 14.11rem;
  height: 3.02rem;
  opacity: 0;
}
.sec1 .kv-box .download-box {
  margin: 0.35rem auto 0;
  margin-left:9rem;
  width:8.5rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  opacity: 0;
}
.sec1 .kv-box .download-box a {
  display: block;
  font-size: 0;
}
.sec1 .kv-box .download-box .down-item1 {
  width: 8.5rem;
  height: 1.86rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.sec1 .kv-box .download-box .down-item1 .link_gqmnq {
  font-size: 0;
  background-image: url(http://cs.fanbu.fan/fbf-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 4.1rem;
  height: 1.85rem;
}
.sec1 .kv-box .download-box .down-item1 .mnq-box {
  margin-left: 0.09rem;
  margin-right: 0.16rem;
  width: 4.1rem;
  height: auto;
}
.sec1 .kv-box .download-box .down-item1 .mnq-box .link_wegame_s {
  background-image: url(http://cs.fanbu.fan/Cos-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
   width: 4.1rem;
  height: 0.86rem;
}
.sec1 .kv-box .download-box .down-item1 .mnq-box .link_wegame_s:hover {
  background-image: url(http://cs.fanbu.fan/Cos-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
   width: 4.1rem;
  height: 0.86rem;
}
.sec1 .kv-box .download-box .down-item1 .mnq-box .link_yyb_s {
  margin-top: 0.11rem;
  background-image: url(http://cs.fanbu.fan/chunyu-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
    width: 4.1rem;
  height: 0.86rem;
}
.sec1 .kv-box .download-box .down-item1 .mnq-box .link_yyb_s:hover {
  background-image: url(http://cs.fanbu.fan/chunyu-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
    width: 4.1rem;
  height: 0.86rem;
}
.sec1 .kv-box .download-box .down-item1 .dwonload-qr-code {

  width: 1.82rem;
  height: 1.82rem;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;


}
.sec1 .kv-box .download-box .down-item1 .dwonload-qr-code img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec1 .kv-box .download-box .down-item1 .down-mobile {
  width: 2.55rem;
  height: auto;
}
.sec1 .kv-box .download-box .down-item1 .down-mobile a {
  display: block;
  font-size: 0;
}
.sec1 .kv-box .download-box .down-item1 .down-mobile .btn-download-iphone {
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-iphone-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.55rem;
  height: 0.86rem;
}
.sec1 .kv-box .download-box .down-item1 .down-mobile .btn-download-iphone:hover {
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-iphone-bg-hover.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.55rem;
  height: 0.86rem;
}
.sec1 .kv-box .download-box .down-item1 .down-mobile .btn-download-androide {
  margin-top: 0.11rem;
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-android-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.55rem;
  height: 0.86rem;
}
.sec1 .kv-box .download-box .down-item1 .down-mobile .btn-download-androide:hover {
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-android-bg-hover.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.55rem;
  height: 0.86rem;
}
.sec1 .kv-box .download-box .down-item2 {
  margin-right: 0.11rem;
  width: 0.51rem;
  height: auto;
  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-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.sec1 .kv-box .download-box .down-item2 .icon-pz-lf {
  display: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-pz-lf-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.59rem;
  height: 0.05rem;
}
.sec1 .kv-box .download-box .down-item2 .side_mnqpz {
  font-size: 0;
  display: block;
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-pz-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.51rem;
  height: 1.86rem;
}
.sec1 .kv-box .download-box .down-item2 .icon-pz-rg {
  display: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-pz-lf-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.59rem;
  height: 0.05rem;
}
.sec1 .kv-box .year-hint {
  display: block;
  font-size: 0;
  position: absolute;
  top: 1.86rem;
  right: 0.46rem;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-year.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.67rem;
  height: 0.86rem;
  z-index: 10;
}
.sec1 .kv-bg {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  -webkit-transform: none;
  transform: none;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.sec1 .kv-bg::after {
  content: "";
  position: absolute;
  top: auto;
  right: auto;
  bottom: -1px;
  left: 0;
  -webkit-transform: none;
  transform: none;
  pointer-events: none;
  display: block;
  z-index: 3;
  background-image: url(//game.gtimg.cn/images/gp/web202411/kv-mask.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 10.21rem;
}
.sec1 .kv-bg video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
}

.sec2 {
  width: 100%;
  height: 21rem;
}
.sec2 .main {
  width: 21.34rem;
  margin-left: 2.68rem !important;
}
.sec2 .official-info-box {
  position: relative;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.sec2 .official-info-box .info-lf-list {
  position: relative;
  overflow: hidden;
  width: 11.68rem;
  height: 5.82rem;
}
.sec2 .official-info-box .info-lf-list .sec2-swiper-info {
  position: relative;
  margin: 0 auto;
  width: 10.68rem;
  height: 5.82rem;
}
.sec2 .official-info-box .info-lf-list .sec2-swiper-info .swiper-wrapper .swiper-slide {
  opacity: 0;
}
.sec2 .official-info-box .info-lf-list .sec2-swiper-info .swiper-wrapper .swiper-slide .info-link:hover::after {
  border-color: #f2aa00;
}
.sec2 .official-info-box .info-lf-list .sec2-swiper-info .swiper-wrapper .swiper-slide .info-link:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.sec2 .official-info-box .info-lf-list .sec2-swiper-info .swiper-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.sec2 .official-info-box .info-lf-list .sec2-swiper-info .info-link {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 4.98rem;
}
.sec2 .official-info-box .info-lf-list .sec2-swiper-info .info-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  -webkit-transition: -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sec2 .official-info-box .info-lf-list .sec2-swiper-info .info-link img {
  display: block;
  margin: 0 auto;
  width: 10.68rem;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  -o-object-fit: inherit;
     object-fit: inherit;
}
.sec2 .official-info-box .info-lf-list .sec2-swiper-info .info-body {
  position: relative;
  width: 100%;
  height: 0.84rem;
  background-color: #23252b;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.18rem 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.sec2 .official-info-box .info-lf-list .sec2-swiper-info .info-body .info-icon {
  display: block;
  width: 0.04rem;
  height: 0.04rem;
  background-color: #e79e0c;
  margin-right: 0.2rem;
}
.sec2 .official-info-box .info-lf-list .sec2-swiper-info .info-body .info-name {
  width: 8.34rem;
  height: auto;
  font-family: "Microsoft YaHei";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.1;
  color: #ffffff;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  position: relative;
}
.sec2 .official-info-box .info-lf-list .sec2-info-pagin {
  position: absolute;
  top: auto;
  right: 0.8rem;
  bottom: 0.4rem;
  left: auto;
  -webkit-transform: none;
  transform: none;
  width: auto;
  height: auto;
  min-width: 1.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.sec2 .official-info-box .info-lf-list .sec2-info-pagin .swiper-pagination-bullet {
  width: 0.16rem;
  height: 0.04rem;
  background-color: #7d7d7d;
  border-radius: 0px;
  opacity: 1;
}
.sec2 .official-info-box .info-lf-list .sec2-info-pagin .swiper-pagination-bullet:not(:last-child) {
  margin-right: 0.12rem;
}
.sec2 .official-info-box .info-lf-list .sec2-info-pagin .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.56rem;
  height: 0.04rem;
  background-color: #f3a70e;
}
.sec2 .official-info-box .info-lf-list .sec2-prev1 {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: -0.02rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec2-prev-hover.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.51rem;
  height: 1.68rem;
  margin: 0;
  z-index: 10;
}
.sec2 .official-info-box .info-lf-list .sec2-prev1.swiper-button-disabled {
  opacity: 1;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec2-prev.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.51rem;
  height: 1.68rem;
}
.sec2 .official-info-box .info-lf-list .sec2-next1 {
  position: absolute;
  top: 50%;
  right: -0.02rem;
  bottom: auto;
  left: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec2-next-hover.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.51rem;
  height: 1.68rem;
  margin: 0;
  z-index: 10;
}
.sec2 .official-info-box .info-lf-list .sec2-next1.swiper-button-disabled {
  opacity: 1;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec2-next.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.51rem;
  height: 1.68rem;
}
.sec2 .official-info-box .info-rg-box {
  position: relative;
  width: 9.5rem;
  height: 5.82rem;
}
.sec2 .official-info-box .info-rg-box .sec2-sub-info-link {
  width: 100%;
  height: 0.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
}
.sec2 .official-info-box .info-rg-box .sec2-sub-info-link .sec2-sub-icon1 {
  display: block;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec2-sub-icon1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.28rem;
  height: 0.28rem;
  margin-right: 0.38rem;
  margin-top: 0.08rem;
}
.sec2 .official-info-box .info-rg-box .sec2-sub-info-link .sec2-sub-text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 7.22rem;
  height: auto;
  font-family: "Microsoft YaHei";
  font-size: 0.36rem;
  font-weight: bold;
  font-style: normal;
  line-height: 1.1;
  color: #e79e0c;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  position: relative;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab {
  width: 100%;
  height: 4.78rem;
  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-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-head {
  width: 1.62rem;
  height: 100%;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-head .sec2-info-head-item {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.38rem;
  width: 100%;
  height: 0.5rem;
  font-family: "Microsoft YaHei";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.5rem;
  color: #898989;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-head .sec2-info-head-item.active {
  width: 100%;
  height: 0.7rem;
  font-size: 0.4rem;
  color: #f2aa00;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body {
  position: relative;
  overflow: hidden;
  width: 7.86rem;
  height: 100%;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: none;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list.flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list .sec2-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background: #1b1b1b;
  width: 100%;
  height: 0.64rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.34rem;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list .sec2-info-item:not(:last-child) {
  margin-bottom: 0.04rem;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list .sec2-info-item:hover {
  background: -webkit-gradient(linear, left top, right top, from(#1d1c1b), color-stop(#6b4e15), to(#aa7710));
  background: linear-gradient(to right, #1d1c1b, #6b4e15, #aa7710);
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list .sec2-info-item:hover .sec2-info-tag {
  background: #f2aa00;
  border: 0.02rem solid #f2aa00;
  color: #020202;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list .sec2-info-item:hover .sec2-info-body-text {
  color: #e6e6e6;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list .sec2-info-item:hover .sec2-info-rg-go .sec2-info-rg-icon {
  display: block;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list .sec2-info-item:hover .sec2-info-rg-go .sec2-info-time-text {
  display: none;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list .sec2-info-item .sec2-info-tag {
  border: 0.02rem solid #f2aa52;
  border-radius: 0.04rem;
  font-family: "Microsoft YaHei";
  font-size: 0.16rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.26rem;
  color: #e9a400;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.04rem;
  max-width: 0.86rem;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list .sec2-info-item .sec2-info-rg {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0.26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list .sec2-info-item .sec2-info-body-text {
  margin-right: 1.26rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Microsoft YaHei";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.64rem;
  color: #b6b3b3;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  width: 4.28rem;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list .sec2-info-item .sec2-info-rg-go {
  position: relative;
  width: 0.6rem;
  height: auto;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list .sec2-info-item .sec2-info-rg-go .sec2-info-rg-icon {
  display: none;
  margin: 0 auto;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec2-info-rg-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.5rem;
  height: 0.17rem;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list .sec2-info-item .sec2-info-rg-go .sec2-info-time-text {
  display: block;
  margin: 0 auto;
  font-family: "Microsoft YaHei";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.1;
  color: #8c8c8c;
  text-align: center;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list2, .sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list3, .sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list4, .sec2 .official-info-box .info-rg-box .sec2-info-tab .sec2-info-body .sec2-info-list5 {
  display: none;
}
.sec2 .official-info-box .info-rg-box .sec2-more-info-link {
  margin-top: 0.26rem;
  width: 7.82rem;
  height: 0.7rem;
  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-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border: 2px solid #747474;
}
.sec2 .official-info-box .info-rg-box .sec2-more-info-link:hover {
  background-color: #e79e0c;
  border: 2px solid #e79e0c;
  -webkit-animation: background-color 0.3s cubic-bezier(0.47, -0.01, 0.49, 0.9);
          animation: background-color 0.3s cubic-bezier(0.47, -0.01, 0.49, 0.9);
}
.sec2 .official-info-box .info-rg-box .sec2-more-info-link:hover .sec2-sub-icon2 {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.sec2 .official-info-box .info-rg-box .sec2-more-info-link:hover .sec2-more-text {
  color: #000;
}
.sec2 .official-info-box .info-rg-box .sec2-more-info-link .sec2-sub-icon2 {
  display: block;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec2-sub-icon2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.17rem;
  height: 0.17rem;
  margin-right: 0.26rem;
}
.sec2 .official-info-box .info-rg-box .sec2-more-info-link .sec2-more-text {
  display: block;
  font-family: "Microsoft YaHei";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.1;
  color: #989898;
  text-align: center;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  position: relative;
}
.sec2 .sec2-version-optimization {
  margin-top: 1.18rem;
  position: relative;
  margin-left: 0.51rem;
  padding-top: 1.07rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 19.2rem;
  height: auto;
}
.sec2 .sec2-version-optimization .sec2-sub-title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 0.58rem;
  font-family: "Microsoft YaHei";
  font-size: 0.54rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.1;
  color: #ffffff;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  -webkit-transform: none;
  transform: none;
}
.sec2 .sec2-version-optimization .sec2-more-version-link {
  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-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 2.46rem;
  height: 0.58rem;
  background: #2e2f31;
  position: absolute;
  top: 0.06rem;
  right: 0;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
}
.sec2 .sec2-version-optimization .sec2-more-version-link:hover {
  background-color: #e79e0c;
  -webkit-animation: background-color 0.3s cubic-bezier(0.47, -0.01, 0.49, 0.9);
          animation: background-color 0.3s cubic-bezier(0.47, -0.01, 0.49, 0.9);
}
.sec2 .sec2-version-optimization .sec2-more-version-link:hover .sec2-sub-icon3 {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.sec2 .sec2-version-optimization .sec2-more-version-link:hover .sec2-more-text {
  color: #000;
}
.sec2 .sec2-version-optimization .sec2-more-version-link .sec2-sub-icon3 {
  display: block;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec2-sub-icon2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.17rem;
  height: 0.17rem;
  margin-right: 0.26rem;
}
.sec2 .sec2-version-optimization .sec2-more-version-link .sec2-more-text {
  display: block;
  white-space: nowrap;
  font-family: "Microsoft YaHei";
  font-size: 0.21rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.1;
  color: #acacac;
  text-align: center;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec2 .sec2-version-optimization .sec2-version-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item {
  width: 6.14rem;
  height: 4.35rem;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item:not(:nth-child(1)) {
  margin-left: 0.48rem;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item.text .sec2-version-top {
  padding-top: 0.97rem;
  background: url("//game.gtimg.cn/images/gp/web202411/sec2-version-bg1.png") no-repeat;
  background-size: 100% 100%;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item.text .sec2-version-top .sec2-version-tit {
  width: 5.02rem;
  height: 0.33rem;
  font-family: "Microsoft YaHei";
  font-size: 0.3rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.33rem;
  color: #e1e1e1;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  margin-left: 0.45rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item.text .sec2-version-top .sec2-version-text {
  width: 5.02rem;
  height: 1.44rem;
  font-family: "Microsoft YaHei";
  font-size: 0.22rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.36rem;
  color: #b2b2b2;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  margin-left: 0.45rem;
  margin-top: 0.17rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item.picture .sec2-version-top {
  position: relative;
  z-index: 0;
  padding-top: 2.1rem;
  overflow: hidden;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item.picture .sec2-version-top .sec2-version-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item.picture .sec2-version-top .sec2-version-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item.picture .sec2-version-top .sec2-version-tit {
  width: 5.02rem;
  height: 0.33rem;
  font-family: "Microsoft YaHei";
  font-size: 0.3rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.33rem;
  color: #e1e1e1;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  margin-left: 0.45rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item.picture .sec2-version-top .sec2-version-text {
  width: 5.02rem;
  height: 0.36rem;
  font-family: "Microsoft YaHei";
  font-size: 0.22rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.36rem;
  color: #b2b2b2;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  margin-left: 0.45rem;
  margin-top: 0.1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item.picture .sec2-version-top .sec2-version-time {
  margin-top: 0.18rem;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item.picture .sec2-version-top .sec2-version-time span {
  color: #b2b2b2;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item:hover .sec2-version-top {
  border: 1px solid #f2aa00;
  border-bottom: 0px solid transparent;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item:hover .sec2-version-top .sec2-version-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item:hover .sec2-version-more {
  background-color: #f2aa00;
  border: 1px solid #f2aa00;
  border-bottom: 0px solid transparent;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item:hover .sec2-version-more span {
  color: #000000;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item:hover .sec2-version-more .icon-arrow-right {
  background-image: url("//game.gtimg.cn/images/gp/web202411/sec5-more-stroy-icon.png");
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item .sec2-version-top {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 6.14rem;
  height: 3.57rem;
  border: 1px solid transparent;
  border-bottom: 0px solid transparent;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item .sec2-version-top .sec2-version-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.45rem;
  margin-top: 0.15rem;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item .sec2-version-top .sec2-version-time .icon-clock {
  width: 0.16rem;
  height: 0.17rem;
  background: url("//game.gtimg.cn/images/gp/web202411/sec2-vd-update-icon.png") no-repeat;
  background-size: 100% 100%;
  margin-right: 0.14rem;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item .sec2-version-top .sec2-version-time span {
  font-family: "Microsoft YaHei";
  font-size: 0.19rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.1;
  color: #838383;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item .sec2-version-top .new-label {
  position: absolute;
  top: 0.18rem;
  left: 0.45rem;
  width: 0.81rem;
  height: 0.28rem;
  background-color: #f2aa00;
  border-radius: 0.04rem;
  font-family: "Microsoft YaHei";
  font-size: 0.16rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.28rem;
  color: #020202;
  text-align: center;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  text-transform: uppercase;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item .sec2-version-more {
  width: 100%;
  height: 0.78rem;
  background-color: #23252b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.45rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 0.13rem), calc(100% - 0.13rem) 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 0.13rem), calc(100% - 0.13rem) 100%, 0% 100%);
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item .sec2-version-more span {
  font-family: "Microsoft YaHei";
  font-size: 0.22rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.1;
  color: #b2b2b2;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  margin-right: 0.37rem;
}
.sec2 .sec2-version-optimization .sec2-version-list .sec2-version-item .sec2-version-more .icon-arrow-right {
  width: 0.5rem;
  height: 0.16rem;
  background: url("//game.gtimg.cn/images/gp/web202411/icon-arrow-right1.png") no-repeat;
  background-size: 100% 100%;
}
.sec2 .sec2-video-center {
  margin-top: 0.92rem;
  position: relative;
  margin-left: 0.51rem;
  width: 19.2rem;
  height: auto;
}
.sec2 .sec2-video-center .sec2-sub-title {
  width: 2.82rem;
  height: 0.58rem;
  font-family: "Microsoft YaHei";
  font-size: 0.54rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.1;
  color: #ffffff;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  -webkit-transform: none;
  transform: none;
}
.sec2 .sec2-video-center .sec2-more-video-link {
  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-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 2.46rem;
  height: 0.58rem;
  background: #2e2f31;
  position: absolute;
  top: 0.06rem;
  right: 0;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
}
.sec2 .sec2-video-center .sec2-more-video-link:hover {
  background-color: #e79e0c;
  -webkit-animation: background-color 0.3s cubic-bezier(0.47, -0.01, 0.49, 0.9);
          animation: background-color 0.3s cubic-bezier(0.47, -0.01, 0.49, 0.9);
}
.sec2 .sec2-video-center .sec2-more-video-link:hover .sec2-sub-icon3 {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.sec2 .sec2-video-center .sec2-more-video-link:hover .sec2-more-text {
  color: #000;
}
.sec2 .sec2-video-center .sec2-more-video-link .sec2-sub-icon3 {
  display: block;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec2-sub-icon2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.17rem;
  height: 0.17rem;
  margin-right: 0.26rem;
}
.sec2 .sec2-video-center .sec2-more-video-link .sec2-more-text {
  display: block;
  white-space: nowrap;
  font-family: "Microsoft YaHei";
  font-size: 0.21rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.1;
  color: #acacac;
  text-align: center;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec2 .sec2-video-center .sec2-video-tab {
  position: relative;
  width: 19.2rem;
  height: auto;
  min-height: 5.04rem;
  pointer-events: none;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-head {
  margin-left: 2.82rem;
  position: relative;
  width: 6.16rem;
  height: 0.58rem;
  pointer-events: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-head::after {
  content: "";
  display: block;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  -webkit-transform: none;
  transform: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec2-video-head-line.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 6.16rem;
  height: 0.03rem;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-head .sec2-video-head-item {
  display: block;
  position: relative;
  width: 1.54rem;
  height: 0.58rem;
  z-index: 2;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-head .sec2-video-head-item.active .sec2-vd-hd-txt {
  color: #f2aa00;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-head .sec2-video-head-item.active .sec2-vd-hd-icon {
  display: block;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-head .sec2-video-head-item .sec2-vd-hd-txt {
  display: block;
  width: 100%;
  height: 0.52rem;
  font-family: "Microsoft YaHei";
  font-size: 0.22rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.52rem;
  color: #ababab;
  text-align: center;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-head .sec2-video-head-item .sec2-vd-hd-icon {
  display: none;
  width: 0.94rem;
  height: 0.04rem;
  background: #f2aa00;
  margin: 0.02rem auto 0;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body {
  pointer-events: auto;
  margin: 0.5rem auto 0;
  width: 100%;
  height: 3.95rem;
  overflow: hidden;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list {
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 3.95rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: none;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list.flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item {
  display: block;
  position: relative;
  width: 4.56rem;
  height: 3.95rem;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item:not(:nth-child(4n)) {
  margin-right: 0.32rem;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item::after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  -webkit-transform: none;
  transform: none;
  z-index: 2;
  pointer-events: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec2-vd-it-hover.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 4.55rem;
  height: 3.95rem;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item:hover::after {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item:hover .sec2-vd-info .sec2-vd-play-icon {
  display: block;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item:hover .sec2-vd-info .sec2-vd-cover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  -webkit-filter: brightness(0.6);
          filter: brightness(0.6);
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item:hover .sec2-vd-info-bottom .sec2-vd-sub-text {
  color: #fff;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item .sec2-vd-info {
  position: relative;
  width: 4.56rem;
  height: 2.56rem;
  background: #818181;
  overflow: hidden;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item .sec2-vd-info .sec2-vd-play-icon {
  display: none;
  opacity: 0;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec2-vd-play-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item .sec2-vd-info .sec2-vd-cover {
  display: block;
  position: relative;
  width: 4.56rem;
  height: 2.56rem;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item .sec2-vd-info-bottom {
  position: relative;
  overflow: hidden;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec2-vd-info-bottom-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 4.55rem;
  height: 1.38rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.2rem 0.34rem;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item .sec2-vd-info-bottom .sec2-vd-sub-text {
  font-family: "Microsoft YaHei";
  font-size: 0.22rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.28rem;
  color: #ababab;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 0.54rem;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item .sec2-vd-info-bottom .sec2-vd-info-group {
  margin: 0.22rem auto 0;
  position: relative;
  width: 100%;
  height: 0.22rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item .sec2-vd-info-bottom .sec2-vd-info-group .sec2-vd-update {
  width: 1.84rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item .sec2-vd-info-bottom .sec2-vd-info-group .sec2-vd-update .sec2-vd-update-icon {
  display: block;
  margin-right: 0.12rem;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec2-vd-update-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.16rem;
  height: 0.16rem;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item .sec2-vd-info-bottom .sec2-vd-info-group .sec2-vd-update .sec2-vd-update-time-text {
  display: block;
  font-family: "Microsoft YaHei";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.22rem;
  color: #838383;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item .sec2-vd-info-bottom .sec2-vd-info-group .sec2-vd-view {
  width: 1.84rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: none !important;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item .sec2-vd-info-bottom .sec2-vd-info-group .sec2-vd-view .sec2-vd-view-icon {
  display: block;
  margin-right: 0.08rem;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec2-vd-view-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.22rem;
  height: 0.16rem;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list .sec2-video-item .sec2-vd-info-bottom .sec2-vd-info-group .sec2-vd-view .sec2-vd-view-text {
  display: block;
  font-family: "Microsoft YaHei";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.22rem;
  color: #838383;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list2, .sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list3, .sec2 .sec2-video-center .sec2-video-tab .sec2-video-body .sec2-video-list4 {
  display: none;
}

.sec3 {
  width: 100%;
  height: 12.03rem;
  position: relative;
  z-index: 3;
}
.sec3 .main {
  width: 100%;
  height: 100%;
}
.sec3 .sec3Swiper {
  position: relative;
  width: 100%;
  height: 100%;
}
.sec3 .sec3Swiper .game-wrapper {
  background-color: #000;
}
.sec3 .sec3Swiper .game-wrapper .swiper-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sec3 .sec3Swiper .game-wrapper .swiper-slide.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.sec3 .sec3-prev1 {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0.7rem;
  left: 1.02rem;
  -webkit-transform: none;
  transform: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec3-prev-icon-on.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.28rem;
  height: 0.56rem;
  margin: 0;
}
.sec3 .sec3-prev1.swiper-button-disabled {
  opacity: 1;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec3-prev-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.28rem;
  height: 0.56rem;
}
.sec3 .sec3-next1 {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0.7rem;
  left: 11.6rem;
  -webkit-transform: none;
  transform: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec3-next-icon-on.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.28rem;
  height: 0.56rem;
  margin: 0;
}
.sec3 .sec3-next1.swiper-button-disabled {
  opacity: 1;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec3-next-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.28rem;
  height: 0.56rem;
}
.sec3 .sec3-info-bg {
  position: relative;
  width: 100%;
  height: 100%;
  will-change: opacity;
}
.sec3 .sec3-info-bg .game-features-img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.sec3 .sec3-info-bg .game-features-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec3 .sec3-info-bg .sec3-lf-icon {
  pointer-events: none;
  z-index: 3;
  position: absolute;
  top: auto;
  right: auto;
  bottom: -1px;
  left: 0;
  -webkit-transform: none;
  transform: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec3-lf-icon1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 17.32rem;
  height: 101%;
}
.sec3 .sec3-info-bg .sec3-rg-top-icon {
  pointer-events: none;
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec3-lf-icon2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 4.63rem;
  height: 0.83rem;
}
.sec3 .sec3-info-inner {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  -webkit-transform: none;
  transform: none;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.9rem 1.9rem 0 1.9rem;
}
.sec3 .sec3-info-inner .sec3-sub-title {
  font-family: "Microsoft YaHei";
  font-size: 0.94rem;
  font-weight: bold;
  font-style: normal;
  line-height: 1.1;
  color: #f3ae00;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec3 .sec3-info-inner .sec3-sub-desc {
  margin-top: 0.66rem;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 0.54rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.sec3 .sec3-info-inner .sec3-sub-desc .sec3-sub-desc-icon {
  margin-top: 0.07rem;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec3-sub-desc-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.3rem;
  height: 0.05rem;
}
.sec3 .sec3-info-inner .sec3-sub-desc .sec3-sub-desc-text {
  margin-left: 0.32rem;
  width: 6.26rem;
  height: auto;
  font-family: "Microsoft YaHei";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.28rem;
  color: #bebebe;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec3 .sec3-info-inner .game-features-info {
  margin-top: 0.6rem;
  width: 6.9rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sec3 .sec3-info-inner .game-features-info .features-bd-item {
  position: relative;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec3-features-bd-item.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 100% auto;
  width: 7rem;
  height: 1.41rem;
  margin-bottom: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.sec3 .sec3-info-inner .game-features-info .features-bd-item:last-child {
  margin-bottom: 0;
}
.sec3 .sec3-info-inner .game-features-info .features-bd-item .features-num {
  width: 1.34rem;
  height: 100%;
  background: #1a1c1e;
  font-family: "dinnext";
  font-size: 0.37rem;
  font-weight: bold;
  font-style: normal;
  line-height: 1.41rem;
  color: #b1b1b1;
  text-align: center;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec3 .sec3-info-inner .game-features-info .features-bd-item .features-body {
  /* width: 5.56rem; */
  flex: 1;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.24rem 0.3rem;
}
.sec3 .sec3-info-inner .game-features-info .features-bd-item .features-body .features-sub-title {
  font-family: "Microsoft YaHei";
  font-size: 0.26rem;
  font-weight: bold;
  font-style: normal;
  line-height: 1.1;
  color: #fff;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec3 .sec3-info-inner .game-features-info .features-bd-item .features-body .features-desc-txt {
  margin-top: 0.16rem;
  font-family: "Microsoft YaHei";
  font-size: 0.18rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.26rem;
  color: #989898;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec3 .swiper-container {
  overflow: hidden;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.sec3 .swiper-container .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  width: 100%;
}
.sec3 .swiper-container .swiper-wrapper .swiper-slide {
  text-align: center;
  background-size: cover;
  background-position: center;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec3 .sec3-thumb-box {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 1.6rem;
  -webkit-transform: none;
  transform: none;
  overflow: hidden;
  width: 9.68rem;
  height: 1.78rem;
  z-index: 4;
}
.sec3 .sec3-thumb-box .sec3Thumb {
  position: relative;
  margin: 0 auto;
  width: 9.18rem;
  height: 1.78rem;
}
.sec3 .sec3-thumb-box .sec3Thumb .swiper-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.sec3 .sec3-thumb-box .sec3Thumb .swiper-wrapper .swiper-slide {
  position: relative;
  width: 2.86rem !important;
  height: 100%;
  margin: 0;
  opacity: 1;
  background: transparent;
  scroll-snap-align: start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.sec3 .sec3-thumb-box .sec3Thumb .swiper-wrapper .swiper-slide:hover img {
  border: 0.02rem solid #fff;
  -webkit-filter: brightness(1);
          filter: brightness(1);
}
.sec3 .sec3-thumb-box .sec3Thumb .swiper-wrapper .swiper-slide:hover .pagin-features-num {
  background: #fff;
}
.sec3 .sec3-thumb-box .sec3Thumb .swiper-wrapper .swiper-slide.swiper-slide-active img, .sec3 .sec3-thumb-box .sec3Thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img {
  border: 0.02rem solid #f2aa00;
  -webkit-filter: brightness(1);
          filter: brightness(1);
}
.sec3 .sec3-thumb-box .sec3Thumb .swiper-wrapper .swiper-slide.swiper-slide-active .pagin-features-num, .sec3 .sec3-thumb-box .sec3Thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .pagin-features-num {
  background: #f2aa00;
}
.sec3 .sec3-thumb-box .sec3Thumb .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.02rem solid #828282;
  -webkit-filter: brightness(0.4);
          filter: brightness(0.4);
}
.sec3 .sec3-thumb-box .sec3Thumb .swiper-wrapper .swiper-slide .pagin-features-num {
  width: 0.34rem;
  height: 0.32rem;
  background: #828282;
  font-family: "dinnext";
  font-size: 0.18rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.32rem;
  color: #000000;
  text-align: center;
  letter-spacing: -0.01rem;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0.22rem;
  -webkit-transform: none;
  transform: none;
  z-index: 2;
}

.sec4 {
  margin: 0 auto 0;
  width: 100%;
  height: 13.89rem;
}
.sec4 .main {
  width: 100%;
  height: 100%;
}
.sec4 .sec4-sub-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: absolute;
  top: 2rem;
  right: auto;
  bottom: auto;
  left: 1.9rem;
  -webkit-transform: none;
  transform: none;
  z-index: 5;
  font-family: "Microsoft YaHei";
  font-size: 0.94rem;
  font-weight: bold;
  font-style: normal;
  line-height: 1.1;
  color: #f3ae00;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec4 .sec4-game-tab {
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 100%;
}
.sec4 .sec4-game-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 1.92rem;
  right: 4.5rem;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
  z-index: 4;
  width: 2.14rem;
  height: 9.46rem;
}
.sec4 .sec4-game-head .sec4-game-head-item {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.4rem 0 0;
  width: 100%;
  height: 0.98rem;
  font-family: "Microsoft YaHei";
  font-size: 0.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.98rem;
  color: #bfbfbf;
  text-align: right;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec4 .sec4-game-head .sec4-game-head-item:not(:last-child) {
  margin-bottom: 0.1rem;
}
.sec4 .sec4-game-head .sec4-game-head-item:hover, .sec4 .sec4-game-head .sec4-game-head-item.active {
  font-size: 0.66rem;
  color: #f0ac00;
}
.sec4 .sec4-game-body {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.sec4 .sec4-game-body .sec4-game-list {
  width: 100%;
  height: 100%;
  display: none;
}
.sec4 .sec4-game-body .sec4-game-list.sec4-game-list1 {
  display: block;
}
.sec4 .sec4-game-body .sec4-game-list2 {
  display: none;
}
.sec4 .swiper-container {
  overflow: hidden;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.sec4 .swiper-container .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  width: 100%;
}
.sec4 .swiper-container .swiper-wrapper .swiper-slide {
  text-align: center;
  background-size: cover;
  background-position: center;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec4 .controlSwiper1 .swiper-slide,
.sec4 .controlSwiper2 .swiper-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sec4 .controlSwiper1 .swiper-slide.active,
.sec4 .controlSwiper2 .swiper-slide.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.sec4 .sec4-rg-sw-box {
  position: absolute;
  top: 1.92rem;
  right: 0.76rem;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec4-game-list-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 3.74rem;
  height: 9.54rem;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sec4 .sec4-rg-sw-box .controlledSwiper1, .sec4 .sec4-rg-sw-box .controlledSwiper2 {
  position: relative;
  margin: -0.02rem auto 0;
  width: 3.74rem;
  height: 8.32rem;
  overflow: hidden;
  z-index: 4;
}
.sec4 .sec4-rg-sw-box .controlledSwiper1 .swiper-wrapper, .sec4 .sec4-rg-sw-box .controlledSwiper2 .swiper-wrapper {
  position: relative;
  z-index: 3;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 3.74rem;
  height: 100%;
}
.sec4 .sec4-rg-sw-box .controlledSwiper1 .swiper-wrapper .swiper-slide, .sec4 .sec4-rg-sw-box .controlledSwiper2 .swiper-wrapper .swiper-slide {
  width: 3.74rem;
  height: 1.63rem;
  height: 1.63rem !important;
}
.sec4 .sec4-rg-sw-box .controlledSwiper1 .swiper-wrapper .swiper-slide.swiper-slide-active .sec4-rg-item, .sec4 .sec4-rg-sw-box .controlledSwiper1 .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .sec4-rg-item, .sec4 .sec4-rg-sw-box .controlledSwiper2 .swiper-wrapper .swiper-slide.swiper-slide-active .sec4-rg-item, .sec4 .sec4-rg-sw-box .controlledSwiper2 .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .sec4-rg-item {
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec4-rg-item-active.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 3.74rem;
  height: 1.63rem;
}
.sec4 .sec4-rg-sw-box .controlledSwiper1 .swiper-wrapper .swiper-slide.swiper-slide-active .sec4-rg-item .sec4-rg-name, .sec4 .sec4-rg-sw-box .controlledSwiper1 .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .sec4-rg-item .sec4-rg-name, .sec4 .sec4-rg-sw-box .controlledSwiper2 .swiper-wrapper .swiper-slide.swiper-slide-active .sec4-rg-item .sec4-rg-name, .sec4 .sec4-rg-sw-box .controlledSwiper2 .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .sec4-rg-item .sec4-rg-name {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0.22rem;
  left: 0.42rem;
  -webkit-transform: none;
  transform: none;
  color: #000000;
}
.sec4 .sec4-rg-sw-box .controlledSwiper1 .swiper-wrapper .swiper-slide.active .sec4-rg-item, .sec4 .sec4-rg-sw-box .controlledSwiper2 .swiper-wrapper .swiper-slide.active .sec4-rg-item {
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec4-rg-item-active.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 3.74rem;
  height: 1.63rem;
}
.sec4 .sec4-rg-sw-box .controlledSwiper1 .swiper-wrapper .swiper-slide.active .sec4-rg-item .sec4-rg-name, .sec4 .sec4-rg-sw-box .controlledSwiper2 .swiper-wrapper .swiper-slide.active .sec4-rg-item .sec4-rg-name {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0.22rem;
  left: 0.42rem;
  -webkit-transform: none;
  transform: none;
  color: #000000;
}
.sec4 .sec4-rg-sw-box .controlledSwiper1 .swiper-wrapper .swiper-slide:not(.swiper-slide-active):hover .sec4-rg-item, .sec4 .sec4-rg-sw-box .controlledSwiper2 .swiper-wrapper .swiper-slide:not(.swiper-slide-active):hover .sec4-rg-item {
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec4-rg-item-hover.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 3.74rem;
  height: 1.63rem;
}
.sec4 .sec4-rg-sw-box .controlledSwiper1 .swiper-wrapper .swiper-slide:not(:last-child), .sec4 .sec4-rg-sw-box .controlledSwiper2 .swiper-wrapper .swiper-slide:not(:last-child) {
  margin-bottom: 0.04rem;
}
.sec4 .sec4-rg-sw-box .controlledSwiper1 .swiper-wrapper .swiper-slide .sec4-rg-item, .sec4 .sec4-rg-sw-box .controlledSwiper2 .swiper-wrapper .swiper-slide .sec4-rg-item {
  position: relative;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec4-rg-item-def.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 3.74rem;
  height: 1.63rem;
}
.sec4 .sec4-rg-sw-box .controlledSwiper1 .swiper-wrapper .swiper-slide .sec4-rg-item .sec4-thumb-img, .sec4 .sec4-rg-sw-box .controlledSwiper2 .swiper-wrapper .swiper-slide .sec4-rg-item .sec4-thumb-img {
  margin-left: 0.2rem;
  width: 2.96rem;
  height: 1.63rem;
}
.sec4 .sec4-rg-sw-box .controlledSwiper1 .swiper-wrapper .swiper-slide .sec4-rg-item .sec4-thumb-img img, .sec4 .sec4-rg-sw-box .controlledSwiper2 .swiper-wrapper .swiper-slide .sec4-rg-item .sec4-thumb-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec4 .sec4-rg-sw-box .controlledSwiper1 .swiper-wrapper .swiper-slide .sec4-rg-item .sec4-rg-name, .sec4 .sec4-rg-sw-box .controlledSwiper2 .swiper-wrapper .swiper-slide .sec4-rg-item .sec4-rg-name {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0.22rem;
  left: 0.44rem;
  -webkit-transform: none;
  transform: none;
  font-family: "Microsoft YaHei";
  font-size: 0.21rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.1;
  color: #a9a9a9;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec4 .sec4-prev1, .sec4 .sec4-prev2 {
  position: absolute;
  top: 1.98rem;
  right: 1.32rem;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec4-prev-icon-on.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.96rem;
  height: 0.53rem;
  margin: 0;
  z-index: 10;
}
.sec4 .sec4-prev1.swiper-button-disabled, .sec4 .sec4-prev2.swiper-button-disabled {
  opacity: 1;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec4-prev-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.96rem;
  height: 0.53rem;
}
.sec4 .sec4-next1, .sec4 .sec4-next2 {
  position: absolute;
  top: auto;
  right: 1.32rem;
  bottom: 2.5rem;
  left: auto;
  -webkit-transform: none;
  transform: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec4-next-icon-on.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.96rem;
  height: 0.53rem;
  margin: 0;
  z-index: 10;
}
.sec4 .sec4-next1.swiper-button-disabled, .sec4 .sec4-next2.swiper-button-disabled {
  opacity: 1;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec4-next-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.96rem;
  height: 0.53rem;
}
.sec4 .controlSwiper1, .sec4 .controlSwiper2 {
  position: relative;
  width: 100%;
  height: 100%;
}
.sec4 .controlSwiper1 .swiper-slide, .sec4 .controlSwiper2 .swiper-slide {
  width: 100%;
  height: 100%;
}
.sec4 .controlSwiper1 .swiper-slide.swiper-slide-active .sec4-main-img img, .sec4 .controlSwiper2 .swiper-slide.swiper-slide-active .sec4-main-img img {
  opacity: 1;
  -webkit-animation: rightIn 1 0.5s 0s ease-in-out forwards;
          animation: rightIn 1 0.5s 0s ease-in-out forwards;
}
.sec4 .sec4-info-bg {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  will-change: opacity;
}
.sec4 .sec4-info-bg .sec4-main-img {
  position: relative;
  width: 100%;
  height: 100%;
}
.sec4 .sec4-info-bg .sec4-main-img::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  -webkit-transform: none;
  transform: none;
  z-index: 2;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec4-main-mask.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 101%;
}
.sec4 .sec4-info-bg .sec4-main-img img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.sec4 .sec4-info-inner {
  position: absolute;
  top: 8.16rem;
  right: auto;
  bottom: auto;
  left: 1.78rem;
  -webkit-transform: none;
  transform: none;
  z-index: 3;
  width: 16.6rem;
  height: 5.46rem;
}
.sec4 .sec4-info-inner .sec4-tag-text {
  display: block;
  width: 1.44rem;
  height: 0.42rem;
  border: 1px solid #f8bb00;
  border-radius: 0.04rem;
  font-family: "Microsoft YaHei";
  font-size: 0.21rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.42rem;
  color: #f8bb00;
  text-align: center;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec4 .sec4-info-inner .sec5-sub-info-title {
  margin-top: 0.7rem;
  margin-bottom: 0.56rem;
  width: 100%;
  height: auto;
  font-family: "Microsoft YaHei";
  font-size: 1.23rem;
  font-weight: bold;
  font-style: normal;
  line-height: 1.1;
  color: #ffffff;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec4 .sec4-info-inner .sec4-sub-desc {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 0.54rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.sec4 .sec4-info-inner .sec4-sub-desc .sec4-sub-desc-icon {
  margin-top: 0.07rem;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec3-sub-desc-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.3rem;
  height: 0.05rem;
}
.sec4 .sec4-info-inner .sec4-sub-desc .sec4-sub-desc-text {
  margin-left: 0.28rem;
  width: 8.66rem;
  height: auto;
  font-family: "Microsoft YaHei";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.32rem;
  color: #bebebe;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}

.sec5 {
  width: 100%;
  height: 11.9rem;
  position: relative;
}
.sec5 .main {
  width: 100%;
  height: 100%;
}
.sec5 .sec5-title {
  position: absolute;
  top: 2rem;
  right: auto;
  bottom: auto;
  left: 1.9rem;
  -webkit-transform: none;
  transform: none;
  width: 100%;
  height: auto;
  z-index: 3;
}
.sec5 .sec5-title .sec5-title-text {
  font-family: "Microsoft YaHei";
  font-size: 1.1rem;
  font-weight: bold;
  font-style: normal;
  line-height: 1.1;
  color: #f3ae00;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  width: 5rem;
}
.sec5 .sec5-title .sec5-title-desc {
  margin-top: 0.4rem;
  font-family: "Microsoft YaHei";
  font-size: 0.32rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.68rem;
  color: #f3ae00;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  position: relative;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec5-title-desc-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 5.76rem;
  height: 0.69rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.36rem;
}
.sec5 .sec5-more-stroy-link {
  position: absolute;
  top: auto;
  right: 2.2rem;
  bottom: 1.25rem;
  left: auto;
  -webkit-transform: none;
  transform: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec5-more-stroy-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 5.43rem;
  height: 1.31rem;
  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-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  z-index: 3;
}
.sec5 .sec5-more-stroy-link:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
  -webkit-box-shadow: 0 0.08rem 0.3rem rgba(0, 0, 0, 0.7);
          box-shadow: 0 0.08rem 0.3rem rgba(0, 0, 0, 0.7);
  -webkit-transform: translateY(-0.05rem);
          transform: translateY(-0.05rem);
}
.sec5 .sec5-more-stroy-link:hover .sec5-sub-icon2 {
  -webkit-animation: moveLeftRight 1 2s;
          animation: moveLeftRight 1 2s;
}
.sec5 .sec5-more-stroy-link .sec5-more-text {
  display: block;
  margin-right: 0.3rem;
  font-family: "Microsoft YaHei";
  font-size: 0.35rem;
  font-weight: bold;
  font-style: normal;
  line-height: 1.31rem;
  color: #000;
  text-align: center;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec5 .sec5-more-stroy-link .sec5-sub-icon2 {
  display: block;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec5-more-stroy-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.5rem;
  height: 0.16rem;
}
.sec5 .sec5Swiper {
  position: relative;
  width: 100%;
  height: 100%;
}
.sec5 .sec5Swiper .stroy-wrapper .swiper-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sec5 .sec5Swiper .stroy-wrapper .swiper-slide.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.sec5 .sec5-prev1 {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 1.9rem;
  left: 1.02rem;
  -webkit-transform: none;
  transform: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec3-prev-icon-on.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.28rem;
  height: 0.56rem;
  margin: 0;
}
.sec5 .sec5-prev1.swiper-button-disabled {
  opacity: 1;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec3-prev-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.28rem;
  height: 0.56rem;
}
.sec5 .sec5-next1 {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 1.9rem;
  left: 11.6rem;
  -webkit-transform: none;
  transform: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec3-next-icon-on.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.28rem;
  height: 0.56rem;
  margin: 0;
}
.sec5 .sec5-next1.swiper-button-disabled {
  opacity: 1;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec3-next-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.28rem;
  height: 0.56rem;
}
.sec5 .sec5-info-bg {
  position: relative;
  width: 100%;
  height: 100%;
  will-change: opacity;
}
.sec5 .sec5-info-bg .stroy-img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.sec5 .sec5-info-bg .stroy-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec5 .sec5-info-bg .sec5-lf-icon {
  pointer-events: none;
  z-index: 3;
  position: absolute;
  top: auto;
  right: auto;
  bottom: -1px;
  left: 0;
  -webkit-transform: none;
  transform: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec5-lf-icon1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 101%;
}
.sec5 .sec5-info-bg .sec5-rg-top-icon {
  pointer-events: none;
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec3-lf-icon2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 4.63rem;
  height: 0.83rem;
}
.sec5 .sec5-info-inner {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  -webkit-transform: none;
  transform: none;
  width: 100%;
  height: auto;
  z-index: 3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 7.6rem 1.9rem 0 1.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.sec5 .sec5-info-inner .sec5-sub-title {
  font-family: "Microsoft YaHei";
  font-size: 0.58rem;
  font-weight: bold;
  font-style: normal;
  line-height: 1.1;
  color: #ffffff;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec5 .sec5-info-inner .sec5-sub-desc {
  margin-left: 0.9rem;
  position: relative;
  width: 13.8rem;
  height: auto;
  min-height: 0.54rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.sec5 .sec5-info-inner .sec5-sub-desc .sec5-sub-desc-icon {
  margin-top: 0.07rem;
  background-image: url(//game.gtimg.cn/images/gp/web202411/sec3-sub-desc-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.3rem;
  height: 0.05rem;
}
.sec5 .sec5-info-inner .sec5-sub-desc .sec5-sub-desc-text {
  margin-left: 0.32rem;
width: 9.7rem;
  height: auto;
  font-family: "Microsoft YaHei";
  font-size: 0.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.28rem;
  color: #bebebe;
  text-align: left;
  letter-spacing: normal;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
}
.sec5 .swiper-container {
  overflow: hidden;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.sec5 .swiper-container .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  width: 100%;
}
.sec5 .swiper-container .swiper-wrapper .swiper-slide {
  text-align: center;
  background-size: cover;
  background-position: center;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec5 .sec5-thumb-box {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 1.26rem;
  left: 1.6rem;
  -webkit-transform: none;
  transform: none;
  overflow: hidden;
  width: 9.68rem;
  height: 1.78rem;
  z-index: 4;
}
.sec5 .sec5-thumb-box .sec5Thumb {
  position: relative;
  margin: 0 auto;
  width: 9.18rem;
  height: 1.78rem;
}
.sec5 .sec5-thumb-box .sec5Thumb .swiper-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.sec5 .sec5-thumb-box .sec5Thumb .swiper-wrapper .swiper-slide {
  position: relative;
  width: 2.86rem !important;
  height: 100%;
  margin: 0;
  opacity: 1;
  background: transparent;
}
.sec5 .sec5-thumb-box .sec5Thumb .swiper-wrapper .swiper-slide:not(.swiper-slide-active):hover img {
  border: 0.02rem solid #fff;
  -webkit-filter: brightness(1);
          filter: brightness(1);
}
.sec5 .sec5-thumb-box .sec5Thumb .swiper-wrapper .swiper-slide:not(.swiper-slide-active):hover .pagin-features-num {
  background: #fff;
}
.sec5 .sec5-thumb-box .sec5Thumb .swiper-wrapper .swiper-slide.swiper-slide-active img, .sec5 .sec5-thumb-box .sec5Thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img {
  border: 0.02rem solid #f2aa00;
  -webkit-filter: brightness(1);
          filter: brightness(1);
}
.sec5 .sec5-thumb-box .sec5Thumb .swiper-wrapper .swiper-slide.swiper-slide-active .pagin-features-num, .sec5 .sec5-thumb-box .sec5Thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .pagin-features-num {
  background: #f2aa00;
}
.sec5 .sec5-thumb-box .sec5Thumb .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.02rem solid #828282;
  -webkit-filter: brightness(0.4);
          filter: brightness(0.4);
}
.sec5 .sec5-thumb-box .sec5Thumb .swiper-wrapper .swiper-slide .pagin-features-num {
  width: 0.34rem;
  height: 0.32rem;
  background: #828282;
  font-family: "dinnext";
  font-size: 0.18rem;
  font-weight: normal;
  font-style: normal;
  line-height: 0.32rem;
  color: #000000;
  text-align: center;
  letter-spacing: -0.01rem;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  text-decoration: none;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0.22rem;
  -webkit-transform: none;
  transform: none;
  z-index: 2;
}

.ewm{
    width: 1.83rem;height:1.83rem;
}


/* ==============PAGE MAIN STYLE END============== */