@charset "utf-8";
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
.no-webp body {background:black}
.webp body {background:black}
body {
  padding: 0;
  margin: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: normal;
  font-style: normal;
}
a,
a:hover {
  text-decoration: none;
}
body,
textarea,
input,
button {
  color: #62a1c9;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
html,
body {
  width: 100%;
  font-family: "Microsoft YaHei", "Helvetica Neue", "HelveticaNeue", "HelveticasimSun", "Helvetica", "simSun", "Lucida Grande", "Lucida Sans Unicode", "Arial";
}
.no-webp input:-webkit-autofill {background:#787a8b !important}
.webp input:-webkit-autofill {background:#787a8b !important}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 999px #787a8b inset;
}
/*宽度限制板块*/
.wbox {
  width: 1200px;
  margin: 0 auto;
  clear: both;
}
.wbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wbox {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .wbox {
  zoom: 1;
}
.wbox {
  display: block;
  position: relative;
}
/* End hide from IE-mac */
.hide {
  display: none;
}
/***背景渐变***/
/***文字渐变 暂时只支持谷歌***/
/**** DEMO
单行
.text-overflow-ellipsis(1);
多行
 .text-overflow-ellipsis(2);
****/
/***左右摇摆***/
@-webkit-keyframes male {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}
@-moz-keyframes male {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}
@-ms-keyframes male {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}
@-o-keyframes male {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}
@keyframes male {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}
.no-webp .logo {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/logo_cc421d1f.png) no-repeat;
  background-size: 100% 100%}
.webp .logo {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/logo_cc421d1f.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .logo {background-size:100% 100%}
.webp .logo {background-size:100% 100%}
.logo {
  position: absolute;
  width: 3.78rem;
  height: 1.42rem;
  top: 70px;
  left: 0.2rem;
  z-index: 99;
}
.no-webp .logo.old {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/logo_old_0954e2e9.png) no-repeat;
  background-size: 100% 100%}
.webp .logo.old {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/logo_old_0954e2e9.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .logo.old {background-size:100% 100%}
.webp .logo.old {background-size:100% 100%}
.logo.old {
  width: 1.58rem;
}
.no-webp .pop {background-color:rgba(0, 0, 0, 0.8)}
.webp .pop {background-color:rgba(0, 0, 0, 0.8)}
.pop {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
  display: none;
}
.pop.show {
  display: block;
}
.no-webp .pop .pop-ctn {background-color:#000}
.webp .pop .pop-ctn {background-color:#000}
.pop .pop-ctn {
  position: absolute;
  top: 50%;
  left: 50%;
}
.no-webp .pop .pop-close {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/pop_close_d1687333.png) no-repeat;
  background-size: 100% 100%}
.webp .pop .pop-close {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/pop_close_d1687333.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .pop .pop-close {background-size:100% 100%}
.webp .pop .pop-close {background-size:100% 100%}
.pop .pop-close {
  position: absolute;
  width: 0.34rem;
  height: 0.34rem;
  top: 0;
  right: -0.46rem;
  z-index: 100001;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  cursor: pointer;
}
.pop .pop-close:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.video-pop .pop-ctn {
  width: 8rem;
  height: 4.6rem;
  margin: -2.3rem 0 0 -4rem;
}
.video-pop .video-box {
  position: relative;
  width: 100%;
  height: 100%;
}
.video-pop .video-box video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.no-webp .shiling-pop .pop-ctn {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/pop_shiling_bg_70884830.png) no-repeat;
  background-size: 100% 100%}
.webp .shiling-pop .pop-ctn {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/pop_shiling_bg_70884830.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .shiling-pop .pop-ctn {background-size:100% 100%}
.webp .shiling-pop .pop-ctn {background-size:100% 100%}
.shiling-pop .pop-ctn {
  width: 8.76rem;
  height: 5.9rem;
  margin: -2.95rem 0 0 -4.38rem;
  padding-top: 0.84rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.no-webp .shiling-pop .shiling-title {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/pop_shiling_title_2da6b68c.png) no-repeat center}
.webp .shiling-pop .shiling-title {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/pop_shiling_title_2da6b68c.webp) no-repeat center}
.shiling-pop .shiling-title {
  width: 4.11rem;
  height: 0.29rem;
  margin: 0 auto 0.3rem;
}
.shiling-pop .shilin-txt {
  width: 7.5rem;
  height: 3.6rem;
  padding: 0.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
}
.shiling-pop .shilin-txt p {
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.2rem;
  margin-bottom: 0.18rem;
}
.shiling-pop .shilin-txt a {
  color: #fff;
}
.no-webp .shiling-pop .pop-close {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/pop_shiling_close_8e2e3d29.png)}
.webp .shiling-pop .pop-close {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/pop_shiling_close_8e2e3d29.webp)}
.shiling-pop .pop-close {
  width: 0.48rem;
  height: 0.48rem;
  top: 0.26rem;
  right: 0.26rem;
}
/*********头部导航*********/
.no-webp .topbar {background-color:#fff}
.webp .topbar {background-color:#fff}
.topbar {
  position: relative;
  width: 100%;
  height: 55px;
  z-index: 99;
}
/*********底部版权*********/
.no-webp .footer {background-color:#000}
.webp .footer {background-color:#000}
.footer {
  position: relative;
  padding: 20px 0;
}
.no-webp #NIE-copyRight {background:#000}
.webp #NIE-copyRight {background:#000}
#NIE-copyRight {
  color: #fff;
}
#NIE-copyRight a {
  color: #fff;
}
#NIE-copyRight #ncp-l1 {
  color: #fff;
}
#NIE-copyRight .nie-copyright-new-inner {
  padding: 15px 0 10px !important;
}
/*********alert组件样式修改*********/
.no-webp .alert_box .alert_wrap .alert_main .btns.btnsConfirm {background-color:#f28144}
.webp .alert_box .alert_wrap .alert_main .btns.btnsConfirm {background-color:#f28144}
.alert_box .alert_wrap .alert_main .btns.btnsConfirm {
}
.no-webp .alert_box .alert_wrap .alert_main .btns.btnsConfirm:hover {background-color:#f28144}
.webp .alert_box .alert_wrap .alert_main .btns.btnsConfirm:hover {background-color:#f28144}
.alert_box .alert_wrap .alert_main .btns.btnsConfirm:hover {
}
.no-webp .alert_box .alert_wrap .alertClose em {background-color:#f28144}
.webp .alert_box .alert_wrap .alertClose em {background-color:#f28144}
.alert_box .alert_wrap .alertClose em {
}
.no-webp .alert_box .alert_wrap .alertClose:hover em {background-color:#f28144}
.webp .alert_box .alert_wrap .alertClose:hover em {background-color:#f28144}
.alert_box .alert_wrap .alertClose:hover em {
}
/*********分享组件样式修改*********/
.no-webp #NIE-share {background:#000}
.webp #NIE-share {background:#000}
#NIE-share {
  height: 22px;
  text-align: center;
  font-size: 0;
}
#NIE-share .NIE-share-txt {
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #fff;
  margin-right: 10px;
}
#NIE-share .NIE-share-iconBtn a {
  width: auto;
  padding-right: 10px;
  margin-right: 0px;
  line-height: 22px;
  font-size: 22px;
  color: #fff;
}
#NIE-share .NIE-share-iconBtn a span {
  height: 22px;
  line-height: 22px;
  font-size: 22px;
}
#NIE-share .NIE-share-iconBtn a:hover {
  color: #b62d15;
}
#NIE-share .NIE-share-iconBtn a em {
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  margin-left: 5px;
}
.bottom-logo {
  position: relative;
}
.bottom-logo .logos {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bottom-logo .logos img {
  display: block;
}
.bottom-logo .logos img:nth-child(1) {
  width: 1.96rem;
}
.bottom-logo .logos img:nth-child(2) {
  width: 1.8rem;
  margin: -0.5rem 1.5rem 0 1.2rem;
}
.bottom-logo .logos img:nth-child(3) {
  width: 1.64rem;
}
.bottom-logo .download-qrcode {
  position: relative;
  padding-top: 0.34rem;
}
.no-webp .bottom-logo .download-qrcode::after {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/channel_icon_b2854b1f.png) no-repeat;
  background-size: 100% 100%}
.webp .bottom-logo .download-qrcode::after {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/channel_icon_b2854b1f.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .bottom-logo .download-qrcode::after {background-size:100% 100%}
.webp .bottom-logo .download-qrcode::after {background-size:100% 100%}
.bottom-logo .download-qrcode::after {
  content: "";
  position: absolute;
  width: 0.15rem;
  height: 0.17rem;
  top: 0;
  left: 50%;
  margin-left: -0.08rem;
}
.bottom-logo .download-qrcode p {
  font-size: 0.18rem;
  color: #fff;
  text-align: center;
}
.bottom-logo .download-qrcode .qrcode {
  width: 1.46rem;
  height: 1.46rem;
  border: 0.04rem solid #787878;
  margin: 0.12rem auto 0;
}
.bottom-logo .download-qrcode .qrcode img {
  display: block;
  width: 100%;
}
html,
body {
  height: 100%;
}
.topbar {
  position: absolute;
  top: 0;
  left: 0;
}
.wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 55px;
}
.right-nav {
  position: fixed;
  right: 0.2rem;
  top: 50%;
  margin-top: -2.35rem;
  z-index: 99;
}
.right-nav .nav {
  position: relative;
}
.no-webp .right-nav .nav li {background-repeat:no-repeat}
.webp .right-nav .nav li {background-repeat:no-repeat}
.no-webp .right-nav .nav li {background-size:100% 100%}
.webp .right-nav .nav li {background-size:100% 100%}
.no-webp .right-nav .nav li {background-position:center}
.webp .right-nav .nav li {background-position:center}
.no-webp .right-nav .nav li {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/nav_btn_5750b84a.png)}
.webp .right-nav .nav li {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/nav_btn_5750b84a.webp)}
.right-nav .nav li {
  position: relative;
  width: 1.65rem;
  height: 0.41rem;
  font-size: 0.2rem;
  text-align: center;
  line-height: 0.41rem;
  color: #c2c2c2;
  font-weight: bold;
  margin-bottom: 0.04rem;
  cursor: pointer;
  display: block;
  border-radius: 0;
  opacity: 1;
}
.no-webp .right-nav .nav li.swiper-pagination-bullet-active, 
.no-webp .right-nav .nav li:hover {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/nav_btn_h_a23e36bc.png)}
.webp .right-nav .nav li.swiper-pagination-bullet-active, 
.webp .right-nav .nav li:hover {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/nav_btn_h_a23e36bc.webp)}
.right-nav .nav li.swiper-pagination-bullet-active,
.right-nav .nav li:hover {
  color: #2a2928;
}
.no-webp .right-nav .downloa-box {background-color:#060607}
.webp .right-nav .downloa-box {background-color:#060607}
.right-nav .downloa-box {
  position: relative;
  width: 1.65rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #6c6a66;
  border-radius: 0.1rem;
  padding: 0.08rem 0;
}
.right-nav .downloa-box .qrcode p {
  font-size: 0.14rem;
  color: #fff;
  text-align: center;
  line-height: 0.16rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.right-nav .downloa-box .qrcode .NIE-qrcode {
  position: relative;
  width: 1.46rem;
  margin: 0.04rem auto;
}
.right-nav .downloa-box .qrcode .NIE-qrcode img {
  display: block;
  width: 100%;
}
.right-nav .downloa-box .buttons {
  position: relative;
  width: 1.46rem;
  margin: 0 auto;
}
.no-webp .right-nav .downloa-box .buttons a {background-repeat:no-repeat}
.webp .right-nav .downloa-box .buttons a {background-repeat:no-repeat}
.no-webp .right-nav .downloa-box .buttons a {background-size:100% 100%}
.webp .right-nav .downloa-box .buttons a {background-size:100% 100%}
.no-webp .right-nav .downloa-box .buttons a {background-position:center}
.webp .right-nav .downloa-box .buttons a {background-position:center}
.right-nav .downloa-box .buttons a {
  display: block;
  width: 1.46rem;
  height: 0.41rem;
  font-size: 0;
}
.right-nav .downloa-box .buttons a:hover {
  opacity: 0.9;
}
.no-webp .right-nav .downloa-box .buttons a.link-apple {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/right_nav_ios_4976cc7c.png)}
.webp .right-nav .downloa-box .buttons a.link-apple {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/right_nav_ios_4976cc7c.webp)}
.right-nav .downloa-box .buttons a.link-apple {
}
.no-webp .right-nav .downloa-box .buttons a.link-android {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/right_nav_android_0bd8b05a.png)}
.webp .right-nav .downloa-box .buttons a.link-android {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/right_nav_android_0bd8b05a.webp)}
.right-nav .downloa-box .buttons a.link-android {
  margin-top: 0.04rem;
}
.no-webp .right-nav .downloa-box .buttons a.link-mumu {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/right_nav_mumu_c8cf9729.png)}
.webp .right-nav .downloa-box .buttons a.link-mumu {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/right_nav_mumu_c8cf9729.webp)}
.right-nav .downloa-box .buttons a.link-mumu {
  margin-top: 0.04rem;
}
.main-swiper {
  width: 100%;
  height: 100%;
}
.no-webp .main-swiper .main-slide {background-repeat:no-repeat}
.webp .main-swiper .main-slide {background-repeat:no-repeat}
.no-webp .main-swiper .main-slide {background-position:center}
.webp .main-swiper .main-slide {background-position:center}
.no-webp .main-swiper .main-slide {background-size:cover}
.webp .main-swiper .main-slide {background-size:cover}
.main-swiper .main-slide {
  position: relative;
  overflow: hidden;
}
.no-webp .home-slide {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/home_bg_5da16ca6.png)}
.webp .home-slide {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/home_bg_5da16ca6.webp)}
.home-slide {
}
.no-webp .home-slide .slogan {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/home_slogan_a6d41520.png) no-repeat;
  background-size: 100% 100%}
