*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

html{
  font-size:100px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
  -webkit-tap-highlight-color: rgba(0,0,0,0);

  -moz-user-select:none;/*火狐*/

  -webkit-user-select:none;/*webkit浏览器*/

  -ms-user-select:none;/*IE10*/

  -khtml-user-select:none;/*早期浏览器*/

  user-select:none;
}

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,'\5FAE\8F6F\96C5\9ED1',sans-serif
}

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

#h1 {
  display: none;
}

a {
  text-decoration:none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a:hover {
  text-decoration:none;
}
a:focus {
  outline:none;
}

img {
  border:0
}
li:focus {
  outline:none;
}

em, b{
  font-style:normal
}

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

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

td,th,ul,ol {
  padding:0;
  list-style: none;
}

h1 {
  display: block;
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}
h2 {
  display: block;
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}
h3 {
  display: block;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}
h4 {
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}
h5 {
  display: block;
  font-size: 0.83em;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}
h6 {
  display: block;
  font-size: 0.67em;
  margin-block-start: 2.33em;
  margin-block-end: 2.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

::-webkit-scrollbar {
  width: 0 !important
}

*::-webkit-scrollbar {
  width: 0 !important
}

@media all and (orientation:landscape){
  html,body{position:relative;overflow:hidden;width:100vw;height:100vh;padding:0;margin:0;overflow: hidden;}
  html::before{content:"";position:fixed;top:0;left:0;height:100vh;width:100vw;background:#333;z-index:9999;overflow: hidden;}
  html::after{content:"\4E3A\4E86\66F4\597D\7684\4F53\9A8C\FF0C\8BF7\5C06\624B\673A\7AD6\8FC7\6765";text-align:center;font-size:16px;color:#fff;position:absolute;top:50%;left:0;height:30px;width:100%;margin-top:50px;z-index:9999;}
  body::before{content:"";position:absolute;z-index:9999;height:200px;width:100px;left:50%;top:50%;margin:-140px 0 0 -50px;color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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");background-repeat:no-repeat;background-position:center center;background-size:100px auto;-webkit-transform:rotateZ(-90deg);}
}

/* ---------------- */

.hidden{
  display: none;
  font-size: 0;
  text-indent: -999em;
}

.t{
  font-size: 0;
  text-indent: -999em;
}

.w-180 {
  width: 1.8rem;
}

.w-390 {
  width: 3.9rem;
}

/* ---------------web打开时的样式------------------ */
.web-bg {
  min-width: 1200px;
  width: 100vw;
  height: 100vh;
  background: url(https://game.gtimg.cn/images/morefun/m/m202110/web/bg.png) 50% 50% no-repeat;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  color: #ebebeb;
  font-size: 30px;
}

.morefun-logo {
  width: 188px;
  height: 218px;
  object-fit: contain;
  margin-bottom: 60px;
}

.web-qr-code {
  width: 124px;
  height: 124px;
  margin-top: 76px;
}

.web-scan-tip {
  font-size: 14px;
  color: #a7a7a7;
  margin-top: 14px;
}

/* -------------菜单蒙层样式---------------- */
.menu-page {
  width: 100vw;
  height: 1.08rem;
  position: fixed;
  /* position: absolute; */
  top: 0;
  left: 0;
  z-index: 30;
  /* display: none; */
}

.nav-header {
  width: 100vw;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  padding: .2rem .4rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  transition: .3s;
  -webkit-transition: .3s;
}

.nav-btn {
  width: .88rem;
  height: .68rem;
  position: relative;
  z-index: 31;
  transform: scale(1.25);
  -webkit-transform: scale(1.25);
}

.menu-list-container {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .8);
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  padding-top: 1.32rem;
  transition: .3s ease-out;
  -webkit-transition: .3s ease-out;
  transform: translateX(150vw);
  -webkit-transform: translateX(150vw);
  z-index: 30;
}

.munu-list-container-show {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
}

.menu-list-wrapper {
   width: 100vw;
   height: auto;
   border-top: 1px solid #26272b;
}

.menu-list-wrapper ul li {
  width: inherit;
  height: .98rem;
  line-height: .98rem;
  margin: .19rem 0;
  font-size: .3rem;
  color: #696969;
  text-align: center;
}

.menu-list-wrapper ul .link-wrapper{
  width: 100vw;
  height: .98rem;
  display: block;
  color: #fff;
}

.menu-list-wrapper ul li a:-webkit-any-link {
  color: #696969;
}

.menu-list-wrapper ul li:active {
  color: white;
  background: linear-gradient(to right, #0cc3e0 0, #085fbd 100%);
}

.menu-list-wrapper ul .active {
  color: white !important;
  background: linear-gradient(to right, #0cc3e0 0, #085fbd 100%);
}

.menu-list-wrapper ul .active a:-webkit-any-link {
  color: white;
}

.menu-qr-wrapper {
  width: 100vw;
  color: #696969;
}

.nav-btn .icon-line, .nav-btn:before, .nav-btn:after {
  content: '';
  width: .4rem;
  height: .04rem;
  background: #fff;
  border-radius: .02rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -.02rem -.2rem;
  transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
  opacity: .6;
}


.dark-version.nav-btn  .icon-line {
  background: black;
  opacity: .6;
}

.nav-btn:before {
  margin-top: -.15rem;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  opacity: 1;
}

.dark-version.nav-btn:before {
  background: black;
}

.nav-btn:after {
  margin-top: .12rem;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  opacity: .3;
}

.dark-version.nav-btn:after {
  background: black;
}

.switch.nav-btn:before {
  -webkit-transform: translate(.12rem,-.03rem) rotate(45deg);
  transform: translate(.12rem,-.03rem) rotate(45deg);
  opacity: 1;
  background: white;
}

.switch.nav-btn:after {
  -webkit-transform: translate(.087rem,-.028rem)rotate(-45deg);
  transform: translate(.087rem,-.028rem)rotate(-45deg);
  opacity: 1;
  background: white;
}

.switch .icon-line {
  opacity: 0;
}

.dark-version.switch .icon-line {
  opacity: 0;
}
/* -----------主页Swiper样式调整----------- */
.large-page{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.large-page .news-slide-con{
  width: 100%;
  height: auto;
}
.news-tit-tabs{margin-top: 1.20rem;}
.news-tit-tabs .slide-header{
  display: none;
}
.news-tit-tabs .slide-header.active{
  display: flex;
}

.slide-header {
  width: 100vw;
  height: auto;
  position: absolute;
  top: 1.7rem;
  left: 0;
  /* margin-top: 1.7rem; */
  z-index: 30;
}

.swiper-container {
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  overflow: hidden;
}

/* .swiper-slide {
  position: relative;
  top: 0;
  left: 0;
} */

.slide-news {
  padding-top: 2.7rem;
}

.slide-footer {
  height: 10.2rem;
  background:#0d0d0d !important;
}

.swiper-wrapper {
  /* height: 100vh; */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.swiper-bottom {
  width: 100vw;
  height: auto;
  position: absolute;
  bottom: .5rem;
  left: 0;
  z-index: 10;
}

.swiper-bottom-animate {
  animation: swiper-bottom-frames 1.5s ease-in-out infinite forwards;
}

@-webkit-keyframes swiper-bottom-frames {
  0% {
    -webkit-transform: translateY(0);
  }

  23%{
    -webkit-transform: translateY(.08rem);
  }

  46%{
    -webkit-transform: translateY(0);
  }

  75%{
    -webkit-transform: translateY(.11rem);
  }

  100%{
    -webkit-transform: translateY(0);
  }
}

@keyframes swiper-bottom-frames {
  0% {
    transform: translateY(0);
  }

  23%{
    transform: translateY(.08rem);
  }

  46%{
    transform: translateY(0);
  }

  75%{
    transform: translateY(.11rem);
  }

  100%{
    transform: translateY(0);
  }
}

/* ------------------ 首页相关的样式  ----------------------- */
#homeBannerSwiper .swiper-slide.swiper-slide-active .home-kv-bg {
  animation: shrink 1.5s ease-out;
  -webkit-animation: shrink 1.5s ease-out;
  transform-origin: center;
  -webkit-transform-origin: center;
}

#homeBannerSwiper .swiper-button-next {
  --swiper-navigation-size: .7rem;
  font-weight: bolder;
}

#homeBannerSwiper .swiper-button-prev {
  --swiper-navigation-size: .7rem;
  font-weight: bolder;
}
.swiper-news-banner-container .gicpnews-status--2{
  margin: .50rem auto;
}

/* ------------------ 资讯页相关的样式  ----------------------- */
.news-tabs-wrap{
  margin-top: .14rem;
}
.news-tabs-wrap .news-tabs-con{
  display: block;
}
.news-tabs-wrap .news-tabs-con.active{
  display: block;
  animation: ani-fadeIn 1.0s both;
}
@keyframes ani-fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.swiper-news-banner-container {
  width: 6.7rem;
  height: 2.8rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-news-banner-img {
  width: 6.7rem;
  height: 2.42rem;
  /* object-fit: contain; */
  display: block;
  position: relative;
}
.swiper-news-banner-img img{
  width: 6.7rem;
  height: 2.42rem;
  /* object-fit: contain; */
  object-fit: cover;
}
#videosBannerSwiper .swiper-slide{
  height: 2.42rem;
}
/*#videosBannerSwiper .swiper-news-banner-img::before{*/
  /*content:'';*/
  /*display: block;*/
  /*position: absolute;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*top: 0;*/
  /*left: 0;*/
  /*background-color: rgba(0,0,0,.25);*/
/*}*/
#videosBannerSwiper .swiper-news-banner-img::after{
  content:'';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -.31rem;
  margin-left: -.31rem;
  width: .62rem;
  height: .62rem;
  background: url("https://game.gtimg.cn/images/morefun/m/m202110/play-icon.png") no-repeat;
  background-size: cover;
}

#newsBannerSwiper .swiper-pagination {
  transform: translateY(.2rem) scale(.9);
  -webkit-transform: translateY(.2rem) scale(.9);
  --swiper-theme-color: #494949;
  --swiper-pagination-color: #0979c6;/* 两种都可以 */
}
#newsBannerSwiper .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  opacity: 1;
  background: #494949;
}

#videosBannerSwiper .swiper-pagination {
  transform: translateY(.2rem) scale(.9);
  -webkit-transform: translateY(.2rem) scale(.9);
  --swiper-theme-color: #494949;
  --swiper-pagination-color: #0979c6;/* 两种都可以 */
}
#videosBannerSwiper .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  opacity: 1;
  background: #494949;
}

.news-list-container {
  width: 6.7rem;
  /*height: 4.2rem;*/
  /*overflow: hidden;*/
  margin: .16rem .4rem 0 .4rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.news-list-container .news-list-wapper:nth-child(2n){
  margin-right: 0;
}
.news-list-container .news-list-wapper:nth-last-child(2){
  margin-bottom: 0;
}
.news-list-wapper .news-box{
  width: 3.24rem;
}
.news-list-wapper .news-img-box{
  width: 3.24rem;
  height: 1.72rem;
  position: relative;
}
.news-list-wapper .news-box img {
  width: 100%;
  height: 1.72rem;
}
.news-list-wapper .news-info{
  height: .72rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: .2rem;
  background: #f3f3f3;
}
.news-list-wapper .news-info-title{
  width: 2.90rem;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: .18rem;
  color:#000;
  margin: 0.04rem .2rem;
}
.news-list-wapper .news-info-date{
  width: 2.90rem;
  font-size: .16rem;
  line-height: .18rem;
  color:#454545;
  opacity: .5;
  margin: 0.04rem auto;
}

.news-content {
  width: 5rem;
  height: .7rem;
  line-height: .7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.video-box .news-img-box::after{
  content:'';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -.31rem;
  margin-left: -.31rem;
  width: .62rem;
  height: .62rem;
  background: url("https://game.gtimg.cn/images/morefun/m/m202110/play-icon.png") no-repeat;
  background-size: cover;
}

/* ---------------- 新闻资讯列表页与详情页 ---------------------- */
.news-tabs{
  width: 6.68rem;
  height: .7rem;
  margin: .30rem auto 0;
}
.news-tabs li{
  height: 100%;
  flex: 1;
}

.news-tabs li a{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-color: #f3f3f3;
  color:#000;
  font-size: .32rem;
}
.news-tabs li.active a{
  background-color: #0979c6;
  color:#fff;
}

.news-box{
  flex: 1;
}

.news-list-tabs{
  /*width: 100%;*/
  /*display: flex;*/
  /*flex-direction: column;*/
  /*position: absolute;*/
  /*top: 1.68rem;*/
  /*bottom: 1.00rem;*/
  /*!*overflow-x: hidden;*!*/
  /*overflow: hidden;*/
  position: relative;
  margin-top: 1.68rem;
}
.news-list-tab-head{
  width: 6.60rem;
  margin: 0 auto;
  padding-bottom: .60rem;
}
.news-list-tab-head a{
  font-size: .24rem;
  color:#000000;
  margin-right: .40rem;
}
.news-list-tab-head a.active{
  color:#0b8ac2;
  font-weight: bold;
  position: relative;
}
.news-list-tab-head a::after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -.12rem;
  height: .06rem;
  background: transparent;
  display: block;
}
.news-list-tab-head a.active::after{
  background: #0a8ac2;
}

.news-list-tab-body{
  flex: 1;
  position: relative;
  padding-bottom: 1.80rem;
}
.news-list-tab-body-inner{
  /*position: absolute;*/
  /*width: 100%;*/
  /*top: 0rem;*/
  /*bottom: 1.6rem;*/
  /*height: 100vh;*/
}
.news-list-swiper-container{
  width: 100%;
  height: 100%;
}
.news-list-wapper {
  flex: 0;
  flex-basis: 3.24rem;
  width: inherit;
  margin-right: .2rem;
  margin-bottom: .2rem;
  position: relative;
}
.news-list-swiper-wrapper{
  /*height: 100%;*/
}
.news-list-swiper-container .swiper-slide{
  /*height: 100%;*/
}
.news-list-outter {
  width: 100%;
  /*height: 100%;*/
  display: none;
  /*overflow: visible;*/
}
.swiper-slide-active .news-list-outter{
  display: block;
}
.news-item-outer {
  width: 3.14rem;
  height: 2.56rem;
  margin-right: .30rem;
  margin-bottom: .32rem;
}
.news-item-outer:nth-child(2n){
  margin-right: 0;
}
.news-list-content{
  flex-wrap: wrap;
  width: 6.6rem;
  margin: 0 auto;
}
.news-list-content .news-img-box{
  width: 3.14rem;
  height: 1.66rem;
  position: relative;
}
.news-list-content .news-img-box img{
  width: 100%;
  height: 100%;
}
.news-list-content .news-img-box.news-video-box::after{
  content:'';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -.41rem;
  margin-left: -.31rem;
  width: .62rem;
  height: .62rem;
  background: url("https://game.gtimg.cn/images/morefun/m/m202110/play-icon.png") no-repeat;
  background-size: cover;
}

.news-item-info{
  background: #fafafa;
  flex: 1;
}
.news-item-info .news-info-title{
  color:#333333;
  font-size: .18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  display: block;
  width: 2.60rem;
}
.news-item-info .news-info-date{
  color:#c8c8c8;
  font-size: .18rem;
  width: 2.60rem;
}



.news-detail-container {
  width: 100vw;
  min-height: 100vh;
  padding: 2rem .4rem 0 .4rem;
  position: relative;
  top: 0;
  left: 0;
  box-sizing: border-box;
  overflow:hidden scroll;
}

.news-detail-container img {
  width: 6.7rem;
  height: auto;
  overflow: hidden;
  object-fit: contain;
}

.news-check-btn {
  width: 6.7rem;
  height: .75rem;
  margin: .2rem .4rem 0.40rem .4rem;
  border: 1px solid #c6c6c6;
  border-radius: .1rem;
  overflow: hidden;
}

.back-top {
    background: url("https://game.gtimg.cn/images/morefun/m/m202110/top.png") no-repeat;
    background-size: 100%;
    width: 1.0rem;
    height: 1.0rem;
  /*width: 6.7rem;*/
  /*height: .75rem;*/
  /*margin: .4rem .4rem 0.40rem .4rem;*/
  /*background: #fff;*/
  /*border: 1px solid #c6c6c6;*/
  /*border-radius: .1rem;*/
  overflow: hidden;
  display: none;
  position: fixed;
  bottom: 2.4rem;
  z-index: 10;
  opacity: 0;
    right: .50rem;
}
.back-top span{
    text-indent: -999em;
    font-size: 0;
}
.back-top.show{
  display: flex;
  animation: ani-fadeIn .8s linear forwards;
}
@keyframes ani-fadeIn {
  from{ opacity: 0; }
  to{opacity: 1}
}

.news-detail-header {
  color: #c2c2c2;
  padding-bottom: .35rem;
  border-bottom: 1px solid #d8d8d9;
}

.news-detail-content{
  width: 6.7rem;
  overflow:scroll;
  margin-top: .3rem;
  margin-bottom: 1rem;
}

.news-detail-content iframe{
  width: 100%;
  height: auto;
}

.news-detail-content::-webkit-scrollbar {
  width: 0;
}

/* ------------------ 游戏介绍页相关的样式  ----------------------- */
.slide-game {
  background: linear-gradient(135deg, #0cc3e0 0, #085fbd 100%);
}

.game-list-container {
  width: 100vw;
  height: auto;
  padding: 0 .5rem 0 .4rem;
}

.game-character-footer {
  width: 100vw;
  height: auto;
  padding: .4rem .45rem .4rem .5rem;
  object-fit: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}

.character-bg-circle {
  width: 3.86rem;
  height: 3.86rem;
  border-radius: 50%;
  border: none;
  overflow: hidden;
  position: absolute;
  top: 2.55rem;
  left: 1.1rem;
  background-color: #f3c700;
}

.game-desc-tip {
  font-size: .22rem;
  transform-origin: left center;
  white-space: nowrap;
}

#gameBannerSwiper .swiper-button-prev {
  --swiper-navigation-size: .7rem;
  font-weight: bolder;
}

#gameBannerSwiper .swiper-button-next {
  --swiper-navigation-size: .7rem;
  font-weight: bolder;
}

#gameBannerSwiper .swiper-slide.swiper-slide-active .game-character-bg{
  animation: shrink 1.5s ease-out;
  -webkit-animation: shrink 1.5s ease-out;
  transform-origin: center;
  -webkit-transform-origin: center;
}

