/** 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_fc6fa4bd.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-7287ec_7287ec7b.png) no-repeat;background-size:593px 365px;
background-position:-351px -198px;
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_5d3fb16a.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-7287ec_7287ec7b.png);background-size:593px 365px;
background-position:-491px -134px;
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: -70px;
  top: -25px;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-7287ec_7287ec7b.png);background-size:593px 365px;
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: 13px;
  top: 20px;
  pointer-events: none;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-7287ec_7287ec7b.png);background-size:593px 365px;
background-position:-0px -323px;
width:108px;
height:38px;

}
.g-libao-pop .libao-pop-bg .tab .btn-znq.on,
.g-libao-pop .libao-pop-bg .tab .btn-znq:hover {
  z-index: 2;
}
.g-libao-pop .libao-pop-bg .tab .btn-znq.on:after,
.g-libao-pop .libao-pop-bg .tab .btn-znq:hover:after {
  content: "";
  left: -60px;
  top: -24px;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-7287ec_7287ec7b.png);background-size:593px 365px;
background-position:-351px -0px;
width:238px;
height:130px;

}
.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: 20px;
  top: 5px;
  pointer-events: none;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-7287ec_7287ec7b.png);background-size:593px 365px;
background-position:-351px -134px;
width:136px;
height:60px;

}
.g-libao-pop .libao-pop-bg .tab .btn-mx.on:after,
.g-libao-pop .libao-pop-bg .tab .btn-mx:hover:after {
  content: "";
  left: -140px;
  top: -25px;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-7287ec_7287ec7b.png);background-size:593px 365px;
background-position:-0px -133px;
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-7287ec_7287ec7b.png) no-repeat;background-size:593px 365px;
background-position:-491px -157px;
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-7287ec_7287ec7b.png) no-repeat;background-size:593px 365px;
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-7287ec_7287ec7b.png) no-repeat;background-size:593px 365px;
background-position:-0px -296px;
width:407px;
height:23px;

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