.webp .home-slide .slogan {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/home_slogan_a6d41520.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .home-slide .slogan {background-size:100% 100%}
.webp .home-slide .slogan {background-size:100% 100%}
.home-slide .slogan {
  position: absolute;
  width: 11.49rem;
  height: 1.67rem;
  top: 50%;
  left: 50%;
  margin: 0.15rem 0 0 -5.725rem;
}
.home-slide .slogan h2 {
  display: none;
}
.no-webp .home-slide .slogan .video-btn {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/home_video_btn_0b937437.png) no-repeat;
  background-size: 100% 100%}
.webp .home-slide .slogan .video-btn {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/home_video_btn_0b937437.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .home-slide .slogan .video-btn {background-size:100% 100%}
.webp .home-slide .slogan .video-btn {background-size:100% 100%}
.home-slide .slogan .video-btn {
  position: absolute;
  width: 1.3rem;
  height: 1.31rem;
  left: 50%;
  top: 50%;
  margin: -0.6rem 0 0 -0.53rem;
  -webkit-animation: scaleAni 2s linear infinite;
          animation: scaleAni 2s linear infinite;
}
.no-webp .home-slide .downloa-box {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/home_download_bg_f2b5db93.png) no-repeat;
  background-size: 100% 100%}
.webp .home-slide .downloa-box {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/home_download_bg_f2b5db93.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .home-slide .downloa-box {background-size:100% 100%}
.webp .home-slide .downloa-box {background-size:100% 100%}
.home-slide .downloa-box {
  position: absolute;
  width: 7.23rem;
  height: 1.7rem;
  left: 50%;
  top: 50%;
  margin: 1.79rem 0 0 -3.615rem;
}
.no-webp .home-slide .downloa-box .shiling-tips {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/home_shiling_tips_47b403ee.png) no-repeat;
  background-size: 100% 100%}
