/** 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: 'FZJinLS-B-GB';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/FZJinLSBGB-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/FZJinLSBGB-Regular.woff') format('woff');
  font-weight: 400;
}
@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: 774px;
  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_f6064934.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-fe00e8_fe00e8a2.png) no-repeat;background-size:454px 407px;
background-position:-213px -224px;
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_1266d58a.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_bb29dbe6.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_31304474.png) no-repeat center bottom;
  background-size: 100% 1px;
}
.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-fe00e8_fe00e8a2.png);background-size:454px 407px;
background-position:-213px -251px;
width:79px;
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: -10px;
  top: -6px;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-fe00e8_fe00e8a2.png);background-size:454px 407px;
background-position:-241px -0px;
width:209px;
height:171px;

}
.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: 13px;
  pointer-events: none;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-fe00e8_fe00e8a2.png);background-size:454px 407px;
background-position:-337px -175px;
width:79px;
height:45px;

}
.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: -66px;
  top: -6px;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-fe00e8_fe00e8a2.png);background-size:454px 407px;
background-position:-0px -175px;
width:209px;
height:171px;

}
.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: 13px;
  pointer-events: none;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-fe00e8_fe00e8a2.png);background-size:454px 407px;
background-position:-213px -175px;
width:120px;
height:45px;

}
.g-libao-pop .libao-pop-bg .tab .btn-mx.on:after,
.g-libao-pop .libao-pop-bg .tab .btn-mx:hover:after {
  content: "";
  left: -62px;
  top: -6px;
  background: url(https://h.res.netease.com/pc/gw/20231012200834/assets/sprite-fe00e8_fe00e8a2.png);background-size:454px 407px;
background-position:-0px -0px;
width:237px;
height:171px;

}
.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-fe00e8_fe00e8a2.png) no-repeat;background-size:454px 407px;
background-position:-420px -175px;
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-fe00e8_fe00e8a2.png) no-repeat;background-size:454px 407px;
background-position:-0px -350px;
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-fe00e8_fe00e8a2.png) no-repeat;background-size:454px 407px;
background-position:-0px -380px;
width:407px;
height:23px;

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