html {
  font-size: 312.5%;
}

@media screen and (max-width: 359px) and (orientation: portrait) {
  html {
    font-size: 266.67%;
  }
}

@media screen and (min-width: 360px) and (max-width: 374px) and (orientation: portrait) {
  html {
    font-size: 300%;
  }
}

@media screen and (min-width: 384px) and (max-width: 399px) and (orientation: portrait) {
  html {
    font-size: 320%;
  }
}

@media screen and (min-width: 400px) and (max-width: 413px) and (orientation: portrait) {
  html {
    font-size: 333.33%;
  }
}

@media screen and (min-width: 414px) and (max-width: 431px) and (orientation: portrait) {
  html {
    font-size: 345%;
  }
}

@media screen and (min-width: 432px) and (max-width: 479px) and (orientation: portrait) {
  html {
    font-size: 360%;
  }
}

@media screen and (min-width: 480px) and (max-width: 639px) and (orientation: portrait) {
  html {
    font-size: 400%;
  }
}

@media screen and (min-width: 640px) and (orientation: portrait) {
  html {
    font-size: 533.33%;
  }
}

.no-webp .mask {background-color:rgba(0, 0, 0, 0.3)}

.webp .mask {background-color:rgba(0, 0, 0, 0.3)}

.mask {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

.mask.on {
  display: block;
}

.no-webp .top-bar.new_22 {background-color:rgba(43, 85, 142, 0.6)}

.webp .top-bar.new_22 {background-color:rgba(43, 85, 142, 0.6)}

.top-bar.new_22 {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 30;
  width: 7.5rem;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 0.8rem;
}

.no-webp .top-bar.new_22 .logo {background:url(https://leihuo.res.netease.com/pc/zt/20221227102936/assets/logo_ed328e0b.png) no-repeat center / 100%}

.webp .top-bar.new_22 .logo {background:url(https://leihuo.res.netease.com/pc/zt/20221227102936/assets/logo_ed328e0b.webp) no-repeat center / 100%}

.top-bar.new_22 .logo {
  position: absolute;
  width: 1.56rem;
  height: 0.44rem;
  top: 50%;
  margin-top: -0.22rem;
  right: 0.3rem;
}

.no-webp .top-bar.new_22 .stgbtn {background:url(https://leihuo.res.netease.com/pc/zt/20221227102936/assets/stg_970beda7.png) no-repeat center / 100%}

.webp .top-bar.new_22 .stgbtn {background:url(https://leihuo.res.netease.com/pc/zt/20221227102936/assets/stg_970beda7.webp) no-repeat center / 100%}

.top-bar.new_22 .stgbtn {
  position: absolute;
  width: 0.28rem;
  height: 0.3rem;
  top: 50%;
  margin-top: -0.15rem;
  left: 0.4rem;
}

.top-bar.new_22.on {
  z-index: 150;
}

.jqqd {
  -webkit-filter: grayscale(100%) !important;
  -moz-filter: grayscale(100%) !important;
  -ms-filter: grayscale(100%) !important;
  -o-filter: grayscale(100%) !important;
  filter: grayscale(100%) !important;
  -webkit-filter: gray !important;
  filter: gray !important;
  -webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=1) !important;
  filter: progid:dximagetransform.microsoft.basicimage(grayscale=1) !important;
}

.no-webp .nav {background:url(https://leihuo.res.netease.com/pc/zt/20221227102936/assets/zde_404_fc97bda0.jpg) no-repeat center;
  background-size: 100%}

.webp .nav {background:url(https://leihuo.res.netease.com/pc/zt/20221227102936/assets/zde_404_fc97bda0.webp) no-repeat center;
  background-size: 100%}

.no-webp .nav {background-size:100%}

.webp .nav {background-size:100%}

.nav {
  display: none;
  position: fixed;
  width: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 160;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.no-webp .nav .backbtn {background:url(https://leihuo.res.netease.com/pc/zt/20221227102936/assets/zfanhui_106_1bee41cf.png) no-repeat center;
  background-size: 0.5rem 0.21rem}

.webp .nav .backbtn {background:url(https://leihuo.res.netease.com/pc/zt/20221227102936/assets/zfanhui_106_1bee41cf.webp) no-repeat center;
  background-size: 0.5rem 0.21rem}

.no-webp .nav .backbtn {background-size:0.5rem 0.21rem}

.webp .nav .backbtn {background-size:0.5rem 0.21rem}

.nav .backbtn {
  position: relative;
  z-index: 60;
  width: 1rem;
  height: 0.4rem;
  margin: 0.2rem 0 1rem;
}

.no-webp .nav .fengexian {background-color:#dde8f6}

.webp .nav .fengexian {background-color:#dde8f6}

.nav .fengexian {
  width: 6.68rem;
  height: 0.02rem;
  margin: auto;
}

.nav .nav-item {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.45rem;
}

.nav .nav-item .nav__link {
  display: block;
  height: 0.36rem;
  font-size: 0;
  margin-bottom: 0.3rem;
}

.no-webp .nav .nav-item .nav__link.link--index {background:url(https://leihuo.res.netease.com/pc/zt/20221227102936/assets/indextxt_56b775ba.png) no-repeat center / 100%}

.webp .nav .nav-item .nav__link.link--index {background:url(https://leihuo.res.netease.com/pc/zt/20221227102936/assets/indextxt_56b775ba.webp) no-repeat center / 100%}

.nav .nav-item .nav__link.link--index {
  width: 0.74rem;
}

.no-webp .nav .nav-item .nav__link.link--school {background:url(https://leihuo.res.netease.com/pc/zt/20221227102936/assets/xyhdtxt_57b14f26.png) no-repeat center / 100%}

.webp .nav .nav-item .nav__link.link--school {background:url(https://leihuo.res.netease.com/pc/zt/20221227102936/assets/xyhdtxt_57b14f26.webp) no-repeat center / 100%}

.nav .nav-item .nav__link.link--school {
  position: relative;
  width: 1.52rem;
}

.no-webp .nav .nav-item .nav__link.link--school::after {background-color:#4b7aff}

.webp .nav .nav-item .nav__link.link--school::after {background-color:#4b7aff}

.nav .nav-item .nav__link.link--school::after {
  content: '';
  position: absolute;
  width: 0.05rem;
  height: 0.24rem;
  left: -0.2rem;
  top: 50%;
  margin-top: -0.12rem;
}

.no-webp .nav .nav-item .nav__link.link--share {background:url(https://leihuo.res.netease.com/pc/zt/20221227102936/assets/zsfxtxt_06031202.png) no-repeat center / 100%}

.webp .nav .nav-item .nav__link.link--share {background:url(https://leihuo.res.netease.com/pc/zt/20221227102936/assets/zsfxtxt_06031202.webp) no-repeat center / 100%}

.nav .nav-item .nav__link.link--share {
  width: 1.52rem;
}

.nav .nav-item .nav__link.link--gw,
.nav .nav-item .nav__link.link--join {
  height: auto;
  font-size: 0.3rem;
  vertical-align: middle;
  font-size: 0.32rem;
  color: #4b6dac;
}

.no-webp .nav .nav-item .nav__link.link--gw i, 
.no-webp .nav .nav-item .nav__link.link--join i {background:url(https://leihuo.res.netease.com/pc/zt/20221227102936/assets/zjiaruicon_239_6d31d92e.png) no-repeat center / 100%}

.webp .nav .nav-item .nav__link.link--gw i, 
.webp .nav .nav-item .nav__link.link--join i {background:url(https://leihuo.res.netease.com/pc/zt/20221227102936/assets/zjiaruicon_239_6d31d92e.webp) no-repeat center / 100%}

.nav .nav-item .nav__link.link--gw i,
.nav .nav-item .nav__link.link--join i {
  display: inline-block;
  width: 0.29rem;
  height: 0.24rem;
  margin-right: 0.1rem;
}

.no-webp .nav .nav-item .nav__link.link--join i {background:url(https://leihuo.res.netease.com/pc/zt/20221227102936/assets/zguanwangiconkaobei_245_32843d47.png) no-repeat center / 100%}

.webp .nav .nav-item .nav__link.link--join i {background:url(https://leihuo.res.netease.com/pc/zt/20221227102936/assets/zguanwangiconkaobei_245_32843d47.webp) no-repeat center / 100%}

.nav .nav-item .nav__link.link--join i {
}

.nav .nav-item .nav-list {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
}

.nav .nav-item .nav-list .list-item {
  display: inline-block;
  width: auto;
  height: 0.36rem;
  text-align: center;
  color: #34548f;
  font-size: 0.24rem;
  margin-right: 0.14rem;
  margin-bottom: 0.2rem;
  padding: 0 0.1rem;
  border-radius: 0.3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.01rem solid #b5c8fb;
}

.no-webp .nav .nav-item .nav-list .list-item.on {background-color:#4b7aff}

.webp .nav .nav-item .nav-list .list-item.on {background-color:#4b7aff}

.nav .nav-item .nav-list .list-item.on {
  color: #fff;
  font-weight: bold;
  border: none;
}

.nav .nav-item.nav-gw {
  height: auto;
  padding: 0.35rem 0.4rem 0;
}