.webp .home-slide .downloa-box .shiling-tips {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/home_shiling_tips_47b403ee.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .home-slide .downloa-box .shiling-tips {background-size:100% 100%}
.webp .home-slide .downloa-box .shiling-tips {background-size:100% 100%}
.home-slide .downloa-box .shiling-tips {
  position: absolute;
  width: 1.24rem;
  height: 1.58rem;
  top: 0.06rem;
  left: 0.1rem;
}
.home-slide .downloa-box .shiling-tips:hover {
  opacity: 0.9;
}
.no-webp .home-slide .downloa-box .qrcode {background-color:#fff}
.webp .home-slide .downloa-box .qrcode {background-color:#fff}
.home-slide .downloa-box .qrcode {
  position: absolute;
  width: 1.86rem;
  height: 1.58rem;
  top: 0.06rem;
  left: 1.43rem;
  font-size: 0;
  text-align: center;
  line-height: 1.58rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.home-slide .downloa-box .qrcode p {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  font-size: 0.24rem;
  color: #000;
  line-height: 1;
}
.home-slide .downloa-box .qrcode .NIE-qrcode {
  width: 1.46rem;
  height: 1.46rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
}
.home-slide .downloa-box .qrcode .NIE-qrcode img {
  width: 1.46rem;
}
.home-slide .downloa-box .buttons {
  position: absolute;
  right: 1.43rem;
  top: 0.14rem;
}
.no-webp .home-slide .downloa-box .buttons a {background-repeat:no-repeat}
.webp .home-slide .downloa-box .buttons a {background-repeat:no-repeat}
.no-webp .home-slide .downloa-box .buttons a {background-size:100% 100%}
.webp .home-slide .downloa-box .buttons a {background-size:100% 100%}
.no-webp .home-slide .downloa-box .buttons a {background-position:center}
.webp .home-slide .downloa-box .buttons a {background-position:center}
.home-slide .downloa-box .buttons a {
  display: block;
  width: 2.39rem;
  height: 0.68rem;
  font-size: 0;
}
.home-slide .downloa-box .buttons a:hover {
  opacity: 0.9;
}
.no-webp .home-slide .downloa-box .buttons a.link-apple {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/home_download_ios_c07fc3cf.png)}
.webp .home-slide .downloa-box .buttons a.link-apple {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/home_download_ios_c07fc3cf.webp)}
.home-slide .downloa-box .buttons a.link-apple {
}
.no-webp .home-slide .downloa-box .buttons a.link-android {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/home_download_android_df8eef53.png)}
.webp .home-slide .downloa-box .buttons a.link-android {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/home_download_android_df8eef53.webp)}
.home-slide .downloa-box .buttons a.link-android {
  margin-top: 0.08rem;
}
.no-webp .home-slide .downloa-box .link-mumu {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/home_download_mumu_5af06dc8.png) no-repeat center / 100%}
.webp .home-slide .downloa-box .link-mumu {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/home_download_mumu_5af06dc8.webp) no-repeat center / 100%}
.home-slide .downloa-box .link-mumu {
  position: absolute;
  right: 0.12rem;
  top: 0.04rem;
  display: block;
  width: 1.21rem;
  height: 1.45rem;
  font-size: 0;
  margin-top: 0.08rem;
}
.home-slide .downloa-box .link-mumu:hover {
  opacity: 0.9;
}
.no-webp .home-slide .downloa-box .tip {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/tip_8dbf224a.png) no-repeat center / 100%}
.webp .home-slide .downloa-box .tip {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/tip_8dbf224a.webp) no-repeat center / 100%}
.home-slide .downloa-box .tip {
  width: 4.44rem;
  height: 0.6rem;
  position: absolute;
  left: 50%;
  bottom: -0.69rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.home-slide .slogan,
.home-slide .downloa-box {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
}
.home-slide.ani-in .slogan,
.home-slide.ani-in .downloa-box {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.home-slide.ani-in .downloa-box {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.no-webp .news-slide {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/news_bg_75e5cbb6.jpg)}
.webp .news-slide {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/news_bg_75e5cbb6.webp)}
.news-slide {
}
.news-slide .news-box {
  position: relative;
  width: 14rem;
  margin: -3.5rem auto 0;
  top: 50%;
}
.no-webp .news-slide .news-title {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/news_title_4fadee63.png) no-repeat;
  background-size: 100% 100%}