#gameBannerSwiper .swiper-slide.swiper-slide-active .game-character-footer{
  animation: fadeInUp .75s ease-out;
  -webkit-animation: fadeInUp .75s ease-out;
  transform-origin: center;
  -webkit-transform-origin: center;
}

@-webkit-keyframes shrink {
  from {
    -webkit-transform: scale(1.03);
  }
  to {
    -webkit-transform: scale(1);
  }
}
@keyframes shrink {
  from {
    transform: scale(1.03);
  }
  to {
    transform: scale(1);
  }
}

/* ------------------ 招聘信息页相关的样式  ----------------------- */
.join-container {
  width: 100vw;
  height: 100vh;
}

.join-content-wrapper {
  width: 7.5rem;
  height: inherit;
  position: absolute;
  top: 3rem;
  left: 0;
}

.join-content {
  width: 6.66rem;
  height: auto;
}

.join-nav-wrapper-light {
  width: 6.66rem;
  height: .8rem;
  background-color: white;
}

.join-nav-wrapper-dark {
  width: 6.66rem;
  height: .8rem;
  background-color: #212121;
}

.join-nav-items {
  width: 3.33rem;
  height: inherit;
  text-align: center;
}
/* ------------------ 关于我们页相关的样式  ----------------------- */
.slide-about {
  background: linear-gradient(135deg, #0cc3e0 0, #085fbd 100%);
  color: #696969;
}

.about-bg-container {
  width: 100vw;
  /* height: 100vh; */
  height: inherit;
  object-fit: cover;
  position: relative;
  /* background: linear-gradient(135deg, #0cc3e0 0, #085fbd 100%); */
}

#aboutBannerSwiper .swiper-pagination {
  --swiper-theme-color: #494949;
  --swiper-pagination-color: white;/* 两种都可以 */
}

