@font-face{
    font-family: 'fzlt';
    src: url('/public/font/fangzheng.woff') format('woff'),url('/public/font/fangzheng.TTF') format('truetype');
}
html,body{
    font-family: PingFang SC, PingFangSC-Regular, Microsoft YaHei, 微软雅黑;
    -webkit-font-smoothing: antialiased;
}
* {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
::-webkit-scrollbar { width: 6px; height: 8px; }
::-webkit-scrollbar:hover { background-color: #eee; }

::-webkit-scrollbar-thumb { min-height: 5px; min-width: 5px; -webkit-border-radius: 20px; border: 1px solid #dcdcdd; background-color: #dcdcdd;}
::-webkit-scrollbar-thumb:hover { min-height: 5px; min-width: 5px; -webkit-border-radius: 20px; border: 1px solid #666; background-color: #666;}

::-webkit-scrollbar-thumb:active {-webkit-border-radius: 20px; border: 1px solid #666; background-color: #666;}
@media (pointer: fine) {
  .kqdj_list_name {
    scrollbar-width: thin;
    scrollbar-color:#dcdcdd #dcdcdd;
  }
}
.delay0{ transition-delay: 0s !important; animation-delay: 0.05s !important; }
.delay1{ transition-delay: 0.05s !important; animation-delay: 0.1s !important; }
.delay2{ transition-delay: 0.1s !important; animation-delay: 0.15s !important; }
.delay3{ transition-delay: 0.15s !important; animation-delay: 0.2s !important; }
.delay4{ transition-delay: 0.2s !important; animation-delay: 0.25s !important; }
.delay5{ transition-delay: 0.25s !important; animation-delay: 0.3s !important; }
.delay6{ transition-delay: 0.3s !important; animation-delay: 0.35s !important; }
.delay7{ transition-delay: 0.35s !important; animation-delay: 0.4s !important; }
.delay8{ transition-delay: 0.4s !important; }
.delay9{ transition-delay: 0.45s !important; }
.delay10{ transition-delay: 0.5s !important; }
.delay11{ transition-delay: 0.55s !important; }
.delay12{ transition-delay: 0.6s !important; }
.delay13{ transition-delay: 0.65s !important; }
.delay14{ transition-delay: 0.7s !important; }
.delay15{ transition-delay: 0.75s !important; }
.delay16{ transition-delay: 0.8s !important; }
.delay17{ transition-delay: 0.95s !important; }
.delay18{ transition-delay: 0.95s !important; }
.delay19{ transition-delay: 1s !important; }
.delay20{ transition-delay: 1.05s !important; }
.delay21{ transition-delay: 1.1s !important; }
.delay22{ transition-delay: 1.15s !important; }
.delay23{ transition-delay: 1.2s !important; }
.delay24{ transition-delay: 1.25s !important; }
.delay25{ transition-delay: 1.3s !important; }
.delay26{ transition-delay: 1.35s !important; }
.delay27{ transition-delay: 1.4s !important; }
.delay28{ transition-delay: 1.45s !important; }
.delay29{ transition-delay: 1.5s !important; }
.delay30{ transition-delay: 1.55s !important; }
.delay31{ transition-delay: 1.6s !important; }
.delay32{ transition-delay: 1.65s !important; }
.delay33{ transition-delay: 1.7s !important; }
.delay34{ transition-delay: 1.75s !important; }
.delay35{ transition-delay: 1.8s !important; }
.delay36{ transition-delay: 1.85s !important; }
.delay37{ transition-delay: 1.9s !important; }
.delay38{ transition-delay: 1.95s !important; }
.delay39{ transition-delay: 2s !important; }
.delay40{ transition-delay: 2.05s !important; }
.delay41{ transition-delay: 2.1s !important; }
.delay42{ transition-delay: 2.15s !important; }


.upm,.upm_in { display: block; transition-duration: 0.6s; visibility: hidden; opacity: 0; transform: translateY(158%); }
.ups .upm,.newpic .swiper-slide-active .upm_in{ visibility: visible; opacity: 1; transform: translateY(0);}
.sub-title1 text{ margin: 0 0.01rem; }
.sub-title2 text{ margin: 0 0 0 0.01rem; }
.show-animate-item, .line-animate-item, .line-animate-item2, .show-search-animate-item {
    opacity: 0;
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    transition: clip-path 0.4s 0.2s cubic-bezier(0, 0.3, 0.6, 1), transform 0.4s 0.2s ease, opacity 0.4s 0.2s ease, -webkit-transform 0.4s 0.2s ease, -webkit-clip-path 0.4s 0.2s cubic-bezier(0, 0.3, 0.6, 1);
}
.showup, .fadein, .faded, .fading, .showed, .showing {
    opacity: 1 !important;
    clip-path: inset(-0.14rem -0.14rem -0.14rem -0.14rem) !important;
}

.slidebg { width: 100%; height: 100%; background-color: #fff; background-position: center 0; background-repeat: no-repeat; background-size: cover; overflow: hidden;}
.c1{ height: 10.35rem; }
.c2{ height: 8rem; }
.c3{ height: 7.85rem; }
.c4{ height: 8.6rem; }
.cbg4{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:#f4f6f5 url(/public/images/indexnew_02.jpg) no-repeat center; background-size: cover; }
.c4.ups .cbg4{ animation: cbgs 20s linear infinite alternate; }
@keyframes cbgs {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1.02);
  }
}

.c5{ height: 8.06rem; }
.cbg5{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/public/images/indexnew_03.jpg) no-repeat center; background-size: cover; }
.c5.ups .cbg5{ animation: cbgs 20s linear infinite alternate; }

.c6{ height: 6.48rem; }
.cbg6{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/public/images/indexnew_04.jpg) no-repeat center; background-size: cover; }
.c6.ups .cbg6{ animation: cbgs 20s linear infinite alternate; }

.my-pagination { position: fixed;}
.slideins {
  min-width: 1000px;
  height: auto;
  overflow: auto;
  background-attachment: fixed;
}
.mySwiper { width: 100%; left: 0; top: 0;}
.mySwiper .my-pagination .swiper-pagination-bullet { transition: height 0.6s;}
.mySwiper .my-pagination .swiper-pagination-bullet-active { background-color: #e9553d; height: 0.52rem; border-top-left-radius: 0.52rem; border-top-right-radius: 0.52rem; border-bottom-left-radius: 0.52rem; border-bottom-right-radius: 0.52rem;}

.mySwiper2 { height: 10.35rem; }
.mySwiper2 .upm{ transform: translateY(138%); }
.mySwiper2 .cest .title-1 text{ margin:0 0.05rem 0 0; }
.mySwiper2 .cest .title-2 text{ margin:0 0.02rem 0 0; }
.mySwiper2 .swiper-slide-active .upm{ visibility: visible; opacity: 1; transform: translateY(0);}

.mySwiper3 { height: 7.62rem; }
.mySwiper3 .upm{ transform: translateY(138%); }
.mySwiper3 .cest .title-1 text{ margin: 0.02rem; font-size: 0.36rem; }
.mySwiper3 .cest .title-2 text{ margin: 0.02rem; }
.mySwiper3 .swiper-slide-active .upm{ visibility: visible; opacity: 1; transform: translateY(0);}
.mySwiper3 .join-pagination{ width: 15.4rem; left: 50%; bottom: 0.65rem; text-align: left; margin: 0; transform: translateX(-50%); }
.mySwiper3 .swiper-slide-active .slide-inner-bg{ transform: scale(1); transition-delay: 0.4s; }
.mySwiper3 .swiper-pagination-bullet{ background-color: rgba(255, 255, 255, 0.4); overflow: hidden; }
.mySwiper3 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 0.9rem; position: relative; }
.mySwiper3 .swiper-pagination-bullet::after{ content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: rgba(255, 255, 255, 1); }
.mySwiper3 .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ transition-duration: 7.2s; width: 100%; }
.mySwiper3 .content{ width: 15.4rem; left: 50%; top: 5.7rem; height: auto; transform: translateX(-50%); }
.mySwiper3 .bgcom .title-1{ font-size: 0.4rem; }

.cslide1{ overflow: hidden; }
.slide-inner { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center;  display: flex;  justify-content: center;  align-items: center; color:#fff; }
.slide-inner-bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; transform: scale(1.2); transition: transform 3s;  }
.mySwiper2 .swiper-slide-active .slide-inner-bg{ transform: scale(1); transition-delay: 0.4s; }

.bgcom { position: absolute; left: 0;  top: 0;  width: 100%;  height: 100%;  background-repeat: no-repeat;  background-position: center 0;  background-size: cover;  visibility: hidden;  opacity: 0;  transition-duration: 0.6s;}
.bgcom img{ position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%;  }
.bgcom.cur,.swiper-slide-active .bgcom { opacity: 1; visibility: visible; z-index: 1; }

.menu { position: fixed; display: flex;  justify-content: center;  flex-wrap: wrap;  align-items: flex-start;  align-content: flex-start;  width: 100%;  height: 0.81rem; background: #000;  left: 0;  top: 0;  z-index: 44;  color: #464646;  font-size: 0.18rem;}
.rwapbgs{ margin-top: 0.8rem; }


.wbhide {  width: 100%;  height: 1rem;}
.logo { position: absolute; left: 0.4rem; top: 50%; display: flex; align-items: center; width: 2rem; height: .51rem; background: url(/public/images/logo.png) no-repeat; background-size: contain; cursor: pointer; transform: translateY(-50%); }
.menu .r-mn-btn { display: none;}
.menu ul { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-bottom: solid 0.01rem #3d3738; z-index:2 }
.menu ul li { position: relative; display: flex; justify-content: center; align-items: center; margin: 0 0.2rem; height: 100%; font-size: 0.18rem; }
.menu ul li::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.04rem; background-color: #fff; transform: scaleX(0); transition:transform 0.4s; transform-origin: right bottom; display: none; }
.menu ul li a{ display: flex;  height: 100%;  align-items: center; color: #f1efef; }
.menu ul li:hover > a,.menu ul li.cur > a { color: #fff; font-weight: bold; }
.menu ul li:hover::after,.menu ul li.cur::after{ transform-origin: 0 bottom; transform: scaleX(1); }
.cur .menu_cov{ height: 1.14rem; }
.menu_cov.cur.height114{ height: 1.14rem; }
.menu_cov.cur.height60{ height: 5.4rem; }

.menu_cov{ position: fixed; width: 100%; height: 0; overflow: hidden; left: 0; top: 0; transform: translateY(0.81rem); background-color: rgba(0, 0, 0, 0.9); font-size: 0.18rem; transition: height 0.4s;   }
.menu_cov .fw1,.menu_cov .fw2{ font-weight: 500; }
.menu_list{ position: absolute; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; left: 0; top: 0; }
.menu_cov.height114 .menu_list{ height: 100%; }
.menu .menu_list a{ display: flex; align-items: center; justify-content: flex-start; height: 0.34rem; line-height: 0.34rem; margin:0 0.2rem; color: #cacacd; }
.menu .menu_list a:hover{ color: #fff; }
.menu .menu_list a::before{ content: ""; display: block; width: 0.33rem;height: 0.33rem; margin-right: 0.12rem; background-repeat: no-repeat; background-size: 1.98rem .66rem; background-image:url(/public/images/mn_iocns.png); }
.menu .menu_list a:nth-child(1)::before{ background-position-x: 0; }
.menu .menu_list a:nth-child(2)::before{ background-position-x: -.33rem; }
.menu .menu_list a:nth-child(3)::before{ background-position-x: -.66rem; }
.menu .menu_list a:nth-child(4)::before{ background-position-x: -0.99rem; }
.menu .menu_list a:hover::before{ background-position-y: bottom; }

.menu ul.game_lists{ display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; justify-content: center; width: 20.1rem; padding-bottom: 0.4rem; border: 0; }
.menu ul.game_lists li{ flex-wrap: wrap; width: 3.1rem; height: auto; margin: 0.35rem 0.1rem 0; color: #fff; }
.menu ul.game_lists li span{ display: block; width: 100%; margin: 0.05rem auto 0; color: #fff; font-size: 0.16rem; text-indent: 1rem; }
.menu ul.game_lists li img.big{ border-radius: 0.1rem; transition:transform 0.6s; }
.menu ul.game_lists li:hover img.big{ transform: scale(1.1);  }
.menu ul.game_lists li img.small{ position: absolute; width: 0.68rem; left: 0.1rem; top: 1.2rem; }
.menu ul.game_lists li:after{ display: none; }
.menu ul.game_lists li a{ display: block; position: relative; width: 3.1rem; height: auto; margin: 0 auto; overflow: hidden; border-radius: 0.1rem; }
.menu .menu_list .game_lists a::before{ display: none; }

.menu ul li:nth-child(3) .menu_list a{ height: auto; margin: 0; }
.product_list{ display: flex; justify-content: center; width: 100%; margin: 0 auto 0; }
.product_list a{ display: flex; width: fit-content; transform: translateX(0.1rem); }
.menu .menu_list .product_list a::before{ display: none; }
.product_list a::after { border-right: .03rem solid #797a7d; border-bottom: .03rem solid #797a7d;  content: "";  height: .1rem;  margin-right: .06rem;  transform: translateX(.04rem) rotate(-45deg); width: .1rem;}
.product_list a:hover::after{ border-right: .03rem solid #fff; border-bottom: .03rem solid #fff; }

.menu .menu_list.fw2 a::before{ width: 0.33rem; background-size: 1.98rem .66rem; background-image:url(/public/images/mn_iocns.png); background-position-x: -1.32rem; }
.menu .menu_list.fw2 a:nth-child(2)::before{ background-position-x: -1.65rem; }
.menu .menu_list.fw2 a:hover::before{ background-position-y: bottom; }

@media screen and (min-width: 3300px) {
  .logo{ height: 70%; }
  .menu{ height: 85px; }
  .rwapbgs { margin-top: calc(85px * 0.8125); }
  .menu_cov{ transform: translateY(84px); }
}

.title{ position: relative; text-align: center; color: #000000; font-size: 0.55rem; margin: 0.8rem auto 0.45rem; }
.title::after { content: ""; display: block; position: relative; z-index: 1; top: .1rem; margin: auto; width: 0.88rem; height: 0.06rem; background: #000000; }
.m_product .title::after{ display: none;  }
.news_detail .title::after{ display: none;  }
.title span{ display: flex; justify-content: center; font-weight: 500; }
.title span.sub-title1{ height: 0.7rem; }
.title span text{ font-family: "fzlt";  }
.sub-title2{ font-size: 0.22rem; }
.content {position: absolute; display: flex; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; left: 5.2rem; top: 4.16rem; width: 10rem; height: 5.2rem; color: #fff; font-size: 0.18rem;}
.content img{ position: relative; width: 1.32rem; height: auto; border-radius: 0.2rem; object-fit: contain; margin-right: 0.2rem; transform: scale(0); transition: transform 0.6s; transition-delay: 0.8s; }
.mySwiper2 .swiper-slide-active .content img{ transform: scale(1); }
.cest_bg{ display: flex; width: 100%; }
.cest{ width: 8rem; }

.investor_services{ display: flex; align-items: center; width: 10rem; height: 4.46rem; border-radius: 0.2rem; margin: 0 auto; background:#fff url(/public/images/rs.png) no-repeat 1.18rem center; background-size: 1.1rem 1.1rem; }
.investor_services p{ padding-left: 3.47rem; line-height: 3; }
.investor_services a{ color: #0084d7; }

.swhz .news-content { margin-top: 0.1rem;}
.swhz .news-content > div,
.contact .news-content > div {
  padding: 0;
}
.contact .news-content {
  margin-top: 0.2rem;
}
.contact .news-content .email{ color: #568bff; }
.contact .news-title {
  height: 0.8rem;
}
.bgcom .title-1 { display:flex; font-size: 0.5rem; color: #fff;}
.bgcom .title-2 { display: flex; justify-content: center;  align-items: center;  width: fit-content; font-size: 0.2rem;  color: #fff; letter-spacing: 0.02rem; visibility: hidden; opacity: 0; transform: translateY(120%); transition-duration: 1s; transition-delay: 0.7s; }
.mySwiper2 .swiper-slide-active .bgcom .title-2,.mySwiper3 .swiper-slide-active .bgcom .title-2{ visibility: visible; opacity: 1; transform: translateY(0); }
.bgcom .msg { line-height: 2;}
.setGame {position: absolute; left: 5.2rem; bottom: 0.9rem; width: 4.3rem; z-index: 1; }

/* .swiper-slide-active .bgcom .title-1 {
  transition-duration: 1.4s;
  transition-delay: 0.4s;
  visibility: hidden;
  opacity: 0;
  transform: translateX(100%);
}
.swiper-slide-active .bgcom .title-2 {
  transition-duration: 1.4s;
  transition-delay: 0.5s;
  visibility: hidden;
  opacity: 0;
  transform: translateX(100%);
} */
.swiper-slide-active .bgcom .msg {
  transition-duration: 1.6s;
  transition-delay: 0.6s;
  visibility: hidden;
  opacity: 0;
  transform: translateX(-30%);
}

.swiper-slide-active .swiper-slide-active .bgcom .title-1,
.swiper-slide-active .swiper-slide-active .bgcom .title-2,
.swiper-slide-active .swiper-slide-active .bgcom .msg {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.imgsrcollbg {position: relative; width: 100%; height: 1.4rem;}
.imgsrcollbg img {
  display: block;
  width: 0.8rem;
  margin: 0 auto;
  border-radius: 0.15rem;
  cursor: pointer;
  transition: transform 0.6s;
  filter: brightness(0.8);
}
.imgsrcollbg img:hover {
  filter: brightness(1);
}
.imgsrcollbg .swiper-slide.swiper-slide-thumb-active img { filter: brightness(1); transform: scale(1.15);}

.swiper-slide-prev .imgsrcollbg img { transform: translateX(-1rem);}
.swiper-slide-next .imgsrcollbg img { transform: translateX(1rem);}

.imgsrcoll { height: 1.4rem; overflow: hidden; visibility: hidden; }
.imgsrcoll .swiper-slide { display: flex; justify-content: center; align-items: center;}
.join-btn { display: flex; justify-content: center; align-items: center; width: 1.8rem; height: 0.45rem; font-size: 0.22rem; color: #fff; margin-top: 0.3rem; transition:all 0.6s; opacity: 0; transform: translateY(100%); transition-delay: 0.75s;}
.join-btn a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border: solid 0.01rem #fff; border-radius: 0.7rem; }
.join-btn a:hover { background-color: rgba(0, 0, 0, 0.6); }
.mySwiper2 .swiper-slide-active .join-btn{ visibility: visible; opacity: 1; transform: translateY(0);}
.imgsrcollbg .swiper-button-next { margin: 0; top: 0.45rem; right: 0; width: 0.42rem; height: 0.42rem; display: flex; justify-content: center; align-items: center; border-radius: 50%;}
.imgsrcollbg .swiper-button-next::after { content: ""; width: 0.16rem; height: 0.16rem; border-left: solid 0.04rem #fff; border-top: solid 0.04rem #fff; transform: translateX(-0.04rem) rotateZ(135deg);}
.imgsrcollbg .swiper-button-next:hover { background-color: rgba(0, 0, 0, 0.6); }

.imgsrcollbg .swiper-button-prev { margin: 0; top: 0.45rem; left: auto; right: 0.85rem; width: 0.42rem; height: 0.42rem; display: flex; justify-content: center; align-items: center; border-radius: 50%;}
.imgsrcollbg .swiper-button-prev::after { content: ""; width: 0.16rem; height: 0.16rem; border-left: solid 0.04rem #fff; border-top: solid 0.04rem #fff; transform: translateX(0.04rem) rotateZ(-45deg);}
.imgsrcollbg .swiper-button-prev:hover { background-color: rgba(0, 0, 0, 0.6); }
.set_progress{ position: absolute; top: 0.52rem; left: 0; display: flex; align-items: center; font-size: 0.22rem; color: #fff; }
#progress_01{ position: relative; width: 1.8rem; height: 0.05rem; overflow: hidden; background-color: rgba(255, 255, 255, 0.4); margin: 0 0.18rem; }
#progress_01 i{ --progressW: 0; position: absolute; left: 0; top: 0; width: var(--progressW); height: 100%; background-color: #fff; }
.autoplay-progress { position: absolute; left: 1.1rem; bottom: 0.9rem; z-index: 10; width: 0.48rem; height: 0.48rem; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #fff; font-size: 0.18rem; display: none; }
.autoplay-progress svg { --progress: 0; position: absolute; left: 0; top: 0px; z-index: 10; width: 100%; height: 100%; stroke-width: 4px; stroke: #fff; fill: none; stroke-dashoffset: calc(125.6 * (1 - var(--progress))); stroke-dasharray: 125.6; transform: rotate(-90deg);}

.down {
  position: fixed;
  right: 0.25rem;
  bottom: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 1.1rem;
  height: 1.1rem;
  background-color: #e9553d;
  border-radius: 50%;
  font-size: 0.15rem;
  color: #fff;
  z-index: 2;
}
.down span::before {
  content: "";
  display: block;
  margin: 0 auto 0.02rem;
  width: 100%;
  height: 0.35rem;
  background: url(/public/images/down.png) no-repeat center 0;
  background-size: auto 0.35rem;
  animation: btns 0.6s linear infinite alternate;
}
@keyframes btns {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-0.1rem);
  }
}

.r-mn {
  position: fixed;
  right: 0.3rem;
  top: 0.3rem;
  width: 0.5rem;
  height: 0.35rem;
  z-index: 2;
  display: none;
}
.r-mn-btn {
  position: relative;
  display: block;
  width: 0.37rem;
  height: 0.33rem;
}
.r-mn-btn span {
  position: absolute;
  width: 0.37rem;
  height: 0.05rem;
  background-color: #ccc;
  left: 0;
  top: 0;
  transition-duration: 0.6s;
}
.r-mn-btn span:nth-child(2) {
  top: 0.14rem;
  background-color: #959595;
}
.r-mn-btn span:nth-child(3) {
  top: 0.28rem;
  background-color: #4b4b4b;
}
.r-mn.cur .r-mn-btn span:nth-child(1) {
  transform: translateY(0.15rem) rotateZ(135deg);
  background-color: #c2c2c2;
}
.r-mn.cur .r-mn-btn span:nth-child(2) {
  opacity: 0;
}
.r-mn.cur .r-mn-btn span:nth-child(3) {
  transform: translateY(-0.13rem) rotateZ(-135deg);
  background-color: #c2c2c2;
}

.r-mn ul {
  position: absolute;
  right: 0.56rem;
  top: 0;
  width: 5.6rem;
  height: 0.35rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.r-mn ul li {
  color: #c2c2c2;
  font-size: 0.2rem;
  width: 1.2rem;
  text-align: center;
  transition-duration: 0.6s;
  visibility: hidden;
  opacity: 0;
  transform: translateX(1rem);
  transition-delay: var(--rmndelay);
}
.r-mn ul li:nth-child(1) {
  --rmndelay: 0.1s;
}
.r-mn ul li:nth-child(2) {
  --rmndelay: 0.2s;
}
.r-mn ul li:nth-child(3) {
  --rmndelay: 0.3s;
}
.r-mn ul li:nth-child(4) {
  --rmndelay: 0.4s;
}
.r-mn ul li:nth-child(5) {
  --rmndelay: 0.5s;
}

.r-mn ul li a:hover,
.r-mn ul li.cur a {
  font-weight: bold;
  color: #000;
}
.r-mn.w ul li a:hover,
.r-mn.w ul li.cur a {
  font-weight: bold;
  color: #fff;
}
.r-mn.cur li {
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}

.content2 { position: relative;  left: 0;  top: 0; width: 100%; height: 100%; color: #fff; font-size: 0.18rem; padding-top: 1px; }
.hot-tt {
  display: block;
  width: 6.1rem;
  height: 1.49rem;
  background: url(/public/images/hot-tt.png) no-repeat;
  background-size: auto 100%;
  transition: transform 0.8s;
  transition-delay: 0s;
}

.c2 .title{ margin-bottom: 0; }
.hot-pagination { display: none;}
.hotlist {width: 100%; overflow: initial;}
.hotlist ul { position: relative; display: flex; justify-content: center; flex-wrap: wrap; width: 100%; height: 100%; padding: 0.1rem 0 0;}
.hotlist ul li { position: absolute; left: 0; top: 0;  width: 2.9rem; height: 7.65rem; cursor: pointer; transition:transform .5s linear; }
.hotlist ul li.cur{ z-index: 2; }
.hotlist ul li .hot_bg_wrap{ height: 7.65rem; opacity: 0; transform: translateY(30%); transition-duration: 1s; }
.hotlist ul li .hot_bg_wrap01{ position: relative; width: 100%; height: 100%; left: 0; top: 0; }
.hotlist.amited ul li .hot_bg_wrap{ opacity: 1; transform: translateY(0); }

.hotlist ul li .hot_bg{ position: relative; width: 2.9rem; height: 100%; border-radius: 0.1rem; overflow: hidden; transition: all .5s linear; }
.swiper-slide-prev .hot-tt { transform: translateY(-1.5rem);}
.swiper-slide-next .hot-tt { transform: translateY(1.5rem);}
.swiper-slide-prev .hotlist ul li { transform: translateY(-1.5rem);}
.swiper-slide-next .hotlist ul li { transform: translateY(1.5rem);}
.hotlist ul li .pic { position: absolute; width: 10.71rem; height: 100%; left: 50%; transform: translateX(-50%); }
.hotlist img { position: relative; width: 100%; }
.hotlist .pic img.game_index_image_pc,.hotlist .pic img.game_image { transform-origin: center; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; filter: drop-shadow(0px 0.04rem 0.08rem rgba(0, 0, 0, 0.2)); object-fit: cover; transition:opacity 1s;  /*transition: transform 0.6s;*/ }

.hotlist .pic img.game_image{ width: 2.89rem; height: 6.92rem; left: 50%; transform: translateX(-50%); }
.hotlist .pic img.game_index_image_pc{ width: 10.71rem; height: auto; opacity:0;  }
.hotlist ul li:hover .pic::before { transform: rotateX(-50deg) skewX(6deg); box-shadow: 0.05rem 0.05rem 0.05rem #000; opacity: 0.5;}
.childrens{ position: absolute; width: 100%; height: 1.8rem; display: flex; justify-content: center; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); transition-duration: 0.6s; visibility: hidden; transform: translateY(100%); opacity: 0; }
.childrens a{ display: block; width: 1rem; margin: 0.25rem 0.1rem; text-align: center; visibility: hidden; transform: translateY(100%); opacity: 0; }
.childrens a:nth-child(1){ transition-delay: 0.2s; }
.childrens a:nth-child(2){ transition-delay: 0.3s; }
.childrens a:nth-child(3){ transition-delay: 0.4s; }
.childrens a:nth-child(4){ transition-delay: 0.5s; }
.childrens a:nth-child(5){ transition-delay: 0.6s; }
.childrens a:nth-child(6){ transition-delay: 0.7s; }
.childrens a:nth-child(7){ transition-delay: 0.8s; }
.childrens a:nth-child(8){ transition-delay: 0.9s; }
.cur .childrens{ transform: translateY(0); visibility: visible; opacity: 1; }
.cur .childrens a{ transition-duration: 0.6s; transform: translateY(0); visibility: visible; opacity: 1; font-size: 0.16rem; }
.cur .childrens a img{ transition-delay: 0s; transition-duration: 0.6s; }
.cur .childrens a span{ display: block; text-align: center; margin-top: 0.1rem; }
.cur .childrens a:hover img{ transform: scale(1.1); }

.pic-bot { position: absolute; left: 0; top: 7.9rem; display: flex; width: 100%; justify-content: space-between; color: #000000; transform-origin: 0.6s;}
.pic-bot1 { width: 100%;}
.pic-bot1 img {  display: block;  width: 0.74rem;  height: auto;  margin-right: 0.2rem;  border-radius: 0.15rem;}
.pic-bot1 p strong { display: block;font-size: 0.32rem;  text-align: center;  color: #a0a1a3;}
.pic-join-btn { position: absolute; left: 50%; bottom: 0.6rem; display: flex; justify-content: center; align-items: center; width: 1.78rem; height: 0.48rem; padding: 0 0.2rem; border-radius: 0.36rem; color: #fff; font-size: 0.22rem; background-color: rgba(0, 0, 0, 0.6);  transition:opacity 1s; transition-delay: 0.35s; visibility: hidden; opacity: 0; transform: translate(-50%,0); }
.pic-join-btn::after {
    content: "";
    width: 0.14rem;
    height: 0.14rem;
    border-left: solid 0.03rem #fff;
    border-top: solid 0.03rem #fff;
    -webkit-transform: translateX(-0.04rem) rotateZ(135deg);
    -ms-transform: translateX(-0.04rem) rotate(135deg);
    transform: translateX(-0.04rem) rotateZ(135deg);
    margin-left: 0.1rem;
}
.hotlist ul li.cur .pic-join-btn{ visibility: visible; opacity: 1;}
.hotlist ul li.cur strong{ color: #000; }
.hotlist ul li.cur .hot_bg{ width: 10.71rem; }
.hotlist ul li.cur .pic-bot{ width: 10.71rem; }
.hotlist ul li.cur .hot_bg .game_index_image_pc{ opacity: 1; }
.hotlist ul li.cur .hot_bg .game_image{ opacity: 0; }
.hotlist ul li .pic-join-btn:hover{ background-color: rgba(0, 0, 0, 1); color: #fff; }

.hotlist .swiper-slide{ position: relative; height: 7.65rem; }
.hotwrap{ position: absolute; top: 0; left: 45%; }

.hotlist ul li:nth-child(1).active_before {
    transform: translateX(-10.3rem)
}
.hotlist ul li:nth-child(1).active_after {
    transform: translateX(-10.3rem)
}
.hotlist ul li:nth-child(2).active_before {
    transform: translateX(0.6rem)
}
.hotlist ul li:nth-child(2).active_after {
    transform: translateX(-7.2rem)
}
.hotlist ul li:nth-child(3).active_before {
    transform: translateX(3.7rem)
}
.hotlist ul li:nth-child(3).active_after {
    transform: translateX(-4.1rem)
}
.hotlist ul li:nth-child(4).active_before {
    transform: translateX(6.8rem)
}
.hotlist ul li:nth-child(4).active_after {
    transform: translateX(-1rem)
}
.hotlist ul li:nth-child(5).active_before {
    transform: translateX(9.9rem)
}
.hotlist ul li:nth-child(5).active_after {
    transform: translateX(2.1rem)
}

.hot-page { display: flex; justify-content: center; position: absolute; top: 1rem; right: 0.2rem;}
.hot-next,.hot-prev { display: flex; justify-content: center; align-items: center; width: 0.54rem; height: 0.54rem; border: solid 0.03rem #63c9fd; border-radius: 50%;}
.hot-next::after,.hot-prev::after { content: ""; width: 0.12rem; height: 0.12rem; border-left: solid 0.04rem #63c9fd; border-top: solid 0.04rem #63c9fd; transform: translateX(-0.02rem) rotateZ(135deg);}

.hot-prev { margin-right: 0.3rem;}
.hot-prev::after { transform: translateX(0.02rem) rotateZ(-45deg);}
.hot-next:hover,.hot-prev:hover { background-color: #63c9fd; border: solid 0.04rem #63c9fd;}

.hot-next:hover::after,.hot-prev:hover::after { border-left: solid 0.03rem #fff; border-top: solid 0.03rem #fff;}

.news-tt { position: relative; display: block; width: 100%; height: 1.47rem; background: url(/public/images/news-tt.png) no-repeat; background-size: auto 100%; transition: transform 0.8s; transition-delay: 0.3s;}
.newsbg { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin-top: 0.45rem;}
.newpicbg { border-radius: 0.1rem; overflow: hidden; width: 5.28rem; height: 6.48rem; border: solid 3px #000; margin: 0 auto;}
.newpicbg:hover img {transform: scale(1.1);}
.newpicbg img { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0 auto; transition: transform 0.6s;}
.newpic { width: 5.4rem; height: 6.6rem; margin: 0 0 0 0.4rem; transition: transform 0.8s; transition-delay: 0.35s;}
.newpic strong { display: block; font-size: 0.2rem; color: #333333; margin: 0.2rem 0 0 0.06rem;}
.swiper-horizontal > .news-pagination {
  bottom: 0.8rem;
  text-align: right;
  padding-right: 0.2rem;
}
.news-pagination .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  background-color: #fff;
  opacity: 0.8;
}
.news-pagination .swiper-pagination-bullet-active {
  background-color: #63c9fd;
  opacity: 1;
}
.swiper-slide-prev .newpic {
  transform: translateY(-2rem);
}
.swiper-slide-next .newpic {
  transform: translateY(2rem);
}
.swiper-slide-prev .newlist {
  transform: translateY(-2rem);
}
.swiper-slide-next .newlist {
  transform: translateY(2rem);
}
.swiper-slide-prev .news-tt {
  transform: translateY(-2rem);
}
.swiper-slide-next .news-tt {
  transform: translateY(2rem);
}
.newlist { position: relative; width: 15.26rem; margin: 0 auto; transition: transform 0.8s;transition-delay: 0.35s;}
.newlist ul { display: flex; justify-content: space-between; width: 100%; min-height: 6.8rem;}
.newlist ul li { width: 4.96rem; height: 4.4rem; border-radius: 0.2rem; overflow: hidden;  position: relative;  display: block; padding-bottom: 0.2rem;  background-color: #fff; box-shadow: 0 0.01rem 0.02rem 0 rgba(0,0,0,0.2); }
.newlist ul li div{ display: block; height: 2.82rem; overflow: hidden; }
.newlist ul li div img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 1s; }
.newlist ul strong.news-stro-title {  
  display: block;  position: relative;  width: 4.3rem; height: 0.6rem;  font-size: 0.2rem;  color: #000;  margin: 0.2rem 0 0.3rem 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.newlist ul li:hover strong.news-stro-title { font-weight: bold; }
.newlist ul li:hover strong.news-stro-title::after {  transform-origin: 0 0;  transform: none;}
.newlist ul li:hover img{ transform: scale(1.1); }

.newlist ul div { height: 0.78rem;}
.c3 .newlist ul .divmsg { -webkit-line-clamp: 2;}
.c3 .newlist ul .time { display: flex; align-items: center; font-size: 0.18rem; margin: 0 0 0 0.25rem; color: #292929; }
@media screen and (max-height: 720px) {
  .c3 .newlist ul .divmsg {
      -webkit-line-clamp: 1;
      line-clamp: 1;
  }
}
.newlist ul span {
  color: #000;
}
.news-more { position: absolute; right:0; top: -0.8rem; display: flex; justify-content: center; align-items: center; color: #797a7d; font-size: 0.22rem;}
.news-more::after {
    content: "";  width: 0.14rem;  height: 0.14rem;  border-left: solid 0.04rem #797a7d;  border-top: solid 0.04rem #797a7d; transform: translateX(-0.04rem) rotateZ(135deg); margin-left: 0.1rem;
}
.news-more:hover{ color: #000; }
.news-more:hover::after{  border-left: solid 0.04rem #000;  border-top: solid 0.04rem #000; }
.nonews { font-size: 0.24rem;  color: #333;  text-align: center;  padding:0.24rem 0 1rem; }
.c2 .news-more{ top: 1.65rem;  left: 50%; margin-left: 7.08rem; transform: translateX(-50%);}

/* .news-back { position: absolute; top: 0.9rem; right: 0; font-size: 0.4rem; color: #28b5fe; padding-left: 0.42rem; font-weight: 100; background: url(/public/images/jt.png) no-repeat 0 55%; background-size: 0.34rem 0.38rem; } */
.news-title .news-back{ 
  display: block;
  position: relative;
  right: auto;
  top: 0;
  left: 0;
  font-size: 0.18rem;
  line-height: 0.2rem;
  color: #3b3b3b;
  margin-bottom: 0.1rem;
  width: 1rem;
  height: 0.36rem;
  border: solid 0.01rem #000;
  border-radius: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news-title .news-back::before {
  content: "";
  border-left: .03rem solid #3b3b3b;
  border-top: .03rem solid #3b3b3b;
  height: .1rem;
  margin-right: 0.06rem;
  transform: translateX(.04rem) rotate(-45deg);
  width: .1rem;
}
.news-title .news-back:hover{ color: #fff; background: #343434;}
.news-title .news-back:hover::before{ border-left: .03rem solid #fff; border-top: .03rem solid #fff;}
.slideins{ background:#f6f7f7 url(/public/images/indexnew_02.jpg) no-repeat center bottom; background-size: 25.6rem auto; }
.newlist2 { width: 15.6rem; margin: 0.7rem auto;}
.newlist2 ul { height: auto; flex-wrap: wrap; justify-content: flex-start;}
.newlist2 ul li { width: 4.86rem; margin:0 .16rem 0.4rem; }
.newlist2 ul .time { display: flex; align-items: center; font-size: 0.18rem; margin: 0 0 0 0.25rem; color: #292929; }
.newlist2 ul p { height: auto;}
.newlist2 ul strong.news-stro-title {  display: block; display: -webkit-box;  position: relative;  width: 4.3rem; height: 0.6rem;  font-size: 0.2rem;  color: #000;  margin: 0.2rem 0 0.3rem 0.25rem;}

.news-title,
.news-content {
  color: #000;
}
.news-content .gplayer_pc,
.news-content .gplayer_mobile{ display: block !important; margin: 0.2rem auto !important; }

.slideins .news-content { width: 12.95rem; min-height: 8rem; margin: 0.46rem auto 0; height: auto; overflow:initial;}
.slideins .news-content img{ max-width: 70%; margin: 0.2rem auto; }
.slideins .news-more { position: relative; top: 0; right: 0; margin: 0.6rem auto; width: 1.76rem; height: 0.46rem; border: solid 1px #797a7d; border-radius: 0.46rem; background-color: #f7f8f8; }
.slideins .news-more::after{ display: none; }
.slideins .news-more:hover{background-color: #000; color: #fff; border:solid 1px #000; }
.in_banner{ height: 5.45rem; padding: 1px 0 0; background:url(/public/images/in_banner.jpg) no-repeat; background-size: cover; background-position: top center; }
.in_banner .title{ color: #fff; margin-top: 2.3rem; }
.in_banner .title::after{ background: #fff; }
.news-title { position: relative; width: 12.95rem; margin: 0.6rem auto 0; padding-bottom: 0.16rem; border-bottom: solid 0.02rem #e8e8e8;}
.news-title strong { display: block; margin: 0 auto; font-size: 0.42rem; line-height: 1.4; margin-top: 0.2rem; text-align: center; }
.news-title span {
  display: block;
  align-items: center;
  font-size: 0.2rem;
  text-align: center;
}
.news-content {
  margin: 0.3rem 0 0;
  height: calc(100% - 1.6rem);
  overflow-y: auto;
  line-height: 2;
}
.news-content *,.news-content p {
  font-size: 0.18rem;
}
.news-content > div {
  padding-bottom: 1rem;
}

.about_head{ height: 5.46rem; background: url(/public/images/about_banner.jpg) no-repeat; background-size: cover; background-position: top center;  }
.about_content{ position: relative; height: 8.5rem; background:url(/public/images/indexnew_02.jpg) no-repeat center bottom; background-size: 25.6rem auto; }
.history_content{ position: relative; padding-bottom: 1.4rem; background:#fff url(/public/images/licheng.png) no-repeat center 2.2rem; background-size: 14.93rem auto; }
.history_content .title{ margin-bottom: 1rem; }

.hitory_pic_swiper{ width: 10rem; height: 5.8rem; margin: -0.4rem auto 0; }
.histroy1{ position: relative; width: 5.53rem; height: 5rem; margin: 0 2.235rem; }
.histroy1 img{ position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); display: block; width: 100%; }
.histroy2006{ width: 5.87rem; }
.histroy2006 img{ left: 0; transform: translateX(0); }
.histroy2015{ width: 5.88rem; }
.histroy2015 img{ left: 0; transform: translateX(0); }
.histroy2022{ width: 6.72rem; margin-left: 1.485rem; }
.histroy2022 img{ left: 0; transform: translateX(0); }
.historys p{ text-align: center; margin: 0.28rem auto 0; font-weight: bold; color: #000; }
.historys p span{ color: #000; }
.qjqd_more{ display: block; width: 1.26rem; height: 1.27rem; margin: 0.2rem auto 0; background:url(/public/images/history/history_more.png) no-repeat; background-size: cover; }
.hitory_swiper strong.hs{ color: #333; }

.hitory_wrap{ position: relative; width: 19rem; margin: 0.4rem auto 0; }
.hitory_wrap::before{ content: ""; position: absolute; left: 2%; top: 0.85rem; width: 96%; height: 0; overflow: hidden; border-bottom: solid 0.02rem #b8b8b8; }
.hitory_swiper{ width: 17.54rem; margin: 0 auto; }
.hitory_swiper img{ cursor: pointer; display: block; width: 1.25rem; height: 1.25rem; border-radius: 50%; overflow: hidden; margin: 0.2rem auto 0; padding: 0.06rem; background-color: #fff; border: solid 0.02rem #b8b8b8; box-shadow: 0 0 0 0.1rem #fff; transition:transform 0.6s; }
.hitory_swiper img:hover{ transform: scale(0.95); }
.hitory_swiper .swiper-slide-active img{ border: solid 0.04rem #000;  }
.hitory_swiper strong{ display: block; text-align: center; color: #1d1d42; font-size: 0.26rem; margin-top: 0.12rem; font-weight: bold; }
.hitory-next { position: absolute; margin: 0; top: .65rem; right: 0; width: 0.42rem; height: 0.42rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #fff; border: solid 0.02rem #b8b8b8; }
.hitory-next::after { content: ""; width: 0.16rem; height: 0.16rem; border-left: solid 0.03rem #b8b8b8; border-top: solid 0.03rem #b8b8b8;; transform: translateX(-0.04rem) rotateZ(135deg);}
.hitory-next:hover { background-color: #000; border-color: #000; }
.hitory-next:hover::after{ border-left: solid 0.03rem #fff; border-top: solid 0.03rem #fff;   }

.hitory-prev { position: absolute; margin: 0; top: .65rem; left: 0; width: 0.42rem; height: 0.42rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #fff; border: solid 0.02rem #b8b8b8; }
.hitory-prev::after { content: ""; width: 0.16rem; height: 0.16rem; border-left: solid 0.03rem #b8b8b8; border-top: solid 0.03rem #b8b8b8; transform: translateX(0.04rem) rotateZ(-45deg);}
.hitory-prev:hover { background-color: #000; border-color: #000; }
.hitory-prev:hover::after{ border-left: solid 0.03rem #fff; border-top: solid 0.03rem #fff;   }

.about_wrap .about-content::after{  content: ""; position: absolute; left: 50%; bottom: 0; width: 25.6rem; height: 2.5rem; transform: translateX(-50%); background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%); z-index: 2; display: none; }
.about_wrap .about3{ z-index: 3; }
.about-content { position: absolute; width: 20.5rem; height: 5.6rem; left: 50%; bottom: 0; transform: translateX(-50%); color: #000; line-height: 2; transition: transform 0.8s; transition-delay: 0.1s;}
.about-content .appx { margin-bottom: 0.5rem; font-size: 0.18rem; opacity: 0; transform: translateX(50%); transition-duration: 1s; }
.about-content .appx.ap4{ position: absolute; width: 11.6rem; left: -3.6rem; top: 4.46rem; }
.c4 .about-content .appx.ap4{ display: none; }
.about-content .appx.ap5{ position: absolute; width: 10rem; left: -3.6rem; top: 4.5rem; }
.ups .about-content .appx{ display: flex; opacity: 1; transform: translateX(0); }
.ups .about-content .appx p{ width: 7.64rem; margin-left: 0.1rem; }
.about-content .appx.ap4 p{ width: 100%; text-indent: 2em; }
.about-content .appx.ap5 p{ width: 100%; text-indent: 2em; }
.ups .about-content .appx p span{ color: #000; }
.ups .about-content .appx::before{ content: ""; display: block; width: 0.08rem; height: 0.08rem; background-color: #578bff; border-radius: 50%; margin-top: 0.12rem; }
.about-content .appx.ap4::before{ display: none; }
.about-content .appx.ap5::before{ display: none; }
.ups .about-content .appx.ap2{ transform: translateX(0.25rem); }
.about1{ position: absolute; left: 0.35rem; bottom: 0; width: 9.31rem; height: 5.25rem; background: url(/public/images/about1.png) no-repeat; background-size: 9.31rem 10.26rem; opacity: 0; transition:1s ease-out; transform: translateX(-30%); }
.ups .about1{ opacity: 1; transform: translateX(0); }
.about2{ position: absolute; left: 50%; top: 0; width: 2.97rem; height: 3.34rem; background: url(/public/images/abou2.png) no-repeat; background-size: contain; transform: translateX(-50%);  }
.about3{ position: absolute; left: 50%; width: 7.64rem; margin-left: 2rem; }
.about311{ position: absolute; left: -9rem; top: -0.5rem; width: 3.44rem; height: 0.71rem; display: flex; justify-content: center; align-items: center; font-size: 0.35rem; background: url(/public/images/about3.png) no-repeat; background-size: contain; opacity: 0; transform: translateY(-50%); transition-duration: 1s;  }
.ups .about311{ opacity: 1; transform: translateY(0); }
.in_about .about311{ display: none; }
.in_about .about1{ height: 6.28rem; background: url(/public/images/in_about1.png) no-repeat; background-size: 8.51rem 6.28rem; }
.in_about .about-content{ height: 6rem; }
.swiper-slide-prev .about-tt {
  transform: translateY(-2.5rem);
}
.swiper-slide-next .about-tt {
  transform: translateY(2.5rem);
}
.swiper-slide-prev .about-content p {
  transform: translateY(-2.5rem);
}
.swiper-slide-next .about-content p {
  transform: translateY(2.5rem);
}

.c5 .title{ color: #fff; margin-bottom: 0.6rem; }
.c5 .title::after{ background-color: #fff; }
.join-tt { position: relative; display: block; width: 100%; height: 1.49rem; background: url(/public/images/join-tt.png) no-repeat; background-size: auto 100%; transition: transform 0.8s; transition-delay: 0.15s;}
.join-pagebtns {
  position: absolute;
  width: 100%;
  height: 42%;
  display: flex;
  top: 1.49rem;
  left: 0;
  z-index: 2;
}
.join-pagebtns a {
  display: block;
  width: 50%;
  height: 100%;
}
.join-content{ position: relative; width: 17.34rem; margin: 0 auto; }
.joinc {
  width: 15.33rem;
  height: auto;
  margin: 0.7rem auto 0;
  transition: transform 0.8s;
  transition-delay: 0.15s;
}
.joinc img{ width: 100%; }
.joincmsg {
  width: 15.33rem;
  height: 2.5rem;
  margin: 0 0 0 0.7rem;
  transition: transform 0.8s;
  transition-delay: 0.15s;
}
.joincmsg p {
  margin: 0;
  color: #000;
  line-height: 2;
}

.join-pagination { display: block; position: relative; bottom: auto !important; color: #999999; font-weight: bold; width: fit-content; margin: 0 0.3rem;}
.join-pagination .swiper-pagination-current { color: #63c9fd;}
.aboutpage {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.2rem auto;
  transition: transform 0.8s;
  transition-delay: 0.15s;
}
.join-next { position: absolute; margin: 0; top: 1.5rem; right: 0; width: 0.42rem; height: 0.42rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; }
.join-next::after { content: ""; width: 0.16rem; height: 0.16rem; border-left: solid 0.04rem #fff; border-top: solid 0.04rem #fff;; transform: translateX(-0.04rem) rotateZ(135deg);}
.join-next:hover { background-color: rgba(0, 0, 0, 0.3); }

.join-prev { position: absolute; margin: 0; top: 1.5rem; left: 0; width: 0.42rem; height: 0.42rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; }
.join-prev::after { content: ""; width: 0.16rem; height: 0.16rem; border-left: solid 0.04rem #fff; border-top: solid 0.04rem #fff; transform: translateX(0.04rem) rotateZ(-45deg);}
.join-prev:hover { background-color: rgba(0, 0, 0, 0.3); }
.swiper-pagination-bullet{ position: relative; width: 0.12rem; height: 0.12rem; background-color: #fff; transition-duration: 0.6s; border-radius: 0.12rem; opacity: 1; margin: 0 0.15rem; }
.swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 0.42rem; }

.join-bot { display: flex; justify-content: center; position: relative; transition: transform 0.8s; transition-delay: 0.15s;}
.join-bot a{ position: relative; display: flex; width: 1.96rem; height: 0.64rem; justify-content: center; align-items: center; background-color: #f4f6f5; border-radius: 0.7rem; margin: 0 0.2rem; color: #333333; font-size: 0.24rem; overflow: hidden; }
.join-bot a text{ position: relative; }
.join-bot a:hover{ background-color: #000; color: #fff; }
.swiper-slide-prev .join-tt {
  transform: translateY(0);
}
.swiper-slide-next .join-tt {
  transform: translateY(2.5rem);
}
.swiper-slide-prev .joinc {
  transform: translateY(0);
}
.swiper-slide-next .joinc {
  transform: translateY(2.5rem);
}
.swiper-slide-prev .aboutpage {
  transform: translateY(0);
}
.swiper-slide-next .aboutpage {
  transform: translateY(2.5rem);
}
.swiper-slide-prev .joincmsg {
  transform: translateY(0);
}
.swiper-slide-next .joincmsg {
  transform: translateY(2.5rem);
}
.swiper-slide-prev .join-bot {
  transform: translateY(0);
}
.swiper-slide-next .join-bot {
  transform: translateY(2.5rem);
}

.c6 .title{ color: #fff; margin:1rem auto 0.72rem; }
.c6 .title::after{ background-color: #fff; }
.guanzhu-content{ display: flex; justify-content: center; align-items: flex-start; width: 15.3rem; height: 2.5rem; border-radius: 0.2rem; margin: 0 auto 0; }
.guanzhu-content ul{ display: flex; justify-content: center; text-align: center; }
.guanzhu-content ul li{ position: relative; width: 2.7rem; font-size: 0; transform: scale(0); transition:transform 0.6s; }
.ups .guanzhu-content ul li{ transform: scale(1); }
.guanzhu-content ul li::after{ content: "";  position: absolute; top: 0; right: 0; width: 0.01rem; height: 1.3rem; background-color: #686868; }
.guanzhu-content ul li:last-child::after{ display: none; }
.guanzhu-content img{ display: block; width: 1.6rem; background-color: #fff; margin: 0 auto 0.15rem; }
.aount_us{ display: block; margin: 0.52rem auto 0; width: 2.26rem; height: 0.65rem; line-height: 0.64rem; text-indent: 0.85rem; border-radius: 0.64rem; font-size: 0.24rem; border: solid 1px #fff; background:url(/public/images/about_mail.png) no-repeat 0.38rem center; background-size: 0.36rem 0.26rem; }
@media screen and (max-width: 2100px) {
  .bgcom .msg {
    font-size: 0.2rem;
    line-height: 1.8;
  }
  .newlist ul .divmsg,
  .c3 .newlist ul .divmsg {
    font-size: 0.2rem;
  }
  .news-content *,.news-content p {
    font-size: 0.22rem;
  }
  .about-content {
    font-size: 0.22rem;
  }
  .joincmsg p {
    font-size: 0.22rem;
    line-height: 1.6;
  }
}
@media screen and (max-width: 1400px) {
  .news-content *,.news-content p{ font-size: 0.3rem; line-height: 1.8; }
}

@media screen and (max-width: 2099px) and (min-width: 1514px) {
  .hot_childrens a {
    font-size: 0.2rem !important;
  }
  .index_hots li .text {
    font-size: 0.2rem !important;
  }
  .index_hots .delay3 .text{ width: 3rem !important; }
}
/* 笔记本适配 */
@media screen and (max-width: 1366px) and (min-width: 1025px) {
  .hot_childrens a {
    width: 50% !important;
    font-size: calc(14*0.7px) !important;
  }
  .hot_childrens img {
    width: calc(80*0.7px) !important;
  }
  .hot_childrens {
    width: 100% !important;
  }
  .menu_cov.cur.height60{ height: 6rem; }

  .hitory_pic_swiper {
    height: 6rem;
  }

  .index_hots li .text {
    font-size: 12px !important;
  }
  .hot_childrens a{
    font-size: 12px !important;
  }

  .content{ width: 12rem; }
  .content img{ width: 2rem; }
  .bgcom .cest .title-1{ font-size: 0.7rem !important; }
  .bgcom .cest .title-2 { font-size: 0.3rem !important;  }
  .join-btn{ height: 0.7rem; font-size: 0.28rem; width: 2.6rem; }
}
/* 笔记本适配 */
@media screen and (max-width: 1513px) and (min-width: 1366px) {
  .hot_childrens a {
    width: calc(120*0.8125px) !important;
  }
  .hot_childrens img {
    width: calc(80*0.8125px) !important;
  }
  .hot_childrens {
    width: calc(240*0.8125px) !important;
  }
  .index_hots li .text {
    font-size: calc(16*0.8125px) !important;
  }
  .hot_childrens a{
    font-size: calc(16*0.8125px) !important;
  }
  .content img{ width: 1.6rem; }
  .bgcom .cest .title-1{ font-size: 0.6rem !important; }
  .bgcom .cest .title-2 { font-size: 0.26rem !important;  }
  .join-btn{ height: 0.58rem; font-size: 0.24rem; width: 2rem; }
  .game_pro_lists_bot a{ line-height: 0.44rem !important; }
}
/* 笔记本适配 */
@media screen and (max-width: 1513px) and (min-width: 1025px) {
  .slideins .news-more{ width:2.2rem; height:0.64rem; border: solid 1px #000000; }
  .about-content .appx {
    font-size: 12px !important;
  }
  .bgcom .title-2 {
    font-size: 0.22rem !important;
  }
  .index_hots li .icon_img {
    width: calc(80*0.8125px) !important;
  }
  .menu {
    height: calc(81*0.7px) !important;
  }
  .rwapbgs{ margin-top: calc(80*0.7px) !important; }

  .logo {
    width: calc(149*0.8125px) !important;
    height: calc(51*0.8125px) !important;
  }
  .menu ul li {
    font-size: 13.625px !important;
  }
  .menu_cov {
    font-size: calc(18*0.7px) !important;
    transform: translateY(calc(81*0.7px)) !important;
  }
  .product_list a::after {
    width: calc(10*0.8125px) !important;
    height: calc(10*0.8125px) !important;
  }
  .menu ul.game_lists li span {
    font-size: 12px !important;
  }
  .about3 {
    width: 450px !important;
  }
  .ups .about-content .appx p {
    width: 450px !important;
  }
  .about-content .appx.ap4 {
    width: calc(700px) !important;
  }
  .c4 .about-content .appx.ap4 {
    display: none;
  }
  .about-content .appx.ap4 p {
    width: 100% !important;
  }
  .ups .about-content .appx::before {
    width: 5px !important;
    height: 5px !important;
    margin-top: 10px !important;
  }
  .c3 .newlist ul .time {
    font-size: 0.2rem;
  }
  .newlist ul strong.news-stro-title {
    font-size: 0.22rem;
    height: .72rem;
    margin: .2rem 0 .2rem .25rem;
  }
  .newlist2 ul strong.news-stro-title{ height: .72rem; margin: .2rem 0 .2rem .25rem; }
  .news-more {
    font-size: 16.5px !important;
  }
  .news-more::after {
    width: 10.5px !important;
    height: 10.5px !important;
  }
  .content2 {
    font-size: 13px !important;
  }

  .historys p {
    margin-top: 7px !important;
  }

  .newlist2 ul .time {
    font-size: 0.2rem;
  }
  .news-title span {
    font-size: calc(20*0.8125px) !important;
  }
  .news-title .news-back {
    width: calc(100*0.8125px) !important;
    height: calc(36*0.8125px) !important;
    font-size: calc(18*0.8125px) !important;
    line-height: calc(20*0.8125px) !important;
  }
  .news-title .news-back::before {
    height: calc(10*0.8125px) !important;
    width: calc(10*0.8125px) !important;
  }

  .hitory_pic_swiper {
    width: 12rem !important;
  }
  .histroy1 {
    margin: 0 3.235rem !important;
  }
  .histroy2022 {
    margin-left: 2.485rem !important;
  }
  .in_about .about3 {
    margin-left: -2rem !important;
    line-height: 20px !important;
  }
  .ups .in_about .about-content .appx.ap2 {
    transform: translateX(0) !important;
  }
  .in_about .about-content .appx.ap4 {
    left: 0 !important;
  }
  .in_about .about3 {
    width: 630px !important;
  }
  .in_about .about-content {
    width: 22rem !important;
  }
  .in_about .about-content .appx p {
    width: 630px !important;
  }
  .in_about .about-content .appx.ap4 p {
    text-indent: 0 !important;
  }

  .in_about .about-content .appx::before {
    margin-top: 8px !important;
  }

  .in_about .about-content .appx.ap4::before{ 
    display: block !important;
  }

  .in_about .about-content .appx.ap4{ 
    top: 3.9rem !important;
  }

  .in_about .about2 {
    background: none !important;
  }
  .game_pro_lists_bot a{ line-height: 0.44rem !important; }
}
@media screen and (max-width: 1720px) and (min-width: 1025px) {
  .about-content .appx {
    font-size: 12.5px !important;
  }
  .in_about .about3 {
    margin-left: -2rem !important;
    line-height: 20px !important;
  }
  .ups .in_about .about-content .appx.ap2 {
    transform: translateX(0) !important;
  }
  .in_about .about-content .appx.ap4 {
    position: relative;
    left: 0 !important;
    top: 0 !important;
  }
  .in_about .about3 {
    width: 630px !important;
  }
  .in_about .about-content {
    width: 22rem !important;
  }
  .in_about .about-content .appx p {
    width: 630px !important;
  }
  .in_about .about-content .appx.ap4 p {
    text-indent: 0 !important;
  }

  .in_about .about-content .appx::before {
    margin-top: 8px !important;
  }

  .in_about .about-content .appx.ap4::before{ 
    display: block !important;
  }

  .in_about .about2 {
    background: none !important;
  }
}

@media screen and (max-width: 1921px) and (min-width: 1514px) and (-webkit-min-device-pixel-ratio:2) {
/* @media screen and (max-width: 1920px) and (min-width: 1514px) { */
  .slideins .news-more{ width:2.2rem; height:0.64rem; border: solid 1px #000000; }
  .about-content .appx {
    font-size: calc(13*1.2px) !important;
  }
  .bgcom .title-2 {
    font-size: calc(22*0.975px) !important;
  }
  .index_hots li .text {
    font-size: calc(16*0.975px) !important;
  }
  .hot_childrens a{
    font-size: calc(16*0.975px) !important;
  }
  .index_hots li .icon_img {
    width: calc(80*0.975px) !important;
  }
  .hot_childrens a {
    width: calc(120*0.975px) !important;
    font-size: calc(14*0.975px) !important;
  }
  .hot_childrens img {
    width: calc(80*0.975px) !important;
  }
  .hot_childrens {
    width: calc(240*0.975px) !important;
  }
  .menu {
    height: calc(81*0.975px) !important;
  }
  .rwapbgs{ margin-top: calc(80*0.975px) !important; }

  .logo {
    width: calc(149*0.975px) !important;
    height: calc(51*0.975px) !important;
  }
  .menu ul li {
    font-size: calc(14.625*1.2px) !important;
  }
  .menu_cov {
    font-size: calc(18*0.975px) !important;
    transform: translateY(78px) !important;
  }
  .product_list a::after {
    width: calc(10*0.975px) !important;
    height: calc(10*0.975px) !important;
  }
  .menu ul.game_lists li span {
    font-size: calc(13*1.2px) !important;
  }
  .about3 {
    width: calc(450*1.2px) !important;
  }
  .ups .about-content .appx p {
    width: calc(450*1.2px) !important;
  }
  .about-content .appx.ap4 {
    width: calc(700*1.2px) !important;
  }
  .about-content .appx.ap4 p {
    width: 100% !important;
  }
  .ups .about-content .appx::before {
    width: 6px !important;
    height: 6px !important;
    margin-top: 12px !important;
  }
  .c3 .newlist ul .time {
    font-size: calc(12*1.2px) !important;
  }
  .newlist ul strong.news-stro-title {
    font-size: calc(13.5*1.2px) !important;
    height: .72rem;
    margin: .2rem 0 .2rem .25rem;
  }
  .newlist2 ul strong.news-stro-title{ height: .72rem; margin: .2rem 0 .2rem .25rem; }
  .news-more {
    font-size: calc(16.5*1.2px) !important;
  }
  .news-more::after {
    width: calc(10.5*1.2px) !important;
    height: calc(10.5*1.2px) !important;
  }
  .content2 {
    font-size: calc(13*1.2px) !important;
  }

  .historys p {
    margin-top: calc(7*1.2px) !important;
  }

  .newlist2 ul .time {
    font-size: calc(16*0.975px) !important;
  }
  .news-title span {
    font-size: calc(20*0.975px) !important;
  }
  .news-title .news-back {
    width: calc(100*0.975px) !important;
    height: calc(36*0.975px) !important;
    font-size: calc(18*0.975px) !important;
    line-height: calc(20*0.975px) !important;
  }
  .news-title .news-back::before {
    height: calc(10*0.975px) !important;
    width: calc(10*0.975px) !important;
  }

  .hitory_pic_swiper {
    width: 12rem !important;
  }
  .histroy1 {
    margin: 0 3.235rem !important;
  }
  .histroy2022 {
    margin-left: 2.485rem !important;
  }
  .in_about .about3 {
    margin-left: -2rem !important;
    line-height: calc(20*1.2px) !important;
  }
  .ups .in_about .about-content .appx.ap2 {
    transform: translateX(0) !important;
  }
  .in_about .about-content .appx.ap4 {
    left: 0 !important;
  }
  .in_about .about3 {
    width: calc(680*1.2px) !important;
  }
  .in_about .about-content {
    width: 22rem !important;
  }
  .in_about .about-content .appx p {
    width: calc(680*1.2px) !important;
  }
  .in_about .about-content .appx.ap4 p {
    text-indent: 0 !important;
  }

  .in_about .about-content .appx::before {
    margin-top: 9.6px !important;
  }

  .in_about .about-content .appx.ap4::before{ 
    display: block !important;
  }

  .in_about .about-content .appx.ap4{ 
    top: calc(265*0.975px) !important;
  }

  .in_about .about2 {
    background: none !important;
  }

  .content img{ width: 1.6rem; }
  .bgcom .cest .title-1{ font-size: 0.6rem !important; }
  .bgcom .cest .title-2 { font-size: 0.26rem !important;  }
  .join-btn{ height: 0.58rem; font-size: 0.24rem; width: 2rem; }
}

@media screen and (min-width: 751px) {
  .c2 .title::after,.c3 .title::after{ display: none; }
  .guanzhu-content ul li{ cursor: pointer; }
  .guanzhu-content ul li img{ padding: 0.1rem; background-color: #fff; border-radius: 0.2rem; opacity: 0; transition-duration: 1s; }
  .guanzhu-content ul li::after{ display: block; content: ""; position: absolute; width: 1.6rem; height: 1.6rem; top: 0; left: 50%; border-radius: 0.2rem; transform: translateX(-50%); background-repeat: no-repeat; background-position: center; background-color: rgba(0, 0, 0, 0.7); }
  .guanzhu-content ul li:nth-child(1)::after{ background-image:url(/public/images/weixin.png); background-size: .78rem auto; }
  .guanzhu-content ul li:nth-child(2)::after{ background-image:url(/public/images/douyin.png); background-size: 0.56rem auto; }
  .guanzhu-content ul li:nth-child(3)::after{ background-image:url(/public/images/bilibili.png); background-size: 1.06rem auto; }
  .guanzhu-content ul li:nth-child(4)::after{ background-image:url(/public/images/xiaohongshu.png); background-size: 1.12rem auto; }
  .guanzhu-content ul li:nth-child(5)::after{ background-image:url(/public/images/weibo.png); background-size: 0.77rem auto; }
  .guanzhu-content ul li:last-child::after{ display: block; }
  .guanzhu-content ul li:hover::after{ display: none; }
  .guanzhu-content ul li:hover img{ opacity: 1; }
  .aount_us{ border: 0; position: absolute; left: 50%; top: 1rem; margin-left: 5.5rem; transform: translateX(-50%); }
  .aount_us:hover{ text-decoration: underline; }
  .menu{ font-family: PingFangSC-Regular, Microsoft YaHei, 微软雅黑; }
}

/* and (max-device-width: 1024px) and (max-device-width: 1366px)*/
/*@media screen and (max-width: 750px),screen and (min-device-width: 720px) and (max-device-width: 2400px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait)*/

@media screen and (max-width: 750px),screen and (min-device-width: 720px) and (max-device-width: 2400px) and (orientation : portrait) {
  .contact{ padding-bottom: 1.6rem; }
  .histroy1 {
    margin: 0 0.985rem;
  }
  .histroy2022 {
    margin-left: 0.235rem;
  }
  .bgcom .content {
    display: none;
  }
  .hitory_swiper img{ box-shadow: 0 0 0 .1rem #f6f7f7; }
  .menu {
    background-color: #000;
    width: 100%;
    height: 1rem;
    justify-content: flex-start;
  }
  .rwapbgs{ margin-top: 0 !important; }
  .menu .r-mn-btn {
    display: block;
  }
  .menu ul { position: absolute;
    right: 0;
    background-color: rgba(0, 0, 0, 1);
    left: auto;
    right: 0;
    width: 100vw;
    height: 100vh;
    font-size: 0.36rem;
    color: #fff;
    padding: 1.16rem 0 0;
     flex-wrap: wrap; align-content: flex-start; border: 0;
    transform: translateX(220%);
    transition-duration: 0.6s;
  }
  .menu ul li{ display: block; width: 100%; height: auto; font-size: 0.32rem !important; margin: 0 0.6rem; padding: 0.4rem 0; border-bottom: solid 0.01rem #444343; }
  .menu_list{ position: relative; }
  .r-mn {
    display: none;
  }
  .menu .logo {width: 2rem; height: 0.53rem; background: url(/public/images/m-logo.png) no-repeat; background-size: contain; left: 1.5vw;}
  .menu .wb,
  .wbhide {
    display: none;
  }
  .menu.cur ul { transform: translateX(0); width: 100%; background-image: url(/public/images/m-logo.png); background-repeat: no-repeat; background-size: 1.52rem 0.53rem; background-position: 0.49rem 0.25rem; }
  .menu ul li a{ height: auto; }
  .menu .menu_list a{ margin: 0; }
  .menu .menu_list .m_line{ display: block; width: 0.01rem; height: 0.26rem; background-color: #ccc; margin: 0 0.2rem; }
  .menu .menu_list a::before{ display: none; }
  .menu .menu_list{ font-size: 0.26rem; margin: 0.3rem 0 0; justify-content: flex-start; }
  .menu .r-mn-btn { position: absolute;  top: 50%;  right: 0.4rem; z-index: 2; transform: translateY(-50%); }
  .menu.cur .r-mn-btn span:nth-child(1) {
    transform: translateY(0.15rem) rotateZ(135deg);
    background: linear-gradient(to right,#f6f6f6,#474747);
  }
  .menu.cur .r-mn-btn span:nth-child(2) {
    opacity: 0;
  }
  .menu.cur .r-mn-btn span:nth-child(3) {
    transform: translateY(-0.13rem) rotateZ(-135deg);
    background: linear-gradient(to left,#f6f6f6,#474747);
  }

  .down {
    width: 0.26rem;
    height: 0.39rem;
    right: auto;
    left: 50%;
    bottom: 0.1rem;
    margin-left: -0.13rem;
    background: url(/public/images/m-down.png) no-repeat;
    background-size: contain;
    animation: btns 0.6s linear infinite alternate;
  }
  .down span {
    display: none;
  }
  .my-pagination {
    display: none;
  }
  .mySwiper{ height: auto; }
  .mySwiper > .swiper-wrapper{ flex-wrap: wrap; }
  .title{ margin: 0.5rem auto 0.4rem; }
  .mySwiper .title::after{ display: none; }
  .c2 .title{ margin-bottom: 0.3rem; }

  .c1{ height: 9.6rem; }
  .mySwiper2{ height: 9.6rem; }
  .mySwiper2 .swiper-slide{ overflow: hidden; }
  .set_progress{ font-size: 0.24rem; }
  .imgsrcollbg::before{ display: none; }
  .setGame {  display: flex; justify-content: center;  flex-direction: column-reverse; width: 6.4rem; left: 50%; bottom: 0.2rem; transform: translateX(-50%); }
  .join-btn {
    position: absolute; left: 50%; bottom: 1.8rem; width: 2.12rem; height: 0.56rem; margin-left: -1.06rem;
    color: #ffffff;
    font-size: 0.26rem;
  }
  .join-btn a{ background-color: rgba(14, 22, 28, 0.7); }
  .mySwiper2 .swiper-slide-active .join-btn{ visibility: visible; opacity: 1; transform: translateY(0);}
  .imgsrcollbg {
    margin: 0.4rem 0 0;
  }
  .imgsrcollbg::before {  content: "";  position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0.05rem);
    width: 100vw;
    height: 1.3rem;
    background: linear-gradient(
      to right,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.7) 50%,
      rgba(0, 0, 0, 0) 100%
    );
  }
  .c2{ height: 7.8rem; }

  .content2 { width: 100%; left: 0; top: 0; font-size: 0.22rem;  }
  .c4 .content2::after { right: 0.2rem; background-image: url(/public/images/m-yuns.png); background-size: 5.16rem 6.01rem;  }
  .c4 .content2::before {left: 40%; bottom: 27%; background-image: url(/public/images/m-yuns.png); background-size: 5.16rem 6.01rem; }

  /* .mySwiper .swiper-slide.c5 .content2 {
    position: relative;
    top: 0;
    height: auto;
    padding: 1rem 0;
  }
  .mySwiper .swiper-slide.c5 {
    height: auto !important;
    overflow: hidden;
    position: relative;
  } */
  .slide-inner-bg{ transform: scale(1.1); }
  .cbg5{ background-image: url(/public/images/m_indexnew_03.jpg); background-size: cover; }
  .cbg6{ background-image: url(/public/images/m_indexnew_04.jpg); background-size: cover; }

  .mmhots{ position: absolute; width: 100%; top: 50%; transform: translateY(-38%); }
  .hot-tt {height: 0.9rem; background-position-x: center; background-image: url(/public/images/m-hot-tt.png); margin: 0 auto;}
  .hotlist { width: auto; height: 5.6rem; margin: 0 auto 0; overflow: hidden; }
  .hotlist ul{ justify-content: flex-start; flex-wrap: initial; }
  .hot_bg_wrap{ width: 100%; height: 100%; }
  .hotlist .hot_bg_wrap{ height: 100%; }
  .hotlist .hot_bg_wrap .m_pic{ position: relative; height: 100%; overflow: hidden; }
  .hotlist .pic{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 4.2rem; height: 4.33rem; overflow: hidden; }
  .hotlist .swiper-slide{ height: 100%; }

  .childrens{ flex-wrap: wrap; height: auto; }
  .childrens a{ width: 0.72rem; margin: 0.15rem 0.1rem; }
  .swiper-slide-active .childrens{ bottom: auto; top: 1.64rem; transform: scaleX(0.25) translateX(-148.2%); visibility: visible; opacity: 1; width: 4.57rem; }
  .swiper-slide-active .childrens a{ transition-duration: 0.6s; transform: translateY(0); visibility: visible; opacity: 1; font-size: 0.16rem; }
  .swiper-slide-active .childrens a img{ transition-delay: 0s; transition-duration: 0.6s; }
  .swiper-slide-active .childrens a span{ display: block; text-align: center; margin-top: 0.1rem; }
  .swiper-slide-active .childrens a:hover img{ transform: scale(1); }

  .hotlist .swiper-slide.swiper-slide-active .pic .game_image{ opacity: 0; }
  .hotlist .swiper-slide.swiper-slide-active .game_index_image_pc{ opacity: 1; width: 4.3rem; }

  .hotlist .swiper-slide.swiper-slide-active .pic-join-btn{ bottom: 0.4rem; visibility: visible; opacity: 1; transform: translate(-50%, 0) scaleX(0.26); }
  .pic-bot{ top: 4.75rem; }
  .pic-bot1 p strong{ font-weight: 500; font-size: 0.28rem; }
  .hotlist .swiper-slide.swiper-slide-active .pic-bot1 p strong{ color: #000; transform: scaleX(.3); }

  .hotlist .hot_bg_wrap{ position: relative; }
  .hotlist .pic{ position: relative; left: 0; width: 100%; height: 100%; transform: translateX(0); }
  .hotlist .swiper-slide{ transition: all .4s ease-in-out; top: 0; height: 4.6rem; width: 1.17rem !important; position: relative;  margin: auto 0.9rem !important;  transform: scaleX(1); }
  .hotlist .swiper-slide.swiper-slide-active{ transform: scaleX(3.9); }
  .game_image{ position: absolute; top: 0; left: 0; display: block; width: 1.17rem; height: 100%; overflow: hidden; opacity: 1; transform: translateX(0); transition-duration: 0s; }
  .game_image img{ max-width: none; position: absolute; left: 0; bottom: 0; transform: translateX(0%); }
  .hotlist .swiper-slide.swiper-slide-active .game_image{ opacity: 0; }

  .game_index_image_pc{ position: absolute; top: 0; left: 50%; margin-left: -2.14rem; display: block; width: 4.23rem; height: 4.43rem; overflow: hidden; opacity: 0; transition-duration: 0s; }
  .game_index_image_pc img{ max-width: none; position: absolute; left: 0; bottom: 0; width: 4.23rem; height: auto; transform: translateX(0%); }
  .hotlist .swiper-slide.swiper-slide-active .game_index_image_pc{ opacity: 1; transform: scaleX(0.27); bottom: 0; top: auto; height: 100%; }

  .hot-page { position: relative;  top: 0;  right: 0; align-items: center; height: 0.3rem;}
  .hot-pagination {
    position: relative;
    display: block;
    color: #999999;
    font-size: 0.24rem;
    bottom: 0;
    width: fit-content;
    font-weight: bold;
  }
  .hot-pagination .swiper-pagination-current {
    color: #63c9fd;
  }
  .hot-prev {
    display: block;
    width: 0.26rem;
    height: 0.29rem;
    border-radius: 0;
    border: 0;
    margin: 0 0.3rem;
    background: url(/public/images/jt1.png) no-repeat;
    background-size: contain;
    border: 0;
  }
  .hot-next {
    display: block;
    width: 0.3rem;
    height: 0.29rem;
    border-radius: 0;
    border: 0;
    margin: 0 0.3rem;
    background: url(/public/images/jt2.png) no-repeat;
    background-size: contain;
    border: 0;
  }
  .hot-next::after,
  .hot-prev::after {
    border: 0;
  }
  .hot-next:hover::after,
  .hot-prev:hover::after {
    border: 0;
  }

  .c3{ height: auto; padding-bottom: 0.7rem; }
  .slidebg {background-image: url(/public/images/m-bg.jpg); }
  .news-tt {height: 0.9rem; background-position-x: center; background-image: url(/public/images/m-news-tt.png);  margin: 0 auto; }
  .newsbg { width: 6.9rem; height: 7.12rem; margin: 0 auto; justify-content: center; flex-wrap: wrap; background-color: #fff; border-radius: 0.2rem; box-shadow: 0 0.01rem 0.02rem 0 rgba(0,0,0,0.2); overflow: hidden; }
  .newpic { width: 100%; height: 3.3rem; margin: 0; }
  .newpicbg { width: 100%; height: 100%; border: 0; border-radius: 0%; }
  .newpic .content{ width: 6rem; height: auto; top: auto; bottom: 0.6rem; left: 0.45rem; font-size: 0.28rem; }
  .cest{ width: 100%; font-weight: bold; }
  .cest .title-1{ display: flex; flex-wrap: wrap; width: 100%; }
  .cest .title-1 text{ margin: 0; }
  .mySwiper3 .swiper-slide-active .upm_in{ visibility: visible; opacity: 1; transform: translateY(0); }

  .newpic strong { font-size: 0.24rem;  display: none; }
  .newsbg .swiper-horizontal > .news-pagination { width: fit-content; left: 0.4rem; bottom: 0.2rem; text-align: center; }
  .news-pagination .swiper-pagination-bullet { position: relative; background-color: rgba(255, 255, 255, 0.4); }
  .news-pagination .swiper-pagination-bullet-active { width: 0.96rem; background-color: rgba(255, 255, 255, 0.4); border-radius: 0.12rem; overflow: hidden; }
  .news-pagination .swiper-pagination-bullet::after{ content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: rgba(255, 255, 255, 1);  border-radius: 0.12rem;}
  .news-pagination .swiper-pagination-bullet-active::after{ transition-duration: 7.2s; width: 100%; }

  .newlist { width: 6.26rem; height: auto;}
  .newlist ul { flex-wrap: wrap; height: auto; min-height: auto;  }
  .newlist ul strong.news-stro-title { width: 100%; height: auto; margin:0 auto; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; font-size: 0.24rem !important;  }
  .newlist ul li {  width: 100%; margin:0 auto 0.2rem; padding: 0 0 0.18rem; border-radius: 0; height: auto; background: none; box-shadow:none; border-bottom: solid 0.01rem #cfcfcf; }
  .newlist ul li:last-child{ border: 0; }
  .newlist ul .divmsg {  font-size: 0.22rem;   height: auto;   overflow: hidden;   line-height: 1.4;   text-overflow: ellipsis;   -webkit-box-orient: vertical;   -webkit-line-clamp: 2;   display: -webkit-box; display: none; }
  .c3 .newlist ul .time{ font-size: 0.2rem; display: none; }
  .c3 .newlist ul li:last-child{ margin-bottom: 0;  }
  .news-more { position: relative; top: auto; right: auto; font-size: 0.24rem !important; width: 1.7rem; height: 0.46rem; border-radius: 0.5rem; border: solid 1px #797a7d; }
  .news-more::after{ display: none; }
   /* a:active{ border: solid 1px #797a7d;  } */
  .c4{ height: 9.2rem; overflow: hidden; }
  .about1{ left: 0; height: 3.9rem; background-size: 7rem auto; background-position-x: 0.25rem; }
  .about311,.ups .about311{ display: none; }
  .about { background-color: #f4f6f5; background-image: url(/public/images/m_indexnew_02.jpg); background-position: center bottom; background-size: 7.5rem auto; }
  .about-tt { height: 0.9rem;  background-position-x: center;  background-image: url(/public/images/m-about-tt.png);  margin: 0 auto;  }
  .about-content { width: 100%; height: 7.35rem; margin: 0rem auto; position: relative; overflow: hidden; }
  .about2{ display: none; }
  .about3{ width: 6.62rem !important; left: 50%; margin-left: -3.31rem; }
  .about-content .appx{ font-size: 0.24rem !important; margin-bottom: 0.25rem; }
  .ups .about-content .appx p{ width: 6rem !important; line-height: 1.6; }
  .about-content .appx.ap4 p{ text-indent: 0; }
  .ups .about-content .appx.ap2{ transform: translateX(0); }
  .ups .about-content .appx::before{ margin-top: 0.2rem; display: block; }
  .c4.ups .about-content .appx::before{ margin-top: 0.12rem !important; }

  .history_content{ min-height: 10rem; background-size: 6.85rem auto; background-color: #f6f7f7; background-image: url(/public/images/m_licheng.png); background-position-y: 0.2rem; background-color: transparent; }
  .c5{ height: 7rem; background: #000;  overflow: hidden; }
  .join-content{ width: 6.85rem; }
  .aboutpage{ margin: 0.3rem auto; }
  .join-pagination{  bottom: 0 !important; }
  .join-tt {
    height: 0.9rem;
    background-position-x: center;
    background-image: url(/public/images/m-join-tt.png);
    margin: 0 auto;
  }
  .joinc {
    width: 100%;
    height: 2.52rem;
    margin: 0 auto 0;
  }
  .join-pagebtns {
    display: none;
  }
  .joincmsg {
    width: 6.5rem;
    height: auto;
    margin: 0 auto 0.5rem;
  }
  .hrqrcode {
    display: none;
  }
  .news-more {
    margin-top: 0;
  }
  .joincmsg p {
    line-height: 1.8;
  }

  .slideins { min-width: 3.75rem; padding: 0.96rem 0 0; overflow: hidden; background: #f6f7f7 url(/public/images/m_indexnew_02.jpg) no-repeat center bottom; background-size: 7.5rem auto; }
  .news-back {right: auto; left: 0.46rem; top: 0.32rem;}
  .news-title { width: 100%; height: auto;  border: 0; margin-top: 0.45rem; }
  .news-title strong {
    padding: 0 0.46rem;
    text-align: left;
    height: auto;
  }
  .news-title span { display: flex;width: 6.58rem;height: 0.54rem;  border-bottom: solid 0.02rem #e4e4e4;  margin: 0.06rem auto 0.31rem; font-size: 0.22rem !important; line-height: 0.54rem; }
  .news-content { width: 6.5rem; height: calc(100% - 3.2rem); margin: 0 auto; line-height: 2; }
  .news-content *,.news-content p { font-size: 0.22rem;  }
  .slideinsconetnt .news-content img { height: auto !important;}
  .news-title .news-back { right: auto; top: -0.1rem; left: 0.46rem; font-size: 0.28rem !important; padding: 0; display: flex; justify-content: center; align-items: center; width: 1.26rem !important; height: 0.5rem !important; border: solid 0.01rem #000; border-radius: 0.4rem; background: none; }
  .news-title .news-back::before{  content: ""; border-left: .04rem solid #3b3b3b; border-top: .04rem solid #3b3b3b; width: .16rem !important; height: .16rem !important; margin-right: 0.06rem; transform: translateX(.04rem) rotate(-45deg); }
  .slideins .news-content{ width: 6.58rem; margin-top: 0; }

  .newlist2 { width: 6.86rem; height: calc(100% - 1.1rem); margin-top: 0.5rem; margin-bottom: 2rem; }
  .newlist2 ul span { position: relative;  display: flex;  align-items: center;  color: #63c9fd;  font-size: 0.2rem; }
  .newlist2 ul li{ display: flex; height: 1.86rem; padding: 0; background-color: #fff; border-radius: 0.2rem; box-shadow: 0px 0.01rem 0.02rem 0px rgba(0, 0, 0, 0.2); margin-bottom: 0.32rem; }
  .newlist2 ul li a{ display: flex; width: 100%; }
  .newlist2 ul li div{ width: 3.11rem; height: 1.86rem; }
  .newlist2 ul li div:nth-child(2){ width: 3.22rem; }
  .newlist2 ul li div img{ display: block; }
  .newlist2 ul strong.news-stro-title{ height: 0.72rem; -webkit-line-clamp: 2; margin-bottom: 0.32rem; }
  .news_bt{ margin-left: 0.3rem; padding: 0.2rem 0 0; font-size: 0.24rem; }
  .newlist2 ul .time{ font-size: 0.22rem; color: #666; margin: 0; }

  .newlist2 .news-more {width: 1.7rem; height: 0.46rem; margin: 0.24rem auto; background-color: #f2f2f2; color: #626262; font-size: 0.24rem; }
  .aboutmn{ display: flex; justify-content: center; margin: 0.6rem auto; }
  .aboutmn a{ display: flex; justify-content: center; align-items: center; width: 2.18rem; height: 0.68rem; margin: 0 0.2rem; color: #000000; border-radius: 0.66rem; font-size: 0.28rem; font-weight: bold; background-color: #fff; border: solid 0.01rem #000000; }
  .aboutmn a.cur{ background-color: #000; color: #fff; }
  .slideins .about_content{ height: auto; background: url(/public/images/m_indexnew_02.jpg) no-repeat center bottom; background-size: 7.5rem auto; }
  .slideins .in_about .about-content{ min-height: 9rem; }
  .slideins .in_about .about1{ height: 4.42rem; background-size: 7rem auto; background-position-x: 0.32rem; overflow: hidden; }
  .slideins .about-content .appx{ font-size: 0.28rem; }
  .slideins .ups .about-content .appx p{ line-height: 1.8; }
  .about-content .appx.ap4{ position: relative; top: auto; left: auto; width: 100%; }

  .hitory_pic_swiper{ width: 100%; height: 6.2rem; }
  .historys p{ width: 6rem; margin: 0.28rem auto 0; font-size: 0.24rem; }
  .hitory_wrap{ width: 6.8rem; }
  .hitory_swiper{ width: 5.46rem; }
  
  .menu_cov{ display: none; }
  .mySwiper3{ height: 3.96rem; }
  .mySwiper3 .content{ display: block; top: auto; left: 0.4rem; bottom: 0.75rem; width: 6.6rem; height: auto; transform: translateX(0); }
  .mySwiper3 .cest .title-1 text{ font-size: 0.28rem; margin: 0; }
  .mySwiper3 .join-pagination{ position: absolute; bottom: 0.3rem !important;  left: 0.35rem;  width: fit-content;  transform: translateX(0); }

  .c5.ups .cbg5{ animation: none; }
  .c6.ups .cbg6{ animation: none; }

  .c6{ height: 8.32rem;  overflow: hidden; }
  .c6 .title{ margin: 1rem auto 0.5rem; }
  .guanzhu-content{ width: 6rem; height: auto; background: none; }
  .guanzhu-content ul{ flex-wrap: wrap; justify-content: flex-start; }
  .guanzhu-content ul li{ width: 1.5rem; height: 1.5rem; margin: 0 0.25rem 0.26rem; background-color: rgba(0, 0, 0, 0.6); border: solid 0.01rem #888483; border-radius: 0.1rem; font-size: 0; background-repeat: no-repeat; background-position: center; }
  .guanzhu-content ul li::after{ display: none !important; }
  .guanzhu-content ul li *{ display: none; }
  .guanzhu-content ul li:nth-child(1){ background-image:url(/public/images/weixin.png); background-size: 0.78rem auto; }
  .guanzhu-content ul li:nth-child(2){ background-image:url(/public/images/douyin.png); background-size: 0.56rem auto; }
  .guanzhu-content ul li:nth-child(3){ background-image:url(/public/images/bilibili.png); background-size: 1.06rem auto; }
  .guanzhu-content ul li:nth-child(4){ background-image:url(/public/images/xiaohongshu.png); background-size: 1.12rem auto; }
  .guanzhu-content ul li:nth-child(5){ background-image:url(/public/images/weibo.png); background-size: 0.77rem auto; }
  .gzh_tcc{ position: absolute; width: 5.52rem; height: 5.52rem; padding: 0.35rem 0; color: #000; border-radius: 0.2rem; background-color: #fff; left: 50%; top: 1.7rem; font-size: 0.34rem; text-align: center; transform: translate(-50%,0); }
  .gzh_tcc img{ display: block; width: 3.82rem; margin: 0 auto; }
  .qrcode_close { position: absolute; top: 0.2rem; right: 0.6rem }
  .qrcode_close span{ position: absolute; width: 0.4rem; height: 0.05rem; left: 0; top: 0;  }
  .qrcode_close span:nth-child(1) { transform: translateY(0.15rem) rotateZ(135deg); background: linear-gradient(to right,#000,#000); }
  .qrcode_close span:nth-child(2) { top: 0.28rem; transform: translateY(-0.11rem) rotateZ(-135deg); background: linear-gradient(to left,#000,#000); }
  .aount_us{ margin-top: 0.4rem; }

  .in_banner{ height: 2.75rem; background-image: url(/public/images/m_in_banner.jpg); }
  .about_head{ height: 2.75rem; background-image: url(/public/images/m_about_banner.jpg); }
  .in_banner .title{ font-size: 0.38rem; margin-top: 0.9rem; }
  .title span.sub-title1{ height: auto; line-height: 1.2; }

  .investor_services{ width: 6.8rem; height: 5.7rem; background-position:center 0.6rem; }
  .investor_services p{ padding: 0; width: 5.76rem; margin: 0 auto; padding: 1.4rem 0 0; font-size: 0.24rem; line-height: 2; }
  .in_about .title{ margin-bottom: 0.64rem; }
  .aount_us:hover{ background-color:#000; border: solid 1px #000; }
}

/*平板*/
@media screen and (min-device-width: 720px) and (max-device-width: 1366px) and (orientation : portrait) {
    .ipadstyle .menu ul li { padding: .22rem 0; }
    .ipadstyle .game_pro_lists li > a{ height: auto; }
    .ipadstyle .game_pro_lists_bot{ align-items: flex-start; height: auto; padding: 0; }
}

/*and(orientation : landscape) 横板  and(orientation : portrait) 竖版竖版*/
@media screen and (min-device-width: 720px) and (max-device-width: 2400px) and (orientation : landscape){
  .ipadstyle .content2.in_about{ overflow: hidden; }
  .ipadstyle .r-mn-btn{ right: 0.2rem !important; transform:translateY(-50%) scale(0.5) !important; transform-origin: right center; }
  .ipadstyle .menu ul li{ padding: 0.15rem 0; font-size: 0.3rem !important; }
  .ipadstyle .menu{ height: 1.4rem !important; } 
  .ipadstyle .rwapbgs { margin-top:calc(1.4rem * 0.8125) !important; }
  .ipadstyle .menu_cov{ font-size: 0.3rem !important; transform: translateY(calc(1.4rem - 1px)) !important; }
  .ipadstyle .menu_cov.cur.height60{ height: 6.5rem; }
  .ipadstyle .menu ul.game_lists li span{ font-size: 0.22rem; }
  .ipadstyle .menu ul.game_lists li img.small{ width: 0.72rem; top: 1.32rem; }
}

/*Mini平板横版*/
@media screen and (max-width: 1024px) and (orientation : landscape) {
  .ipadstyle .ups .about-content .appx p{ font-size: 0.2rem; line-height: 1.8; }
  .ipadstyle .about_wrap .about3{ top: -0.3rem; }
  .ipadstyle .about-content .appx.ap4{ top: 5rem; }
  .ipadstyle .newlist2 ul strong.news-stro-title{ font-size: 0.24rem; }
  .ipadstyle .newlist2 ul .time{ font-size: 0.22rem; }
}