/** mixins **/

/* MiSans */

@font-face {
  font-family: 'MiSans-regular';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Regular.woff') format('woff');
  font-weight: 330;
}

.media-box-pop {
  width: 100%;
  height: 1.58rem;
  position: absolute;
  top: 0.6rem;
  left: 0;
  background-color: #000;
  z-index: 10;
  font-family: 'MiSans-regular', sans-serif;
  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;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  visibility: hidden;
  border-bottom-left-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
}

.media-box-pop.visible {
  visibility: visible;
}

.media-box-pop a {
  position: relative;
  margin-left: 0.25rem;
}

.media-box-pop a:nth-child(5) {
  margin-right: 0.25rem;
}

.media-box-pop a:nth-child(6) {
  margin-left: 0;
}

.media-box-pop a:nth-child(7) {
  left: -0.6rem;
}

.media-box-pop a:nth-child(8) {
  left: -1.2rem;
}

.media-box-pop a .qrcode {
  display: none;
  position: absolute;
  top: 2.08rem;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  width: 1.56rem;
  height: 1.56rem;
  z-index: 11;
}

.media-box-pop a:hover::before {
  content: "";
  position: absolute;
  top: 2.18rem;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  width: 1.76rem;
  height: 1.76rem;
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/qr-bg_6bbd9fe9.png) no-repeat;
  background-size: 100% 100%;
}

.media-box-pop a:hover::after {
  content: "";
  position: absolute;
  top: -285%;
  left: calc(50% - 0.16rem);
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  height: 2.3rem;
  width: 2.78rem;
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: z_texiao_000_anim 0.7s linear, sprite_z_texiao_000 0.7s 0.05s steps(1) normal;
  animation: z_texiao_000_anim 0.7s linear, sprite_z_texiao_000 0.7s 0.05s steps(1) normal;
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite_z_texiao_000_36862aa9.png) no-repeat;
  background-size: 19.46rem 13.8rem;
  z-index: 20;
  pointer-events: none;
}

.media-box-pop a:hover .qrcode {
  display: block;
}

.media-box-pop .follow-us {
  color: #fff;
  font-size: 0.18rem;
}

.media-box-pop .icon-qq {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0 -0;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-qq .qrcode {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/qq-qrcode_b76d3007.png) no-repeat;
  background-size: 100% 100%;
}