#aboutBannerSwiper .swiper-button-next {
  --swiper-navigation-size: .7rem;
  font-weight: bolder;
}

#aboutBannerSwiper .swiper-button-prev {
  --swiper-navigation-size: .7rem;
  font-weight: bolder;
}

.swiper-footer {
  width: 100vw;
  height: 10.2rem;
  background-color: #0d0d0d;
  padding: 1.2rem .4rem .5rem .4rem;
}

#aboutBannerSwiper .swiper-slide.swiper-slide-active .about-bg {
  animation: shrink 1.5s ease-out;
  -webkit-animation: shrink 1.5s ease-out;
  transform-origin: center;
  -webkit-transform-origin: center;
}

#aboutBannerSwiper .swiper-slide.swiper-slide-active .about-desc {
  animation: fadeInRight .75s ease-out;
  -webkit-animation: fadeInRight .75s ease-out;
  transform-origin: center;
  -webkit-transform-origin: center;
}

#afooter {
  text-align: center;
  line-height: .4rem;
  font-size: .24rem;
  color: #696969 !important;
  padding: .2rem 0;
  position: relative;
  text-align: center;
  width: 100vw;
  z-index: 2;
}

#afooter a {
  color: #696969 !important;
}

/* ----------------  魔方工作室介绍页  ------------------ */
.morefun-desc-wrapper {
  width: 100vw;
  height: auto;
}

