@charset "utf-8";
/** mixins **/
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
/* 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-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff') format('woff');
  font-weight: 300;
}
@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: 'Noto Sans SC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff') format('woff');
  font-weight: 500;
}
@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-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff') format('woff');
  font-weight: 700;
}
/* Noto黑体繁体 */
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-700.woff') format('woff');
  font-weight: 700;
}
/* Noto黑体日语 */
@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-700.woff') format('woff');
  font-weight: 700;
}
/* Noto黑体韩语 */
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff') format('woff');
  font-weight: 700;
}
/* Noto黑体泰语 */
@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-700.woff') format('woff');
  font-weight: 700;
}
html {
  font-family: "Noto Sans SC", sans-serif;
}
[lang|="zh-hant"],
[lang|="zh-hans"],
[lang|="zh-cht"],
[lang=zh-hk],
[lang=zh-tw] {
  font-family: "Noto Sans TC", sans-serif;
}
[lang|="jp"] {
  font-family: "Noto Sans JP", sans-serif;
}
[lang|="kr"] {
  font-family: "Noto Sans KR", sans-serif;
}
[lang|="th"] {
  font-family: "Noto Sans Thai", sans-serif;
}
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu,
select {
  margin: 0;
  padding: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-style: normal;
}
strong,
b {
  font-weight: bold;
  font-style: normal;
}
em {
  font-weight: normal;
  font-style: italic;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
li {
  list-style: none;
}
button,
a,
select {
  border: none;
  outline: none;
}
input,
textarea,
button,
a {
  font: inherit;
  color: inherit;
}
input,
textarea {
  outline: none;
}
textarea {
  overflow: auto;
  resize: none;
}
a,
button {
  cursor: pointer;
}
a,
a:hover {
  text-decoration: none;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 999999s;
  -webkit-transition: color 999999s ease-out, background-color 999999s ease-out;
}
#NIE-warning-dialog {
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}
#NIE-topBar {
  z-index: 999 !important;
}
#NIE-topBar * {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.font-sm {
  font-size: 1rem;
}
.font-md {
  font-size: 1.08rem;
}
.font-lg {
  font-size: 3.225rem;
}
@media screen and (min-width: 720px) {
  .font-sm {
    font-size: 1.02rem;
  }
  .font-md {
    font-size: 1.224rem;
  }
  .font-lg {
    font-size: 3.655rem;
  }
}
@media screen and (min-width: 1280px) {
  .font-sm {
    font-size: 1.2rem;
  }
  .font-md {
    font-size: 1.44rem;
  }
  .font-lg {
    font-size: 4.3rem;
  }
}
@media screen and (max-width: 480px) {
  .col-xs-4 {
    width: 100%;
  }
  .col-xs-3 {
    width: 75%;
  }
  .col-xs-2 {
    width: 50%;
  }
  .col-xs-1 {
    width: 25%;
  }
}
@media screen and (min-width: 480px) and (max-width: 960px) {
  .col-sm-4 {
    width: 100%;
  }
  .col-sm-3 {
    width: 75%;
  }
  .col-sm-2 {
    width: 50%;
  }
  .col-sm-1 {
    width: 25%;
  }
}
@media screen and (min-width: 960px) and (max-width: 1280px) {
  .col-md-4 {
    width: 100%;
  }
  .col-md-3 {
    width: 75%;
  }
  .col-md-2 {
    width: 50%;
  }
  .col-md-1 {
    width: 25%;
  }
}
@media screen and (min-width: 1280px) {
  .col-lg-4 {
    width: 100%;
  }
  .col-lg-3 {
    width: 75%;
  }
  .col-lg-2 {
    width: 50%;
  }
  .col-lg-1 {
    width: 25%;
  }
}
@font-face {
  font-family: "blzIconFont";
  src: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/iconfont_a8b2bfac.woff2) format('woff2'), url(https://wow.res.netease.com/pc/zt/20241205201702/assets/iconfont_97ffcb17.woff) format('woff');
}
.blz-iconfont {
  /* stylelint-disable */
  font-family: "blzIconFont" !important;
  /* stylelint-enable */
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-dashen:before {
  content: "\E640";
}
.icon-dui:before {
  content: "\E63F";
}
.icon-liebiao:before {
  content: "\E63E";
}
.icon-suo:before {
  content: "\E63D";
}
.icon-tieba:before {
  content: "\E63C";
}
.icon-xiaohongshu:before {
  content: "\E637";
}
.icon-bilibili:before {
  content: "\E639";
}
.icon-weibo:before {
  content: "\E63A";
}
.icon-douyin:before {
  content: "\E63B";
}
.icon-weixin:before {
  content: "\E638";
}
.icon-a-edit1x:before {
  content: "\E636";
}
.icon-a-svg_111x:before {
  content: "\E62E";
}
.icon-a-svg_91x:before {
  content: "\E62F";
}
.icon-a-social-youtubef56a46d1a6cc2ffd841bc4a8d1de3d3d1x:before {
  content: "\E634";
}
.icon-a-social-facebook20d2ed4f5a690fe838af4c2beb4ba8be1:before {
  content: "\E635";
}
.icon-a-instagram1x:before {
  content: "\E630";
}
.icon-a-social-twitter0b53f984eb1a5a3eedc1976252de66631x:before {
  content: "\E631";
}
.icon-a-reddit1x:before {
  content: "\E632";
}
.icon-a-facebook1x:before {
  content: "\E633";
}
.icon-a-shopping-bag1x:before {
  content: "\E62D";
}
.icon-a-user-circle1x:before {
  content: "\E626";
}
.icon-a-grid1x1:before {
  content: "\E62C";
}
.icon-a-phone1x:before {
  content: "\E62B";
}
.icon-a-user1x:before {
  content: "\E624";
}
.icon-a-download1x:before {
  content: "\E625";
}
.icon-menu:before {
  content: "\E627";
}
.icon-a-log-out1x:before {
  content: "\E628";
}
.icon-a-chevron-down1x:before {
  content: "\E629";
}
.icon-a-bn-checkmark-filled1x:before {
  content: "\E62A";
}
.icon-a-help-circle1x:before {
  content: "\E621";
}
.icon-a-search1x:before {
  content: "\E622";
}
.icon-a-arrow-up-right1x:before {
  content: "\E620";
}
.icon-a-settings1x:before {
  content: "\E623";
}
/* stylelint-disable */
@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: 'FZLanTingHeiS-B-GB';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/FZLanTingHeiSBGB-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/FZLanTingHeiSBGB-Regular.woff') format('woff');
  font-weight: 400;
}
#forhorview {
  display: none !important;
}
html,
body {
  position: relative;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2rem;
  min-height: 100%;
  min-width: 320px;
  color: #fff;
  background-color: #000;
  font-family: 'fzlth', sans-serif;
}
#copyright-wrap {
  background-color: #170e09;
}
body {
  overflow-y: scroll;
}
#app {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  background-color: #12111f;
  -webkit-transition: -webkit-filter 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: -webkit-filter 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: filter 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: filter 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-filter 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