.media-box-pop .icon-qq:hover {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0.42rem -0;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-wx {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0 -0.42rem;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-wx .qrcode {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/wx-qrcode_01400b62.png) no-repeat;
  background-size: 100% 100%;
}

.media-box-pop .icon-wx:hover {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0.42rem -0.42rem;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-wb {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0.84rem -0;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-wb .qrcode {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/wb-qrcode_9d6f074b.png) no-repeat;
  background-size: 100% 100%;
}

.media-box-pop .icon-wb:hover {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0.84rem -0.42rem;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-blbl {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0 -0.84rem;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-blbl .qrcode {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/blbl-qrcode_87eccdf0.png) no-repeat;
  background-size: 100% 100%;
}

.media-box-pop .icon-blbl:hover {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0.42rem -0.84rem;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-dy {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0.84rem -0.84rem;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-dy .qrcode {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/dy-qrcode_8b556714.png) no-repeat;
  background-size: 100% 100%;
}

.media-box-pop .icon-dy:hover {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -1.26rem -0;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-xhs {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0.84rem -1.26rem;
  width: 0.31rem;
  height: 0.31rem;
}

.media-box-pop .icon-xhs .qrcode {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/xhs-qrcode_82dd3c17.png) no-repeat;
  background-size: 100% 100%;
}

.media-box-pop .icon-xhs:hover {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -1.19rem -1.26rem;
  width: 0.31rem;
  height: 0.31rem;
}

.media-box-pop .icon-ds {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -1.26rem -0.42rem;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-ds .qrcode {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/ds-qrcode_057e364f.png) no-repeat;
  background-size: 100% 100%;
}

.media-box-pop .icon-ds:hover {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -1.26rem -0.84rem;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-qw {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0 -1.26rem;
  width: 0.38rem;
  height: 0.31rem;
}

.media-box-pop .icon-qw .qrcode {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/qw-qrcode_89818f1a.jpg) no-repeat;
  background-size: 100% 100%;
}

.media-box-pop .icon-qw:hover {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0.42rem -1.26rem;
  width: 0.38rem;
  height: 0.31rem;
}

@-webkit-keyframes z_texiao_000_anim {
  0% {
    opacity: 0;
  }

  4% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_texiao_000_anim {
  0% {
    opacity: 0;
  }

  4% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes sprite_z_texiao_000 {
  0% {
    background-position: 0 0;
  }

  2.4% {
    background-position: -2.78rem 0;
  }

  4.8% {
    background-position: -5.56rem 0;
  }

  7.1% {
    background-position: -8.34rem 0;
  }

  9.5% {
    background-position: -11.12rem 0;
  }

  11.9% {
    background-position: -13.9rem 0;
  }

  14.3% {
    background-position: -16.68rem 0;
  }

  16.7% {
    background-position: 0 -2.3rem;
  }

  19% {
    background-position: -2.78rem -2.3rem;
  }

  21.4% {
    background-position: -5.56rem -2.3rem;
  }

  23.8% {
    background-position: -8.34rem -2.3rem;
  }

  26.2% {
    background-position: -11.12rem -2.3rem;
  }

  28.6% {
    background-position: -13.9rem -2.3rem;
  }

  31% {
    background-position: -16.68rem -2.3rem;
  }

  33.3% {
    background-position: 0 -4.6rem;
  }

  35.7% {
    background-position: -2.78rem -4.6rem;
  }

  38.1% {
    background-position: -5.56rem -4.6rem;
  }

  40.5% {
    background-position: -8.34rem -4.6rem;
  }

  42.9% {
    background-position: -11.12rem -4.6rem;
  }

  45.2% {
    background-position: -13.9rem -4.6rem;
  }

  47.6% {
    background-position: -16.68rem -4.6rem;
  }

  50% {
    background-position: 0 -6.9rem;
  }

  52.4% {
    background-position: -2.78rem -6.9rem;
  }

  54.8% {
    background-position: -5.56rem -6.9rem;
  }

  57.1% {
    background-position: -8.34rem -6.9rem;
  }

  59.5% {
    background-position: -11.12rem -6.9rem;
  }

  61.9% {
    background-position: -13.9rem -6.9rem;
  }

  64.3% {
    background-position: -16.68rem -6.9rem;
  }

  66.7% {
    background-position: 0 -9.2rem;
  }

  69% {
    background-position: -2.78rem -9.2rem;
  }

  71.4% {
    background-position: -5.56rem -9.2rem;
  }

  73.8% {
    background-position: -8.34rem -9.2rem;
  }

  76.2% {
    background-position: -11.12rem -9.2rem;
  }

  78.6% {
    background-position: -13.9rem -9.2rem;
  }

  81% {
    background-position: -16.68rem -9.2rem;
  }

  83.3% {
    background-position: 0 -11.5rem;
  }

  85.7% {
    background-position: -2.78rem -11.5rem;
  }

  88.1% {
    background-position: -5.56rem -11.5rem;
  }

  90.5% {
    background-position: -8.34rem -11.5rem;
  }

  92.9% {
    background-position: -11.12rem -11.5rem;
  }

  95.2% {
    background-position: -13.9rem -11.5rem;
  }

  97.6% {
    background-position: -16.68rem -11.5rem;
  }

  100% {
    background-position: -16.68rem -11.5rem;
  }
}

@keyframes sprite_z_texiao_000 {
  0% {
    background-position: 0 0;
  }

  2.4% {
    background-position: -2.78rem 0;
  }

  4.8% {
    background-position: -5.56rem 0;
  }

  7.1% {
    background-position: -8.34rem 0;
  }

  9.5% {
    background-position: -11.12rem 0;
  }

  11.9% {
    background-position: -13.9rem 0;
  }

  14.3% {
    background-position: -16.68rem 0;
  }

  16.7% {
    background-position: 0 -2.3rem;
  }

  19% {
    background-position: -2.78rem -2.3rem;
  }

  21.4% {
    background-position: -5.56rem -2.3rem;
  }

  23.8% {
    background-position: -8.34rem -2.3rem;
  }

  26.2% {
    background-position: -11.12rem -2.3rem;
  }

  28.6% {
    background-position: -13.9rem -2.3rem;
  }

  31% {
    background-position: -16.68rem -2.3rem;
  }

  33.3% {
    background-position: 0 -4.6rem;
  }

  35.7% {
    background-position: -2.78rem -4.6rem;
  }

  38.1% {
    background-position: -5.56rem -4.6rem;
  }

  40.5% {
    background-position: -8.34rem -4.6rem;
  }

  42.9% {
    background-position: -11.12rem -4.6rem;
  }

  45.2% {
    background-position: -13.9rem -4.6rem;
  }

  47.6% {
    background-position: -16.68rem -4.6rem;
  }

  50% {
    background-position: 0 -6.9rem;
  }

  52.4% {
    background-position: -2.78rem -6.9rem;
  }

  54.8% {
    background-position: -5.56rem -6.9rem;
  }

  57.1% {
    background-position: -8.34rem -6.9rem;
  }

  59.5% {
    background-position: -11.12rem -6.9rem;
  }

  61.9% {
    background-position: -13.9rem -6.9rem;
  }

  64.3% {
    background-position: -16.68rem -6.9rem;
  }

  66.7% {
    background-position: 0 -9.2rem;
  }

  69% {
    background-position: -2.78rem -9.2rem;
  }

  71.4% {
    background-position: -5.56rem -9.2rem;
  }

  73.8% {
    background-position: -8.34rem -9.2rem;
  }

  76.2% {
    background-position: -11.12rem -9.2rem;
  }

  78.6% {
    background-position: -13.9rem -9.2rem;
  }

  81% {
    background-position: -16.68rem -9.2rem;
  }

  83.3% {
    background-position: 0 -11.5rem;
  }

  85.7% {
    background-position: -2.78rem -11.5rem;
  }

  88.1% {
    background-position: -5.56rem -11.5rem;
  }

  90.5% {
    background-position: -8.34rem -11.5rem;
  }

  92.9% {
    background-position: -11.12rem -11.5rem;
  }

  95.2% {
    background-position: -13.9rem -11.5rem;
  }

  97.6% {
    background-position: -16.68rem -11.5rem;
  }

  100% {
    background-position: -16.68rem -11.5rem;
  }
}

.g-nav {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  width: 100%;
  height: 0.6rem;
  z-index: 99;
}

.g-nav #leihuo-top {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

.g-nav #leihuo-top #leihuo_top_content {
  display: none;
}

.g-nav #leihuo-top .hasLogo {
  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;
}

.g-nav #leihuo-top .hasLogo img {
  width: 2.02rem;
  height: auto;
}

.g-nav .left-item {
  position: absolute;
  top: 50%;
  left: 2.34rem;
  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-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'MiSans-regular', sans-serif;
  font-size: 0.18rem;
  height: 100%;
}

.g-nav .left-item-link {
  color: #ceffe0;
  text-decoration: none;
  height: 100%;
  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;
  min-width: 1.48rem;
}

.g-nav .left-item-link.active {
  color: #4cfbba;
}

.g-nav .left-item-link.index:hover,
.g-nav .left-item-link.game-box:hover,
.g-nav .left-item-link.news:hover {
  color: #4cfbba;
  background-color: #0e0e0e;
}

.g-nav .left-item-link.game-box {
  cursor: pointer;
  position: relative;
}

.g-nav .left-item-link.game-box:hover {
  color: #ceffe0;
}

.g-nav .left-item-link.game-box .hover-box {
  position: absolute;
  top: 0.6rem;
  left: 0;
  width: 100%;
  background-color: #0e0e0e;
  border-bottom-left-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
  display: none;
}

.g-nav .left-item-link.game-box .hover-box .hover-item {
  width: 100%;
  height: 0.6rem;
  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;
}

.g-nav .left-item-link.game-box .hover-box .hover-item:hover {
  background-color: #000;
  border-bottom-left-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
}

.g-nav .left-item-link.game-box .hover-box .hover-item:hover a {
  color: #4cfbba;
}

.g-nav .left-item-link.join-test-box {
  cursor: pointer;
  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;
}

.g-nav .left-item-link.join-test-box a {
  color: #000;
  font-weight: bold;
  width: 1.02rem;
  height: 0.37rem;
  background-color: #ceffe1;
  border-radius: 0.06rem;
  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;
}

.g-nav .left-item-link.join-test-box:hover a {
  width: 1.02rem;
  height: 0.37rem;
  background-image: url(https://one.res.netease.com/pc/zt/20250414102908/assets/bg-join-test_7ce3997e.png) !important;
  background-size: 100% 120%;
  background-position: center;
  background-color: transparent;
  color: #000;
}

.g-nav .left-item-link.js-zjb {
  cursor: pointer;
  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;
}

.g-nav .left-item-link.js-zjb a {
  font-size: 0;
  width: 1.15rem;
  height: 0.52rem;
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/zjb-btn_70d4be80.png) center center no-repeat;
  background-size: contain;
}

.g-nav .left-item-link.js-zjb a.active,
.g-nav .left-item-link.js-zjb a:hover {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/zjb-btn-h_4250060d.png) center center no-repeat;
  background-size: contain;
}

.g-nav .follow-box {
  position: absolute;
  right: 1.33rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3.4rem;
  height: 100%;
  cursor: pointer;
  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: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #ceffe1;
  font-size: 0.18rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 0.2rem;
  font-family: 'MiSans-regular', sans-serif;
}

.g-nav .follow-box.hasLogin {
  right: 2.56rem;
}

.g-nav .follow-box:hover {
  background-color: #0e0e0e;
}

.g-nav .follow-box.hide {
  display: none;
}

.g-nav .login-btn {
  position: absolute;
  right: 0.33rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.67rem;
  height: 0.28rem;
  border-radius: 0.1rem;
  cursor: pointer;
  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;
  background-color: #ceffe1;
  color: #180d30;
  font-size: 0.18rem;
  font-family: 'MiSans-regular', sans-serif;
}

.g-nav .login-btn:hover {
  background-color: #17fad9;
}

.g-nav .login-btn.hide {
  display: none;
}

.g-nav .login-btn .zjb {
  margin-left: 1.1rem;
  font-size: 0;
  width: 1.15rem;
  height: 0.52rem;
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/zjb-btn_70d4be80.png) center center no-repeat;
  background-size: contain;
}

.g-nav .login-btn .zjb.active,
.g-nav .login-btn .zjb:hover {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/zjb-btn-h_4250060d.png) center center no-repeat;
  background-size: contain;
}

