/** mixins **/
@font-face {
  font-family: 'fzssksj_z';
  src: url("https://nie.res.netease.com/comm/js/nie/ref/fonts/fzssksj_z.woff2") format('woff2'), url("https://nie.res.netease.com/comm/js/nie/ref/fonts/fzssksj_z.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzkfanti';
  src: url(https://h.res.netease.com/pc/gw/20231012200834/assets/fzkfanti_114f5b36.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzcjljt';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzcjljt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff2") format('woff2'), url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff") format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff2") format('woff2'), url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff") format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff2") format('woff2'), url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff") format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff2") format('woff2'), url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}
.g-libao-pop {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 16px;
  color: #fff;
  z-index: 999;
}
.g-libao-pop .libao-pop-bg {
  position: absolute;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 615px;
  height: 744px;
  z-index: 2;
}
.g-libao-pop .libao-pop-bg[data-bg="0"] {
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/pop-haoli-znq_407aaf2d.png) no-repeat;
}
.g-libao-pop .libao-pop-bg[data-bg="0"] .xchl-link {
  position: absolute;
  bottom: 45px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-ebbb7b_ebbb7b70.png) no-repeat;background-size:702px 323px;
background-position:-493px -133px;
width:181px;
height:23px;

}
.g-libao-pop .libao-pop-bg[data-bg="1"] {
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/pop-haoli-gc_4183b1f0.png) no-repeat;
}
.g-libao-pop .libao-pop-bg[data-bg="2"] {
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/pop-haoli-mx_53186071.png) no-repeat;
}
.g-libao-pop .libao-pop-bg .tab {
  position: relative;
  width: 444px;
  height: 70px;
  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;
  margin: 44px auto 0;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/line_4fce411a.png) no-repeat center bottom;
  background-size: 100% 4px;
}
.g-libao-pop .libao-pop-bg .tab .btn-gc {
  position: relative;
  width: 148px;
  height: 70px;
}
.g-libao-pop .libao-pop-bg .tab .btn-gc:after {
  content: "";
  position: absolute;
  left: 70px;
  top: 25px;
  pointer-events: none;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-ebbb7b_ebbb7b70.png);background-size:702px 323px;
background-position:-493px -160px;
width:78px;
height:19px;

}
.g-libao-pop .libao-pop-bg .tab .btn-gc.on:after,
.g-libao-pop .libao-pop-bg .tab .btn-gc:hover:after {
  content: "";
  position: absolute;
  left: -90px;
  top: -25px;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-ebbb7b_ebbb7b70.png);background-size:702px 323px;
background-position:-0px -0px;
width:347px;
height:129px;

}
.g-libao-pop .libao-pop-bg .tab .btn-znq {
  position: relative;
  width: 148px;
  height: 70px;
}
.g-libao-pop .libao-pop-bg .tab .btn-znq:after {
  content: "";
  position: absolute;
  left: -20px;
  top: 17px;
  pointer-events: none;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-ebbb7b_ebbb7b70.png);background-size:702px 323px;
background-position:-351px -133px;
width:138px;
height:46px;

}
.g-libao-pop .libao-pop-bg .tab .btn-znq.on:after,
.g-libao-pop .libao-pop-bg .tab .btn-znq:hover:after {
  content: "";
  left: -155px;
  top: -24px;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-ebbb7b_ebbb7b70.png);background-size:702px 323px;
background-position:-0px -133px;
width:347px;
height:129px;

}
.g-libao-pop .libao-pop-bg .tab .btn-mx {
  position: relative;
  width: 148px;
  height: 70px;
}
.g-libao-pop .libao-pop-bg .tab .btn-mx:after {
  content: "";
  position: absolute;
  left: 50px;
  top: 5px;
  pointer-events: none;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-ebbb7b_ebbb7b70.png);background-size:702px 323px;
background-position:-351px -183px;
width:102px;
height:57px;

}
.g-libao-pop .libao-pop-bg .tab .btn-mx.on:after,
.g-libao-pop .libao-pop-bg .tab .btn-mx:hover:after {
  content: "";
  left: -115px;
  top: -25px;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-ebbb7b_ebbb7b70.png);background-size:702px 323px;
background-position:-351px -0px;
width:347px;
height:129px;

}
.g-libao-pop .libao-close {
  position: absolute;
  right: 51px;
  top: 38px;
  display: block;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-ebbb7b_ebbb7b70.png) no-repeat;background-size:702px 323px;
background-position:-457px -183px;
width:30px;
height:29px;

  -webkit-transition: -webkit-transform 0.3s ease;

  transition: -webkit-transform 0.3s ease;

  transition: transform 0.3s ease;

  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.g-libao-pop .libao-close:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.g-libao-pop .dl-qr {
  display: block;
  width: 136px;
  height: 136px;
  position: absolute;
  left: 44px;
  top: 104px;
}
.g-libao-pop .btn-go-fuli {
  display: block;
  position: absolute;
  bottom: 96px;
  left: 288px;
}
.g-libao-pop .btn-go-fuli.txt-znq {
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-ebbb7b_ebbb7b70.png) no-repeat;background-size:702px 323px;
background-position:-0px -266px;
width:367px;
height:26px;

}
.g-libao-pop .btn-go-fuli.txt-gc {
  display: none;
  bottom: 52px;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-ebbb7b_ebbb7b70.png) no-repeat;background-size:702px 323px;
background-position:-0px -296px;
width:407px;
height:23px;

}
.g-libao-pop .btn-go-fuli:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}