.webp .news-slide .news-title {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/news_title_4fadee63.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .news-slide .news-title {background-size:100% 100%}
.webp .news-slide .news-title {background-size:100% 100%}
.news-slide .news-title {
  position: relative;
  width: 4.6rem;
  height: 0.58rem;
  margin: 0 auto;
  font-size: 0;
}
.news-slide .news-banner-swiper {
  position: relative;
  width: 14rem;
  height: 3rem;
  margin: 0.32rem auto 0;
}
.no-webp .news-slide .news-banner-swiper::before, 
.no-webp .news-slide .news-banner-swiper::after {background-color:#fdd98c}
.webp .news-slide .news-banner-swiper::before, 
.webp .news-slide .news-banner-swiper::after {background-color:#fdd98c}
.news-slide .news-banner-swiper::before,
.news-slide .news-banner-swiper::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  z-index: 2;
  pointer-events: none;
}
.news-slide .news-banner-swiper::before {
  left: 0;
}
.news-slide .news-banner-swiper::after {
  right: 0;
}
.news-slide .news-banner-swiper .swiper-slide {
  position: relative;
}
.no-webp .news-slide .news-banner-swiper .swiper-slide::after {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/news_banner_mask_e960f183.png) no-repeat;
  background-size: 100% 100%}
.webp .news-slide .news-banner-swiper .swiper-slide::after {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/news_banner_mask_e960f183.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .news-slide .news-banner-swiper .swiper-slide::after {background-size:100% 100%}
.webp .news-slide .news-banner-swiper .swiper-slide::after {background-size:100% 100%}
.news-slide .news-banner-swiper .swiper-slide::after {
  content: "";
  position: absolute;
  width: 6.46rem;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.news-slide .news-banner-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-slide .news-banner-swiper .swiper-slide h2 {
  position: absolute;
  width: 2.4rem;
  font-size: 0.26rem;
  color: #ddd7b7;
  font-weight: bold;
  bottom: 0.7rem;
  left: 0.54rem;
  z-index: 2;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}
.news-slide .news-banner-swiper .swiper-pagination {
  position: absolute;
  left: 0.54rem;
  bottom: 0.3rem;
  font-size: 0;
  width: auto;
}
.no-webp .news-slide .news-banner-swiper .swiper-pagination .swiper-pagination-bullet {background-color:#fff}
.webp .news-slide .news-banner-swiper .swiper-pagination .swiper-pagination-bullet {background-color:#fff}
.news-slide .news-banner-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.4rem;
  height: 0.04rem;
  opacity: 0.7;
  border-radius: 0;
  margin: 0 0.04rem;
}
.news-slide .news-banner-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.news-slide .news-tab {
  position: relative;
  text-align: right;
  font-size: 0;
  margin-top: 0.48rem;
}
.news-slide .news-tab a {
  position: relative;
  font-size: 0.16rem;
  color: #ababab;
  padding: 0 0.2rem;
}
.no-webp .news-slide .news-tab a::before {background-color:#535353}
.webp .news-slide .news-tab a::before {background-color:#535353}
.news-slide .news-tab a::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 0.14rem;
  right: 0;
  top: 0.04rem;
  pointer-events: none;
}
.no-webp .news-slide .news-tab a:last-of-type {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/news_more_icon_bdb2d4bb.png) right center no-repeat;
  background-size: 0.08rem}
.webp .news-slide .news-tab a:last-of-type {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/news_more_icon_bdb2d4bb.webp) right center no-repeat;
  background-size: 0.08rem}
.no-webp .news-slide .news-tab a:last-of-type {background-size:0.08rem}
.webp .news-slide .news-tab a:last-of-type {background-size:0.08rem}
.news-slide .news-tab a:last-of-type {
  padding-right: 0.12rem;
}
.news-slide .news-tab a:last-of-type::before {
  display: none;
}
.news-slide .news-tab a.active,
.news-slide .news-tab a:hover {
  color: #fdd98c;
}
.news-slide .news-list-box {
  position: relative;
  margin-top: 0.24rem;
}
.news-slide .news-list-box .news-list-item {
  position: relative;
  overflow: hidden;
  display: none;
}
.news-slide .news-list-box .news-list-item:nth-child(1) {
  display: block;
}
.no-webp .news-slide .news-list-box .news-list-item a {background-color:#000}
.webp .news-slide .news-list-box .news-list-item a {background-color:#000}
.news-slide .news-list-box .news-list-item a {
  position: relative;
  display: block;
  float: left;
  width: 2.98rem;
  margin-right: 0.69rem;
}
.no-webp .news-slide .news-list-box .news-list-item a::after {background-color:rgba(101, 101, 101, 0.5)}
.webp .news-slide .news-list-box .news-list-item a::after {background-color:rgba(101, 101, 101, 0.5)}
.news-slide .news-list-box .news-list-item a::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  right: -0.35rem;
}
.news-slide .news-list-box .news-list-item a:last-of-type {
  margin-right: 0;
}
.news-slide .news-list-box .news-list-item a:last-of-type::after {
  display: none;
}
.news-slide .news-list-box .news-list-item a:hover .poster img {
  opacity: 1;
}
.news-slide .news-list-box .news-list-item a:hover .text p {
  color: #fff;
}
.news-slide .news-list-box .news-list-item .poster {
  position: relative;
  display: block;
  width: 2.98rem;
  height: 1.68rem;
  overflow: hidden;
}
.no-webp .news-slide .news-list-box .news-list-item .poster::after {background-color:#866a66}
.webp .news-slide .news-list-box .news-list-item .poster::after {background-color:#866a66}
.news-slide .news-list-box .news-list-item .poster::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
}
.news-slide .news-list-box .news-list-item .poster img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.8;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.news-slide .news-list-box .news-list-item .text {
  position: relative;
  display: block;
  height: 0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.12rem;
  font-size: 0;
  line-height: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.news-slide .news-list-box .news-list-item .text p {
  position: relative;
  width: 100%;
  font-size: 0.16rem;
  line-height: 0.2rem;
  color: #797979;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.news-slide .news-title,
.news-slide .news-banner-swiper,
.news-slide .news-tab,
.news-slide .news-list-box {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
}
.news-slide.ani-in .news-title,
.news-slide.ani-in .news-banner-swiper,
.news-slide.ani-in .news-tab,
.news-slide.ani-in .news-list-box {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.news-slide.ani-in .news-title {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.news-slide.ani-in .news-banner-swiper {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.news-slide.ani-in .news-tab,
.news-slide.ani-in .news-list-box {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.no-webp .feature-slide {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/feature_bg_7f7f7555.jpg)}
.webp .feature-slide {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/feature_bg_7f7f7555.webp)}
.feature-slide {
}
.feature-slide .feature-box {
  position: relative;
  width: 14rem;
  margin: -3.4rem auto 0;
  top: 50%;
}
.no-webp .feature-slide .feature-title {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/feature_title_2774eb37.png) no-repeat;
  background-size: 100% 100%}
.webp .feature-slide .feature-title {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/feature_title_2774eb37.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .feature-slide .feature-title {background-size:100% 100%}
.webp .feature-slide .feature-title {background-size:100% 100%}
.feature-slide .feature-title {
  position: relative;
  width: 5.46rem;
  height: 0.57rem;
  margin: 0 auto;
  font-size: 0;
}
.feature-slide .feature-swiper {
  position: relative;
  width: 100%;
  margin-top: 0.4rem;
}
.feature-slide .feature-swiper .swiper-slide {
  position: relative;
  width: 9.64rem;
  height: 5.44rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #fff;
  opacity: 0;
}
.feature-slide .feature-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.feature-slide .feature-swiper .swiper-slide.swiper-slide-active {
  border-color: #fdd98c;
}
.feature-slide .feature-swiper .swiper-slide.swiper-slide-prev,
.feature-slide .feature-swiper .swiper-slide.swiper-slide-next,
.feature-slide .feature-swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.feature-slide .feature-swiper .swiper-button-prev {
  left: 0.8rem;
}
.feature-slide .feature-swiper .swiper-button-next {
  right: 0.8rem;
}
.feature-slide .swiper-pagination {
  position: relative;
  font-size: 0;
  margin-top: 0.32rem;
}
.no-webp .feature-slide .swiper-pagination .swiper-pagination-bullet {background-color:#fff}
.webp .feature-slide .swiper-pagination .swiper-pagination-bullet {background-color:#fff}
.feature-slide .swiper-pagination .swiper-pagination-bullet {
  width: 0.4rem;
  height: 0.04rem;
  opacity: 0.7;
  border-radius: 0;
  margin: 0 0.04rem;
}
.feature-slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.feature-slide .feature-title,
.feature-slide .feature-swiper,
.feature-slide .swiper-pagination {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
}
.feature-slide.ani-in .feature-title,
.feature-slide.ani-in .feature-swiper,
.feature-slide.ani-in .swiper-pagination {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.feature-slide.ani-in .feature-title {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.feature-slide.ani-in .feature-swiper,
.feature-slide.ani-in .swiper-pagination {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.no-webp .channel-slide {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/channel_bg_a358b962.jpg)}
.webp .channel-slide {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/channel_bg_a358b962.webp)}
.channel-slide {
}
.channel-slide .channel-box {
  position: relative;
  width: 14rem;
  margin: -3.5rem auto 0;
  top: 50%;
}
.no-webp .channel-slide .channel-title {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/channel_title_3aa2a0c8.png) no-repeat;
  background-size: 100% 100%}
.webp .channel-slide .channel-title {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/channel_title_3aa2a0c8.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .channel-slide .channel-title {background-size:100% 100%}
.webp .channel-slide .channel-title {background-size:100% 100%}
.channel-slide .channel-title {
  position: relative;
  width: 4.6rem;
  height: 0.58rem;
  margin: 0 auto;
  font-size: 0;
}
.channel-slide .channel-list {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin-top: 0.34rem;
}
.channel-slide .channel-list li {
  cursor: pointer;
}
.no-webp .channel-slide .channel-list li:hover .channel-poster {background-color:#313234}
.webp .channel-slide .channel-list li:hover .channel-poster {background-color:#313234}
.channel-slide .channel-list li:hover .channel-poster {
  border-color: #ead19b;
}
.no-webp .channel-slide .channel-list .channel-poster {background-color:#2f3133}
.webp .channel-slide .channel-list .channel-poster {background-color:#2f3133}
.no-webp .channel-slide .channel-list .channel-poster {background-repeat:no-repeat}
.webp .channel-slide .channel-list .channel-poster {background-repeat:no-repeat}
.no-webp .channel-slide .channel-list .channel-poster {background-position:center}
.webp .channel-slide .channel-list .channel-poster {background-position:center}
.channel-slide .channel-list .channel-poster {
  position: relative;
  display: block;
  width: 1.64rem;
  height: 1.64rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.06rem;
  border: 2px solid #8c8474;
  -webkit-transition: background-color 0.5s, border-color 0.5s;
  transition: background-color 0.5s, border-color 0.5s;
}
.channel-slide .channel-list .channel-poster img {
  display: block;
  width: 100%;
}
.no-webp .channel-slide .channel-list .channel-poster.channel-bilibili {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/channel_logo_bilibili_e85f2be2.png);
  background-size: 0.9rem auto}
.webp .channel-slide .channel-list .channel-poster.channel-bilibili {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/channel_logo_bilibili_e85f2be2.webp);
  background-size: 0.9rem auto}
.no-webp .channel-slide .channel-list .channel-poster.channel-bilibili {background-size:0.9rem auto}
.webp .channel-slide .channel-list .channel-poster.channel-bilibili {background-size:0.9rem auto}
.channel-slide .channel-list .channel-poster.channel-bilibili {
}
.no-webp .channel-slide .channel-list .channel-poster.channel-douyin {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/channel_logo_douyin_ca92e1d0.png);
  background-size: 1.12rem auto}
.webp .channel-slide .channel-list .channel-poster.channel-douyin {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/channel_logo_douyin_ca92e1d0.webp);
  background-size: 1.12rem auto}
.no-webp .channel-slide .channel-list .channel-poster.channel-douyin {background-size:1.12rem auto}
.webp .channel-slide .channel-list .channel-poster.channel-douyin {background-size:1.12rem auto}
.channel-slide .channel-list .channel-poster.channel-douyin {
}
.no-webp .channel-slide .channel-list .channel-poster.channel-kuaishou {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/channel_logo_kuaishou_d6561b72.png);
  background-size: 1.12rem auto}
.webp .channel-slide .channel-list .channel-poster.channel-kuaishou {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/channel_logo_kuaishou_d6561b72.webp);
  background-size: 1.12rem auto}
.no-webp .channel-slide .channel-list .channel-poster.channel-kuaishou {background-size:1.12rem auto}
.webp .channel-slide .channel-list .channel-poster.channel-kuaishou {background-size:1.12rem auto}
.channel-slide .channel-list .channel-poster.channel-kuaishou {
}
.no-webp .channel-slide .channel-list .channel-poster.channel-tieba {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/channel_logo_tieba_c082f1e1.png);
  background-size: 0.62rem auto}
.webp .channel-slide .channel-list .channel-poster.channel-tieba {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/channel_logo_tieba_c082f1e1.webp);
  background-size: 0.62rem auto}
.no-webp .channel-slide .channel-list .channel-poster.channel-tieba {background-size:0.62rem auto}
.webp .channel-slide .channel-list .channel-poster.channel-tieba {background-size:0.62rem auto}
.channel-slide .channel-list .channel-poster.channel-tieba {
}
.channel-slide .channel-list .channel-poster.channel-phone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.channel-slide .channel-list .channel-poster.channel-phone span {
  display: block;
  font-size: 0.14rem;
  color: #fff;
  text-align: center;
}
.channel-slide .channel-list p {
  font-size: 0.18rem;
  text-align: center;
  color: #8b8b8b;
  margin-top: 0.12rem;
}
.channel-slide .bottom-logo {
  margin-top: 0.8rem;
}
.channel-slide .channel-title,
.channel-slide .channel-list,
.channel-slide .logos,
.channel-slide .download-qrcode {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
}
.channel-slide.ani-in .channel-title,
.channel-slide.ani-in .channel-list,
.channel-slide.ani-in .logos,
.channel-slide.ani-in .download-qrcode {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.channel-slide.ani-in .channel-title {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.channel-slide.ani-in .channel-list {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.channel-slide.ani-in .logos,
.channel-slide.ani-in .download-qrcode {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.no-webp .swiper-button-prev, 
.no-webp .swiper-button-next {background-repeat:no-repeat}
.webp .swiper-button-prev, 
.webp .swiper-button-next {background-repeat:no-repeat}
.no-webp .swiper-button-prev, 
.no-webp .swiper-button-next {background-size:100% 100%}
.webp .swiper-button-prev, 
.webp .swiper-button-next {background-size:100% 100%}
.swiper-button-prev,
.swiper-button-next {
  width: 0.11rem;
  height: 0.22rem;
  margin-top: -0.11rem;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}
.no-webp .swiper-button-prev {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/swiper_prev_0bbba3a1.png)}
.webp .swiper-button-prev {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/swiper_prev_0bbba3a1.webp)}
.swiper-button-prev {
}
.no-webp .swiper-button-next {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/swiper_next_51343999.png)}
.webp .swiper-button-next {background-image:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/swiper_next_51343999.webp)}
.swiper-button-next {
}
.footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 99;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.footer.show {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.copyright-btn {
  position: absolute;
  z-index: 100;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #fff;
  bottom: 0.2rem;
  right: 0.4rem;
  padding-left: 0.24rem;
  cursor: pointer;
}
.no-webp .copyright-btn::before {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/copyrigh_btn_icon_f553d048.png) no-repeat}
.webp .copyright-btn::before {background:url(https://wotb.res.netease.com/pc/gw/20250305145622/img/copyrigh_btn_icon_f553d048.webp) no-repeat}
.copyright-btn::before {
  content: "";
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  top: 0;
  left: 0;
}
.copyright-btn.show::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@-webkit-keyframes scaleAni {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.06);
            transform: scale(1.06);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scaleAni {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.06);
            transform: scale(1.06);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}