.g-nav .login-info {
  position: absolute;
  right: 0.33rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
  width: auto;
  font-family: 'MiSans-regular', sans-serif;
  font-size: 0;
  color: #ceffe0;
}

.g-nav .login-info.hasLogin {
  font-size: 0.18rem;
  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: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.g-nav .login-info .account {
  margin-right: 0.09rem;
  width: 1.44rem;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.g-nav .login-info .logout {
  width: 0.67rem;
  height: 0.28rem;
  border-radius: 0.1rem;
  cursor: pointer;
  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;
  background-color: #ceffe1;
  color: #180d30;
}

.g-nav .login-info .logout:hover {
  background-color: #17fad9;
}
/** mixins **/

/* MiSans */

@font-face {
  font-family: 'MiSans-regular';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Regular.woff') format('woff');
  font-weight: 330;
}

.media-box-pop {
  width: 100%;
  height: 1.58rem;
  position: absolute;
  top: 0.6rem;
  left: 0;
  background-color: #000;
  z-index: 10;
  font-family: 'MiSans-regular', sans-serif;
  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;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  visibility: hidden;
  border-bottom-left-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
}

.media-box-pop.visible {
  visibility: visible;
}

.media-box-pop a {
  position: relative;
  margin-left: 0.25rem;
}

.media-box-pop a:nth-child(5) {
  margin-right: 0.25rem;
}

.media-box-pop a:nth-child(6) {
  margin-left: 0;
}

.media-box-pop a:nth-child(7) {
  left: -0.6rem;
}

.media-box-pop a:nth-child(8) {
  left: -1.2rem;
}

.media-box-pop a .qrcode {
  display: none;
  position: absolute;
  top: 2.08rem;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  width: 1.56rem;
  height: 1.56rem;
  z-index: 11;
}

.media-box-pop a:hover::before {
  content: "";
  position: absolute;
  top: 2.18rem;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  width: 1.76rem;
  height: 1.76rem;
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/qr-bg_6bbd9fe9.png) no-repeat;
  background-size: 100% 100%;
}

.media-box-pop a:hover::after {
  content: "";
  position: absolute;
  top: -285%;
  left: calc(50% - 0.16rem);
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  height: 2.3rem;
  width: 2.78rem;
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: z_texiao_000_anim 0.7s linear, sprite_z_texiao_000 0.7s 0.05s steps(1) normal;
  animation: z_texiao_000_anim 0.7s linear, sprite_z_texiao_000 0.7s 0.05s steps(1) normal;
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite_z_texiao_000_36862aa9.png) no-repeat;
  background-size: 19.46rem 13.8rem;
  z-index: 20;
  pointer-events: none;
}

