/** mixins **/
/* Impact */
@font-face {
  font-family: 'Impact';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/Impact-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/Impact-Regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'fzlth';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzlth.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* 思源黑体 */
@font-face {
  font-family: 'Source Han Sans CN';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Heavy.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Heavy.woff') format('woff');
  font-weight: 900;
}
@font-face {
  font-family: 'Source Han Sans CN';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Bold.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Bold.woff') format('woff');
  font-weight: 700;
}
@font-face {
  font-family: 'Source Han Sans CN';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Medium.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Medium.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Source Han Sans CN';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Regular.woff') format('woff');
  font-weight: 400;
}
/* DIN */
@font-face {
  font-family: 'DIN';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/DIN-Medium.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/DIN-Medium.woff') format('woff');
  font-weight: 500;
}
/* Impact */
@font-face {
  font-family: 'Impact';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/Impact-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/Impact-Regular.woff') format('woff');
  font-weight: 400;
}
/* 思源黑体 */
@font-face {
  font-family: 'Source Han Sans CN';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Heavy.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Heavy.woff') format('woff');
  font-weight: 900;
}
@font-face {
  font-family: 'Source Han Sans CN';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Bold.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Bold.woff') format('woff');
  font-weight: 700;
}
@font-face {
  font-family: 'Source Han Sans CN';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Medium.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Medium.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Source Han Sans CN';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Regular.woff') format('woff');
  font-weight: 400;
}
/* 思源黑体 */
@font-face {
  font-family: 'Source Han Sans CN';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Heavy.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Heavy.woff') format('woff');
  font-weight: 900;
}
@font-face {
  font-family: 'Source Han Sans CN';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Bold.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Bold.woff') format('woff');
  font-weight: 700;
}
@font-face {
  font-family: 'Source Han Sans CN';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Medium.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Medium.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Source Han Sans CN';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/SourceHanSansCN-Regular.woff') format('woff');
  font-weight: 400;
}
/* Noto黑体简体 */
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff') format('woff');
  font-weight: 400;
}
/* 汉仪星河舰队 */
@font-face {
  font-family: 'HYXingHeJianDui';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/HYXingHeJianDui-85U.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/HYXingHeJianDui-85U.woff') format('woff');
  font-weight: 400;
}
/* MiSans */
@font-face {
  font-family: 'MiSans';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Light.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Light.woff') format('woff');
  font-weight: 250;
}
@font-face {
  font-family: 'MiSans';
  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;
}
@font-face {
  font-family: 'MiSans';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Demibold.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Demibold.woff') format('woff');
  font-weight: 450;
}
@font-face {
  font-family: 'MiSans';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Bold.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Bold.woff') format('woff');
  font-weight: 630;
}
.top-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/bg_0bae4770.jpg) no-repeat;
  background-size: cover;
  z-index: 99;
  font-family: 'MiSans', sans-serif;
}
.top-bar .logo {
  width: 210px;
  height: 73.5px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.59999999999997px;
background-position:-0px -128.79999999999998px;

  position: absolute;
  top: 14px;
  left: 30.8px;
  cursor: pointer;
  display: block;
}
.top-bar .nav-list {
  padding-left: 298.2px;
  height: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.top-bar .nav-list .txt {
  display: block;
}
.top-bar .nav-list .txt-home {
  width: 31.5px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-348.59999999999997px -49.699999999999996px;

}
.top-bar .nav-list .txt-jwda {
  width: 65.8px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-263.9px -125.3px;

}
.top-bar .nav-list .txt-press {
  width: 65.8px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-332.5px -125.3px;

}
.top-bar .nav-list .txt-archives {
  width: 65.8px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-263.9px -144.2px;

}
.top-bar .nav-list .txt-cartoon {
  width: 32.2px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.6px 383.6px;
background-position:-348.6px -11.9px;

}
.top-bar .nav-list .txt-intro {
  width: 65.1px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-137.2px -261.8px;

}
.top-bar .nav-list .txt-role {
  width: 65.1px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-205.1px -261.8px;

}
.top-bar .nav-list .txt-feature {
  width: 65.8px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-332.5px -144.2px;

}
.top-bar .nav-list .txt-zixun {
  width: 65.8px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-263.9px -163.1px;

}
.top-bar .nav-list .txt-news {
  width: 65.8px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-332.5px -163.1px;

}
.top-bar .nav-list .txt-video {
  width: 65.8px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-263.9px -182px;

}
.top-bar .nav-list .txt-fwgzq {
  width: 81.9px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.6px 383.6px;
background-position:-263.90000000000003px -11.9px;

}
.top-bar .nav-list .txt-jbwg {
  width: 65.8px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-332.5px -182px;

}
.top-bar .nav-list .txt-bwcgjj {
  width: 98px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-0px -205.1px;

}
.top-bar .nav-list .txt-sqzx {
  width: 81.9px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.6px 383.6px;
background-position:-263.90000000000003px -30.800000000000004px;

}
.top-bar .nav-list .txt-stczjl {
  width: 97.3px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-0px -242.89999999999998px;

}
.top-bar .nav-list .txt-wjgchd {
  width: 98px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-100.8px -205.1px;

}
.top-bar .nav-list .txt-gzwm {
  width: 65.1px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-273px -261.8px;

}
.top-bar .nav-list .txt-mine {
  width: 25.9px;
  height: 26.6px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-0px -354.2px;

}
.top-bar .nav-list .txt-about {
  width: 81.9px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.6px 383.6px;
background-position:-263.90000000000003px -49.7px;

  position: relative;
}
.top-bar .nav-list .txt-about::after {
  content: '';
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png);background-size:618px 548px;
background-position:-377px -0px;
width:200px;
height:13px;

  position: absolute;
  left: 50%;
  bottom: -16px;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scale(0.75) translateX(-65%);
          transform: scale(0.75) translateX(-65%);
}
.top-bar .nav-list .link {
  height: 39.2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 14px;
  background: #1f1f1f;
}
.top-bar .nav-list .link:hover {
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/link-hover_a7e30420.png) no-repeat;
  background-size: cover;
}
.top-bar .nav-list .link:hover .txt {
  display: block;
}
.top-bar .nav-list .link:hover .txt-home {
  width: 31.5px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-348.59999999999997px -68.6px;

}
.top-bar .nav-list .link:hover .txt-press {
  width: 65.8px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-263.9px -200.89999999999998px;

}
.top-bar .nav-list .link:hover .txt-archives {
  width: 65.8px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-332.5px -200.89999999999998px;

}
.top-bar .nav-list .link:hover .txt-cartoon {
  width: 32.2px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.6px 383.6px;
background-position:-348.6px -30.800000000000004px;

}
.top-bar .nav-list .link:hover .txt-news {
  width: 65.8px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-263.9px -219.79999999999998px;

}
.top-bar .nav-list .link:hover .txt-video {
  width: 65.8px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-332.5px -219.79999999999998px;

}
.top-bar .nav-list .link:hover .txt-role {
  width: 65.1px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-0px -280.7px;

}
.top-bar .nav-list .link:hover .txt-feature {
  width: 65.8px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-263.9px -238.7px;

}
.top-bar .nav-list .link:hover .txt-sqzx {
  width: 81.9px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.6px 383.6px;
background-position:-263.90000000000003px -68.60000000000001px;

}
.top-bar .nav-list .link:hover .txt-stczjl {
  width: 97.3px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-100.1px -242.89999999999998px;

}
.top-bar .nav-list .link:hover .txt-wjgchd {
  width: 98px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-0px -224px;

}
.top-bar .nav-list .link:hover .txt-jbwg {
  width: 65.8px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-332.5px -238.7px;

}
.top-bar .nav-list .link:hover .txt-bwcgjj {
  width: 98px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-100.8px -224px;

}
.top-bar .nav-list .link:hover .txt-mine {
  width: 25.9px;
  height: 26.6px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-28.7px -354.2px;

}
.top-bar .nav-list .link:hover .txt-about {
  width: 81.9px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.6px 383.6px;
background-position:-263.90000000000003px -87.50000000000001px;

}
.top-bar .nav-list .nav-item {
  height: 56px;
  font-size: 0;
  margin-right: 25.2px;
  z-index: 2;
}
.top-bar .nav-list .nav-item-jwda {
  width: 93.8px;
}
.top-bar .nav-list .nav-item-intro {
  width: 93.8px;
}
.top-bar .nav-list .nav-item-zixun {
  margin-right: 18.2px;
}
.top-bar .nav-list .nav-item-fwgzq {
  width: 127.4px;
  margin-right: 1.4px;
}
.top-bar .nav-list .nav-item-sqzx {
  width: 127.4px;
  margin-right: 0px;
}
.top-bar .nav-list .nav-item > .link {
  height: 56px;
  background: none;
}
.top-bar .nav-list .nav-item .sub {
  display: none;
}
.top-bar .nav-list .nav-item-sns > .link {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.top-bar .nav-list .nav-item-sns .sub {
  width: 217px;
  display: none;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 0 0 20px;
  background: #181818;
}
.top-bar .nav-list .nav-item-sns .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 21px;
  margin-bottom: 18.2px;
}
.top-bar .nav-list .nav-item-sns .item-weixin {
  position: relative;
}
.top-bar .nav-list .nav-item-sns .item-weixin::before {
  display: block;
  content: "";
  width: 30.1px;
  height: 23.8px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.6px 383.6px;
background-position:-126.00000000000001px -324.8px;

}
.top-bar .nav-list .nav-item-sns .item-weixin .weixin-code-bg {
  width: 329px;
  height: 244px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/weixin-qrcode-cnt_47d90ce0.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 28px;
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 76px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.top-bar .nav-list .nav-item-sns .item-weixin .weixin-code-bg .xcx-qrcode {
  width: 112px;
  height: 112px;
  margin: 0 15px;
  position: relative;
}
.top-bar .nav-list .nav-item-sns .item-weixin .weixin-code-bg .xcx-qrcode::before {
  display: block;
  content: '';
  width: 135px;
  height: 139px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/qrcode-bg_c02051e4.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -12px;
  left: -12px;
}
.top-bar .nav-list .nav-item-sns .item-weixin .weixin-code-bg .xcx-qrcode img {
  width: 100%;
  height: 100%;
  position: relative;
}
.top-bar .nav-list .nav-item-sns .item-weixin .weixin-code-bg .xcx-qrcode p {
  position: absolute;
  bottom: -38px;
  left: 50%;
  white-space: nowrap;
  font-size: 16px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-weight: 330;
}
.top-bar .nav-list .nav-item-sns .item-weixin .weixin-code-bg .gzh-qrcode {
  width: 112px;
  height: 112px;
  margin: 0 15px;
  position: relative;
}
.top-bar .nav-list .nav-item-sns .item-weixin .weixin-code-bg .gzh-qrcode::before {
  display: block;
  content: '';
  width: 135px;
  height: 139px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/qrcode-bg_c02051e4.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -12px;
  left: -12px;
}
.top-bar .nav-list .nav-item-sns .item-weixin .weixin-code-bg .gzh-qrcode img {
  width: 100%;
  height: 100%;
  position: relative;
}
.top-bar .nav-list .nav-item-sns .item-weixin .weixin-code-bg .gzh-qrcode p {
  position: absolute;
  bottom: -38px;
  left: 50%;
  white-space: nowrap;
  font-size: 16px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-weight: 330;
}
.top-bar .nav-list .nav-item-sns .item-weixin:hover::before {
  width: 30.1px;
  height: 23.8px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.6px 383.6px;
background-position:-158.9px -324.8px;

}
.top-bar .nav-list .nav-item-sns .item-weixin:hover .weixin-code-bg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.top-bar .nav-list .nav-item-sns .item-qw {
  position: relative;
  margin-left: -6px;
}
.top-bar .nav-list .nav-item-sns .item-qw::before {
  display: block;
  content: "";
  width: 33.6px;
  height: 28px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.6px 383.59999999999997px;
background-position:-212.8px -128.8px;

}
.top-bar .nav-list .nav-item-sns .item-qw .qw-code-bg {
  width: 187px;
  height: 244px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/qw-qrcode-cnt_a726b663.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 40px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 76px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
}
.top-bar .nav-list .nav-item-sns .item-qw .qw-code-bg .qw-qrcode {
  width: 112px;
  height: 112px;
  position: relative;
}
.top-bar .nav-list .nav-item-sns .item-qw .qw-code-bg .qw-qrcode::before {
  display: block;
  content: '';
  width: 135px;
  height: 139px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/qrcode-bg_c02051e4.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -12px;
  left: -12px;
}
.top-bar .nav-list .nav-item-sns .item-qw .qw-code-bg .qw-qrcode img {
  width: 100%;
  height: 100%;
  position: relative;
}
.top-bar .nav-list .nav-item-sns .item-qw .qw-code-bg .qw-qrcode p {
  position: absolute;
  bottom: -38px;
  left: 50%;
  font-size: 16px;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-weight: 330;
}
.top-bar .nav-list .nav-item-sns .item-qw:hover::before {
  width: 33.6px;
  height: 28px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.6px 383.59999999999997px;
background-position:-212.8px -159.60000000000002px;

}
.top-bar .nav-list .nav-item-sns .item-qw:hover .qw-code-bg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.top-bar .nav-list .nav-item-sns .item-qwm {
  position: relative;
  display: none;
}
.top-bar .nav-list .nav-item-sns .item-weibo::before {
  display: block;
  content: "";
  width: 29.4px;
  height: 25.2px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.59999999999997px;
background-position:-61.599999999999994px -324.79999999999995px;

}
.top-bar .nav-list .nav-item-sns .item-weibo:hover::before {
  width: 29.4px;
  height: 25.2px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.59999999999997px;
background-position:-93.8px -324.79999999999995px;

}
.top-bar .nav-list .nav-item-sns .item-bilibili::before {
  display: block;
  content: "";
  width: 28px;
  height: 26.6px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-0px -324.79999999999995px;

}
.top-bar .nav-list .nav-item-sns .item-bilibili:hover::before {
  width: 28px;
  height: 26.6px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-30.799999999999997px -324.79999999999995px;

}
.top-bar .nav-list .nav-item-sns .item-kuaishou::before {
  display: block;
  content: "";
  width: 25.9px;
  height: 25.9px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.59999999999997px;
background-position:-57.4px -354.2px;

}
.top-bar .nav-list .nav-item-sns .item-kuaishou:hover::before {
  width: 25.9px;
  height: 25.9px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.59999999999997px;
background-position:-86.1px -354.2px;

}
.top-bar .nav-list .nav-item-sns .item-dashen {
  margin-left: -4px;
}
.top-bar .nav-list .nav-item-sns .item-dashen::before {
  display: block;
  content: "";
  width: 38.5px;
  height: 22.4px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.59999999999997px;
background-position:-0px -299.59999999999997px;

}
.top-bar .nav-list .nav-item-sns .item-dashen:hover::before {
  width: 38.5px;
  height: 22.4px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.59999999999997px;
background-position:-41.3px -299.59999999999997px;

}
.top-bar .nav-list .nav-item-sns .item-douyin::before {
  display: block;
  content: "";
  width: 23.1px;
  height: 26.6px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.6px 383.6px;
background-position:-406.70000000000005px -0px;

}
.top-bar .nav-list .nav-item-sns .item-douyin:hover::before {
  width: 23.1px;
  height: 26.6px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.6px 383.6px;
background-position:-406.70000000000005px -29.400000000000002px;

}
.top-bar .nav-list .nav-item:hover .sub {
  display: block;
}
.top-bar .nav-list .nav-item:hover .sub-sns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.top-bar .nav-list .has-sub:hover > .link {
  background: rgba(6, 6, 6, 0.37);
}
.top-bar .nav-list .has-sub:hover > .link .txt-jwda {
  width: 65.8px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-0px -261.8px;

}
.top-bar .nav-list .has-sub:hover > .link .txt-intro {
  width: 65.1px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-67.89999999999999px -280.7px;

}
.top-bar .nav-list .has-sub:hover > .link .txt-zixun {
  width: 65.8px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-68.6px -261.8px;

}
.top-bar .nav-list .has-sub:hover > .link .txt-gzwm {
  width: 65.1px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.59999999999997px 383.6px;
background-position:-135.79999999999998px -280.7px;

  position: relative;
}
.top-bar .nav-list .has-sub:hover > .link .txt-gzwm::after {
  display: block;
  content: '';
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:618px 548px;
background-position:-581px -84px;
width:18px;
height:16px;

  position: absolute;
  left: 170.8px;
}
.top-bar .nav-list .has-sub:hover > .link .txt-fwgzq {
  width: 81.9px;
  height: 16.1px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.6px 383.6px;
background-position:-263.90000000000003px -106.4px;

}
.top-bar .nav-item-mine {
  position: absolute;
  right: 268.1px;
  margin-right: 0 !important;
  z-index: 1 !important;
}
.top-bar .appoint-btn,
.top-bar .download-btn {
  width: 261.1px;
  height: 61.6px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.6px 383.6px;
background-position:-0px -0px;

  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  font-weight: 630;
  font-size: 28px;
  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;
  color: #181818;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 5.6px;
  padding-left: 28px;
}
.top-bar .appoint-btn:hover,
.top-bar .download-btn:hover {
  width: 261.1px;
  height: 61.6px;
  background: url(https://jwkc.res.netease.com/pc/gw/20240729153356/assets/keep_origin/sprite-1a5ccb_1a5ccb27.png) no-repeat;background-size:432.6px 383.6px;
background-position:-0px -64.4px;

}