@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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-500.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-700.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-300.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-500.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-700.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-300.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-500.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-700.woff2') format('woff2'), url('https://comm.res.easebar.com/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/20240723191154/assets/iconfont_a8b2bfac.woff2) format('woff2'), url(https://wow.res.netease.com/pc/zt/20240723191154/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: #170e09;
  font-family: 'fzlth', sans-serif;
}
body {
  overflow-y: scroll;
}
.outbox img {
  pointer-events: none;
}
#app {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  -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);
}
#leihuo-age {
  z-index: 10;
  left: 16px;
  top: calc(var(--nav-space) + var(--nav-height) + 8px);
  width: 12vw;
  position: absolute;
  max-width: 86px;
}
#leihuo-age .leihuo-age-rating {
  padding-top: 130%;
  position: relative;
  display: block;
}
#leihuo-age .leihuo-age-rating > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.page-wrapper {
  position: relative;
  font-size: 1.2rem;
  line-height: 1.5;
  max-width: 2400px;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #000;
  min-height: 100%;
}
.page-wrapper.lookimg {
  -webkit-filter: blur(12px);
          filter: blur(12px);
}
.divider {
  height: 4px;
  margin: 0 auto;
  width: 100%;
  background-color: #000;
  position: relative;
  pointer-events: none;
}
.grid {
  position: relative;
  float: left;
  width: 25%;
  padding: 10px;
}
.grid .outbox {
  display: block;
}
.grid .outbox:hover .cardimg .wraper:after {
  -webkit-box-shadow: inset 0 0 15px 5px rgba(0, 0, 0, 0.9);
          box-shadow: inset 0 0 15px 5px rgba(0, 0, 0, 0.9);
  -webkit-filter: brightness(1.4);
          filter: brightness(1.4);
}
.grid .outbox:hover .cardimg .wraper .art {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.grid .outbox:hover h4 {
  text-decoration: underline;
  color: #fff;
}
.grid .cardimg {
  position: relative;
  border-color: transparent;
  border-style: solid;
  border-width: 7px 8px;
  border-radius: 18px;
  -webkit-box-shadow: 0 4px 15px 10px rgba(0, 0, 0, 0.75);
          box-shadow: 0 4px 15px 10px rgba(0, 0, 0, 0.75);
  margin-bottom: 12px;
}
.grid .cardimg .wraper {
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  border: none;
  overflow: hidden;
  background: #222;
}
.grid .cardimg .wraper:after {
  content: "";
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  border-image-outset: 7px 8px 7px 8px;
  border-image-width: 16px;
  border-image-slice: 16 fill;
  border-image-source: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/border_ab2f7ed7.png);
  border-image-repeat: round;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-box-shadow: inset 0 0 15px 6px #000;
          box-shadow: inset 0 0 15px 6px #000;
}
.grid .cardimg .wraper .art {
  width: auto;
  margin: 0;
  -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;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  overflow: hidden;
}
.grid .cardimg .wraper .art .img img {
  display: block;
  width: 100%;
}
.grid h4 {
  font-weight: 500;
  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.333rem;
  color: #f8b700;
  text-align: center;
  margin-bottom: 8px;
}
.grid .desc {
  padding: 0 10px;
  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-size: 1.166rem;
  color: #ebdec2;
  text-align: center;
}
.returnbox .line {
  width: 100%;
  height: 1px;
  margin-bottom: 20px;
  background-color: hsla(0, 0%, 66.7%, 0.4);
}
.returnbox .returning-players {
  margin-bottom: 4px;
}
.returnbox .returning-players span {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
}
.returnbox .returning-link a {
  font-size: 1.166rem;
  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;
  color: #f8b700;
}
.returnbox .returning-link a:hover {
  color: #fff;
  text-decoration: underline;
}
.btnwrap {
  font-size: 0;
}
.btnbg {
  position: relative;
  display: inline-block;
  background: transparent -webkit-gradient(linear, left bottom, left top, color-stop(20%, #4e0000), color-stop(30%, #500), color-stop(50%, #700000), color-stop(65%, #8d0000), color-stop(80%, #860000)) 50% repeat;
  background: transparent linear-gradient(0deg, #4e0000 20%, #500 30%, #700000 50%, #8d0000 65%, #860000 80%) 50% repeat;
  line-height: 1.5;
  color: #fff;
  text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
  border-color: transparent;
  border-style: solid;
  border-width: 7px 8px;
  border-radius: 18px;
  text-decoration: none;
  text-align: center;
  -webkit-box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.75);
          box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.75);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.btnbg:before {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #600000;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #600000), color-stop(30%, #680000), color-stop(50%, #8f0000), color-stop(65%, #b40000), color-stop(80%, #ae0000));
  background: linear-gradient(0deg, #600000 20%, #680000 30%, #8f0000 50%, #b40000 65%, #ae0000 80%);
  opacity: 0;
}
.btnbg:after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  border-image-outset: 7px 8px 7px 8px;
  border-image-width: 16px;
  border-image-slice: 16 fill;
  border-image-source: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/border_ab2f7ed7.png);
  border-image-repeat: round;
}
.btnbg .btninner {
  position: relative;
  padding: 18px 30px 20px;
}
.btnbg .btninner:before {
  content: "";
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-image-width: 11px 13px;
  border-image-slice: 11 13 fill;
  border-image-repeat: round;
  border-image-outset: 0;
  border-image-source: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/border2_2b5142e5.png);
}
.btnbg .btninner:after {
  content: "";
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 200px;
}
.btnbg .btntxt {
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  color: #f7b10a;
  text-transform: uppercase;
  text-shadow: 0 2px 0 #000, 1px 0 5px #000, 0 1px 5px #000, -1px 0 5px #000, 0 -1px 5px #000;
  position: relative;
  top: 0;
  z-index: 1;
  line-height: 1;
  white-space: nowrap;
  font-size: 1.5rem;
}
.btnbg:hover:before {
  opacity: 1;
}
.btnbg:hover:after {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.btnbg:hover .btninner:before {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.btnbg:hover .btntxt {
  color: #fff;
}
.fz-part-tit {
  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: 3rem;
  color: #fff;
  text-align: center;
}
.fz-part-desc {
  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-size: 1.333rem;
  color: #ebdec2;
  text-align: center;
  margin-top: 20px;
}
.mshow {
  display: none;
}
.pcshow {
  display: block;
}
.part {
  position: relative;
  width: 100%;
}
.part .partbox {
  position: relative;
  padding-top: 117px;
  padding-bottom: 110px;
}
.part .partbg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
}
.part .partbg .innerbg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.part .partbg .innerbg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.08);
          box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.08);
  content: "";
  display: block;
  pointer-events: none;
  z-index: 1;
}
.part .content {
  padding: 0 20px;
  position: relative;
  margin: 0 auto;
  max-width: 1600px;
  z-index: 0;
}
.part-masthead .partbox {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}
.part-masthead .bg {
  background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/part-bg1_b82d59c3.png) no-repeat center top;
  background-size: 2400px;
}
.part-masthead .content {
  padding-top: calc(var(--nav-height) + var(--nav-space));
}
.part-masthead .textbox {
  padding: 199px 0 201px;
  -webkit-transform: translate(8px, 0);
  -moz-transform: translate(8px, 0);
  -ms-transform: translate(8px, 0);
  -o-transform: translate(8px, 0);
  transform: translate(8px, 0);
}
.part-masthead .textbox .h1 {
  text-align: center;
  font-size: 4rem;
  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;
  line-height: 1.2;
  margin: 0 auto 7px;
  max-width: 688px;
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.part-masthead .textbox .h1 sup {
  font-size: 75%;
  line-height: 0;
  top: -0.5em;
  position: relative;
  vertical-align: baseline;
}
.part-masthead .textbox .info {
  max-width: 688px;
  margin: auto;
  text-align: center;
}
.part-masthead .textbox .info .h2 {
  font-size: 2.166rem;
  font-weight: normal;
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.part-masthead .textbox .info .desc {
  padding: 0 40px;
  font-size: 1.333rem;
  margin-top: 29px;
}
.part-masthead .textbox .info .btnwrap {
  margin: 43px auto 38px;
}
.part-masthead .textbox .info .returnbox .line {
  margin-bottom: 39px;
}
.part-fantasy .bg {
  background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/part-bg2_e833325d.jpg) no-repeat center top;
  background-size: 2400px;
  overflow: visible;
}
.part-fantasy .bg .leftForeground {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-1050px);
          transform: translate(-1050px);
  top: -56px;
  z-index: 1;
  width: 876px;
  height: calc(100% + 56px);
  background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/leftForeground_e0486362.png) no-repeat center top;
  background-size: 100% auto;
}
.part-fantasy .bg .rightForeground {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(200px);
          transform: translate(200px);
  top: -30px;
  z-index: 1;
  width: 792px;
  height: calc(100% + 30px);
  background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/rightForeground_7d48310b.png) no-repeat center top;
  background-size: 100% auto;
}
.part-fantasy .content {
  z-index: 2;
}
.part-fantasy .textbox {
  max-width: 550px;
  margin: 0 auto 41px;
}
.part-fantasy .textbox .disclaimer {
  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-size: 1.333rem;
  margin-top: 14px;
  text-align: center;
  font-style: italic;
  color: #777;
}
.part-fantasy .textbox .m-role {
  display: none;
}
.part-fantasy .subtit {
  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;
  max-width: 980px;
  margin: auto;
}
.part-fantasy .subtit span {
  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;
  color: #ebdec2;
  font-size: 1.333rem;
  padding: 0 35px;
  letter-spacing: 2px;
}
.part-fantasy .subtit::before {
  content: "";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  position: relative;
  background-color: #fff;
  opacity: 0.15;
}
.part-fantasy .subtit::after {
  content: "";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  position: relative;
  background-color: #fff;
  opacity: 0.15;
}
.part-fantasy .list {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1600px;
  padding: 0 20px;
  margin: 37px auto 0;
  z-index: 2;
}
.part-fantasy .list .grid {
  width: 26%;
}
.part-faction .bg {
  background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/part-bg3_b48e7318.jpg) no-repeat center top;
  background-size: 2400px;
  overflow: visible;
}
.part-faction .textbox:after,
.part-faction .textbox:before {
  content: "";
  display: table;
  clear: both;
}
.part-faction .textbox .info {
  float: left;
  width: 50%;
  clear: none;
}
.part-faction .textbox .info .desc {
  padding: 0 100px;
}
.part-faction .list {
  padding: 0 20px;
  margin-top: 56px;
  margin-bottom: 7px;
}
.part-faction .list:after,
.part-faction .list:before {
  content: "";
  display: table;
  clear: both;
}
.part-faction .list .grid {
  width: 26%;
}
.part-faction .list .grid:nth-child(1) {
  margin-left: -30px;
}
.part-fellowship .videobox {
  position: relative;
  padding-top: 40px;
  padding-bottom: 132px;
  max-width: 2400px;
  margin: auto;
}
.part-fellowship .bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/part-bg4_0d1aa318.jpg) no-repeat center center;
  background-size: cover;
  overflow: hidden;
}
.part-fellowship .bg video {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: auto;
  min-height: 100%;
  min-width: 100%;
  width: auto;
}
.part-fellowship .bg .btn-control {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 1;
  padding: 5px;
  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;
}
.part-fellowship .bg .btn-control:hover span {
  color: #fff;
}
.part-fellowship .bg .btn-control:hover i.on {
  background-image: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/btn-pause-on_94de5281.png);
}
.part-fellowship .bg .btn-control:hover i.off {
  background-image: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/btn-play-on_f7b64e1d.png);
}
.part-fellowship .bg .btn-control span {
  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-size: 1.44rem;
  color: #f8b700;
  margin-right: 5px;
}
.part-fellowship .bg .btn-control i {
  width: 24px;
  height: 24px;
}
.part-fellowship .bg .btn-control i.on {
  background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/btn-pause_8b44893d.png) no-repeat;
}
.part-fellowship .bg .btn-control i.off {
  background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/btn-play_3626bd4b.png) no-repeat;
}
.part-fellowship .bg .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 -180px 200px rgba(0, 0, 0, 0.6);
          box-shadow: inset 0 -180px 200px rgba(0, 0, 0, 0.6);
}
.part-fellowship .textbox {
  padding-top: 498px;
  max-width: 980px;
  margin: auto;
}
.part-fellowship .textbox .desc {
  padding: 0 60px;
  margin-top: 10px;
}
.part-products .partbox {
  padding-top: 120px;
  padding-bottom: 124px;
}
.part-products .bg {
  background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/part-bg5_b13c31fc.jpg) no-repeat center top;
  background-size: 2400px;
  overflow: hidden;
}
.part-products .textbox {
  max-width: 980px;
  margin: 0 auto 14px;
}
.part-products .textbox .desc {
  padding: 0 60px;
  margin-top: 12px;
}
.part-products .textbox .disclaimer {
  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-size: 1.2rem;
  margin-top: 20px;
  text-align: center;
  font-style: italic;
  color: #777;
}
.part-products .tablebox {
  overflow: visible;
  margin: 0 auto;
  padding: 26px 0 0;
  max-width: 1280px;
  margin-top: -25px;
}
.part-products .table-wrap {
  float: none;
  padding: 0;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
}
.part-products .table {
  display: inline-block;
  background-image: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/table-bg_db668cae.jpg);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  border-bottom: none;
  -webkit-box-shadow: 0 4px 15px 7px rgba(0, 0, 0, 0.5);
          box-shadow: 0 4px 15px 7px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.part-products .table .col1 {
  width: 238px;
}
.part-products .table .col2,
.part-products .table .col3 {
  width: 300px;
}
.part-products .table .table-head {
  color: #b1997f;
}
.part-products .table .table-head .row {
  color: #b1997f;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}
.part-products .table .table-head .col {
  position: relative;
}
.part-products .table .table-head .col .inner {
  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: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 30px 0 26px;
}
.part-products .table .table-head .col:not(.col1):before {
  content: "";
  width: 100%;
  height: 9999px;
  position: absolute;
  top: 0;
  left: 0;
  border-left: 1px solid hsla(0, 0%, 100%, 0.1);
}
.part-products .table .table-head .col.col2:before {
  background-image: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/table-bg2_f2a12d4d.jpg);
}
.part-products .table .table-head .col.col3:before {
  background-image: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/table-bg3_18def74e.jpg);
}
.part-products .table .table-head img {
  display: block;
  height: 85px;
  margin: auto;
}
.part-products .table .table-head .txt {
  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-size: 1rem;
  margin: 9px 0 0;
}
.part-products .table .table-body {
  position: relative;
  z-index: 1;
}
.part-products .table .table-body .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.part-products .table .table-body .row .col {
  border-top: 1px solid hsla(0, 0%, 100%, 0.1);
}
.part-products .table .table-body .row .col .inner {
  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;
  padding: 0 25px;
  min-height: 52px;
}
.part-products .table .table-body .row .col.col1 .inner {
  padding: 0 25px 0 10px;
}
.part-products .table .table-body .row:nth-child(odd) .col {
  background: hsla(0, 0%, 100%, 0.04);
}
.part-products .table .table-body .txt {
  float: right;
  text-align: right;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.25;
}
.part-products .table .table-body .check {
  display: block;
  width: 38px;
  height: 38px;
  margin: auto;
  background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/check_ae78fa80.png) no-repeat;
  background-size: cover;
}
.part-products .table .table-body .tablebtn {
  margin: 31px auto;
}
.part-download .bg {
  background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/part-bg6_4af7dd75.png) no-repeat center center;
  background-size: cover;
  overflow: visible;
}
.part-download .bg .role {
  position: absolute;
  right: 50%;
  top: -33px;
  z-index: 1;
  width: 60%;
  -webkit-transform: translate(80px);
          transform: translate(80px);
  height: calc(100% + 35px);
  background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/pt6-img_62653c29.png) no-repeat right top;
  background-size: 964px auto;
}
.part-download .textbox:after,
.part-download .textbox:before {
  content: "";
  display: table;
  clear: both;
}
.part-download .textbox .info {
  float: right;
  width: 41.667%;
  text-align: center;
}
.part-download .btnwrap {
  margin: 40px auto 86px;
}
.part-download .m-role {
  display: none;
}
.part-download .returnbox .line {
  display: none;
}
.part-housing .bg {
  background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/part-housing_507b598c.png) no-repeat center center;
  background-size: cover;
  overflow: visible;
}
.part-housing .textbox:after,
.part-housing .textbox:before {
  content: "";
  display: table;
  clear: both;
}
.part-housing .textbox .info {
  float: right;
  width: 41.667%;
  text-align: left;
}
.part-housing .textbox .info .h1 {
  font-size: 1.2rem;
  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;
  color: #ebdec2;
}
.part-housing .textbox .info .fz-part-tit {
  text-align: left;
  font-size: 2.986rem;
}
.part-housing .textbox .info .tips {
  padding-bottom: 20px;
  font-size: 1.44rem;
  color: #f3eee2;
  display: block;
}
.part-housing .textbox .info .tips p {
  margin: 1em 0;
}
.part-housing .btnwrap {
  margin: 0 auto;
}
.lightboxOverlay {
  opacity: 0.4 !important;
}
#lightbox .lb-outerContainer {
  background-color: transparent;
}
#lightbox .lb-nav .lb-prev {
  position: fixed;
  left: 20px;
  top: 50%;
  width: 96px;
  height: 96px;
  margin-top: -48px;
  background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/btn-prev_4aa62914.png) no-repeat center center;
  background-size: 56px 56px;
  opacity: 1 !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#lightbox .lb-nav .lb-prev:hover {
  -webkit-filter: brightness(200%) saturate(0);
          filter: brightness(200%) saturate(0);
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}
#lightbox .lb-nav .lb-next {
  position: fixed;
  right: 20px;
  top: 50%;
  width: 96px;
  height: 96px;
  margin-top: -48px;
  background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/btn-next_b6467d9a.png) no-repeat center center;
  background-size: 56px 56px;
  opacity: 1 !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#lightbox .lb-nav .lb-next:hover {
  -webkit-filter: brightness(200%) saturate(0);
          filter: brightness(200%) saturate(0);
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
#lightbox .lb-data .lb-details {
  width: 100%;
  max-width: 100%;
  text-align: center;
}
#lightbox .lb-data .lb-number {
  display: none !important;
}
#lightbox .lb-data .lb-caption {
  font-size: 1.333rem;
  color: #cacaca;
  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;
}
#lightbox .lb-data .lb-close {
  position: fixed;
  right: 25px;
  top: 10px;
  width: 30px;
  height: 30px;
  background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/btn-close_d58cf73c.png) no-repeat center center;
  background-size: contain;
}
.channel-wrap .social-channel {
  margin-top: 0;
}
@media screen and (max-width: 1279px) {
  .part-masthead .bg {
    background-position: center top;
    background-size: cover;
  }
  .part-faction .bg {
    background-position: center top;
    background-size: cover;
  }
  .part-download .bg .role {
    background-size: 100% auto;
    background-position: center bottom;
    top: -35px;
  }
  .part-housing .textbox .info .h1 {
    font-size: 1.02rem;
  }
  .part-housing .textbox .info .fz-part-tit {
    font-size: 2.5381rem;
  }
  .part-housing .textbox .info .tips {
    font-size: 1.224rem;
  }
}
@media screen and (max-width: 979px) {
  .fz-part-tit {
    font-size: 2.667rem;
  }
  .fz-part-desc {
    font-size: 1.167rem;
  }
  .part .content {
    padding-left: 0;
    padding-right: 0;
  }
  .part-masthead .bg {
    background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/part-bg1_2724d6a0.jpg) no-repeat center top;
    background-size: 980px auto;
  }
  .part-masthead .textbox {
    padding: 172px 0 119px;
    -webkit-transform: unset;
            transform: unset;
  }
  .part-masthead .textbox .info .desc {
    margin-top: 21px;
  }
  .part-masthead .textbox .info .btnwrap {
    margin-top: 33px;
  }
  .part-masthead .textbox .info .returnbox .returning-players {
    margin-bottom: 1px;
  }
  .part-masthead .textbox .info .returnbox .line {
    margin-bottom: 36px;
  }
  .part-fantasy .bg {
    background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/part-bg2_6c267098.jpg) no-repeat center top;
    background-size: 980px auto;
  }
  .part-fantasy .bg .leftForeground,
  .part-fantasy .bg .rightForeground {
    display: none;
  }
  .part-fantasy .partbox {
    padding: 40px 0 48px;
  }
  .part-fantasy .textbox {
    margin-bottom: 0;
  }
  .part-fantasy .textbox .m-role {
    display: block;
    height: 0;
    overflow: visible;
    width: 100%;
    padding-bottom: 273px;
    max-height: 260px;
    position: relative;
    top: 27px;
    margin: auto;
  }
  .part-fantasy .textbox .m-role .art {
    cursor: default;
    position: relative;
    width: auto;
    overflow: hidden;
    z-index: -1;
    pointer-events: none;
  }
  .part-fantasy .textbox .m-role .art .size {
    padding-top: 73.5294%;
  }
  .part-fantasy .textbox .m-role .art .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/role_bcc53234.png) no-repeat center center;
    background-size: contain;
  }
  .part-fantasy .textbox .desc {
    margin-top: 15px;
  }
  .part-fantasy .textbox .disclaimer {
    font-size: 1.166rem;
  }
  .part-fantasy .subtit {
    padding: 0 20px;
  }
  .part-fantasy .subtit span {
    padding: 0 34px;
  }
  .part-fantasy .list {
    padding: 0 9px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .part-fantasy .list .grid {
    width: 33.3%;
  }
  .part-fantasy .list .grid .cardimg {
    margin-bottom: 15px;
  }
  .part-fantasy .list .grid h4 {
    font-size: 1.166rem;
    margin-bottom: 4px;
  }
  .part-fantasy .list .grid .desc {
    font-size: 1rem;
  }
  .part-faction .bg {
    background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/part-bg3_72065ed0.jpg) no-repeat center top;
    background-size: 980px auto;
  }
  .part-faction .partbox {
    padding: 38px 0 43px;
  }
  .part-faction .textbox .info {
    width: 100%;
    float: none;
  }
  .part-faction .textbox .info .desc {
    padding: 0 180px;
  }
  .part-faction .list {
    margin-top: 29px;
    padding: 0 7px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .part-faction .list .grid {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 50%;
  }
  .part-faction .list .grid .cardimg {
    margin-bottom: 13px;
  }
  .part-faction .list .grid h4 {
    margin-bottom: 1px;
  }
  .part-faction .list .grid .desc {
    font-size: 1rem;
  }
  .part-faction .list .grid:nth-child(1) {
    margin-left: 0;
  }
  .part-fellowship .videobox {
    padding: 40px 0 48px;
  }
  .part-fellowship .bg {
    background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/part-bg4_878fdde9.jpg) no-repeat center top;
    background-size: cover;
  }
  .part-fellowship .bg .btn-control {
    display: none;
  }
  .part-fellowship .bg video {
    opacity: 0;
    display: none;
  }
  .part-fellowship .textbox {
    padding-top: 226px;
  }
  .part-fellowship .textbox .desc {
    padding: 0 75px;
  }
  .part-products .bg {
    background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/part-bg5_18f85c32.jpg) no-repeat center top;
    background-size: 980px auto;
  }
  .part-products .partbox {
    padding: 37px 0 46px;
  }
  .part-products .textbox .desc {
    padding: 0 64px;
  }
  .part-products .tablebox {
    margin-top: -7px;
  }
  .part-products .table .col1 {
    width: 210px;
  }
  .part-products .table .col2 {
    width: 228px;
  }
  .part-products .table .col3 {
    width: 228px;
  }
  .part-products .table .table-head .col .inner {
    padding-top: 40px;
    padding-bottom: 15px;
  }
  .part-products .table .table-head .txt {
    margin-top: 22px;
  }
  .part-products .table .table-head img {
    height: 63px;
  }
  .part-products .table .table-body .row .col .inner {
    padding: 0 25px;
    min-height: 49px;
  }
  .part-products .table .table-body .txt {
    font-size: 1.02rem;
  }
  .part-products .btnbg .btninner {
    padding: 14px 30px 16px;
  }
  .part-products .btnbg .btntxt {
    font-size: 1.33rem;
  }
  .part-download .partbox {
    padding: 40px 0 0;
  }
  .part-download .bg {
    background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/part-bg6_33198568.png) no-repeat center top;
    background-size: 980px auto;
  }
  .part-download .bg .role {
    display: none;
  }
  .part-download .textbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .part-download .textbox .info {
    float: none;
    width: 80%;
    margin: auto;
  }
  .part-download .returnbox .line {
    display: block;
  }
  .part-download .returnbox .returning-players {
    margin-bottom: 7px;
  }
  .part-download .returnbox .returning-players span {
    font-size: 1.33rem;
  }
  .part-download .m-role {
    display: block;
    margin: 30px auto 0;
    height: 0;
    overflow: hidden;
    width: 100%;
    padding-bottom: 60%;
  }
  .part-download .m-role .art {
    cursor: default;
    position: relative;
    width: auto;
    overflow: hidden;
    z-index: -1;
    pointer-events: none;
  }
  .part-download .m-role .art .size {
    padding-top: 75%;
  }
  .part-download .m-role .art .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/pt6-img_62653c29.png) no-repeat center center;
    background-size: contain;
  }
  .part-download .btnwrap {
    margin-bottom: 56px;
  }
  .part-download .btnbg .btntxt {
    font-size: 1.166rem;
  }
  .part-housing .bg {
    background: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/part-housing-2_1420e164.png) no-repeat center bottom;
    background-size: cover;
  }
  .part-housing .partbox {
    padding: 40px 0;
    height: 752px;
  }
  .part-housing .textbox .info {
    width: 100%;
    padding: 0 20px;
    text-align: center;
  }
  .part-housing .textbox .info .fz-part-tit {
    text-align: center;
  }
  #lightbox .lb-data .lb-caption {
    font-size: 1.166rem;
  }
  #lightbox .lb-data .lb-close {
    width: 25px;
    height: 25px;
  }
}
@media screen and (max-width: 719px) {
  .btnbg .btninner {
    padding: 15px 30px 17px;
  }
  .btnbg .btntxt {
    font-size: 1.166rem;
  }
  .fz-part-tit {
    font-size: 2.25rem;
  }
  .fz-part-desc {
    font-size: 1rem;
  }
  .returnbox .returning-players span {
    font-size: 1.166rem;
  }
  .returnbox .returning-link a {
    font-size: 1rem;
  }
  .part-products .partbox {
    padding: 38px 0 43px;
  }
  .part-products .textbox .desc {
    padding: 0 24px;
  }
  .part-products .tablebox {
    padding-bottom: 18px;
    margin-top: -11px;
    overflow-x: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .part-products .table-wrap {
    padding: 0 25px;
    display: inline-block;
  }
  .part-products .table .col1 {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 144px;
  }
  .part-products .table .col2 {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 244px;
  }
  .part-products .table .col3 {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 244px;
  }
  .part-products .table .table-head .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .part-products .table .table-head .row .inner {
    padding-top: 46px;
    padding-bottom: 26px;
  }
  .part-products .table .table-head .txt {
    margin-top: 19px;
  }
  .part-products .table .table-head img {
    height: 64px;
  }
  .part-products .table .table-body .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .part-products .table .table-body .row .col .inner {
    padding: 0 12px;
    min-height: 59px;
  }
  .part-products .table .table-body .row .col.col1 .inner {
    padding: 0 12px;
  }
  .part-products .table .table-body .txt {
    font-size: 1.02rem;
  }
  .part-products .table .table-body .tablebtn {
    margin: 31px auto;
  }
  .part-products .table .table-body .tablebtn .btntxt {
    font-size: 1.25rem;
  }
  .part-housing .textbox .info {
    font-size: 1.08rem;
  }
  .part-housing .textbox .info .h1 {
    font-size: 1rem;
  }
  .part-housing .textbox .info .fz-part-tit {
    font-size: 2.2395rem;
  }
  .part-download .textbox {
    padding: 0 20px;
  }
  .part-download .textbox .info {
    width: 100%;
  }
  .part-download .m-role {
    margin-top: 30px;
  }
}
@media screen and (max-width: 540px) {
  .btnbg .btninner {
    padding: 15px 30px 17px;
  }
  .btnbg .btntxt {
    font-size: 1.166rem;
  }
  .fz-part-tit {
    font-size: 2.25rem;
    font-weight: 400;
  }
  .fz-part-desc {
    font-size: 1rem;
  }
  .returnbox .returning-players span {
    font-size: 1.166rem;
  }
  .returnbox .returning-link a {
    font-size: 1rem;
  }
  .mshow {
    display: block;
  }
  .pcshow {
    display: none;
  }
  .part-masthead .bg {
    background-size: 100%;
  }
  .part-masthead .textbox {
    padding: 112px 0 61px;
  }
  .part-masthead .textbox .h1 {
    font-size: 3rem;
    padding: 0 30px;
    line-height: 1.388;
  }
  .part-masthead .textbox .info .h2 {
    font-size: 1.33rem;
  }
  .part-masthead .textbox .info .desc {
    margin-top: 32px;
    font-size: 1.166rem;
    padding: 0 25px;
  }
  .part-masthead .textbox .info .btnwrap {
    margin: 38px auto 20px;
  }
  .part-masthead .tips {
    text-align: center;
    font-size: 1rem;
    color: #cacaca;
    margin-bottom: 59px;
  }
  .part-masthead .returnbox {
    padding: 0 25px;
  }
  .part-fantasy .bg {
    background-size: 100%;
  }
  .part-fantasy .partbox {
    padding: 40px 0 32px;
  }
  .part-fantasy .textbox {
    padding: 0 25px;
  }
  .part-fantasy .textbox .desc {
    margin-top: 18px;
  }
  .part-fantasy .textbox .disclaimer {
    font-size: 1rem;
    margin-top: 19px;
  }
  .part-fantasy .textbox .m-role {
    top: 35px;
    padding-bottom: 53.2%;
  }
  .part-fantasy .subtit {
    padding: 0 25px;
  }
  .part-fantasy .subtit span {
    font-size: 1.16rem;
    padding: 0 14px;
  }
  .part-fantasy .list {
    padding: 0 10px;
    margin-top: 33px;
  }
  .part-fantasy .list .grid {
    width: 100%;
  }
  .part-fantasy .list .grid .cardimg {
    margin-bottom: 14px;
  }
  .part-fantasy .list .grid h4 {
    font-size: 1.083rem;
    margin-bottom: 2px;
  }
  .part-fantasy .list .grid .desc {
    font-size: 1rem;
  }
  .part-faction .bg {
    background-size: 100%;
  }
  .part-faction .partbox {
    padding: 38px 0 29px;
  }
  .part-faction .textbox .info .desc {
    padding: 0 25px;
  }
  .part-faction .list {
    padding: 0 10px;
    margin-top: 52px;
    display: block;
  }
  .part-faction .list .grid {
    width: 100%;
  }
  .part-faction .list .grid .cardimg {
    margin-bottom: 13px;
  }
  .part-faction .list .grid h4 {
    font-size: 1.083rem;
    margin-bottom: 3px;
  }
  .part-faction .list .grid .desc {
    font-size: 1rem;
  }
  .part-fellowship .videobox {
    padding: 40px 0 54px;
  }
  .part-fellowship .bg {
    background-image: url(https://wow.res.netease.com/pc/zt/20240723191154/assets/part-bg4-2_e59eba41.png);
  }
  .part-fellowship .bg .overlay {
    display: none;
  }
  .part-fellowship .textbox {
    padding-top: 84px;
  }
  .part-fellowship .textbox .desc {
    padding: 0 24px;
  }
  .part-products .bg {
    background-size: 100%;
  }
  .part-download .btnwrap {
    margin-bottom: 0;
    margin-top: 19px;
  }
  .part-download .tips {
    margin-top: 22px;
    text-align: center;
    font-size: 1rem;
    color: #ebdec2;
    margin-bottom: 40px;
    letter-spacing: 0.5px;
  }
  .part-download .returnbox .line {
    margin-bottom: 18px;
  }
  .part-download .returnbox .returning-players span {
    font-size: 1.166rem;
  }
  .part-download .returnbox .returning-link {
    font-size: 1rem;
  }
  #lightbox .lb-nav .lb-prev {
    position: fixed;
    top: auto;
    bottom: 10px;
    left: 80px;
    width: 40px;
    height: 40px;
    margin-top: 0;
    background-size: 40px 40px;
  }
  #lightbox .lb-nav .lb-prev:hover {
    -webkit-filter: unset;
            filter: unset;
    -webkit-transform: unset;
            transform: unset;
  }
  #lightbox .lb-nav .lb-next {
    position: fixed;
    top: auto;
    bottom: 10px;
    right: 80px;
    width: 40px;
    height: 40px;
    margin-top: 0;
    background-size: 40px 40px;
  }
  #lightbox .lb-nav .lb-next:hover {
    -webkit-filter: unset;
            filter: unset;
    -webkit-transform: unset;
            transform: unset;
  }
  #lightbox .lb-data .lb-caption {
    font-size: 1rem;
  }
  #lightbox .lb-data .lb-close {
    right: 10px;
    width: 25px;
    height: 25px;
    opacity: 1;
  }
}
.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/20240723191154/assets/sprite-b40b45_b40b450a.png);background-size:201px 213px;
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/20240723191154/assets/sprite-b40b45_b40b450a.png);background-size:201px 213px;
background-position:-135px -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/20240723191154/assets/sprite-b40b45_b40b450a.png);background-size:201px 213px;
background-position:-135px -161px;
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/20240723191154/assets/sprite-b40b45_b40b450a.png);background-size:201px 213px;
background-position:-135px -122px;
width:37px;
height:37px;

}
@media screen and (max-width: 750px) {
  .qrcode-box {
    right: 0;
    bottom: 200px;
    width: auto;
    z-index: 6;
  }
  .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/20240723191154/assets/sprite-b40b45_b40b450a.png);background-size:201px 213px;
background-position:-135px -75px;
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;
}