.media-box-pop a:hover .qrcode {
  display: block;
}

.media-box-pop .follow-us {
  color: #fff;
  font-size: 0.18rem;
}

.media-box-pop .icon-qq {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0 -0;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-qq .qrcode {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/qq-qrcode_b76d3007.png) no-repeat;
  background-size: 100% 100%;
}

.media-box-pop .icon-qq:hover {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0.42rem -0;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-wx {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0 -0.42rem;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-wx .qrcode {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/wx-qrcode_01400b62.png) no-repeat;
  background-size: 100% 100%;
}

.media-box-pop .icon-wx:hover {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0.42rem -0.42rem;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-wb {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0.84rem -0;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-wb .qrcode {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/wb-qrcode_9d6f074b.png) no-repeat;
  background-size: 100% 100%;
}

.media-box-pop .icon-wb:hover {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0.84rem -0.42rem;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-blbl {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0 -0.84rem;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-blbl .qrcode {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/blbl-qrcode_87eccdf0.png) no-repeat;
  background-size: 100% 100%;
}

.media-box-pop .icon-blbl:hover {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0.42rem -0.84rem;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-dy {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0.84rem -0.84rem;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-dy .qrcode {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/dy-qrcode_8b556714.png) no-repeat;
  background-size: 100% 100%;
}

.media-box-pop .icon-dy:hover {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -1.26rem -0;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-xhs {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0.84rem -1.26rem;
  width: 0.31rem;
  height: 0.31rem;
}

.media-box-pop .icon-xhs .qrcode {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/xhs-qrcode_82dd3c17.png) no-repeat;
  background-size: 100% 100%;
}

.media-box-pop .icon-xhs:hover {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -1.19rem -1.26rem;
  width: 0.31rem;
  height: 0.31rem;
}

.media-box-pop .icon-ds {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -1.26rem -0.42rem;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-ds .qrcode {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/ds-qrcode_057e364f.png) no-repeat;
  background-size: 100% 100%;
}

.media-box-pop .icon-ds:hover {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -1.26rem -0.84rem;
  width: 0.38rem;
  height: 0.38rem;
}

.media-box-pop .icon-qw {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0 -1.26rem;
  width: 0.38rem;
  height: 0.31rem;
}

.media-box-pop .icon-qw .qrcode {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/qw-qrcode_89818f1a.jpg) no-repeat;
  background-size: 100% 100%;
}

.media-box-pop .icon-qw:hover {
  background: url(https://one.res.netease.com/pc/zt/20250414102908/assets/sprite-35c409_35c4097c.png);
  background-size: 1.68rem 1.61rem;
  background-position: -0.42rem -1.26rem;
  width: 0.38rem;
  height: 0.31rem;
}

@-webkit-keyframes z_texiao_000_anim {
  0% {
    opacity: 0;
  }

  4% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_texiao_000_anim {
  0% {
    opacity: 0;
  }

  4% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes sprite_z_texiao_000 {
  0% {
    background-position: 0 0;
  }

  2.4% {
    background-position: -2.78rem 0;
  }

  4.8% {
    background-position: -5.56rem 0;
  }

  7.1% {
    background-position: -8.34rem 0;
  }

  9.5% {
    background-position: -11.12rem 0;
  }

  11.9% {
    background-position: -13.9rem 0;
  }

  14.3% {
    background-position: -16.68rem 0;
  }

  16.7% {
    background-position: 0 -2.3rem;
  }

  19% {
    background-position: -2.78rem -2.3rem;
  }

  21.4% {
    background-position: -5.56rem -2.3rem;
  }

  23.8% {
    background-position: -8.34rem -2.3rem;
  }

  26.2% {
    background-position: -11.12rem -2.3rem;
  }

  28.6% {
    background-position: -13.9rem -2.3rem;
  }

  31% {
    background-position: -16.68rem -2.3rem;
  }

  33.3% {
    background-position: 0 -4.6rem;
  }

  35.7% {
    background-position: -2.78rem -4.6rem;
  }

  38.1% {
    background-position: -5.56rem -4.6rem;
  }

  40.5% {
    background-position: -8.34rem -4.6rem;
  }

  42.9% {
    background-position: -11.12rem -4.6rem;
  }

  45.2% {
    background-position: -13.9rem -4.6rem;
  }

  47.6% {
    background-position: -16.68rem -4.6rem;
  }

  50% {
    background-position: 0 -6.9rem;
  }

  52.4% {
    background-position: -2.78rem -6.9rem;
  }

  54.8% {
    background-position: -5.56rem -6.9rem;
  }

  57.1% {
    background-position: -8.34rem -6.9rem;
  }

  59.5% {
    background-position: -11.12rem -6.9rem;
  }

  61.9% {
    background-position: -13.9rem -6.9rem;
  }

  64.3% {
    background-position: -16.68rem -6.9rem;
  }

  66.7% {
    background-position: 0 -9.2rem;
  }

  69% {
    background-position: -2.78rem -9.2rem;
  }

  71.4% {
    background-position: -5.56rem -9.2rem;
  }

  73.8% {
    background-position: -8.34rem -9.2rem;
  }

  76.2% {
    background-position: -11.12rem -9.2rem;
  }

  78.6% {
    background-position: -13.9rem -9.2rem;
  }

  81% {
    background-position: -16.68rem -9.2rem;
  }

  83.3% {
    background-position: 0 -11.5rem;
  }

  85.7% {
    background-position: -2.78rem -11.5rem;
  }

  88.1% {
    background-position: -5.56rem -11.5rem;
  }

  90.5% {
    background-position: -8.34rem -11.5rem;
  }

  92.9% {
    background-position: -11.12rem -11.5rem;
  }

  95.2% {
    background-position: -13.9rem -11.5rem;
  }

  97.6% {
    background-position: -16.68rem -11.5rem;
  }

  100% {
    background-position: -16.68rem -11.5rem;
  }
}

@keyframes sprite_z_texiao_000 {
  0% {
    background-position: 0 0;
  }

  2.4% {
    background-position: -2.78rem 0;
  }

  4.8% {
    background-position: -5.56rem 0;
  }

  7.1% {
    background-position: -8.34rem 0;
  }

  9.5% {
    background-position: -11.12rem 0;
  }

  11.9% {
    background-position: -13.9rem 0;
  }

  14.3% {
    background-position: -16.68rem 0;
  }

  16.7% {
    background-position: 0 -2.3rem;
  }

  19% {
    background-position: -2.78rem -2.3rem;
  }

  21.4% {
    background-position: -5.56rem -2.3rem;
  }

  23.8% {
    background-position: -8.34rem -2.3rem;
  }

  26.2% {
    background-position: -11.12rem -2.3rem;
  }

  28.6% {
    background-position: -13.9rem -2.3rem;
  }

  31% {
    background-position: -16.68rem -2.3rem;
  }

  33.3% {
    background-position: 0 -4.6rem;
  }

  35.7% {
    background-position: -2.78rem -4.6rem;
  }

  38.1% {
    background-position: -5.56rem -4.6rem;
  }

  40.5% {
    background-position: -8.34rem -4.6rem;
  }

  42.9% {
    background-position: -11.12rem -4.6rem;
  }

  45.2% {
    background-position: -13.9rem -4.6rem;
  }

  47.6% {
    background-position: -16.68rem -4.6rem;
  }

  50% {
    background-position: 0 -6.9rem;
  }

  52.4% {
    background-position: -2.78rem -6.9rem;
  }

  54.8% {
    background-position: -5.56rem -6.9rem;
  }

  57.1% {
    background-position: -8.34rem -6.9rem;
  }

  59.5% {
    background-position: -11.12rem -6.9rem;
  }

  61.9% {
    background-position: -13.9rem -6.9rem;
  }

  64.3% {
    background-position: -16.68rem -6.9rem;
  }

  66.7% {
    background-position: 0 -9.2rem;
  }

  69% {
    background-position: -2.78rem -9.2rem;
  }

  71.4% {
    background-position: -5.56rem -9.2rem;
  }

  73.8% {
    background-position: -8.34rem -9.2rem;
  }

  76.2% {
    background-position: -11.12rem -9.2rem;
  }

  78.6% {
    background-position: -13.9rem -9.2rem;
  }

  81% {
    background-position: -16.68rem -9.2rem;
  }

  83.3% {
    background-position: 0 -11.5rem;
  }

  85.7% {
    background-position: -2.78rem -11.5rem;
  }

  88.1% {
    background-position: -5.56rem -11.5rem;
  }

  90.5% {
    background-position: -8.34rem -11.5rem;
  }

  92.9% {
    background-position: -11.12rem -11.5rem;
  }

  95.2% {
    background-position: -13.9rem -11.5rem;
  }

  97.6% {
    background-position: -16.68rem -11.5rem;
  }

  100% {
    background-position: -16.68rem -11.5rem;
  }
}