.morefun-desc-content-wrapper {
  width: 7.5rem;
  padding: 0 .4rem 1rem;
  box-sizing: border-box;
  text-indent: 1.2em;
  text-align: justify;
}

.morefun-desc-content-wrapper span{
  font-size: 0.26rem;
  color: rgba(255, 255, 255, .9);
  line-height: 0.45rem;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

/* ---------------------- 页底 ------------------------ */
.qr-modal-wrapper {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, .8);
}
.qr-code-box {
  width: 3.16rem;
  height: 3.12rem;
  background: url(https://game.gtimg.cn/images/morefun/m/m202110/about/qr-code-box.png) 50% 50% no-repeat;
  background-size: contain;
}

.qr-code-close-btn {
  width:.79rem;
  height: .79rem;
  object-fit: contain;
  margin-top: .8rem;
}

.qr-modal-code {
  width: 2.6rem;
  height: 2.6rem;
  object-fit: contain;
}
/* ----------------  图片资源相关样式  ------------------ */
.cube-icon {
  width: 2.11rem;
  height: .66rem;
  position: fixed;
  top: .2rem;
  left: .4rem;
  z-index: 29;
  background: url(https://game.gtimg.cn/images/morefun/m/m202110/cube-icon-light.png) 50% 50% no-repeat;
  background-size: cover;
}

.dark-version.cube-icon {
  background: url(https://game.gtimg.cn/images/morefun/m/m202110/cube-icon-dark.png) 50% 50% no-repeat;
  background-size: cover;
}

.list-icon {
  width: .50rem;
  height: .39rem;
  object-fit: contain;
}

.next-icon {
  width: .48rem;
  height: .62rem;
  object-fit: contain;
}

.left-arrow {
  width: .37rem;
  height: .71rem;
  object-fit: contain;
}

.home-kv-bg {
  width:100vw;
  /* height:100vh; */
  height: inherit;
  object-fit: cover;
  position: relative;
  transform-origin: center;
}

.news-title {
  width: 1.53rem;
  height: .43rem;
  object-fit: contain;
}
.slide-header:nth-child(1) .news-title {
  width: 1.87rem;
}

.public-qr {
  width: 2.49rem;
  height: 2.56rem;
  object-fit: cover;
}

.game-character-bg {
  width: 100vw;
  /* height: 100vh; */
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.game-desc-icon {
  width: 1.24rem;
  height: 1.24rem;
  object-fit: cover;
  border-radius: .22rem;
  overflow: hidden;
}

.web-btn {
  width: 1.26rem;
  height: .76rem;
  object-fit: contain;
}

.web-btn-s {
  width: 1.26rem;
  height: .41rem;
  object-fit: contain;
}

.join-title {
  width: 2.12rem;
  height: .43rem;
  object-fit: contain;
}

.join-content-bg {
  width: 3.21rem;
  height: 3rem;
  object-fit: cover;
  position: relative;
}

.check-job-btn {
  width: 1.33rem;
  height: .23rem;
  object-fit: contain;
  position: absolute;
  top: 2.4rem;
  left: .35rem;
}

.about-title {
  width: 2.7rem;
  height: .43rem;
  object-fit: contain;
}

.about-bg {
  width: 100vw;
  /* height: 100vh; */
  height: inherit;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.about-desc-1 {
  width: 6.63rem;
  height: 5.18rem;
  object-fit: contain;
  z-index: 5;
}

.about-desc-2 {
  width: 4.93rem;
  height: 1.88rem;
  object-fit: contain;
  position: absolute;
  bottom: 2rem;
  left: .75rem;
  z-index: 5;
}

.about-desc-3 {
  width: 3.02rem;
  height: 1.88rem;
  object-fit: contain;
  position: absolute;
  bottom: 2rem;
  left: .75rem;
  z-index: 5;
}

.about-desc-4 {
  width: 3.2rem;
  height: 1.88rem;
  object-fit: contain;
  position: absolute;
  bottom: 2rem;
  left: .75rem;
  z-index: 5;
}

.about-desc-5 {
  width: 5.42rem;
  height: 1.88rem;
  object-fit: contain;
  position: absolute;
  bottom: 2rem;
  left: .75rem;
  z-index: 5;
}

.want-more-btn {
  width: 3.01rem;
  height: .69rem;
  object-fit: contain;
}

.channel-bg {
  width: 3.2rem;
  height: 2.5rem;
  object-fit: contain;
  background-color: #131313;
  margin: .12rem;
  color: #b4b4b4;
  box-sizing: border-box;
}

.channel-icon {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
  margin-bottom: .3rem;
}

.copy-right {
  width: 4.38rem;
  height: .61rem;
  object-fit: contain;
}

.morefun-desc-logo {
  width: 3.65rem;
  height: 3.99rem;
  object-fit: contain;
}


/* ------------------ 弹窗 ------------------------- */
.pop{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3;}
.pop .btn-close{width: .4rem; height: .4rem; background: url("https://game.gtimg.cn/images/morefun/m/m202110/pop-close.png"); background-size: cover; position: absolute; right: -.46rem; top: 0;}
.pop-video{width: 6.28rem; height: 3.54rem; background: #000; }
.tg__show__dialog{visibility: hidden;}


/* ------------------ 字体颜色 ------------------------- */
.font-white {
  color: white;
}

.font-grey-white {
  color: rgba(255, 255, 255, .7);
}

.font-dark {
  color: #4f4f4f;
}

.font-light-black {
  color: #121212;
}

.font-dark-grey {
  color: #454545;
}

.font-grey {
  color: #7e7d84;
}

.font-light-grey {
  color: #696969;
}


/* ------------------  背景色  ------------------------ */
.bg-black {
  background-color: black;
}

.bg-grey-white {
  background-color: #f6f6f6;
}

.bg-deep-blue {
  background-color: #0979c6;
}

/* ------------------ 字号 ------------------------- */
.font-bold {
  font-weight: bolder;
}

.font-16 {
  font-size: .16rem;
}

.font-20 {
  font-size: .2rem;
}

.font-22 {
  font-size: .22rem;
}

.font-24 {
  font-size: .24rem;
}

.font-26 {
  font-size: .26rem;
  line-height: .26rem;
}

.font-28 {
  font-size: .28rem;
  line-height: .28rem;
}

.font-36 {
  font-size: .36rem;
  line-height: .36rem;
}

.font-40 {
  font-size: .4rem;
  line-height: .4rem;
}

.font-48 {
  font-size: .48rem;
  line-height: .48rem;
}

/* ------------------- 内边距封装 --------------------- */
.pt-30 {
  padding-top: .3rem;
}

.pt-50 {
  padding-top: .5rem;
}

.pt-78 {
  padding-top: .78rem;
}

.pl-35 {
  padding-left: .35rem;
}

.pl-40 {
  padding-left: .4rem;
}

.pr-40 {
  padding-right: .4rem;
}

.pb-50 {
  padding-bottom: .5rem;
}

/* ------------------- 外边距封装 --------------------- */
.mt-5 {
  margin-top: .05rem;
}

.mt-10 {
  margin-top: .1rem;
}

.mt-20 {
  margin-top: .2rem;
}

.mt-30 {
  margin-top: .3rem;
}

.mt-50 {
  margin-top: .5rem;
}

.mt-70 {
  margin-top: .7rem;
}

.mt-105 {
  margin-top: 1.05rem;
}

.mt-140 {
  margin-top: 1.4rem;
}

.mt-170 {
  margin-top: 1.7rem;
}

.mt-250 {
  margin-top: 2.5rem;
}

.mt-290 {
  margin-top: 2.9rem;
}

.mt-310 {
  margin-top: 3.1rem;
}

.mb-70 {
  margin-bottom: .7rem;
}

.ml-15 {
  margin-left: .15rem;
}

.ml-25 {
  margin-left: .25rem;
}
/* ----------bootstrap4中其他的封装 -------------- */
.p-static {
  position: static !important;
}

.p-relative {
  position: relative !important;
}

.p-absolute {
  position: absolute !important;
}
/* ----------bootstrap4中对flex布局的封装 -------------- */
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}