#app:has(.page-wrapper-warrior) {
  background-color: #221411;
}
#app:has(.page-wrapper-hunter) {
  background-color: #061510;
}
#app:has(.page-wrapper-priest) {
  background-color: #171b27;
}
#app:has(.page-wrapper-shaman) {
  background-color: #01000e;
}
#app:has(.page-wrapper-warlock) {
  background-color: #1c0905;
}
#app:has(.page-wrapper-druid) {
  background-color: #0f1a16;
}
#app:has(.page-wrapper-paladin) {
  background-color: #140613;
}
#app:has(.page-wrapper-rogue) {
  background-color: #0d0c12;
}
#app:has(.page-wrapper-deathKnight) {
  background-color: #05131c;
}
#app:has(.page-wrapper-mage) {
  background-color: #140e1a;
}
#app:has(.page-wrapper-monk) {
  background-color: #0e1003;
}
#app:has(.page-wrapper-demonHunter) {
  background-color: #141c0d;
}
.page-wrapper {
  position: relative;
  font-size: 1.2rem;
  line-height: 1.5;
  max-width: 2400px;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 100%;
}
.page-wrapper-evoker {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topbg_f00fdb12.png) no-repeat center top;
  background-size: 100% auto;
}
.page-wrapper-warrior {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topbg_292dfb38.png) no-repeat center top;
  background-size: 100% auto;
}
.page-wrapper-hunter {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topbg_0492c46d.png) no-repeat center top;
  background-size: 100% auto;
}
.page-wrapper-priest {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topbg_e7f4eb56.png) no-repeat center top;
  background-size: 100% auto;
}
.page-wrapper-shaman {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topbg_d49c6a03.png) no-repeat center top;
  background-size: 100% auto;
}
.page-wrapper-warlock {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topbg_b5e3230d.png) no-repeat center top;
  background-size: 100% auto;
}
.page-wrapper-druid {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topbg_19bb1383.png) no-repeat center top;
  background-size: 100% auto;
}
.page-wrapper-paladin {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topbg_b092ad32.png) no-repeat center top;
  background-size: 100% auto;
}
.page-wrapper-rogue {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topbg_24cd9e1f.png) no-repeat center top;
  background-size: 100% auto;
}
.page-wrapper-deathKnight {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topbg_a9ed02fc.png) no-repeat center top;
  background-size: 100% auto;
}
.page-wrapper-mage {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topbg_012ddaaa.png) no-repeat center top;
  background-size: 100% auto;
}
.page-wrapper-monk {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topbg_1cbc36c6.png) no-repeat center top;
  background-size: 100% auto;
}
.page-wrapper-demonHunter {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topbg_ced869fb.png) no-repeat center top;
  background-size: 100% auto;
}
.part {
  padding-top: calc(var(--nav-height) + var(--nav-space));
  width: 100%;
}
.part .context-box {
  max-width: 1600px;
  margin: auto;
  padding: 0 20px;
}
.part .context-box .con-box {
  margin: 0 -20px;
}
.top-box {
  padding-top: 62px;
}
.title-box {
  max-width: 800px;
  margin: auto;
}
.title-box .title {
  color: #fff;
  font-size: 4rem;
  text-align: center;
  text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, 0.8);
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.title-box .desc {
  margin-top: 11px;
  text-align: center;
  color: #ecdec2;
  text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, 0.8);
  font-size: 1.667rem;
  line-height: 1.65;
}
@media screen and (max-width: 1279px) {
  .title-box .desc {
    font-size: 1.5rem;
    line-height: 1.87;
  }
}
@media screen and (max-width: 719px) {
  .title-box .desc {
    font-size: 1.25rem;
    line-height: 1.87;
  }
}
.info-box {
  margin-top: 80px;
  clear: both;
  zoom: 1;
}
.info-box:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.l-box {
  float: left;
  width: 66.66666667%;
  padding: 0 38px 0 42px;
}
.l-box .desc-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.l-box .desc-box .txt-boxs {
  width: 50%;
  z-index: 10;
}
.l-box .desc-box .txt-box + .txt-box {
  margin-top: 15px;
}
.l-box .desc-box .txt-box .tit {
  color: #fff;
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
  font-size: 1.667rem;
  line-height: 1.65;
  font-weight: 400;
  line-height: 1.5;
  text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
}
@media screen and (max-width: 1279px) {
  .l-box .desc-box .txt-box .tit {
    font-size: 1.5rem;
    line-height: 1.87;
  }
}
@media screen and (max-width: 719px) {
  .l-box .desc-box .txt-box .tit {
    font-size: 1.25rem;
    line-height: 1.87;
  }
}
.l-box .desc-box .txt-box .txt {
  margin-top: 17px;
  color: #fff;
  font-size: 1.167rem;
  line-height: 1.5;
}
@media screen and (max-width: 1279px) {
  .l-box .desc-box .txt-box .txt {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.l-box .desc-box .img-box {
  position: relative;
  width: 50%;
  pointer-events: none;
  z-index: 5;
}
.l-box .desc-box .img-box-evoker .topimg {
  width: 236.2%;
  height: auto;
  margin-top: -171%;
  margin-left: -29.5%;
}
.l-box .desc-box .img-box-evoker .topimg .yxsimg {
  position: relative;
  width: 100%;
  padding-bottom: 120%;
}
.l-box .desc-box .img-box-evoker .topimg .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topimg_89575f85.png) no-repeat center center;
  background-size: contain;
}
.l-box .desc-box .img-box-warrior .topimg {
  width: 133.2%;
  height: auto;
  margin-top: -19%;
  margin-left: -8.5%;
}
.l-box .desc-box .img-box-warrior .topimg .yxsimg {
  position: relative;
  width: 100%;
  padding-bottom: 120%;
}
.l-box .desc-box .img-box-warrior .topimg .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topimg_bec730f8.png) no-repeat center center;
  background-size: contain;
}
.l-box .desc-box .img-box-hunter .topimg {
  width: 160.85192698%;
  margin-top: -11.96754564%;
  margin-right: -24.7464503%;
  margin-bottom: -60.85192698%;
  margin-left: -36.10547667%;
}
.l-box .desc-box .img-box-hunter .topimg .yxsimg {
  position: relative;
  width: 100%;
  padding-bottom: 125.97730139%;
}
.l-box .desc-box .img-box-hunter .topimg .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topimg_0208b9e3.png) no-repeat center center;
  background-size: contain;
}
.l-box .desc-box .img-box-priest .topimg {
  margin-top: -11.9887165%;
  margin-right: -22.1438646%;
  margin-bottom: -23.69534556%;
  margin-left: -0.70521862%;
  width: 122.84908322%;
}
.l-box .desc-box .img-box-priest .topimg .yxsimg {
  position: relative;
  width: 100%;
  padding-bottom: 111.36624569%;
}
.l-box .desc-box .img-box-priest .topimg .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topimg_832d347b.png) no-repeat center center;
  background-size: contain;
}
.l-box .desc-box .img-box-shaman .topimg {
  margin-top: -8.50661626%;
  margin-right: -26.65406427%;
  margin-bottom: -61.43667297%;
  margin-left: -87.90170132%;
  width: 214.5557656%;
}
.l-box .desc-box .img-box-shaman .topimg .yxsimg {
  position: relative;
  width: 100%;
  padding-bottom: 105.72687225%;
}
.l-box .desc-box .img-box-shaman .topimg .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topimg_33e754e1.png) no-repeat center center;
  background-size: contain;
}
.l-box .desc-box .img-box-warlock .topimg {
  margin-top: -4.55373406%;
  margin-right: -18.21493625%;
  margin-bottom: -54.64480874%;
  margin-left: -9.10746812%;
  width: 127.32240437%;
}
.l-box .desc-box .img-box-warlock .topimg .yxsimg {
  position: relative;
  width: 100%;
  padding-bottom: 106.86695279%;
}
.l-box .desc-box .img-box-warlock .topimg .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topimg_4d3e5dab.png) no-repeat center center;
  background-size: contain;
}
.l-box .desc-box .img-box-druid .topimg {
  margin-top: -3.65630713%;
  margin-right: -7.31261426%;
  margin-bottom: -18.28153565%;
  width: 107.31261426%;
}
.l-box .desc-box .img-box-druid .topimg .yxsimg {
  position: relative;
  width: 100%;
  padding-bottom: 126.9165247%;
}
.l-box .desc-box .img-box-druid .topimg .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topimg_59229806.png) no-repeat center center;
  background-size: contain;
}
.l-box .desc-box .img-box-paladin .topimg {
  margin-top: -10.74681239%;
  margin-right: -19.48998179%;
  margin-bottom: -22.76867031%;
  margin-left: -59.19854281%;
  width: 178.68852459%;
}
.l-box .desc-box .img-box-paladin .topimg .yxsimg {
  position: relative;
  width: 100%;
  padding-bottom: 96.33027523%;
}
.l-box .desc-box .img-box-paladin .topimg .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topimg_c536d4e7.png) no-repeat center center;
  background-size: contain;
}
.l-box .desc-box .img-box-rogue .topimg {
  margin-top: -10.07067138%;
  margin-right: -45.40636042%;
  margin-bottom: -10.42402827%;
  margin-left: -30.56537102%;
  width: 175.97173145%;
}
.l-box .desc-box .img-box-rogue .topimg .yxsimg {
  position: relative;
  width: 100%;
  padding-bottom: 82.22891566%;
}
.l-box .desc-box .img-box-rogue .topimg .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topimg_621514aa.png) no-repeat center center;
  background-size: contain;
}
.l-box .desc-box .img-box-deathKnight .topimg {
  margin-top: -10.96563011%;
  margin-right: -52.20949264%;
  margin-bottom: -34.04255319%;
  margin-left: -0.49099836%;
  width: 152.700491%;
}
.l-box .desc-box .img-box-deathKnight .topimg .yxsimg {
  position: relative;
  width: 100%;
  padding-bottom: 98.92818864%;
}
.l-box .desc-box .img-box-deathKnight .topimg .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topimg_5fb4bd6c.png) no-repeat center center;
  background-size: contain;
}
.l-box .desc-box .img-box-mage .topimg {
  margin-top: -11.47540984%;
  margin-right: -23.13296903%;
  margin-bottom: -23.67941712%;
  margin-left: -34.60837887%;
  width: 157.74134791%;
}
.l-box .desc-box .img-box-mage .topimg .yxsimg {
  position: relative;
  width: 100%;
  padding-bottom: 87.6443418%;
}
.l-box .desc-box .img-box-mage .topimg .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topimg_bc9017bb.png) no-repeat center center;
  background-size: contain;
}
.l-box .desc-box .img-box-monk .topimg {
  margin-top: -22.66881029%;
  margin-right: -60.28938907%;
  margin-bottom: -37.78135048%;
  margin-left: -53.21543408%;
  width: 213.50482315%;
}
.l-box .desc-box .img-box-monk .topimg .yxsimg {
  position: relative;
  width: 100%;
  padding-bottom: 86.14457831%;
}
.l-box .desc-box .img-box-monk .topimg .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topimg_c2235786.png) no-repeat center center;
  background-size: contain;
}
.l-box .desc-box .img-box-demonHunter .topimg {
  margin-top: -9.06630582%;
  margin-right: -41.94857916%;
  margin-bottom: -28.14614344%;
  margin-left: -0.40595399%;
  width: 142.35453315%;
}
.l-box .desc-box .img-box-demonHunter .topimg .yxsimg {
  position: relative;
  width: 100%;
  padding-bottom: 93.53612167%;
}
.l-box .desc-box .img-box-demonHunter .topimg .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/topimg_59bb688c.png) no-repeat center center;
  background-size: contain;
}
.l-box .desc-box .zy-list {
  padding-left: 51px;
  margin-top: 26px;
}
.l-box .desc-box .zy-list .itm + .itm {
  margin-top: 23px;
}
.l-box .desc-box .zy-list .itm .t {
  position: relative;
  color: #b0997f;
  font-size: 1.312rem;
  line-height: 1.3125;
  font-weight: 700;
  line-height: 1.5;
  text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
}
@media screen and (max-width: 1279px) {
  .l-box .desc-box .zy-list .itm .t {
    font-size: 1.167rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 719px) {
  .l-box .desc-box .zy-list .itm .t {
    font-size: 1.08rem;
    line-height: 1.5;
  }
}
.l-box .desc-box .zy-list .itm .t:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: -29px;
  width: 16px;
  height: 16px;
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/dot_b4541767.png) no-repeat;
}
.l-box .desc-box .zy-list .itm .p {
  color: #fff;
  font-size: 1.167rem;
  line-height: 1.5;
}
@media screen and (max-width: 1279px) {
  .l-box .desc-box .zy-list .itm .p {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.l-box .zj-box {
  position: relative;
  z-index: 10;
  margin-top: 39px;
}
.l-box .zj-box .txt-box .tit {
  color: #fff;
  font-weight: 400;
  line-height: 1.5;
  text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
  font-size: 1.667rem;
  line-height: 1.65;
}
@media screen and (max-width: 1279px) {
  .l-box .zj-box .txt-box .tit {
    font-size: 1.5rem;
    line-height: 1.87;
  }
}
@media screen and (max-width: 719px) {
  .l-box .zj-box .txt-box .tit {
    font-size: 1.25rem;
    line-height: 1.87;
  }
}
.l-box .zj-box .txt-box .txt {
  margin-top: 15px;
  color: #fff;
  font-size: 1.167rem;
  line-height: 1.5;
}
@media screen and (max-width: 1279px) {
  .l-box .zj-box .txt-box .txt {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.l-box .zj-box .list {
  margin-top: 13px;
  padding: 10px;
  clear: both;
  zoom: 1;
}
.l-box .zj-box .list:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.l-box .zj-box .list .item {
  float: left;
  padding: 10px;
  width: 50%;
}
.l-box .zj-box .list .del {
  min-width: 170px;
  height: 159px;
  border: 1px solid #504137;
  padding: 20px 35px 20px 20px;
  background-color: rgba(0, 0, 0, 0.8);
}
.l-box .zj-box .list .t {
  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;
}
.l-box .zj-box .list .img {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 20px;
  border: 1px solid #444;
  background-color: #000;
}
.l-box .zj-box .list .img .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 9%;
  background-color: #000;
  background-size: 100% 100%;
  overflow: hidden;
}
.l-box .zj-box .list .img .bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-box .zj-box .list span {
  color: #fff;
  font-size: 1.312rem;
  line-height: 1.3125;
}
@media screen and (max-width: 1279px) {
  .l-box .zj-box .list span {
    font-size: 1.167rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 719px) {
  .l-box .zj-box .list span {
    font-size: 1.08rem;
    line-height: 1.5;
  }
}
.l-box .zj-box .list p {
  margin-top: 20px;
  color: #ecdec2;
  font-size: 1.167rem;
  line-height: 1.5;
}
@media screen and (max-width: 1279px) {
  .l-box .zj-box .list p {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.r-box {
  position: relative;
  z-index: 20;
  float: left;
  width: 33.33333333%;
  margin-top: -20px;
}
.r-box .wrap {
  padding: 20px;
}
.r-box .innerbox {
  background-color: #ebdec2;
  color: #352011;
  -webkit-box-shadow: 0 0 16px 6px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 16px 6px rgba(0, 0, 0, 0.5);
  border: 12px solid #ebdec2;
  -o-border-image: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/box_7d6194ae.png) 12 repeat;
     border-image: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/box_7d6194ae.png) 12 repeat;
  border-image-outset: 3px;
  padding: 15px;
  margin: 3px;
}
.r-box .zs {
  margin-top: -20px;
  clear: both;
  zoom: 1;
}
.r-box .zs:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.r-box .zs .icon {
  position: relative;
  float: left;
  width: 68%;
  left: 16%;
}
.r-box .zs .xysimg {
  position: relative;
  width: 100%;
  padding-bottom: 113.6%;
  margin-top: -68%;
}
.r-box .zs .xysimg .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
}
.r-box .zs .xysimg .evoker {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/zs_62053a41.png) no-repeat center center;
}
.r-box .zs .xysimg .warrior {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/zs_53895541.png) no-repeat center center;
  background-size: 100%;
}
.r-box .zs .xysimg .hunter {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/zs_722f5fc9.png) no-repeat center center;
  background-size: 100%;
}
.r-box .zs .xysimg .priest {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/zs_964fbb07.png) no-repeat center center;
  background-size: 100%;
}
.r-box .zs .xysimg .shaman {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/zs_86a8da4f.png) no-repeat center center;
  background-size: 100%;
}
.r-box .zs .xysimg .warlock {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/zs_6bfdf39e.png) no-repeat center center;
  background-size: 100%;
}
.r-box .zs .xysimg .druid {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/zs_1fa531fa.png) no-repeat center center;
  background-size: 100%;
}
.r-box .zs .xysimg .paladin {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/zs_439cfa15.png) no-repeat center center;
  background-size: 100%;
}
.r-box .zs .xysimg .rogue {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/zs_23e3e0a1.png) no-repeat center center;
  background-size: 100%;
}
.r-box .zs .xysimg .deathKnight {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/zs_a1f970f4.png) no-repeat center center;
  background-size: 100%;
}
.r-box .zs .xysimg .mage {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/zs_e55eace8.png) no-repeat center center;
  background-size: 100%;
}
.r-box .zs .xysimg .monk {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/zs_b3d5fa18.png) no-repeat center center;
  background-size: 100%;
}
.r-box .zs .xysimg .demonHunter {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/zs_9ce032cf.png) no-repeat center center;
  background-size: 100%;
}
.r-box .txtbox {
  padding: 6px 4px 0;
}
.r-box .tit {
  text-align: center;
  color: #09273e;
  font-weight: 700;
  line-height: 1.5;
  text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
  font-size: 1.667rem;
  line-height: 1.65;
  text-shadow: 0 0 1px transparent, 0 1px 2px hsla(0, 0%, 100%, 0.8);
}
@media screen and (max-width: 1279px) {
  .r-box .tit {
    font-size: 1.5rem;
    line-height: 1.87;
  }
}
@media screen and (max-width: 719px) {
  .r-box .tit {
    font-size: 1.25rem;
    line-height: 1.87;
  }
}
.r-box .td-list {
  margin-top: 23px;
}
.r-box .td-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0 11px;
}
.r-box .img {
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 48px;
  height: 48px;
  border: 1px solid #504137;
  margin-right: 12px;
  background-color: #000;
}
.r-box .img .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 9%;
  background-color: #000;
  background-size: 100% 100%;
  overflow: hidden;
}
.r-box .img .bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.r-box .info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.r-box .info .t {
  color: #09273e;
  text-shadow: 0 0 1px transparent, 0 1px 2px hsla(0, 0%, 100%, 0.8);
  font-size: 1.167rem;
  line-height: 1.5;
}
@media screen and (max-width: 1279px) {
  .r-box .info .t {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.r-box .info .b {
  color: #342011;
  font-size: 1.167rem;
  line-height: 1.5;
}
@media screen and (max-width: 1279px) {
  .r-box .info .b {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.bot-box {
  margin-top: 99px;
  padding-bottom: 71px;
}
.bot-box .space {
  height: 78px;
}
.bot-box .tit {
  text-align: center;
  color: #f3eee2;
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
  font-size: 1.667rem;
  line-height: 1.65;
}
@media screen and (max-width: 1279px) {
  .bot-box .tit {
    font-size: 1.5rem;
    line-height: 1.87;
  }
}
@media screen and (max-width: 719px) {
  .bot-box .tit {
    font-size: 1.25rem;
    line-height: 1.87;
  }
}
.bot-box .zhongzus {
  padding: 0 60px;
  margin-top: 48px;
  overflow: visible;
}
.bot-box .zhongzus.zhongzus2 {
  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;
  overflow: unset;
  padding: 0;
}
.bot-box .zhongzus .flickity-viewport {
  overflow: visible;
}
.bot-box .item {
  width: 220px;
  margin: 0 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.bot-box .zhongzu {
  display: block;
}
.bot-box .zhongzu:hover .imgbox {
  border-color: #f8b700 !important;
}
.bot-box .zhongzu:hover .imgwrap {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.bot-box .zhongzu:hover .name {
  color: #fff;
}
.bot-box .careers {
  max-width: 1240px;
  margin: 20px auto 0;
}
.bot-box .careers-wraper {
  margin: -10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  clear: both;
  zoom: 1;
}
.bot-box .careers-wraper:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.bot-box .career {
  float: left;
  width: 50%;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bot-box .career:hover .career-card {
  border-color: #f8b700;
}
.bot-box .career:hover .career-title {
  color: #fff;
}
.bot-box .career-card {
  background: #211510;
  color: #ebdec2;
  border: 1px solid #504137;
  overflow: hidden;
  width: 100%;
  position: relative;
  z-index: 0;
  height: 100%;
}
.bot-box .career-img {
  display: block;
  float: left;
  width: 33%;
}
.bot-box .career-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.bot-box .career-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 67%;
  padding: 20px;
  line-height: 1.5;
}
.bot-box .career-content .career-title {
  font-size: 1.728rem;
  color: #f8b700;
  font-weight: 700;
}
.bot-box .career-content .career-subtitle {
  color: #b1997f;
  font-size: 1.2rem;
}
.bot-box .career-content .career-description {
  font-size: 1.44rem;
  color: #ebdec2;
  margin: 17.28px 0;
  line-height: 1.58;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  word-break: break-all;
}
.bot-box .imgbox {
  position: relative;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  border: 2px solid;
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/zz-bg_92cf0b98.jpg) 50% no-repeat;
  background-size: cover;
}
.bot-box .imgbox.border-alliance {
  border-color: #0078ff;
}
.bot-box .imgbox.border-horde {
  border-color: #b30000;
}
.bot-box .zw {
  display: block;
  width: 100%;
  padding-top: 133.33%;
}
.bot-box .bzw {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.bot-box .inerimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.bot-box .img {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  width: 123.5%;
  height: 119.25%;
  -webkit-transform: translate(-50%) scale(1);
          transform: translate(-50%) scale(1);
  pointer-events: none;
}
.bot-box .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bot-box .imgwrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.bot-box .icon {
  position: relative;
  width: 56px;
  height: 56px;
  margin: -28px auto 0;
}
.bot-box .icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bot-box .name {
  margin-top: 5px;
  color: #f8b700;
  text-align: center;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  font-size: 1.312rem;
  line-height: 1.3125;
  font-weight: 400;
  line-height: 1.5;
  text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
}
@media screen and (max-width: 1279px) {
  .bot-box .name {
    font-size: 1.167rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 719px) {
  .bot-box .name {
    font-size: 1.08rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1279px) {
  .title-box .title {
    font-size: 3.333rem;
  }
  .l-box .zj-box .list .item {
    width: 100%;
  }
  .l-box .zj-box .list .del {
    height: 134px;
  }
  .bot-box .space {
    height: 34px;
  }
  .careers {
    padding: 0 20px;
  }
  .career-card .career-img {
    float: none;
    width: 100%;
    padding-top: 49%;
    position: relative;
    height: 0;
  }
  .career-card .career-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .career-card .career-content {
    position: static;
    width: 100%;
  }
  .career-card .career-content .career-title {
    font-size: 1.4688rem;
    font-weight: 700;
  }
  .career-card .career-content .career-subtitle {
    font-size: 1.02rem;
  }
  .career-card .career-content .career-description {
    font-size: 1.224rem;
    margin: 14.68px 0;
  }
}
@media screen and (max-width: 979px) {
  .top-box {
    padding-top: 119px;
  }
  .title-box .desc {
    margin-top: 8px;
  }
  .info-box {
    margin-top: 71px;
  }
  .l-box {
    width: 50%;
  }
  .l-box .desc-box .txt-boxs {
    width: 100%;
  }
  .l-box .desc-box .txt-box + .txt-box {
    margin-top: 11px;
  }
  .l-box .desc-box .txt-box + .txt-box .txt {
    margin-top: 7px;
  }
  .l-box .desc-box .txt-box .txt {
    margin-top: 11px;
  }
  .l-box .desc-box .img-box {
    display: none;
  }
  .l-box .desc-box .zy-list {
    margin-top: 24px;
    padding-left: 45px;
  }
  .l-box .desc-box .zy-list .itm + .itm {
    margin-top: 17px;
  }
  .l-box .desc-box .zy-list .itm .t:before {
    left: -24px;
  }
  .l-box .desc-box .zy-list .itm .p {
    margin-top: 3px;
  }
  .l-box .zj-box {
    margin-top: 27px;
  }
  .l-box .zj-box .txt-box .txt {
    margin-top: 9px;
  }
  .l-box .zj-box .list p {
    margin-top: 20px;
  }
  .l-box .zj-box .list .del {
    height: 167px;
  }
  .r-box {
    width: 50%;
    margin-top: -20px;
  }
  .r-box .txtbox {
    padding-top: 13px;
    padding-left: 3px;
    padding-right: 3px;
  }
  .r-box .img {
    width: 48px;
    height: 48px;
    margin-right: 9px;
  }
  .r-box .td-list {
    margin-top: 17px;
  }
  .bot-box {
    margin-top: 58px;
    padding-bottom: 74px;
  }
  .bot-box .tit {
    font-size: 1.667rem;
    line-height: 1.65;
  }
}
@media screen and (max-width: 959px) {
  .page-wrapper {
    background-position: center calc(var(--nav-height) + var(--nav-space));
  }
}
@media screen and (max-width: 899px) {
  .bot-box .item {
    width: 140px;
  }
  .bot-box .imgbox {
    border-width: 1px;
  }
}
@media screen and (max-width: 719px) {
  .top-box {
    padding-top: 117px;
  }
  .title-box .title {
    font-size: 3.167rem;
  }
  .title-box .desc {
    margin-top: 10px;
  }
  .info-box {
    margin-top: 74px;
  }
  .l-box {
    width: 100%;
    padding-bottom: 59px;
    padding-left: 40px;
  }
  .l-box .desc-box .txt-box + .txt-box .txt {
    margin-top: 8px;
  }
  .l-box .desc-box .txt-box .txt {
    margin-top: 8px;
  }
  .l-box .desc-box .zy-list {
    margin-top: 22px;
    padding-left: 43px;
  }
  .l-box .desc-box .zy-list .itm + .itm {
    margin-top: 20px;
  }
  .l-box .desc-box .zy-list .itm .p {
    margin-top: 0;
  }
  .l-box .zj-box {
    margin-top: 28px;
  }
  .l-box .zj-box .list .del {
    padding-right: 30px;
    height: 184px;
  }
  .l-box .zj-box .list .img {
    margin-right: 22px;
  }
  .l-box .zj-box .list p {
    margin-top: 21px;
  }
  .l-box .zj-box .txt-box .txt {
    margin-top: 8px;
  }
  .r-box {
    width: 100%;
  }
  .r-box .txtbox {
    padding-left: 0;
    padding-right: 0;
  }
  .r-box .wrap {
    padding: 20px 0;
  }
  .r-box .innerbox {
    border-width: 12px 0;
    margin: 2px 0;
    padding-top: 0;
    padding-bottom: 33px;
  }
  .r-box .td-item {
    padding-bottom: 10px;
  }
  .r-box .zs {
    display: none;
  }
  .bot-box {
    margin-top: 17px;
  }
  .bot-box .tit {
    font-size: 1.333rem;
  }
  .bot-box .zhongzus {
    margin-top: 51px;
  }
  .bot-box .career {
    width: 100%;
  }
  .bot-box .career-card .career-img {
    padding-top: 50%;
  }
  .bot-box .career-content {
    min-height: 166px;
  }
  .bot-box .career-content .career-title {
    font-size: 1.25rem;
  }
  .bot-box .career-content .career-subtitle {
    font-size: 1rem;
  }
  .bot-box .career-content .career-description {
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 1.08rem;
    text-overflow: unset;
    -webkit-box-orient: unset;
    -webkit-line-clamp: unset;
    word-break: unset;
  }
  .bot-box .item {
    margin: 0 8px;
  }
}
@media screen and (max-width: 539px) {
  .bot-box .careers-wraper {
    display: block;
  }
}
.qrcode-box {
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 133px;
  z-index: 5;
}
.qrcode-box .qrcode {
  position: absolute;
  bottom: 80px;
  left: 0;
  display: none;
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/sprite-192a78_192a7843.png);background-size:207px 217px;
background-position:-0px -0px;
width:133px;
height:213px;

}
.qrcode-box .qrcode img {
  width: 106px;
  height: 107px;
  margin-top: 10px;
}
.qrcode-box .qrcode .qr-text {
  position: relative;
  left: -4px;
  color: #ecdec3;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
}
.qrcode-box .qrcode .qr-text:first-of-type {
  padding-top: 5px;
}
.qrcode-box .link-box {
  position: relative;
  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: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 5px;
}
.qrcode-box .link-box .text {
  color: #ecdec3;
  width: 94%;
  height: 19px;
  text-align: center;
  background: #000;
}
.qrcode-box .link-box .text:hover {
  color: #fff;
}
.qrcode-box .link-box .service,
.qrcode-box .link-box .icon-feedback {
  position: relative;
  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-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/sprite-192a78_192a7843.png);background-size:207px 217px;
background-position:-137px -0px;
width:66px;
height:73px;

}
.qrcode-box .link-box .service:hover .text,
.qrcode-box .link-box .icon-feedback:hover .text {
  color: #fff;
}
.qrcode-box .link-box .service i,
.qrcode-box .link-box .icon-feedback i {
  margin-top: 10px;
}
.qrcode-box .link-box .service i {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/sprite-192a78_192a7843.png);background-size:207px 217px;
background-position:-137px -167px;
width:35px;
height:35px;

}
.qrcode-box .link-box .service:hover .qrcode {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.qrcode-box .link-box .icon-feedback .leihuo-feedback {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  background: transparent;
}
.qrcode-box .link-box .icon-feedback .leihuo-feedback div {
  display: none;
}
.qrcode-box .link-box .icon-feedback i {
  background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/sprite-192a78_192a7843.png);background-size:207px 217px;
background-position:-137px -126px;
width:37px;
height:37px;

}
@media screen and (max-width: 750px) {
  .qrcode-box {
    right: 0;
    bottom: 200px;
    width: auto;
    z-index: 21;
  }
  .qrcode-box .service:active .qrcode {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .qrcode-box .qrcode {
    position: absolute;
    top: 0;
    left: -138px;
  }
  .qrcode-box .link-box {
    background: transparent;
    width: 50px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .qrcode-box .link-box::after {
    display: none;
  }
  .qrcode-box .link-box .text {
    display: none;
  }
  .qrcode-box .link-box .service,
  .qrcode-box .link-box .icon-feedback {
    background: url(https://wow.res.netease.com/pc/zt/20241205201702/assets/sprite-192a78_192a7843.png);background-size:207px 217px;
background-position:-137px -77px;
width:45px;
height:45px;

  }
  .qrcode-box .link-box .service i,
  .qrcode-box .link-box .icon-feedback i {
    margin: 0;
  }
  .qrcode-box .link-box .icon-feedback {
    margin-top: 20px;
  }
}
#__vconsole {
  display: none !important;
}