@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: 5.28rem;
  -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.76rem;
  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.8rem;
}
.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;
}

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

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

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

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

.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-bg0724.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-hover0724.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-bg0724.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-hover0724.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:auto;
  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;
  transform: scale(0.9);
}
.sec1 .kv-box .slogan {
  margin: 0 auto;
  background-image: url(https://game.gtimg.cn/images/gp/web202411/new0803/kv-slogan.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 12.19rem;
  height: 2.79rem;
  opacity: 0;
}
.sec1 .kv-box .download-box {
  margin: 0.2rem auto 0;
  margin-left: 9rem;
  width: 6.5rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  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;
  opacity: 0;
}
.sec1 .kv-box .download-box a {
  display: block;
  font-size: 0;
}
.sec1 .kv-box .download-box .down-item1 {
  width: 6.5rem;
  height: 1.86rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  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-item1 .link_gqmnq {
  font-size: 0;
  background-image: url(//game.gtimg.cn/images/gp/web202411/0121/kv-gqmnq-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 3.05rem;
  height: 1.42rem;
  transform: scale(0.95);
}
.sec1 .kv-box .download-box .down-item1 .mnq-box {
  margin-left: 0.09rem;
  margin-right: 0.16rem;
  width: 3.09rem;
  height: auto;
}
.sec1 .kv-box .download-box .down-item1 .mnq-box .link_wegame_s {
  background-image: url(//game.gtimg.cn/images/gp/web202411/0121/wegame.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 3.09rem;
  height: 0.69rem;
}

.sec1 .kv-box .download-box .down-item1 .mnq-box .link_yyb_s {
  margin-top: 0.05rem;
  background-image: url(//game.gtimg.cn/images/gp/web202411/0121/yyb.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 3.09rem;
  height: 0.69rem;
}

.sec1 .kv-box .download-box .down-item1 .mnq-box .link_wegame_s1 {
  background-image: url(//game.gtimg.cn/images/gp/web202411/new0327/kv-az-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.56rem;
  height: 0.86rem;
}
.sec1 .kv-box .download-box .down-item1 .mnq-box .link_wegame_s1:hover {
  background-image: url(//game.gtimg.cn/images/gp/web202411/new0327/kv-az-bg-hover.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.56rem;
  height: 0.86rem;
}
.sec1 .kv-box .download-box .down-item1 .mnq-box .link_yyb_s1 {
  margin-top: 0.11rem;
  background-image: url(//game.gtimg.cn/images/gp/web202411/new0327/kv-pg-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.56rem;
  height: 0.86rem;
}
.sec1 .kv-box .download-box .down-item1 .mnq-box .link_yyb_s1:hover {
  background-image: url(//game.gtimg.cn/images/gp/web202411/new0327/kv-pg-bg-hover.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.56rem;
  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;
  transform: scale(1.1);
}
.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.38rem;
  height: 1.37rem;
}
.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;
  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;
}

.sec7{display:flex;height:11.91rem;position:relative;width:100%;z-index:3}
.sec7 .main-img{height:100%;object-fit:cover;width:100%}
.sec7 .change-box{background:url(//game.gtimg.cn/images/gp/web202411/sec7-btn_bg1.png) no-repeat;background-size:100% 100%;bottom:1.34rem;display:flex;height:.82rem;left:50%;position:absolute;transform:translateX(-50%);width:6rem;z-index:44}
.sec7 .change-box .btn{box-sizing:border-box;color:#f3ae00;font-size:.3rem;font-weight:700;height:.82rem;line-height:.82rem;position:relative;text-align:center;width:3rem;z-index:2}
.sec7 .change-box .btn-intro1{padding-left:.25rem}
.sec7 .change-box .btn-intro2{padding-right:.25rem}
.sec7 .change-box .btn.on{color:#000;pointer-events:none;width:2.98rem}
.sec7 .active_bg{height:.78rem;left:.03rem;mask-image:url(//game.gtimg.cn/images/gp/web202411/sec7-btn_bg2.png);-webkit-mask-image:url(//game.gtimg.cn/images/gp/web202411/sec7-btn_bg2.png);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%;position:absolute;top:.02rem;width:5.94rem}
.sec7 .active_bg.left:before{background-position:100% 0;left:2.98rem}
.sec7 .active_bg:before{background:url(//game.gtimg.cn/images/gp/web202411/sec7-btn_bg3.png) no-repeat;background-position:0 0;background-size:6rem 100%;content:"";height:.78rem;left:0;position:absolute;transition:all .3s;width:2.98rem}
.sec7 .thumb-box{align-content:center;align-items:center;display:flex;flex-wrap:wrap;height:5.98rem;left:0;overflow-x:hidden;overflow-y:auto;padding-right:.1rem;position:absolute;top:2.2rem;width:3.18rem;z-index:33}
.sec7 .thumb-box::-webkit-scrollbar{width:.04rem}
.sec7 .thumb-box::-webkit-scrollbar-thumb{background-color:#e79e0c}
.sec7 .thumb-box::-webkit-scrollbar-track{background-color:#1f1f1f}
.sec7 .thumb-item{background-color:#7d7d7d;clip-path:polygon(0 0,100% 0,100% 1rem,2.81rem 100%,0 100%);clip-path:-webkit-ploygon(0 0,100% 0,100% 1rem,2.81rem 100%,0 100%);-webktit-clip-path:polygon(0 0,100% 0,100% 1rem,2.81rem 100%,0 100%);cursor:pointer;height:1.27rem;margin-bottom:.3rem;overflow:hidden;width:3.08rem}
.sec7 .thumb-item:last-child{margin-bottom:0}
.sec7 .thumb-item.on{background-color:#e79e0c;pointer-events:none}
.sec7 .thumb-item.on img{display:block;height:1.23rem;margin-left:.02rem;margin-top:.02rem;mask-image:url(//game.gtimg.cn/images/gp/web202411/thumb_sec7_mask.png);-webkit-mask-image:url(//game.gtimg.cn/images/gp/web202411/thumb_sec7_mask.png);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%;width:3.04rem}
.sec7 .thumb-item img{height:1.27rem;object-fit:cover;object-position:0 0;overflow:hidden;width:100%}
.sec7 .info-inner{box-sizing:border-box;height:100%;left:0;padding:1rem 1.2rem 0 4rem;position:absolute;top:0;transform:none;width:100%;z-index:22}
.sec7 .title{color:#f3ae00;font-family:Microsoft YaHei;font-size:.94rem;font-style:normal;font-weight:700;letter-spacing:normal;line-height:1.1;text-align:left;-webkit-text-decoration:none;-moz-text-decoration:none;text-decoration:none}
.sec7 .sec7-desc{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;margin-top:.36rem;min-height:.54rem;position:relative;width:100%;-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}
.sec7 .sec7-desc .desc-icon{background-image:url(//game.gtimg.cn/images/gp/web202411/sec3-sub-desc-icon.png);background-repeat:no-repeat;background-size:100% 100%;height:.05rem;margin-top:.07rem;width:.3rem}
.sec7 .sec7-desc .desc-text{color:#bebebe;font-family:Microsoft YaHei;font-size:.2rem;font-style:normal;font-weight:400;height:auto;letter-spacing:normal;line-height:.28rem;margin-left:.32rem;text-align:left;-webkit-text-decoration:none;-moz-text-decoration:none;text-decoration:none;width:6.26rem}
.sec7 .sec3-lf-icon{background-image:url(//game.gtimg.cn/images/gp/web202411/sec3-lf-icon1.png);bottom:-1px;height:101%;left:0;right:auto;top:auto;width:17.32rem}
.sec7 .sec3-lf-icon,.sec7 .sec3-rg-top-icon{background-repeat:no-repeat;background-size:100% 100%;pointer-events:none;position:absolute;-webkit-transform:none;transform:none;z-index:3}
.sec7 .sec3-rg-top-icon{background-image:url(//game.gtimg.cn/images/gp/web202411/sec3-lf-icon2.png);bottom:auto;height:.83rem;left:auto;right:0;top:0;width:4.63rem}
.sec7 .sec7-info{height:auto;margin-top:.6rem;width:6.9rem;-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-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}
.sec7 .info-item,.sec7 .sec7-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}
.sec7 .info-item{background-image:url(//game.gtimg.cn/images/gp/web202411/sec3-features-bd-item.png);background-position:100% 100%;background-repeat:no-repeat;background-size:100% auto;height:1.41rem;margin-bottom:.2rem;position:relative;width:7rem;-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-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.sec7 .info-item .num{background:#1a1c1e;color:#b1b1b1;font-family:dinnext;font-size:.37rem;font-style:normal;font-weight:700;height:100%;letter-spacing:normal;line-height:1.41rem;text-align:center;-webkit-text-decoration:none;-moz-text-decoration:none;text-decoration:none;width:1.34rem}
.sec7 .info-body{-webkit-box-flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1;flex:1;height:100%;padding:.24rem .3rem}
.sec7 .info-body .sub-title{color:#fff;font-size:.26rem;font-weight:700;line-height:1.1}
.sec7 .info-body .desc-text,.sec7 .info-body .sub-title{font-family:Microsoft YaHei;font-style:normal;letter-spacing:normal;text-align:left;-webkit-text-decoration:none;-moz-text-decoration:none;text-decoration:none}
.sec7 .info-body .desc-text{color:#989898;font-size:.18rem;font-weight:400;line-height:.26rem;margin-top:.16rem}

.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-size: 100% auto;
  width: 7rem;
  height: 1.41rem;
  background-position: right bottom;
  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 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  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-next1.sec5-next2 {
  left: 8.1rem;
}
.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.sec5-thumb-box2 {
  width: 6.02rem;
  height: 1.78rem;
}
.sec5 .sec5-thumb-box .sec5Thumb {
  position: relative;
  margin: 0 auto;
  width: 9.18rem;
  height: 1.78rem;
}
.sec5 .sec5-thumb-box .sec5Thumb.sec5Thumb2 {
  width: 6.02rem;
  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;
  display: block;
}

.down_btn {
  background-image: url(//game.gtimg.cn/images/gp/web202411/new1016/down_btn.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 3.3rem;
  height: 0.89rem;
}

.down_btn:hover {
  background-image: url(//game.gtimg.cn/images/gp/web202411/new1016/down_btn2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 3.3rem;
  height: 0.89rem;
}

/* ==============POP END============== */

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