@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-12 {
  font-size: 1rem;
}
.font-14 {
  font-size: 1.16666667rem;
}
.font-16 {
  font-size: 1.33333333rem;
}
.font-18 {
  font-size: 1.5rem;
}
.font-20 {
  font-size: 1.66666667rem;
}
.font-22 {
  font-size: 1.83333333rem;
}
.font-24 {
  font-size: 2rem;
}
.font-xs {
  font-size: 1rem;
}
.font-sm {
  font-size: 1.16666667rem;
}
.font-md {
  font-size: 1.33333333rem;
}
.font-lg {
  font-size: 1.33333333rem;
}
.font-larger {
  font-size: 1.66666667rem;
}
.header-xs {
  font-size: 1.66666667rem;
}
.header-sm {
  font-size: 2rem;
}
.header-md {
  font-size: 2.5rem;
}
.header-lg {
  font-size: 3rem;
}
@media screen and (min-width: 750px) {
  .font-xs {
    font-size: 1.16666667rem;
  }
  .font-sm {
    font-size: 1.33333333rem;
  }
  .font-md {
    font-size: 1.5rem;
  }
  .font-lg {
    font-size: 1.66666667rem;
  }
  .font-larger {
    font-size: 2rem;
  }
  .header-xs {
    font-size: 2rem;
  }
  .header-sm {
    font-size: 3rem;
  }
  .header-md {
    font-size: 4rem;
  }
  .header-lg {
    font-size: 5rem;
  }
}
@media screen and (max-width: 750px) {
  .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: 750px) 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-shadow-s {
  text-shadow: #000 2px 0 0, #000 1.75517px 0.95885px 0, #000 1.0806px 1.68294px 0, #000 0.14147px 1.99499px 0, #000 -0.83229px 1.81859px 0, #000 -1.60229px 1.19694px 0, #000 -1.97998px 0.28224px 0, #000 -1.87291px -0.70157px 0, #000 -1.30729px -1.5136px 0, #000 -0.42159px -1.95506px 0, #000 0.56732px -1.91785px 0, #000 1.41734px -1.41108px 0, #000 1.92034px -0.55883px 0;
}
.font-shadow-b {
  text-shadow: #000000 4px 0 0, #000000 3.87565px 0.989616px 0, #000000 3.51033px 1.9177px 0, #000000 2.92676px 2.72656px 0, #000000 2.16121px 3.36588px 0, #000000 1.26129px 3.79594px 0, #000000 0.282949px 3.98998px 0, #000000 -0.712984px 3.93594px 0, #000000 -1.66459px 3.63719px 0, #000000 -2.51269px 3.11229px 0, #000000 -3.20457px 2.39389px 0, #000000 -3.69721px 1.52664px 0, #000000 -3.95997px 0.56448px 0, #000000 -3.97652px -0.432781px 0, #000000 -3.74583px -1.40313px 0, #000000 -3.28224px -2.28625px 0, #000000 -2.61457px -3.02721px 0, #000000 -1.78435px -3.57996px 0, #000000 -0.843183px -3.91012px 0, #000000 0.150409px -3.99717px 0, #000000 1.13465px -3.8357px 0, #000000 2.04834px -3.43574px 0, #000000 2.83468px -2.82216px 0, #000000 3.44477px -2.03312px 0, #000000 3.84068px -1.11766px 0, #000000 3.9978px -0.132717px 0;
}
@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-R-GB';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/FZLanTingHeiSRGB-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/FZLanTingHeiSRGB-Regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: "belweb";
  src: url("https://nie.res.netease.com/comm/js/leihuo/fonts/BELWEB.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.mt-10 {
  margin-top: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.mt-14 {
  margin-top: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.mt-18 {
  margin-top: 18px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-22 {
  margin-top: 22px;
}
.mt-24 {
  margin-top: 24px;
}
.mt-26 {
  margin-top: 26px;
}
.mt-28 {
  margin-top: 28px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-32 {
  margin-top: 32px;
}
.mt-34 {
  margin-top: 34px;
}
.mt-36 {
  margin-top: 36px;
}
.mt-38 {
  margin-top: 38px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-42 {
  margin-top: 42px;
}
.mt-44 {
  margin-top: 44px;
}
.mt-46 {
  margin-top: 46px;
}
.mt-48 {
  margin-top: 48px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-52 {
  margin-top: 52px;
}
.mt-54 {
  margin-top: 54px;
}
.mt-56 {
  margin-top: 56px;
}
.mt-58 {
  margin-top: 58px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-62 {
  margin-top: 62px;
}
.mt-64 {
  margin-top: 64px;
}
.mt-66 {
  margin-top: 66px;
}
.mt-68 {
  margin-top: 68px;
}
.mt-70 {
  margin-top: 70px;
}
.mt-72 {
  margin-top: 72px;
}
.mt-74 {
  margin-top: 74px;
}
.mt-76 {
  margin-top: 76px;
}
.mt-78 {
  margin-top: 78px;
}
.mt-80 {
  margin-top: 80px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mb-14 {
  margin-bottom: 14px;
}
.mb-16 {
  margin-bottom: 16px;
}
.mb-18 {
  margin-bottom: 18px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-22 {
  margin-bottom: 22px;
}
.mb-24 {
  margin-bottom: 24px;
}
.mb-26 {
  margin-bottom: 26px;
}
.mb-28 {
  margin-bottom: 28px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-32 {
  margin-bottom: 32px;
}
.mb-34 {
  margin-bottom: 34px;
}
.mb-36 {
  margin-bottom: 36px;
}
.mb-38 {
  margin-bottom: 38px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-42 {
  margin-bottom: 42px;
}
.mb-44 {
  margin-bottom: 44px;
}
.mb-46 {
  margin-bottom: 46px;
}
.mb-48 {
  margin-bottom: 48px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-52 {
  margin-bottom: 52px;
}
.mb-54 {
  margin-bottom: 54px;
}
.mb-56 {
  margin-bottom: 56px;
}
.mb-58 {
  margin-bottom: 58px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-62 {
  margin-bottom: 62px;
}
.mb-64 {
  margin-bottom: 64px;
}
.mb-66 {
  margin-bottom: 66px;
}
.mb-68 {
  margin-bottom: 68px;
}
.mb-70 {
  margin-bottom: 70px;
}
.mb-72 {
  margin-bottom: 72px;
}
.mb-74 {
  margin-bottom: 74px;
}
.mb-76 {
  margin-bottom: 76px;
}
.mb-78 {
  margin-bottom: 78px;
}
.mb-80 {
  margin-bottom: 80px;
}
html,
body {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 2560px;
  min-width: 1760px;
  background: #111;
  color: #fff;
  font-size: 12px;
  font-family: 'FZLanTingHeiS-R-GB', sans-serif;
}
html.mask-lock,
body.mask-lock {
  overflow: hidden;
}
.blz-nav {
  position: fixed !important;
  max-width: 2560px;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(100% - var(--nav-space) - var(--nav-space));
}
body.hid {
  overflow: hidden;
}
.box-content {
  width: 100%;
  height: 100%;
}
.kv {
  position: relative;
  overflow: hidden;
  min-height: 356px;
  border-bottom: 1px solid #4d3928;
}
.kv .kv-title {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 96px;
  font-size: 48px;
  font-weight: bold;
}
.kv .kv-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-height: 100%;
  height: auto;
  min-width: 100%;
  width: auto;
  max-width: 2560px;
  max-height: 356px;
  background-image: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/kv_00b1f431.png);
  background-position-x: 50%;
}
.leihuo-share-copy-btn {
  background-image: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/copy_d45188c2.png) !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-color: transparent !important;
  font-size: 0 !important;
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.8);
}
.pop-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 680px;
}
.pop-bg::before {
  content: '';
  display: block;
  padding-top: 54.57%;
  width: 100%;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/bg_0eb1f5e5.png) no-repeat center center;
  background-size: 100% 100%;
}
.pop-bg .pop-close {
  position: absolute;
  top: 20px;
  right: 20px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  cursor: pointer;
  width: 56px;
  height: 54px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/close_d8ce989e.png) no-repeat center center;
  background-size: 100% 100%;
}
.pop-bg .pop-close::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/close-hover_32887101.png) no-repeat center center;
  background-size: 100% 100%;
}
.pop-bg .pop-close:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pop-bg .pop-close:hover::after {
  display: block;
}
.pop-bg .pop-content {
  position: absolute;
  color: #614326;
  font-size: 26px;
  top: 0;
  left: 0;
  width: 100%;
}
.msg-pop {
  width: 780px;
}
.msg-pop .pop-content {
  top: 0;
  height: 100%;
  padding: 64px 20px 120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.msg-pop .pop-content .message-title-wrap {
  font-size: 30px;
  font-weight: 600;
  color: #614326;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.msg-pop .pop-content .message-title-wrap .message-sub-title {
  margin-top: 20px;
  font-size: 14px;
}
.msg-pop .pop-content .message-content {
  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;
  font-size: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.msg-pop .pop-content .message-content.center {
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.msg-pop .pop-close {
  width: 44px;
  height: 43px;
}
.msg-pop .message-btns {
  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;
  position: absolute;
  bottom: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.msg-pop .message-btns .hs-btn {
  width: 180px;
}
.msg-pop .message-btns .hs-btn:not(:first-child) {
  margin-left: 52px;
}
.level-pop.pop-bg {
  width: 60.677%;
  max-width: 973px;
  min-width: 700px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.level-pop.pop-bg .pop-content {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.level-pop.pop-bg .pop-content .level-pop-header {
  font-size: 30px;
  color: #614326;
  font-weight: 600;
  text-align: center;
}
.level-pop.pop-bg .pop-content .level-pop-body {
  margin-top: 40px;
  text-align: center;
}
.level-pop.pop-bg .pop-content .level-pop-body .level-text-wrap {
  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;
}
.level-pop.pop-bg .pop-content .level-pop-body .level-text-wrap > p {
  font-size: 0;
  margin-left: 12px;
  position: relative;
}
.level-pop.pop-bg .pop-content .level-pop-body .level-text-wrap > p:not(:last-child)::after {
  content: ',';
  display: inline-block;
  font-size: 26px;
  position: absolute;
  bottom: 4px;
  right: -8px;
}
.level-pop.pop-bg .pop-content .level-pop-body .level-text-wrap > p .level-text {
  font-size: 26px;
}
.level-pop.pop-bg .pop-content .level-pop-body > p {
  margin-top: 14px;
}
.level-pop.pop-bg .pop-content .level-pop-body .error {
  color: #d10000;
}
.level-pop.pop-bg .pop-content .level-pop-footer {
  text-align: center;
  margin-top: 52px;
}
.level-pop.pop-bg .pop-content .level-pop-footer .hs-btn {
  width: 343px;
}
.leihuo-share-modal {
  position: absolute !important;
  width: 680px !important;
  padding: 0 !important;
  background: transparent !important;
  -webkit-transform: translate(-50%, 50%) !important;
          transform: translate(-50%, 50%) !important;
}
.leihuo-share-modal::before {
  content: '';
  display: block;
  padding-top: 54.57%;
  width: 100%;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/bg_0eb1f5e5.png) no-repeat center center;
  background-size: 100% 100%;
}
.leihuo-share-title {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.leihuo-share-blocks {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  padding: 0 20px !important;
}
.leihuo-share-close {
  position: absolute;
  top: 20px;
  right: 20px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  cursor: pointer;
  width: 40px;
  height: 40px;
  z-index: 2;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/close_d8ce989e.png) no-repeat center center;
  background-size: 100% 100%;
}
.leihuo-share-close::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/close-hover_32887101.png) no-repeat center center;
  background-size: 100% 100%;
}
.leihuo-share-close:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.leihuo-share-close:hover::after {
  display: block;
}
.leihuo-share-close::before {
  display: none;
}
.leihuo-share-img {
  height: 180px;
  position: relative;
}
.leihuo-share-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.leihuo-share-img::after {
  content: '\957F\56FE';
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 39px;
  height: 17px;
  line-height: 17px;
  font-size: 12px;
  color: #614326;
  background-color: #ddc7a0;
  border-radius: 4px;
  text-align: center;
}
.returned-pop {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 973px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.returned-pop::before {
  content: '';
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-0px -159px;
width:973px;
height:126px;

  padding-top: 0;
}
.returned-pop .confirm-bg {
  content: '';
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-0px -0px;
width:973px;
height:155px;

  display: block;
  margin-top: -1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px;
}
.returned-pop .confirm-bg-btn {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-0px -347px;
width:343px;
height:91px;

  margin: 0 auto;
  line-height: 91px;
  text-align: center;
  color: #fff;
  font-size: 28px;
  text-shadow: 0 1px 8px #000000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.returned-pop .confirm-bg-btn:hover {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-347px -347px;
width:343px;
height:91px;

}
.returned-pop .pop-content {
  position: static;
}
.returned-pop-container {
  padding: 0 70px;
  width: 973px;
  height: 406px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/returned-middle_13f48e00.png) no-repeat;
  background-size: contain;
  position: relative;
  height: auto;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 15px;
}
.returned-pop .notice-title {
  font-size: 30px;
  color: #614326;
  font-weight: 600;
  margin-top: -21px;
}
.returned-pop .notice-container {
  margin-top: 50px;
  font-size: 26px;
  line-height: 39px;
}
.returned-pop .notice-container__line {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.returned-pop .notice-container__line:first-child {
  margin-top: 0;
}
.returned-pop .notice-container__line .label {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.returned-pop .notice-container__line .value.status {
  color: #da3636;
  font-weight: bold;
}
.nav-list {
  position: absolute;
  padding: 78px 0 0 0;
  margin: 0 auto;
  width: 1609px;
  left: 0;
  right: 0;
  bottom: -30px;
  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: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.nav-list .nav-item {
  margin: 0 -6px;
  -webkit-transition: height 0.1s ease-in-out;
  transition: height 0.1s ease-in-out;
}
.nav-list .nav-item.strategy {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-0px -651px;
width:132px;
height:112px;

}
.nav-list .nav-item.strategy.active,
.nav-list .nav-item.strategy:hover {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-136px -651px;
width:132px;
height:112px;

}
.nav-list .nav-item.collect {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-272px -651px;
width:132px;
height:112px;

}
.nav-list .nav-item.collect.active,
.nav-list .nav-item.collect:hover {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-408px -651px;
width:132px;
height:112px;

}
.nav-list .nav-item.my-strategy {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-544px -651px;
width:132px;
height:112px;

}
.nav-list .nav-item.my-strategy.active,
.nav-list .nav-item.my-strategy:hover {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-680px -651px;
width:132px;
height:112px;

}
.main-list {
  width: 100%;
  height: 100%;
  margin-top: -20px;
}
.main-list.sticky-main-list {
  padding-top: 153px;
}
.main-list-content {
  position: relative;
  padding: 78px 0 0 0;
  margin: 0 auto;
  max-width: 1609px;
  font-size: 17px;
  color: #614326;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main-list-content-filiter-box {
  padding-top: 10px;
  line-height: 25px;
  max-width: 1300px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.main-list-content-filiter-box .filter-title {
  min-width: 110px;
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 17px;
  color: #614326;
  background: transparent;
}
.main-list-content-filiter-box .filter-groups {
  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: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.main-list-content-filiter-box .filter-groups .tag {
  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: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.main-list-content-filiter-box .filter-groups .tag span {
  color: #fff;
  font-size: 14px;
  border-radius: 20px;
  padding: 0 12px;
  background: #604225;
  margin: 0 0 10px 10px;
  cursor: pointer;
  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;
}
.main-list-content-filiter-box .filter-groups .tag span .icon-clear {
  margin-left: 5px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-1036px -435px;
width:10px;
height:10px;

}
.main-list-content-filiter-box .filter-groups .tag span:hover {
  background: #233a6e;
}
.main-list-content-filiter-box .filter-groups .tag span:hover .icon-clear {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-977px -480px;
width:10px;
height:10px;

}
.main-list-content-filiter-box .filter-groups .tag span.filter-title {
  padding: 0;
  margin: 0 6px 10px 0;
  font-size: 17px;
  color: #614326;
  background: transparent;
}
.main-list-content-filiter-box .filter-groups .clear-all {
  font-size: 14px;
  border-radius: 20px;
  padding: 0 12px;
  margin: 0 0 10px 10px;
  cursor: pointer;
  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;
  color: #233a6e;
  background: #f4e4c3;
  border: 1px solid #614326;
}
.main-list-content-filiter-box .filter-groups .clear-all .icon-refresh {
  margin-right: 5px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-998px -435px;
width:15px;
height:13px;

}
.main-list-content-filiter-box .filter-groups .clear-all:hover {
  color: #fff;
  background: #233a6e;
}
.main-list-content-filiter-box .filter-groups .clear-all:hover .icon-refresh {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-1017px -435px;
width:15px;
height:13px;

}
.main-list-content-sort {
  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;
}
.main-list-content-sort-switch {
  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-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin-left: 8px;
  padding: 0 8px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-422px -500px;
width:134px;
height:42px;

}
.main-list-content-sort-switch span {
  width: 100%;
  height: 77%;
  margin: 0 -3px;
  cursor: pointer;
  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;
}
.main-list-content-sort-switch span.active,
.main-list-content-sort-switch span:hover {
  background: #ffff94;
}
.main-list-content-sort-switch span.active:first-child,
.main-list-content-sort-switch span:hover:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.main-list-content-sort-switch span.active:last-child,
.main-list-content-sort-switch span:hover:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.hs-scroll .__bar-is-vertical {
  -webkit-box-shadow: 0 0 0 2px #000;
          box-shadow: 0 0 0 2px #000;
}
.xcx-qrcode-box {
  position: fixed;
  top: 60%;
  right: 20px;
  z-index: 15;
}
.xcx-qrcode-box .icon-cat {
  position: absolute;
  left: 0;
  right: 0;
  top: -71px;
  z-index: 3;
  margin: 0 auto;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-977px -0px;
width:69px;
height:85px;

}
.xcx-qrcode-box .qrcode-content {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-687px -550px;
width:147px;
height:49px;

}
.xcx-qrcode-box .qrcode-content-title {
  font-size: 18px;
  padding-top: 15px;
  color: #614326;
  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;
  cursor: pointer;
}
.xcx-qrcode-box .qrcode-content-title::after {
  content: '';
  margin-left: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-1012px -456px;
width:14px;
height:8px;

}
.xcx-qrcode-box .qrcode-content:hover .qrcode-content-title::after {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.xcx-qrcode-box .qrcode-content-img,
.xcx-qrcode-box .qrcode-content-text {
  display: none;
}
.xcx-qrcode-box .qrcode-content.open {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-0px -442px;
width:147px;
height:205px;

}
.xcx-qrcode-box .qrcode-content.open .qrcode-content-title {
  padding-bottom: 5px;
}
.xcx-qrcode-box .qrcode-content.open .qrcode-content-title::after {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.xcx-qrcode-box .qrcode-content.open .qrcode-content-img {
  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;
  position: relative;
  width: 112px;
  height: 112px;
  background-color: #9a845d;
  border: 1px solid #8b7351;
  border-radius: 8px;
  margin: 0 auto;
}
.xcx-qrcode-box .qrcode-content.open .qrcode-content-img-bg {
  width: 106px;
  height: 106px;
  background-color: #e8d6a9;
  border: 0.5px solid #8b7351;
  border-radius: 6px;
  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;
}
.xcx-qrcode-box .qrcode-content.open .qrcode-content-img-bg img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  mix-blend-mode: multiply;
}
.xcx-qrcode-box .qrcode-content.open .qrcode-content-text {
  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;
  font-size: 14px;
  color: #614326;
  padding-top: 5px;
}
.xcx-qrcode-box .qrcode-content.open:hover .qrcode-content-title::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.popover-img {
  position: absolute;
  width: 206px;
  height: 290px;
  z-index: 99;
  cursor: pointer;
}
.popover-img.hero {
  width: 402px;
  height: 275px;
}
.popover-img-hero {
  padding: 10px 45px;
  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;
  width: 402px;
  height: 265px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/popover-img-bg_737a7c73.png) no-repeat;
  background-size: contain;
}
.popover-img-hero .card-hero {
  width: 177px;
}
.popover-img-hero .card-hero img {
  width: 100%;
  height: 100%;
}
.popover-img-hero .card-skill {
  width: 130px;
  height: 183px;
}
.popover-img-hero .card-skill img {
  width: 100%;
  height: 100%;
}
.popover-img-follower .card-follower {
  z-index: 1;
  pointer-events: none;
  -webkit-filter: drop-shadow(#000000 0 0 15px);
          filter: drop-shadow(#000000 0 0 15px);
}
.popover-img-follower .card-follower img {
  width: 206px;
}
.popover-img.upLoad {
  width: 353px;
  height: 217px;
}
.popover-img.upLoad .popover-img-hero {
  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;
  width: 353px;
  height: 227px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/add-popover-img-bg_50853395.png) no-repeat;
  background-size: contain;
}
.popover-img.upLoad .popover-img-hero .card-hero {
  width: 146px;
}
.popover-img.upLoad .popover-img-hero .card-skill {
  width: 140px;
  height: 183px;
}
.popover-img.ornament {
  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;
  width: 246px;
  height: 277px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/popover-img-ornament-bg_61c5adc6.png) no-repeat;
  background-size: contain;
}
.popover-img.ornament .card-ornament {
  pointer-events: none;
}
.popover-img.ornament .card-ornament img {
  width: 160px;
  height: 228px;
  margin-top: 30px;
  margin-left: 5px;
}
.author-index {
  height: 500px;
}
.author-index .author-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: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.author-index .author-box .score {
  margin-top: 140px;
  padding-left: 80px;
  padding-top: 5px;
  font-size: 39px;
  font-family: 'belweb', sans-serif;
  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;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-151px -442px;
width:267px;
height:104px;

  text-shadow: #000000 1px 0 0, #000000 0.877585px 0.479425px 0, #000000 0.5403px 0.84147px 0, #000000 0.070735px 0.997495px 0, #000000 -0.416145px 0.909295px 0, #000000 -0.801145px 0.59847px 0, #000000 -0.98999px 0.14112px 0, #000000 -0.936455px -0.350785px 0, #000000 -0.653645px -0.7568px 0, #000000 -0.210795px -0.97753px 0, #000000 0.28366px -0.958925px 0, #000000 0.70867px -0.70554px 0, #000000 0.96017px -0.279415px 0;
}
.author-index .author-box .text {
  width: 100%;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  color: #614326;
  padding: 30px 0;
}
.author-index .author-box .text .hs-btn {
  margin-top: 20px;
}
.author-index .author-box .text .hs-btn .hs-btn-inner {
  font-size: 20px;
}
.author-index .author-box.success {
  padding-top: 200px;
  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;
}
.author-index .author-box.success .anim {
  width: 100%;
  height: 50px;
  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;
}
.author-index .author-box.success .text {
  width: 100%;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  color: #614326;
  padding: 50px 0 0 0;
  -webkit-animation: z_gongxichengweijiuguanzhushouzuozhe_jijiangqianwang_000_anim 0.6s 1.067s linear both;
          animation: z_gongxichengweijiuguanzhushouzuozhe_jijiangqianwang_000_anim 0.6s 1.067s linear both;
}
.author-index .author-box.success .text span {
  color: #b17600;
}
/* 节点名：√ 3 */
.z_layer_000 {
  position: absolute;
  height: 79px;
  width: 110px;
  margin: 0 0 4px 14px;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  -webkit-animation: z_layer_000_transform_bezier_anim 0.6s 1.067s both, z_layer_000_opacity_bezier_anim 0.6s 1.067s both;
          animation: z_layer_000_transform_bezier_anim 0.6s 1.067s both, z_layer_000_opacity_bezier_anim 0.6s 1.067s both;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/z_layer_000_850373bb.png);
  background-size: 100% 100%;
}
/* 节点名：后盘 */
.z_houpan_000 {
  position: absolute;
  height: 146px;
  width: 142px;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 49% 51%;
          transform-origin: 49% 51%;
  -webkit-animation: z_houpan_000_anim 0.533s 1.133s linear both;
          animation: z_houpan_000_anim 0.533s 1.133s linear both;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/z_houpan_000_cad61af8.png);
  background-size: 100% 100%;
}
/* 节点名：后盘 合成 1 */
.z_houpan_hecheng_1_000 {
  position: absolute;
  height: 198px;
  width: 186px;
  mix-blend-mode: normal;
  -webkit-transform-origin: 51% 413%;
          transform-origin: 51% 413%;
  -webkit-animation: z_houpan_hecheng_1_000_anim 1.133s 0s linear both, sprite_z_houpan_hecheng_1_000 1.13s 0s steps(1) infinite normal;
          animation: z_houpan_hecheng_1_000_anim 1.133s 0s linear both, sprite_z_houpan_hecheng_1_000 1.13s 0s steps(1) infinite normal;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite_z_houpan_hecheng_1_000_c39efde6.png);
  background-size: 500% 400%;
}
@-webkit-keyframes z_layer_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(2, 2);
            transform: scale(2, 2);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  22.22% {
    -webkit-transform: scale(2, 2);
            transform: scale(2, 2);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  41.67% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes z_layer_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(2, 2);
            transform: scale(2, 2);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  22.22% {
    -webkit-transform: scale(2, 2);
            transform: scale(2, 2);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  41.67% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes z_layer_000_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  22.22% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_layer_000_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  22.22% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z_houpan_000_anim {
  0% {
    opacity: 0;
  }
  0.01% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_houpan_000_anim {
  0% {
    opacity: 0;
  }
  0.01% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z_houpan_hecheng_1_000_anim {
  0% {
    opacity: 1;
  }
  99.99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes z_houpan_hecheng_1_000_anim {
  0% {
    opacity: 1;
  }
  99.99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes sprite_z_houpan_hecheng_1_000 {
  0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -186px 0;
  }
  11.8% {
    background-position: -372px 0;
  }
  17.6% {
    background-position: -558px 0;
  }
  23.5% {
    background-position: -744px 0;
  }
  29.4% {
    background-position: 0 -198px;
  }
  35.3% {
    background-position: -186px -198px;
  }
  41.2% {
    background-position: -372px -198px;
  }
  47.1% {
    background-position: -558px -198px;
  }
  52.9% {
    background-position: -744px -198px;
  }
  58.8% {
    background-position: 0 -396px;
  }
  64.7% {
    background-position: -186px -396px;
  }
  70.6% {
    background-position: -372px -396px;
  }
  76.5% {
    background-position: -558px -396px;
  }
  82.4% {
    background-position: -744px -396px;
  }
  88.2% {
    background-position: 0 -594px;
  }
  94.1% {
    background-position: -186px -594px;
  }
  100% {
    background-position: -186px -594px;
  }
}
@keyframes sprite_z_houpan_hecheng_1_000 {
  0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -186px 0;
  }
  11.8% {
    background-position: -372px 0;
  }
  17.6% {
    background-position: -558px 0;
  }
  23.5% {
    background-position: -744px 0;
  }
  29.4% {
    background-position: 0 -198px;
  }
  35.3% {
    background-position: -186px -198px;
  }
  41.2% {
    background-position: -372px -198px;
  }
  47.1% {
    background-position: -558px -198px;
  }
  52.9% {
    background-position: -744px -198px;
  }
  58.8% {
    background-position: 0 -396px;
  }
  64.7% {
    background-position: -186px -396px;
  }
  70.6% {
    background-position: -372px -396px;
  }
  76.5% {
    background-position: -558px -396px;
  }
  82.4% {
    background-position: -744px -396px;
  }
  88.2% {
    background-position: 0 -594px;
  }
  94.1% {
    background-position: -186px -594px;
  }
  100% {
    background-position: -186px -594px;
  }
}
@-webkit-keyframes z_gongxichengweijiuguanzhushouzuozhe_jijiangqianwang_000_anim {
  0% {
    opacity: 0;
  }
  11.11% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_gongxichengweijiuguanzhushouzuozhe_jijiangqianwang_000_anim {
  0% {
    opacity: 0;
  }
  11.11% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.content-wrap {
  width: 100%;
  height: 100%;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/bg_1ba927d4.jpg);
  background-size: cover;
}
.page-home .filter-list-content {
  padding-top: 46.5px;
}
.page-home .filter-list-sticky {
  position: fixed;
  top: calc(var(--nav-height) + var(--nav-space));
  width: 1920px;
  height: 153px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/filter-list-bg-sticky_65291eaa.png) no-repeat;
  background-size: contain;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -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;
  max-width: 2560px;
  left: 0;
  z-index: 99;
  min-width: 1760px;
}
.page-home .filter-list-sticky .hero-choose {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-432px -767px;
width:167px;
height:55px;

  font-size: 16px;
  padding-right: 40px;
  text-align: right;
  color: #614326;
  line-height: 55px;
  font-weight: 600;
  cursor: pointer;
  margin-left: 10px;
}
.page-home .filter-list-sticky .hero-choose:hover {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-603px -767px;
width:167px;
height:55px;

}
.page-home .filter-list-sticky .race-list {
  margin-left: 10px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-0px -289px;
width:887px;
height:54px;

  line-height: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
}
.page-home .filter-list-sticky .race-list .race-title {
  color: #efefef;
  font-size: 16px;
  border-right: 1px solid rgba(255, 255, 255, 0.17);
  padding: 0 9px;
  display: inline-block;
}
.page-home .filter-list-sticky .race-list .race-list-item {
  color: #967463;
  width: 64px;
  height: 28px;
  margin-left: 8px;
  text-align: center;
  cursor: pointer;
  font-weight: 600;
}
.page-home .filter-list-sticky .race-list .race-list-item.active {
  border-radius: 14px;
  background-color: #ffff94;
}
.page-home .filter-list-sticky .scene-container .common-container-wrap {
  width: 112px;
}
.page-home .filter-list-sticky .scene-container .common-container-wrap .common-bg-group {
  width: 112px;
  height: 55px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/scene-bg_9ffd98b3.png) no-repeat;
  background-size: contain;
}
.page-home .filter-list-sticky .scene-container .common-container-wrap.active .common-bg-group {
  width: 112px;
  height: 55px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/scene-bg-2_1a6e9b18.png) no-repeat;
  background-size: contain;
}
.page-home .filter-list-sticky .scene-container .common-container-wrap .select-dropdown__inner {
  width: 121px;
  height: 193px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/scene-dropdown-bg_e6a4cc87.png) no-repeat;
  background-size: contain;
}
.page-home .filter-list-sticky .search-box {
  margin-left: 10px;
}
.page-home .filter-list-sticky .search-box .filter-list-content-top-search {
  width: 250px;
  height: 54px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/input-bg_13207500.png) no-repeat;
  background-size: contain;
}
.page-home .filter-list-sticky .search-box .filter-list-content-top-search:hover {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-433px -550px;
width:250px;
height:54px;

}
.page-home .filter-list-sticky .search-box .filter-list-content-top-search.active {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-433px -550px;
width:250px;
height:54px;

}
@media (min-width: 2560px) {
  .page-home .filter-list-sticky {
    left: 50% !important;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.filter-list {
  position: relative;
  height: 548px;
}
.filter-list-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/filter-list-bg_58d86356.png) no-repeat center;
  background-size: cover;
}
.filter-list-content {
  position: relative;
  padding: 40px 0 62px 0;
  margin: 0 auto;
  max-width: 1609px;
  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;
}
.filter-list-content-tab {
  width: 100%;
  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: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.filter-list-content-tab-hero {
  height: 250px;
}
.filter-list-content-tab-hero-card {
  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;
}
.filter-list-content-tab-hero-card-border {
  position: relative;
  margin: 0 6px;
  cursor: pointer;
  width: 164px;
  height: 186px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/card-border_9121b79e.png) no-repeat;
  background-size: contain;
}
.filter-list-content-tab-hero-card-border.active::after,
.filter-list-content-tab-hero-card-border:hover::after {
  content: '';
  position: absolute;
  left: -8px;
  top: -8px;
  width: 182px;
  height: 206px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/card-border-h_cf995aed.png) no-repeat;
  background-size: contain;
}
.filter-list-content-tab-hero-card-border img {
  position: absolute;
  width: 180px;
  height: 190px;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 11px 10px;
  z-index: 2;
}
.filter-list-content-tab-hero-card-border img.all {
  width: auto;
  height: auto;
}
.filter-list-content-tab-hero-card-border img.err {
  height: 200px;
  padding: 90px 74px;
}
.filter-list-content-tab-hero-card-border span {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  bottom: 30px;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  text-shadow: #000000 1px 0 0, #000000 0.877585px 0.479425px 0, #000000 0.5403px 0.84147px 0, #000000 0.070735px 0.997495px 0, #000000 -0.416145px 0.909295px 0, #000000 -0.801145px 0.59847px 0, #000000 -0.98999px 0.14112px 0, #000000 -0.936455px -0.350785px 0, #000000 -0.653645px -0.7568px 0, #000000 -0.210795px -0.97753px 0, #000000 0.28366px -0.958925px 0, #000000 0.70867px -0.70554px 0, #000000 0.96017px -0.279415px 0;
}
.filter-list-content-tab-hero,
.filter-list-content-tab-race,
.filter-list-content-tab-scene {
  width: 100%;
  margin-bottom: 18px;
  font-size: 0;
  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: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.filter-list-content-tab-hero-tag,
.filter-list-content-tab-race-tag,
.filter-list-content-tab-scene-tag {
  width: 82px;
  height: 39px;
  font-size: 22px;
  font-weight: bold;
  margin-right: 18px;
  border-radius: 6px;
  background: #490f12;
  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;
}
.filter-list-content-tab-hero-tags,
.filter-list-content-tab-race-tags,
.filter-list-content-tab-scene-tags {
  cursor: pointer;
  font-weight: bold;
  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;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-502px -839px;
width:94px;
height:52px;

}
.filter-list-content-tab-hero-tags.active,
.filter-list-content-tab-race-tags.active,
.filter-list-content-tab-scene-tags.active,
.filter-list-content-tab-hero-tags:hover,
.filter-list-content-tab-race-tags:hover,
.filter-list-content-tab-scene-tags:hover {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-600px -839px;
width:94px;
height:52px;

}
.filter-list-content-tab-hero-tags span,
.filter-list-content-tab-race-tags span,
.filter-list-content-tab-scene-tags span {
  font-size: 17px;
  color: #614326;
}
.filter-list-content-tab-race {
  margin: 0;
}
.filter-content-top-container {
  width: 100%;
}
.filter-list-content-top {
  width: 100%;
}
.filter-list-content-top-box {
  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: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.filter-list-content-top.small {
  width: 2560px;
  height: 153px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/filter-list-bg_16359231.png) no-repeat;
  background-size: contain;
  width: auto;
  background-size: cover;
}
.filter-list-content-top.small .filter-list-content-top-box {
  position: relative;
  padding: 40px 0 62px 0;
  margin: 0 auto;
  max-width: 1609px;
}
.filter-list-content-top.fixed {
  position: fixed;
  top: calc(var(--nav-height) + var(--nav-space));
  background-size: cover;
  width: 100%;
  max-width: 2560px;
  left: 0;
  z-index: 99;
  min-width: 1760px;
}
.filter-list-content-top.myStrategy .filter-list-content-top-select {
  margin-bottom: 13px;
}
.filter-list-content-top.allHero {
  width: 100%;
  height: 100px;
  background: transparent;
}
.filter-list-content-top.allHero .filter-list-content-top-box {
  position: relative;
  padding: 0;
}
.filter-list-content-top.allHero .filter-list-content-top-search {
  margin-right: 20px;
}
.filter-list-content-top-select {
  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;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-774px -767px;
width:163px;
height:55px;

}
.filter-list-content-top-select::after {
  content: '';
  position: absolute;
  right: 24px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-994px -456px;
width:14px;
height:9px;

}
.filter-list-content-top-select.active::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.filter-list-content-top-select span {
  width: 100%;
  height: 100%;
  border: none;
  font-size: 16px;
  font-weight: bold;
  color: #614326;
  padding-left: 35px;
  background: transparent;
  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;
}
.filter-list-content-top-select ul {
  position: absolute;
  width: 100%;
  top: 100%;
  z-index: 3;
  padding-top: 15px;
}
.filter-list-content-top-select ul::after {
  position: absolute;
  top: 0;
  content: '';
  width: 100%;
  height: 80%;
  background-image: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/version-bg_19a1e19f.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  overflow: hidden;
}
.filter-list-content-top-select ul::before {
  position: absolute;
  bottom: -15px;
  content: '';
  width: 100%;
  height: 80%;
  background-image: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/version-bg_19a1e19f.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  overflow: hidden;
}
.filter-list-content-top-select ul li {
  position: relative;
  height: 40px;
  line-height: 40px;
  color: #fff;
}
.filter-list-content-top-select ul li span {
  position: absolute;
  z-index: 2;
  font-size: 16px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  font-weight: 400;
  color: #fff;
}
.filter-list-content-top-select ul li:hover span,
.filter-list-content-top-select ul li.active span {
  color: #fcd144;
}
.filter-list-content-top-search {
  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;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-694px -347px;
width:278px;
height:54px;

}
.filter-list-content-top-search i {
  position: absolute;
  right: 30px;
  cursor: pointer;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-1015px -313px;
width:22px;
height:22px;

}
.filter-list-content-top-search:hover {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-151px -550px;
width:278px;
height:54px;

}
.filter-list-content-top-search.active {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-151px -550px;
width:278px;
height:54px;

}
.filter-list-content-top-search.active input {
  color: #fff;
}
.filter-list-content-top-search.active i {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-1015px -339px;
width:22px;
height:22px;

}
.filter-list-content-top-search input {
  width: 72%;
  height: 50%;
  border: 0;
  margin-left: 30px;
  padding-right: 10px;
  font-size: 16px;
  color: #fff;
  background: transparent;
}
.filter-list-content-top-search input::-webkit-input-placeholder {
  color: #967463;
}
.filter-list-content-top-search input::-moz-placeholder {
  color: #967463;
}
.filter-list-content-top-search input:-ms-input-placeholder {
  color: #967463;
}
.filter-list-content-top-search input::-ms-input-placeholder {
  color: #967463;
}
.filter-list-content-top-search input::placeholder {
  color: #967463;
}
.filter-list-content-top .more {
  display: none;
}
.filter-list-content-top-upload {
  cursor: pointer;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-0px -767px;
width:212px;
height:68px;

}
.filter-list-content-top-upload:hover {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-216px -767px;
width:212px;
height:68px;

}
.search-select-wrap {
  width: 157px;
  margin-left: 6px;
}
.search-select-wrap .common-bg-group {
  width: 163px;
  height: 55px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/select-bg_4b484232.png) no-repeat;
  background-size: contain;
}
.search-select-wrap .common-bg-group div {
  display: none;
}
.search-select-wrap .search-select {
  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;
  position: absolute !important;
  top: 11px;
  left: 12px;
  right: 13px;
  bottom: 11px;
  border-radius: 17px;
  height: auto !important;
  cursor: pointer;
}
.search-select-wrap .search-select .search-select__input {
  color: #624426;
  font-size: 16px;
  font-weight: 600;
}
.search-select-wrap .search-select .search-select__input--text {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.search-select-wrap .search-select .search-select__input-icon {
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.search-select-wrap .search-select .search-select__input-icon.arrow-up {
  -webkit-transform: translateY(-50%) rotate(-180deg);
          transform: translateY(-50%) rotate(-180deg);
}
.search-select-wrap .search-select .select-dropdown {
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  padding-top: 5px;
  z-index: 3;
}
.search-select-wrap .search-select .select-dropdown .select-dropdown__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 152px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/version-bg_19a1e19f.png) no-repeat center center;
  background-size: 100% 100%;
  padding: 29px 0 32px;
}
.search-select-wrap .search-select .select-dropdown .select-dropdown__inner .select-dropdown-item {
  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;
  font-size: 16px;
  color: #fff;
  padding: 11px 0;
}
.search-select-wrap .search-select .select-dropdown .select-dropdown__inner .select-dropdown-item:hover,
.search-select-wrap .search-select .select-dropdown .select-dropdown__inner .select-dropdown-item.is-active {
  color: #fcd144;
}
.search-select-wrap .search-select .select-dropdown .select-dropdown__inner .select-dropdown-item:first-child {
  padding-top: 0;
}
.search-select-wrap .search-select .select-dropdown .select-dropdown__inner .select-dropdown-item:last-child {
  padding-bottom: 0;
}
@media (min-width: 2560px) {
  .filter-list-content-top.fixed {
    left: 50% !important;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.table-list {
  position: relative;
  padding: 61px 0 116px 0;
  margin: 0 auto;
  max-width: 1609px;
}
.table-list-head {
  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;
  text-align: center;
  height: 78px;
  background-color: #cdb88d;
}
.table-list-head span {
  font-size: 20px;
  font-weight: bold;
  color: #614326;
}
.table-list-head span:nth-child(1) {
  width: 214px;
}
.table-list-head span:nth-child(2) {
  width: 247px;
}
.table-list-head span:nth-child(3) {
  width: 184px;
}
.table-list-head span:nth-child(4) {
  width: 694px;
}
.table-list-head span:nth-child(5) {
  width: 150px;
}
.table-list-head span:nth-child(6) {
  padding-left: 50px;
}
.table-list-content-box {
  position: relative;
  width: 100%;
  height: 232px;
  border-bottom: 1px solid #bea780;
  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;
}
.table-list-content-box.plain-box {
  cursor: pointer;
}
.table-list-content-box:hover {
  background-color: rgba(205, 184, 141, 0.4);
}
.table-list-content-box:first-child {
  border-top: 1px solid #bea780;
}
.table-list-content-box .del-hint-content {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
  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;
}
.table-list-content-box .del-hint-content-main {
  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;
  font-size: 16px;
  width: 426px;
  height: 98px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/del-bg_9b967e83.png) no-repeat;
  background-size: contain;
}
.table-list-content-box .del-hint-content-main i {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-977px -365px;
width:20px;
height:20px;

}
.table-list-content-box .del-hint-content-main span {
  padding: 0 20px;
}
.table-list-content-box .del-hint-content-main button {
  color: #000;
  cursor: pointer;
  padding: 2px 8px;
  border-radius: 15px;
  background-color: #f5dd9f;
}
.table-list-content .pc-nomaral {
  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;
  width: 100%;
  height: 100%;
}
.table-list-content-desc {
  width: 338px;
  padding: 0 30px 0 45px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  word-break: break-all;
}
.table-list-content-desc-title,
.table-list-content-desc-author,
.table-list-content-desc-time {
  color: #614326;
}
.table-list-content-desc-title {
  font-size: 24px;
  font-weight: bold;
}
.table-list-content-desc.my {
  width: 214px;
}
.table-list-content-desc.my .table-list-content-desc-title {
  text-decoration: underline;
  cursor: pointer;
}
.table-list-content-desc-info {
  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;
  padding: 18px 0 30px 0;
}
.table-list-content-desc-score {
  color: #fff;
  font-size: 18px;
  font-family: "belweb", sans-serif;
  padding-left: 35px;
  margin-right: 10px;
  text-shadow: #000000 1px 0 0, #000000 0.877585px 0.479425px 0, #000000 0.5403px 0.84147px 0, #000000 0.070735px 0.997495px 0, #000000 -0.416145px 0.909295px 0, #000000 -0.801145px 0.59847px 0, #000000 -0.98999px 0.14112px 0, #000000 -0.936455px -0.350785px 0, #000000 -0.653645px -0.7568px 0, #000000 -0.210795px -0.97753px 0, #000000 0.28366px -0.958925px 0, #000000 0.70867px -0.70554px 0, #000000 0.96017px -0.279415px 0;
  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;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-657px -500px;
width:93px;
height:37px;

}
.table-list-content-desc-author {
  font-size: 16px;
}
.table-list-content-desc-time {
  font-size: 16px;
  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: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.table-list-content-desc-time span {
  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: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.table-list-content-desc-time div {
  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;
  height: 31px;
  font-size: 18px;
  border-radius: 30px;
  border: 1px solid #604225;
  cursor: pointer;
  padding: 0 14px;
}
.table-list-content-desc-time div i {
  margin: 0 10px 0 0;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-1018px -389px;
width:17px;
height:17px;

}
.table-list-content-desc-time div span {
  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;
  padding: 2px 0 0 0;
}
.table-list-content-desc-time div.active,
.table-list-content-desc-time div:hover {
  background: #604225;
}
.table-list-content-desc-time div.active i,
.table-list-content-desc-time div:hover i {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-977px -414px;
width:17px;
height:17px;

}
.table-list-content-desc-time div.active span,
.table-list-content-desc-time div:hover span {
  color: #fff;
}
.table-list-content-race {
  position: relative;
  width: 187px;
  max-height: 180px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  text-align: center;
  padding: 35px 21px;
  font-size: 0;
}
.table-list-content-race::after {
  position: absolute;
  right: 0;
  top: 20px;
  content: '';
  width: 100%;
  height: 140px;
  border-left: 1px solid rgba(177, 153, 119, 0.4);
  border-right: 1px solid rgba(177, 153, 119, 0.4);
}
.table-list-content-race-tag {
  width: 60px;
  height: 26px;
  background-color: #604225;
  border-radius: 13px;
  margin: 5px;
  font-size: 16px;
  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;
}
.table-list-content-race-tag.scene {
  background-color: #810c0e;
}
.table-list-content-collect {
  width: 247px;
  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-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  text-align: center;
  padding: 60px 21px;
  border-left: 1px solid rgba(177, 153, 119, 0.4);
  border-right: 1px solid rgba(177, 153, 119, 0.4);
}
.table-list-content-collect div {
  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;
  height: 31px;
  font-size: 18px;
  border-radius: 30px;
  border: 1px solid #604225;
  cursor: pointer;
  color: #614326;
  padding: 0 14px;
}
.table-list-content-collect div i {
  margin: 0 10px 0 0;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-1018px -389px;
width:17px;
height:17px;

}
.table-list-content-collect div span {
  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;
  padding: 2px 0 0 0;
}
.table-list-content-collect div.active,
.table-list-content-collect div:hover {
  background: #604225;
}
.table-list-content-collect div.active i,
.table-list-content-collect div:hover i {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-977px -414px;
width:17px;
height:17px;

}
.table-list-content-collect div.active span,
.table-list-content-collect div:hover span {
  color: #fff;
}
.table-list-content-hero {
  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;
  height: 100%;
}
.table-list-content-hero-img {
  width: 137px;
  height: 142px;
  padding-left: 30px;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.table-list-content-hero-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.table-list-content-hero-child-img {
  width: 800px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 35px;
}
.table-list-content-hero-child-img.myStrategy-img {
  width: 740px;
}
.table-list-content-hero-child-img img {
  position: relative;
  width: 137px;
  height: 142px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right;
     object-position: right;
  margin: 0 -14px 0 -14px;
}
.table-list-content-hero-child-img .health,
.table-list-content-hero-child-img .attack {
  position: absolute;
  font-family: "belweb", sans-serif;
  font-size: 24px;
  color: #fff;
  bottom: 30px;
  text-shadow: #000000 2px 0 0, #000000 1.75517px 0.95885px 0, #000000 1.0806px 1.68294px 0, #000000 0.14147px 1.99499px 0, #000000 -0.83229px 1.81859px 0, #000000 -1.60229px 1.19694px 0, #000000 -1.97998px 0.28224px 0, #000000 -1.87291px -0.70157px 0, #000000 -1.30729px -1.5136px 0, #000000 -0.42159px -1.95506px 0, #000000 0.56732px -1.91785px 0, #000000 1.41734px -1.41108px 0, #000000 1.92034px -0.55883px 0;
}
.table-list-content-hero-child-img .health {
  right: 18px;
}
.table-list-content-hero-child-img .attack {
  left: 25px;
}
.table-list-content-hero-status {
  width: 135px;
  text-align: center;
  font-size: 18px;
  line-height: 27px;
  color: #614326;
  font-weight: bold;
  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;
}
.table-list-content-hero-status::before {
  display: inline-block;
  content: '';
  margin-right: 10px;
}
.table-list-content-hero-status.published::before {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-998px -414px;
width:17px;
height:17px;

}
.table-list-content-hero-status.rejected {
  text-decoration: underline;
}
.table-list-content-hero-status.rejected::before {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-1019px -414px;
width:17px;
height:17px;

}
.table-list-content-hero-status.checking::before {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-977px -435px;
width:17px;
height:17px;

}
.table-list-content-hero-go-detail {
  margin-left: 10px;
  cursor: pointer;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-977px -313px;
width:34px;
height:48px;

}
.table-list-content-hero-go-detail:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.table-list-content-hero-go-detail button {
  display: none;
}
.table-list-content-hero-go-detail.my {
  background: transparent;
  height: 100%;
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.table-list-content-hero-go-detail.my button {
  width: 76px;
  height: 33px;
  margin-bottom: 12px;
  font-size: 17px;
  color: #604225;
  border-radius: 16px;
  border: 1px solid #66482b;
  background: transparent;
  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;
}
.table-list-content-hero-go-detail.my button:not(:disabled):hover {
  background: #604225;
  color: #fff;
}
.table-list-content-hero-go-detail.my button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.table-list-page {
  width: 100%;
  padding-top: 99px;
  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;
}
.table-list-page .el-pagination button {
  height: 36px;
  color: #7c6040 !important;
  background-color: transparent !important;
}
.table-list-page .el-pagination button i {
  font-size: 20px !important;
}
.table-list-page .el-pagination button:disabled {
  opacity: 0.5;
}
.table-list-page .el-pagination .el-pager li {
  line-height: 36px;
  text-align: center;
  height: 36px;
  font-size: 24px;
  border-radius: 5px;
  color: #614326;
  border: 1px solid #614326;
  background-color: #f0dfb6;
  font-family: "belweb", sans-serif;
}
.table-list-page .el-pagination .el-pager li:hover {
  color: #fff !important;
  background-color: #7c6040 !important;
}
.table-list-page .el-pagination .el-pager li.active {
  background-color: #7c6040 !important;
}
.table-list-no-data {
  position: relative;
  margin: 0 auto;
  width: 1164px;
  height: 519px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/no-data_edce5b8e.png) no-repeat;
  background-size: contain;
}
.table-list-no-data-text {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 100px;
  font-size: 22px;
  font-weight: bold;
  color: #614326;
}
.table-list-no-data-text .text {
  margin-bottom: 20px;
}
.table-list-no-data-text a {
  color: #b17600;
  text-decoration: underline;
}
.table-list-no-data-text a:hover {
  opacity: 0.8;
}
.page-collect .main-list-content-filiter {
  position: relative;
  padding: 40px 0 0 0;
  margin: 0 auto;
  max-width: 1609px;
}
.page-collect .main-list-content-filiter-box {
  position: absolute;
  z-index: 2;
}
.page-collect .filter-list-content-top.small .filter-list-content-top-box {
  padding-top: 46.5px;
}
.page-my-strategy .card-follower {
  margin-left: -10px;
}
.cards-select {
  position: relative;
  width: 596px;
  min-height: 480px !important;
  padding: 15px 24px 21px;
  -webkit-transition: height 0.1s;
  transition: height 0.1s;
}
.cards-select .cards-select-bg-top,
.cards-select .cards-select-bg-center,
.cards-select .cards-select-bg-bottom {
  position: absolute;
  left: 0;
  width: 100%;
  background: no-repeat center center;
  background-size: 100% 100%;
  pointer-events: none;
}
.cards-select .cards-select-bg-top {
  top: 0;
  width: 100%;
  height: 200px;
  background-image: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/tab-bg-top_6bb2a1e3.png);
}
.cards-select .cards-select-bg-center {
  top: 200px;
  bottom: 120px;
  background-image: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/tab-bg-center_b7ed9f38.png);
}
.cards-select .cards-select-bg-bottom {
  bottom: 0;
  height: 120px;
  background-image: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/tab-bg-bottom_178fbf2b.png);
}
.cards-select .cards-select-content {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cards-select .cards-select-content .tabs {
  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-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  height: 88px;
  line-height: 88px;
}
.cards-select .cards-select-content .tabs .tab-item {
  position: relative;
  font-size: 20px;
  color: #a37a58;
  font-weight: 600;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-shadow: 0 0 3px #3b281a;
  cursor: pointer;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.cards-select .cards-select-content .tabs .tab-item--active {
  color: #e7d5aa;
}
.cards-select .cards-select-content .tabs .tab-item--active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 48px;
  height: 34px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/tab-select-active_37e832d7.png) no-repeat center center;
  background-size: 100% 100%;
}
.cards-select .cards-select-content .tabs .tab-item--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.cards-select .cards-select-content .search-group {
  padding: 46px 54px 0 28px;
  z-index: 4;
}
.cards-select .cards-select-content .search-group .search-group-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.cards-select .cards-select-content .search-group .search-group-top .search-input {
  position: relative;
  min-width: 140px !important;
  height: 54px;
  line-height: 54px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cards-select .cards-select-content .search-group .search-group-top .search-input .search-input-content {
  position: relative;
  height: 100%;
}
.cards-select .cards-select-content .search-group .search-group-top .search-input .search-input-content .search-input__inner {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  color: #967463;
  font-size: 16px;
  padding: 0 30px;
}
.cards-select .cards-select-content .search-group .search-group-top .search-input .search-input-content .search-icon {
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/search-icon_92448d54.png) no-repeat center center;
  background-size: 100% 100%;
  cursor: pointer;
}
.cards-select .cards-select-content .search-group .search-group-top .search-input .search-input-content .search-icon.is-clear {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/icon-close_fbba3fa4.png) no-repeat center center;
}
.cards-select .cards-select-content .search-group .search-group-top .search-ornament-select {
  width: 162px;
  margin-left: 15px;
  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;
  position: relative;
}
.cards-select .cards-select-content .search-group .search-group-top .search-ornament-select__inner {
  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-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  position: absolute;
  top: 11px;
  left: 12px;
  right: 13px;
  bottom: 11px;
  background-color: #c3b189;
  border-radius: 17px;
  height: auto;
}
.cards-select .cards-select-content .search-group .search-group-top .search-ornament-select .search-ornament-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  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;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  color: #937b58;
  background-color: #c4b18a;
  border-radius: 17px;
}
.cards-select .cards-select-content .search-group .search-group-top .search-ornament-select .search-ornament-item:nth-child(1) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cards-select .cards-select-content .search-group .search-group-top .search-ornament-select .search-ornament-item:nth-child(2) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.cards-select .cards-select-content .search-group .search-group-top .search-ornament-select .search-ornament-item.is-active {
  color: #624426;
  background-color: #fffe93;
}
.cards-select .cards-select-content .search-group .search-group-bottom {
  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;
  width: 100%;
  margin-bottom: 15px;
}
.cards-select .cards-select-content .search-group .search-group-bottom .search-grade {
  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;
}
.cards-select .cards-select-content .search-group .search-group-bottom .search-grade-wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 12px;
}
.cards-select .cards-select-content .search-group .search-group-bottom .search-grade .search-grade-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  position: relative;
  cursor: pointer;
  height: 100%;
  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;
}
.cards-select .cards-select-content .search-group .search-group-bottom .search-grade .search-grade-item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png) no-repeat center center;background-size:1050px 924px;
background-position:-977px -205px;
width:47px;
height:50px;

  pointer-events: none;
}
.cards-select .cards-select-content .search-group .search-group-bottom .search-grade .search-grade-item .grade-text {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transform: translate(-2px, 1px) scale(0.9);
          transform: translate(-2px, 1px) scale(0.9);
  -webkit-transform-origin: center;
          transform-origin: center;
  font-size: 0;
}
.cards-select .cards-select-content .search-group .search-group-bottom .search-grade .search-grade-item .grade-text.grade-text-7 {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png) no-repeat center center;background-size:1050px 924px;
background-position:-977px -389px;
width:16px;
height:21px;

}
.cards-select .cards-select-content .search-group .search-group-bottom .search-grade .search-grade-item .grade-text.grade-text-6 {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png) no-repeat center center;background-size:1050px 924px;
background-position:-1028px -205px;
width:18px;
height:20px;

}
.cards-select .cards-select-content .search-group .search-group-bottom .search-grade .search-grade-item .grade-text.grade-text-5 {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png) no-repeat center center;background-size:1050px 924px;
background-position:-1028px -229px;
width:17px;
height:21px;

}
.cards-select .cards-select-content .search-group .search-group-bottom .search-grade .search-grade-item .grade-text.grade-text-4 {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png) no-repeat center center;background-size:1050px 924px;
background-position:-1001px -365px;
width:17px;
height:20px;

}
.cards-select .cards-select-content .search-group .search-group-bottom .search-grade .search-grade-item .grade-text.grade-text-3 {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png) no-repeat center center;background-size:1050px 924px;
background-position:-1028px -259px;
width:17px;
height:21px;

}
.cards-select .cards-select-content .search-group .search-group-bottom .search-grade .search-grade-item .grade-text.grade-text-2 {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png) no-repeat center center;background-size:1050px 924px;
background-position:-1028px -284px;
width:17px;
height:21px;

}
.cards-select .cards-select-content .search-group .search-group-bottom .search-grade .search-grade-item .grade-text.grade-text-1 {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png) no-repeat center center;background-size:1050px 924px;
background-position:-977px -456px;
width:13px;
height:20px;

}
.cards-select .cards-select-content .search-group .search-group-bottom .search-grade .search-grade-item.is-active::before {
  background-image: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-977px -259px;
width:47px;
height:50px;

}
.cards-select .cards-select-content .search-group .search-group-bottom .search-grade .search-grade-item.is-disabled {
  pointer-events: none;
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}
.cards-select .cards-select-content .search-group .search-group-bottom .search-race-wrap {
  width: 157px;
  margin-left: 6px;
}
.cards-select .cards-select-content .search-group .search-group-bottom .search-race-wrap .search-race {
  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;
  background-color: #c3b189;
  position: absolute;
  top: 11px;
  left: 12px;
  right: 13px;
  bottom: 11px;
  border-radius: 17px;
  height: auto;
  cursor: pointer;
}
.cards-select .cards-select-content .search-group .search-group-bottom .search-race-wrap .search-race .search-race__input {
  color: #624426;
  font-size: 16px;
  font-weight: 600;
}
.cards-select .cards-select-content .search-group .search-group-bottom .search-race-wrap .search-race .search-race__input--text {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.cards-select .cards-select-content .search-group .search-group-bottom .search-race-wrap .search-race .search-race__input-icon {
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.cards-select .cards-select-content .search-group .search-group-bottom .search-race-wrap .search-race .search-race__input-icon.arrow-up {
  -webkit-transform: translateY(-50%) rotate(-180deg);
          transform: translateY(-50%) rotate(-180deg);
}
.cards-select .cards-select-content .search-group .search-group-bottom .search-race-wrap .search-race .race-dropdown {
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  padding-top: 5px;
}
.cards-select .cards-select-content .search-group .search-group-bottom .search-race-wrap .search-race .race-dropdown .race-dropdown__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 152px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/race-dropdown-bg_abd5b50d.png) no-repeat center center;
  background-size: 100% 100%;
  padding: 18px 0;
}
.cards-select .cards-select-content .search-group .search-group-bottom .search-race-wrap .search-race .race-dropdown .race-dropdown__inner .race-dropdown-item {
  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;
  font-size: 16px;
  color: #fff;
  padding: 12px 0;
}
.cards-select .cards-select-content .search-group .search-group-bottom .search-race-wrap .search-race .race-dropdown .race-dropdown__inner .race-dropdown-item:hover,
.cards-select .cards-select-content .search-group .search-group-bottom .search-race-wrap .search-race .race-dropdown .race-dropdown__inner .race-dropdown-item.is-active {
  color: #fcd144;
}
.cards-select .cards-select-content .card-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 300px;
      -ms-flex: 1 1 300px;
          flex: 1 1 300px;
  margin-bottom: 26px;
  padding: 0 26px;
  overflow: hidden;
}
.cards-select .cards-select-content .card-body .card-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 10px 0 10px 4px;
}
.cards-select .cards-select-content .card-body .card-list .card-item {
  position: relative;
  cursor: pointer;
  margin: 5px;
}
.cards-select .cards-select-content .card-body .card-list .card-item .card-img {
  position: relative;
}
.cards-select .cards-select-content .card-body .card-list .card-item .card-img-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center center;
  background-size: 100% 100%;
}
.cards-select .cards-select-content .card-body .card-list .card-item .card-img-icon--empty {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.cards-select .cards-select-content .card-body .card-list .card-item .card-img-size {
  width: 100%;
  padding-top: 138.12%;
}
.cards-select .cards-select-content .card-body .card-list .card-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: no-repeat center center;
  background-size: 100% 100%;
}
.cards-select .cards-select-content .card-body .card-list .card-item.card-item-hero {
  margin: -8px 4px;
}
.cards-select .cards-select-content .card-body .card-list .card-item.card-item-hero .card-img {
  width: 106px;
}
.cards-select .cards-select-content .card-body .card-list .card-item.card-item-hero:hover::before,
.cards-select .cards-select-content .card-body .card-list .card-item.card-item-hero.is-active::before {
  width: 120px;
  height: 135px;
  background-image: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/hero-select_f954689d.png);
  top: 6px;
  left: -12px;
}
.cards-select .cards-select-content .card-body .card-list .card-item.card-item-follower {
  margin: 5px 0;
}
.cards-select .cards-select-content .card-body .card-list .card-item.card-item-follower .card-img {
  position: relative;
  width: 116px;
}
.cards-select .cards-select-content .card-body .card-list .card-item.card-item-follower .card-img-icon {
  -webkit-transform: scale(1.14);
          transform: scale(1.14);
  left: 9px;
  top: 5px;
}
.cards-select .cards-select-content .card-body .card-list .card-item.card-item-follower .card-img::after {
  content: '';
  position: absolute;
  padding-top: 137.93%;
  width: 100%;
  top: 0;
}
.cards-select .cards-select-content .card-body .card-list .card-item.card-item-follower:hover::before,
.cards-select .cards-select-content .card-body .card-list .card-item.card-item-follower.is-active::before {
  width: 130px;
  height: 172px;
  background-image: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/followers-select_41abcc13.png);
}
.cards-select .cards-select-content .card-body .card-list .card-item.card-item-ornament .card-img {
  width: 106px;
  margin: 10px 0;
}
.cards-select .cards-select-content .card-body .card-list .card-item.card-item-ornament .card-img-icon {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.cards-select .cards-select-content .card-body .card-list .card-item.card-item-ornament:hover::before,
.cards-select .cards-select-content .card-body .card-list .card-item.card-item-ornament.is-active::before {
  width: 131px;
  height: 164px;
  background-image: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/accessories-select_3bbec55d.png);
  top: 1px;
  left: -14px;
}
.cards-select .cards-select-content .card-body .card-list .card-item.is-disabled {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
  cursor: default;
}
.cards-select .cards-select-content .card-body .card-list .card-item.is-disabled::before {
  display: none !important;
}
.cards-select .cards-select-content .card-body .card-list .card-list-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #967463;
  font-size: 16px;
}
.cards-select.is-sticky {
  position: fixed;
  top: calc(var(--nav-height) + var(--nav-space));
  bottom: 28px;
  left: 0;
  z-index: 99;
}
.cards-select.is-absolute {
  position: absolute;
  top: auto;
  bottom: 0;
}
@-webkit-keyframes leaveMoveAnimation {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -40px);
            transform: translate(0, -40px);
  }
}
@keyframes leaveMoveAnimation {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -40px);
            transform: translate(0, -40px);
  }
}
@-webkit-keyframes leaveOpacityAnmation {
  0% {
    opacity: 0.85;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes leaveOpacityAnmation {
  0% {
    opacity: 0.85;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes cardAddMoveAnimation {
  78.26% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes cardAddMoveAnimation {
  78.26% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes cardAddOpacityAnimation {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  78.26% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes cardAddOpacityAnimation {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  78.26% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes cardImgOpacityAnimation {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  41.67% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@keyframes cardImgOpacityAnimation {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  41.67% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
.page-upload .upload-content .right-panel .addable-item .card-mask {
  opacity: 0;
  -webkit-filter: drop-shadow(0 0 35px rgba(255, 255, 255, 0.35));
          filter: drop-shadow(0 0 35px rgba(255, 255, 255, 0.35));
}
.page-upload .upload-content .right-panel .addable-item#card-show {
  z-index: 999;
}
.page-upload .upload-content .right-panel .addable-item#card-show .card-item-img {
  -webkit-animation: cardImgOpacityAnimation 0.1s 0.4s both;
          animation: cardImgOpacityAnimation 0.1s 0.4s both;
}
.page-upload .upload-content .right-panel .addable-item#card-show .card-mask {
  opacity: 0;
  -webkit-animation: cardAddMoveAnimation 0.767s cubic-bezier(0, 0.45, 0.1, 1) 0s both, cardAddOpacityAnimation 0.767s 0s both;
          animation: cardAddMoveAnimation 0.767s cubic-bezier(0, 0.45, 0.1, 1) 0s both, cardAddOpacityAnimation 0.767s 0s both;
}
.page-upload .upload-content .right-panel .addable-item.card-hide .card-item-img {
  opacity: 0 !important;
}
.page-upload .upload-content .right-panel .addable-item.card-hide .card-mask {
  -webkit-animation: leaveMoveAnimation 0.9s 0s linear both, leaveOpacityAnmation 0.9s 0s both;
          animation: leaveMoveAnimation 0.9s 0s linear both, leaveOpacityAnmation 0.9s 0s both;
}
@-webkit-keyframes z_yingxiong_1_3_000_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  41.67% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_yingxiong_1_3_000_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  41.67% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes hero_add_cover_anim {
  0% {
    -webkit-transform: translate(-890px, -850px);
            transform: translate(-890px, -850px);
  }
  78.26% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes hero_add_cover_anim {
  0% {
    -webkit-transform: translate(-890px, -850px);
            transform: translate(-890px, -850px);
  }
  78.26% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes hero_add_cover_path_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  78.26% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes hero_add_cover_path_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  78.26% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes z_1_liangpian_000_anim {
  0% {
    -webkit-transform: translate(0, 40px);
            transform: translate(0, 40px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes z_1_liangpian_000_anim {
  0% {
    -webkit-transform: translate(0, 40px);
            transform: translate(0, 40px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes z_1_liangpian_000_opacity_bezier_anim {
  0% {
    opacity: 0.85;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes z_1_liangpian_000_opacity_bezier_anim {
  0% {
    opacity: 0.85;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  100% {
    opacity: 0;
  }
}
.page-upload .upload-body {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/bg_1ba927d4.jpg) repeat center center;
  position: relative;
}
.page-upload .upload-body::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  height: 146px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/border-top_20e5784d.png) repeat-x center center;
}
.page-upload .upload-body::after {
  content: '';
  position: absolute;
  top: -8px;
  right: 0;
  width: 146px;
  height: 146px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/bg-meta_5b20e7fc.png) no-repeat center center;
}
.page-upload .upload-body .upload-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.page-upload .upload-body .upload-content .left-panel {
  width: 596px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.page-upload .upload-body .upload-content .left-panel .left-panel-inner {
  width: 100%;
}
.page-upload .upload-body .upload-content .left-panel.sticky {
  position: fixed;
  top: calc(var(--nav-height) + var(--nav-space));
  bottom: 30px;
  left: 30px;
}
.page-upload .upload-body .upload-content .right-panel {
  width: calc(100% - 596px);
  margin-left: 36px;
}
.page-upload .upload-body .upload-content .right-panel .addable .addable-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-upload .upload-body .upload-content .right-panel .header-tip {
  font-size: 16px;
  color: #755839;
  margin-bottom: 10px;
}
.page-upload .upload-body .upload-content .right-panel .addable-hero .addable-item-hero,
.page-upload .upload-body .upload-content .right-panel .addable-other-hero .addable-item-hero,
.page-upload .upload-body .upload-content .right-panel .addable-hero .addable-item-other-hero,
.page-upload .upload-body .upload-content .right-panel .addable-other-hero .addable-item-other-hero {
  position: relative;
  max-width: 154px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/hero-add_8ce6d664.png) no-repeat center center;
  background-size: 100% 100%;
  width: 154px;
}
.page-upload .upload-body .upload-content .right-panel .addable-hero .addable-item-hero .hero-item__img,
.page-upload .upload-body .upload-content .right-panel .addable-other-hero .addable-item-hero .hero-item__img,
.page-upload .upload-body .upload-content .right-panel .addable-hero .addable-item-other-hero .hero-item__img,
.page-upload .upload-body .upload-content .right-panel .addable-other-hero .addable-item-other-hero .hero-item__img {
  position: absolute;
  top: -17px;
  left: 6px;
  width: 100%;
  display: block;
}
.page-upload .upload-body .upload-content .right-panel .addable-hero .addable-item-hero .hero-card-mask,
.page-upload .upload-body .upload-content .right-panel .addable-other-hero .addable-item-hero .hero-card-mask,
.page-upload .upload-body .upload-content .right-panel .addable-hero .addable-item-other-hero .hero-card-mask,
.page-upload .upload-body .upload-content .right-panel .addable-other-hero .addable-item-other-hero .hero-card-mask {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/hero-mask_258ad443.png) no-repeat center center;
  background-size: 100%;
}
.page-upload .upload-body .upload-content .right-panel .addable-hero .addable-item-hero::before,
.page-upload .upload-body .upload-content .right-panel .addable-other-hero .addable-item-hero::before,
.page-upload .upload-body .upload-content .right-panel .addable-hero .addable-item-other-hero::before,
.page-upload .upload-body .upload-content .right-panel .addable-other-hero .addable-item-other-hero::before {
  display: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/hero-add-active_01c59e0d.png) no-repeat center center;
  background-size: 100% 100%;
}
.page-upload .upload-body .upload-content .right-panel .addable-hero .addable-item-hero--active::after,
.page-upload .upload-body .upload-content .right-panel .addable-other-hero .addable-item-hero--active::after,
.page-upload .upload-body .upload-content .right-panel .addable-hero .addable-item-other-hero--active::after,
.page-upload .upload-body .upload-content .right-panel .addable-other-hero .addable-item-other-hero--active::after {
  display: none !important;
}
.page-upload .upload-body .upload-content .right-panel .addable-hero .addable-item-hero--active::before,
.page-upload .upload-body .upload-content .right-panel .addable-other-hero .addable-item-hero--active::before,
.page-upload .upload-body .upload-content .right-panel .addable-hero .addable-item-other-hero--active::before,
.page-upload .upload-body .upload-content .right-panel .addable-other-hero .addable-item-other-hero--active::before {
  display: block;
}
.page-upload .upload-body .upload-content .right-panel .addable-hero .addable-item-hero .bg-size,
.page-upload .upload-body .upload-content .right-panel .addable-other-hero .addable-item-hero .bg-size,
.page-upload .upload-body .upload-content .right-panel .addable-hero .addable-item-other-hero .bg-size,
.page-upload .upload-body .upload-content .right-panel .addable-other-hero .addable-item-other-hero .bg-size {
  content: '';
  width: 100%;
  height: 0;
  padding-top: 112.997%;
}
.page-upload .upload-body .upload-content .right-panel .addable-hero .addable-item-hero .addable-item-delete,
.page-upload .upload-body .upload-content .right-panel .addable-other-hero .addable-item-hero .addable-item-delete,
.page-upload .upload-body .upload-content .right-panel .addable-hero .addable-item-other-hero .addable-item-delete,
.page-upload .upload-body .upload-content .right-panel .addable-other-hero .addable-item-other-hero .addable-item-delete {
  -webkit-transform: translate(0);
          transform: translate(0);
  top: 12px;
  right: 3%;
}
.page-upload .upload-body .upload-content .right-panel .hero-form-item.has-error .addable-hero .addable-item-hero::after,
.page-upload .upload-body .upload-content .right-panel .hero-form-item.has-error .addable-other-hero .addable-item-hero::after,
.page-upload .upload-body .upload-content .right-panel .hero-form-item.has-error .addable-hero .addable-item-other-hero::after,
.page-upload .upload-body .upload-content .right-panel .hero-form-item.has-error .addable-other-hero .addable-item-other-hero::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/hero-add-error_9ae50f5f.png) no-repeat center center;
  background-size: 100% 100%;
}
.page-upload .upload-body .upload-content .right-panel .hero-form-item .form-item-control {
  position: relative;
}
.page-upload .upload-body .upload-content .right-panel .hero-form-item .skill {
  position: absolute;
  top: 0;
  left: 178px;
}
.page-upload .upload-body .upload-content .right-panel .hero-form-item .skill .skill-img {
  width: 135px;
}
.page-upload .upload-body .upload-content .right-panel .addable-follower {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.page-upload .upload-body .upload-content .right-panel .addable-follower .addable-item-follower {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  position: relative;
  width: 142px;
  height: 193px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/ellipse-add_e7ecb4cb.png) no-repeat center center;
  background-size: 100% 100%;
  margin: 5px;
}
.page-upload .upload-body .upload-content .right-panel .addable-follower .addable-item-follower .follower-item__img {
  display: block;
  position: absolute;
  top: 16px;
  left: 0;
  width: 100%;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}
.page-upload .upload-body .upload-content .right-panel .addable-follower .addable-item-follower .follower-item__img--inner {
  width: 100%;
}
.page-upload .upload-body .upload-content .right-panel .addable-follower .addable-item-follower .follower-item__img .follower-attack,
.page-upload .upload-body .upload-content .right-panel .addable-follower .addable-item-follower .follower-item__img .follower-health {
  position: absolute;
  top: 96px;
  font-size: 24px;
  font-family: "belweb", sans-serif;
  text-shadow: #000 2px 0 0, #000 1.75517px 0.95885px 0, #000 1.0806px 1.68294px 0, #000 0.14147px 1.99499px 0, #000 -0.83229px 1.81859px 0, #000 -1.60229px 1.19694px 0, #000 -1.97998px 0.28224px 0, #000 -1.87291px -0.70157px 0, #000 -1.30729px -1.5136px 0, #000 -0.42159px -1.95506px 0, #000 0.56732px -1.91785px 0, #000 1.41734px -1.41108px 0, #000 1.92034px -0.55883px 0;
  display: inline-block;
  width: 40px;
  text-align: center;
  white-space: nowrap;
}
.page-upload .upload-body .upload-content .right-panel .addable-follower .addable-item-follower .follower-item__img .follower-attack {
  left: 22px;
}
.page-upload .upload-body .upload-content .right-panel .addable-follower .addable-item-follower .follower-item__img .follower-health {
  top: 98px;
  right: 22px;
}
.page-upload .upload-body .upload-content .right-panel .addable-follower .addable-item-follower .follower-card-mask {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 142px;
  height: 193px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/ellipse-mask_9d463218.png) no-repeat center center;
  background-size: 100%;
}
.page-upload .upload-body .upload-content .right-panel .addable-follower .addable-item-follower::before {
  display: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/ellipse-add-active_50dc5f4c.png) no-repeat center center;
  background-size: 100% 100%;
}
.page-upload .upload-body .upload-content .right-panel .addable-follower .addable-item-follower--active::after {
  display: none !important;
}
.page-upload .upload-body .upload-content .right-panel .addable-follower .addable-item-follower--active::before {
  display: block;
}
.page-upload .upload-body .upload-content .right-panel .addable-follower .addable-item-follower .addable-item-delete {
  top: 32px;
  right: 30px;
}
.page-upload .upload-body .upload-content .right-panel .follower-form-item.has-error .addable-item-follower::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/ellipse-add-error_2cd3a17b.png) no-repeat center center;
  background-size: 100% 100%;
}
.page-upload .upload-body .upload-content .right-panel .tag-form .tag-form-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page-upload .upload-body .upload-content .right-panel .tag-form .tag-form-item--label {
  font-size: 18px;
  color: #604225;
  margin-right: 20px;
  font-weight: 600;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.page-upload .upload-body .upload-content .right-panel .tag-form .tag-form-item:nth-child(2) {
  margin-top: 16px;
}
.page-upload .upload-body .upload-content .right-panel .square-addable .addable-item {
  max-width: 150px;
}
.page-upload .upload-body .upload-content .right-panel .square-addable .addable-item:not(:last-child) {
  margin-right: 28px;
}
.page-upload .upload-body .upload-content .right-panel .square-addable .square-item {
  border: 6px solid #e6d3a8;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 35px 0 rgba(30, 8, 8, 0.1) inset;
          box-shadow: 0 0 35px 0 rgba(30, 8, 8, 0.1) inset;
  position: relative;
  max-width: 150px;
}
.page-upload .upload-body .upload-content .right-panel .square-addable .square-item.square-item--active {
  border-color: #f1e7d1;
}
.page-upload .upload-body .upload-content .right-panel .square-addable .square-item .plus-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page-upload .upload-body .upload-content .right-panel .square-addable .square-item .plus-icon::before,
.page-upload .upload-body .upload-content .right-panel .square-addable .square-item .plus-icon:after {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: '';
  position: absolute;
  width: 10px;
  height: 46px;
  background-color: #bfaa7c;
}
.page-upload .upload-body .upload-content .right-panel .square-addable .square-item .plus-icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.page-upload .upload-body .upload-content .right-panel .square-addable .square-item .bg-size {
  content: '';
  width: 100%;
  height: 0;
  padding-top: 138.12%;
}
.page-upload .upload-body .upload-content .right-panel .square-addable .square-item .square-item--label {
  position: absolute;
  bottom: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 18px;
  color: #bfaa7c;
}
.page-upload .upload-body .upload-content .right-panel .square-addable .square-item .square-item__img {
  position: absolute;
  top: -12%;
  left: -9%;
  width: 124%;
  display: block;
}
.page-upload .upload-body .upload-content .right-panel .square-addable .square-item .square-item__img.square-item__img--empty {
  left: 50% !important;
  -webkit-transform: translateX(-24%) !important;
          transform: translateX(-24%) !important;
}
.page-upload .upload-body .upload-content .right-panel .square-addable .square-item .square-card-mask {
  display: block;
  position: absolute;
  top: -6px;
  left: -6px;
  width: 150px;
  height: 203px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/square-mask_209b4ff5.png) no-repeat center center;
  background-size: 100% 100%;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-form-header {
  padding: 45px 0 0 45px;
  margin-bottom: 24px;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-form-header .operation-form-title {
  position: relative;
  font-size: 20px;
  color: #233a6e;
  font-weight: bold;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-form-header .operation-form-title__required {
  color: #e21717;
  position: absolute;
  left: -8px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-detail:not(:first-child) {
  margin-top: 40px;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-detail .operation-label {
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #c7b289;
  color: #7c6040;
  font-size: 20px;
  font-weight: 600;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-detail .grade-select {
  position: relative;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-detail .grade-select .grade-select__input {
  width: 52px;
  height: 24px;
  line-height: 24px;
  border-radius: 3px;
  border: 1px solid #bea680;
  background-color: #f0e7d6;
  font-size: 18px;
  color: #7c6040;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-detail .grade-select .grade-select__input.grade-select__input--disabled {
  color: rgba(124, 96, 64, 0.4);
  cursor: default;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-detail .grade-select .grade-select__drowdown {
  padding: 0;
  display: none;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-detail .grade-select .grade-select__drowdown--inner {
  position: absolute;
  z-index: 99;
  top: 100%;
  font-size: 18px;
  color: #7c6040;
  width: 100%;
  background-color: #f0e7d6;
  border: 1px solid #bea680;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-detail .grade-select .grade-select__drowdown .grade-select__option {
  text-align: center;
  cursor: pointer;
  height: 22px;
  line-height: 22px;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-detail .grade-select .grade-select__drowdown .grade-select__option:hover,
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-detail .grade-select .grade-select__drowdown .grade-select__option.grade-select__option--active {
  background-color: #e3d2b1;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-detail .grade-select .grade-select__drowdown .grade-select__option.grade-select__option--disabled {
  color: rgba(124, 96, 64, 0.4);
  background-color: transparent;
  cursor: not-allowed;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-detail .grade-select .grade-select__drowdown.grade-select__drowdown--disabled {
  display: none !important;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-detail .grade-select:hover .grade-select__drowdown {
  display: block;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-detail .square-item .bg-size {
  padding-top: 139.7%;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-detail .square-item .square-item__img {
  position: absolute;
  top: -8px;
  left: 50%;
  width: 110%;
  display: block;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-detail .square-item .square-card-mask {
  width: 130px;
  height: 177px;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-form-panel {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-left: 78px;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-form-panel .form-item-label::before {
  content: '';
  display: inline-block;
  margin-right: 10px;
  width: 4px;
  height: 4px;
  background-color: #233a6e;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-form-panel .form-item-label .form-item-label__required {
  position: static;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-form-panel .grade-form-item .form-item-control {
  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;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-form-panel .grade-form-item .sperate {
  width: 12px;
  height: 4px;
  background-color: #000;
  margin: 0 4px;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-form-panel .addable {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1052px;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-form-panel .addable-item {
  width: 130px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-form-panel .addable-item .square-item {
  width: 130px;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-form-panel .addable-item .square-item .square-item__img {
  width: 124%;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-7.2%, -50%);
          transform: translate(-7.2%, -50%);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: z_yingxiong_1_3_000_opacity_bezier_anim 0.4s 0.6s both;
          animation: z_yingxiong_1_3_000_opacity_bezier_anim 0.4s 0.6s both;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-form-panel .addable-item:not(:last-child) {
  margin-right: 12px;
}
.page-upload .upload-body .upload-content .right-panel .operation-form .operation-form-panel .form-item.has-error .addable-item .square-item.is-error {
  border-color: #d55744;
}
.page-upload .upload-body .upload-content .right-panel .upload-btn {
  width: 196px;
  margin: 40px auto 0;
}
.page-upload .upload-body .upload-content .right-panel .upload-btn .hs-btn {
  width: 100%;
}
.page-upload .upload-body .upload-content .right-panel .ornament-form .ornament-form-item .form-item-control {
  max-width: 684px;
  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;
}
.page-upload .upload-body .upload-content .right-panel .ornament-form .ornament-form-item .form-item-control .addable {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-upload .upload-body .upload-success {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 1164px;
  height: 648px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/upload-success_a527f4a1.png) no-repeat center center;
  background-size: 100% 100%;
  margin: 0 auto;
  padding-top: 362px;
}
.page-upload .upload-body .upload-success .upload-success-body .upload-success-title {
  font-size: 30px;
  color: #614326;
  font-weight: 600;
  text-align: center;
}
.page-upload .upload-body .upload-success .upload-success-body .upload-success-content {
  margin-top: 38px;
  font-size: 22px;
  color: #614326;
  text-align: center;
}
.page-upload .upload-body .upload-success .upload-success-body .upload-success-content .highlight {
  color: #b17600;
  cursor: pointer;
  text-decoration: underline;
}
.page-upload .upload-body .upload-success .upload-success-footer {
  margin-top: 54px;
}
@-webkit-keyframes z_danchu_deban_000_anim {
  0% {
    -webkit-transform: translate(0, -821px);
            transform: translate(0, -821px);
  }
  1.22% {
    -webkit-transform: translate(0, -792px);
            transform: translate(0, -792px);
  }
  2.44% {
    -webkit-transform: translate(0, -719px);
            transform: translate(0, -719px);
  }
  3.66% {
    -webkit-transform: translate(0, -618px);
            transform: translate(0, -618px);
  }
  4.88% {
    -webkit-transform: translate(0, -497px);
            transform: translate(0, -497px);
  }
  6.1% {
    -webkit-transform: translate(0, -360px);
            transform: translate(0, -360px);
  }
  7.32% {
    -webkit-transform: translate(0, -214px);
            transform: translate(0, -214px);
  }
  8.54% {
    -webkit-transform: translate(0, -64px);
            transform: translate(0, -64px);
  }
  9.76% {
    -webkit-transform: translate(0, 73px);
            transform: translate(0, 73px);
  }
  10.98% {
    -webkit-transform: translate(0, -18px);
            transform: translate(0, -18px);
  }
  12.2% {
    -webkit-transform: translate(0, -123px);
            transform: translate(0, -123px);
  }
  13.41% {
    -webkit-transform: translate(0, -200px);
            transform: translate(0, -200px);
  }
  14.63% {
    -webkit-transform: translate(0, -254px);
            transform: translate(0, -254px);
  }
  15.85% {
    -webkit-transform: translate(0, -289px);
            transform: translate(0, -289px);
  }
  17.07% {
    -webkit-transform: translate(0, -311px);
            transform: translate(0, -311px);
  }
  18.29% {
    -webkit-transform: translate(0, -322px);
            transform: translate(0, -322px);
  }
  19.51% {
    -webkit-transform: translate(0, -326px);
            transform: translate(0, -326px);
  }
  20.73% {
    -webkit-transform: translate(0, -323px);
            transform: translate(0, -323px);
  }
  21.95% {
    -webkit-transform: translate(0, -315px);
            transform: translate(0, -315px);
  }
  23.17% {
    -webkit-transform: translate(0, -302px);
            transform: translate(0, -302px);
  }
  24.39% {
    -webkit-transform: translate(0, -283px);
            transform: translate(0, -283px);
  }
  25.61% {
    -webkit-transform: translate(0, -258px);
            transform: translate(0, -258px);
  }
  26.83% {
    -webkit-transform: translate(0, -228px);
            transform: translate(0, -228px);
  }
  28.05% {
    -webkit-transform: translate(0, -192px);
            transform: translate(0, -192px);
  }
  29.27% {
    -webkit-transform: translate(0, -150px);
            transform: translate(0, -150px);
  }
  30.49% {
    -webkit-transform: translate(0, -104px);
            transform: translate(0, -104px);
  }
  31.71% {
    -webkit-transform: translate(0, -54px);
            transform: translate(0, -54px);
  }
  32.93% {
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px);
  }
  34.15% {
    -webkit-transform: translate(0, 36px);
            transform: translate(0, 36px);
  }
  35.37% {
    -webkit-transform: translate(0, -31px);
            transform: translate(0, -31px);
  }
  36.59% {
    -webkit-transform: translate(0, -85px);
            transform: translate(0, -85px);
  }
  37.8% {
    -webkit-transform: translate(0, -112px);
            transform: translate(0, -112px);
  }
  39.02% {
    -webkit-transform: translate(0, -120px);
            transform: translate(0, -120px);
  }
  40.24% {
    -webkit-transform: translate(0, -117px);
            transform: translate(0, -117px);
  }
  41.46% {
    -webkit-transform: translate(0, -106px);
            transform: translate(0, -106px);
  }
  42.68% {
    -webkit-transform: translate(0, -87px);
            transform: translate(0, -87px);
  }
  43.9% {
    -webkit-transform: translate(0, -58px);
            transform: translate(0, -58px);
  }
  45.12% {
    -webkit-transform: translate(0, -22px);
            transform: translate(0, -22px);
  }
  46.34% {
    -webkit-transform: translate(0, 13px);
            transform: translate(0, 13px);
  }
  47.56% {
    -webkit-transform: translate(0, -25px);
            transform: translate(0, -25px);
  }
  48.78% {
    -webkit-transform: translate(0, -37px);
            transform: translate(0, -37px);
  }
  50% {
    -webkit-transform: translate(0, -34px);
            transform: translate(0, -34px);
  }
  51.22% {
    -webkit-transform: translate(0, -26px);
            transform: translate(0, -26px);
  }
  52.44% {
    -webkit-transform: translate(0, -14px);
            transform: translate(0, -14px);
  }
  53.66% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes z_danchu_deban_000_anim {
  0% {
    -webkit-transform: translate(0, -821px);
            transform: translate(0, -821px);
  }
  1.22% {
    -webkit-transform: translate(0, -792px);
            transform: translate(0, -792px);
  }
  2.44% {
    -webkit-transform: translate(0, -719px);
            transform: translate(0, -719px);
  }
  3.66% {
    -webkit-transform: translate(0, -618px);
            transform: translate(0, -618px);
  }
  4.88% {
    -webkit-transform: translate(0, -497px);
            transform: translate(0, -497px);
  }
  6.1% {
    -webkit-transform: translate(0, -360px);
            transform: translate(0, -360px);
  }
  7.32% {
    -webkit-transform: translate(0, -214px);
            transform: translate(0, -214px);
  }
  8.54% {
    -webkit-transform: translate(0, -64px);
            transform: translate(0, -64px);
  }
  9.76% {
    -webkit-transform: translate(0, 73px);
            transform: translate(0, 73px);
  }
  10.98% {
    -webkit-transform: translate(0, -18px);
            transform: translate(0, -18px);
  }
  12.2% {
    -webkit-transform: translate(0, -123px);
            transform: translate(0, -123px);
  }
  13.41% {
    -webkit-transform: translate(0, -200px);
            transform: translate(0, -200px);
  }
  14.63% {
    -webkit-transform: translate(0, -254px);
            transform: translate(0, -254px);
  }
  15.85% {
    -webkit-transform: translate(0, -289px);
            transform: translate(0, -289px);
  }
  17.07% {
    -webkit-transform: translate(0, -311px);
            transform: translate(0, -311px);
  }
  18.29% {
    -webkit-transform: translate(0, -322px);
            transform: translate(0, -322px);
  }
  19.51% {
    -webkit-transform: translate(0, -326px);
            transform: translate(0, -326px);
  }
  20.73% {
    -webkit-transform: translate(0, -323px);
            transform: translate(0, -323px);
  }
  21.95% {
    -webkit-transform: translate(0, -315px);
            transform: translate(0, -315px);
  }
  23.17% {
    -webkit-transform: translate(0, -302px);
            transform: translate(0, -302px);
  }
  24.39% {
    -webkit-transform: translate(0, -283px);
            transform: translate(0, -283px);
  }
  25.61% {
    -webkit-transform: translate(0, -258px);
            transform: translate(0, -258px);
  }
  26.83% {
    -webkit-transform: translate(0, -228px);
            transform: translate(0, -228px);
  }
  28.05% {
    -webkit-transform: translate(0, -192px);
            transform: translate(0, -192px);
  }
  29.27% {
    -webkit-transform: translate(0, -150px);
            transform: translate(0, -150px);
  }
  30.49% {
    -webkit-transform: translate(0, -104px);
            transform: translate(0, -104px);
  }
  31.71% {
    -webkit-transform: translate(0, -54px);
            transform: translate(0, -54px);
  }
  32.93% {
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px);
  }
  34.15% {
    -webkit-transform: translate(0, 36px);
            transform: translate(0, 36px);
  }
  35.37% {
    -webkit-transform: translate(0, -31px);
            transform: translate(0, -31px);
  }
  36.59% {
    -webkit-transform: translate(0, -85px);
            transform: translate(0, -85px);
  }
  37.8% {
    -webkit-transform: translate(0, -112px);
            transform: translate(0, -112px);
  }
  39.02% {
    -webkit-transform: translate(0, -120px);
            transform: translate(0, -120px);
  }
  40.24% {
    -webkit-transform: translate(0, -117px);
            transform: translate(0, -117px);
  }
  41.46% {
    -webkit-transform: translate(0, -106px);
            transform: translate(0, -106px);
  }
  42.68% {
    -webkit-transform: translate(0, -87px);
            transform: translate(0, -87px);
  }
  43.9% {
    -webkit-transform: translate(0, -58px);
            transform: translate(0, -58px);
  }
  45.12% {
    -webkit-transform: translate(0, -22px);
            transform: translate(0, -22px);
  }
  46.34% {
    -webkit-transform: translate(0, 13px);
            transform: translate(0, 13px);
  }
  47.56% {
    -webkit-transform: translate(0, -25px);
            transform: translate(0, -25px);
  }
  48.78% {
    -webkit-transform: translate(0, -37px);
            transform: translate(0, -37px);
  }
  50% {
    -webkit-transform: translate(0, -34px);
            transform: translate(0, -34px);
  }
  51.22% {
    -webkit-transform: translate(0, -26px);
            transform: translate(0, -26px);
  }
  52.44% {
    -webkit-transform: translate(0, -14px);
            transform: translate(0, -14px);
  }
  53.66% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes z_danchu_huakuai_000_anim {
  0% {
    opacity: 0;
  }
  24.39% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_danchu_huakuai_000_anim {
  0% {
    opacity: 0;
  }
  24.39% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z_danchu_yingxiongtouxiang_000_anim {
  0% {
    opacity: 0;
  }
  24.39% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_danchu_yingxiongtouxiang_000_anim {
  0% {
    opacity: 0;
  }
  24.39% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z_danchu_zujian_000_anim {
  0% {
    opacity: 0;
  }
  24.39% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_danchu_zujian_000_anim {
  0% {
    opacity: 0;
  }
  24.39% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.all-hero-pop {
  width: 100%;
  top: 0;
}
.all-hero-pop::before {
  display: none;
}
.all-hero-pop .pop-close {
  display: none;
}
.all-hero-pop .all-hero {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 994px;
  max-width: 2560px;
  margin: 0 auto;
  z-index: 999;
  -webkit-animation: z_danchu_deban_000_anim 1.367s 0s linear both;
          animation: z_danchu_deban_000_anim 1.367s 0s linear both;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/bg_99bf0ed2.png) no-repeat bottom;
}
.all-hero-pop .all-hero-top {
  position: relative;
  padding: 38px 10px 0 10px;
  margin: 0 auto;
  max-width: 1609px;
  font-size: 17px;
  color: #614326;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-animation: z_danchu_zujian_000_anim 1.367s 0s linear both;
          animation: z_danchu_zujian_000_anim 1.367s 0s linear both;
}
.all-hero-pop .all-hero-content {
  position: relative;
  padding: 0 0 0 0;
  margin: 0 auto;
  width: 1600px;
  height: 800px;
  font-size: 17px;
  color: #614326;
  overflow: auto;
  -webkit-animation: z_danchu_yingxiongtouxiang_000_anim 1.367s 0s linear both;
          animation: z_danchu_yingxiongtouxiang_000_anim 1.367s 0s linear both;
}
.all-hero-pop .all-hero-content .__rail-is-vertical {
  border: 3px solid #9b241e !important;
  -webkit-animation: z_danchu_huakuai_000_anim 1.367s 0s linear both;
          animation: z_danchu_huakuai_000_anim 1.367s 0s linear both;
}
.all-hero-pop .all-hero-content .no-hero {
  margin: 200px auto auto auto;
  width: 219px;
  height: 278px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/no-hero_46418550.png) no-repeat;
  background-size: contain;
}
.all-hero-pop .all-hero-content-img {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.all-hero-pop .all-hero-content-img-border {
  position: relative;
  margin: 0 25px 74px 0;
  cursor: pointer;
  width: 164px;
  height: 186px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/card-border_9121b79e.png) no-repeat;
  background-size: contain;
}
.all-hero-pop .all-hero-content-img-border p {
  position: absolute;
  width: 100%;
  top: 195px;
  left: 0;
  right: 0;
  font-size: 16px;
  text-align: center;
  color: #ffff;
}
.all-hero-pop .all-hero-content-img-border.active::after,
.all-hero-pop .all-hero-content-img-border:hover::after {
  content: '';
  position: absolute;
  left: -8px;
  top: -8px;
  width: 182px;
  height: 206px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/card-border-h_cf995aed.png) no-repeat;
  background-size: contain;
}
.all-hero-pop .all-hero-content-img-border img {
  position: absolute;
  width: 180px;
  height: 190px;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 11px 10px;
  z-index: 2;
}
.all-hero-pop .all-hero-content-img-border img.err {
  font-size: 0;
  height: 200px;
  padding: 90px 74px;
}
.all-hero-pop .all-hero-content-img-border.no-limit img {
  width: 166px;
  height: 190px;
  padding: 12px 11px;
}
.all-hero-pop .all-hero-close {
  cursor: pointer;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-977px -89px;
width:56px;
height:54px;

}
.all-hero-pop .all-hero-close:hover {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-977px -147px;
width:56px;
height:54px;

}
.page-detail {
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 3px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/bg_1ba927d4.jpg);
  background-size: cover;
}
.page-detail::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  height: 146px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/border-top_20e5784d.png) repeat-x center center;
}
.page-detail::after {
  content: '';
  position: absolute;
  top: -8px;
  right: 0;
  width: 146px;
  height: 146px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/bg-meta_5b20e7fc.png) no-repeat center center;
}
.page-detail .zs {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 1;
  width: 715px;
  height: 589px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/icon-zs_26b82772.png) no-repeat;
  background-size: contain;
}
.page-detail .detail-content-wrap {
  position: relative;
  padding: 78px 0 80px 0;
  margin: 0 auto;
  max-width: 1200px;
  min-height: 500px;
  font-size: 17px;
  color: #614326;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.page-detail .detail-title {
  position: absolute;
  z-index: 2;
  top: -160px;
  color: #fff;
}
.page-detail .detail-title-text {
  margin-bottom: 20px;
}
.page-detail .detail-title-text-title {
  font-size: 40px;
  padding-bottom: 20px;
  font-weight: bold;
  text-shadow: 0 0 5px transparent, 0 3px 14px rgba(0, 0, 0, 0.8);
  margin-right: 10px;
}
.page-detail .detail-title-text-tag {
  display: inline-block;
}
.page-detail .detail-title-text .race-tag {
  background-color: #604225;
  width: 60px;
  height: 26px;
  border: 1px solid #fff;
  border-radius: 13px;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  line-height: 26px;
  margin-left: 10px;
}
.page-detail .detail-title-text .race-tag.scene {
  background-color: #810c0e;
}
.page-detail .detail-title-info {
  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;
}
.page-detail .detail-title-score {
  color: #fff;
  font-size: 18px;
  font-family: "belweb", sans-serif;
  padding-left: 35px;
  margin-right: 10px;
  text-shadow: #000000 1px 0 0, #000000 0.877585px 0.479425px 0, #000000 0.5403px 0.84147px 0, #000000 0.070735px 0.997495px 0, #000000 -0.416145px 0.909295px 0, #000000 -0.801145px 0.59847px 0, #000000 -0.98999px 0.14112px 0, #000000 -0.936455px -0.350785px 0, #000000 -0.653645px -0.7568px 0, #000000 -0.210795px -0.97753px 0, #000000 0.28366px -0.958925px 0, #000000 0.70867px -0.70554px 0, #000000 0.96017px -0.279415px 0;
  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;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-657px -500px;
width:93px;
height:37px;

}
.page-detail .detail-title-author {
  font-size: 20px;
  text-shadow: 0 0 5px transparent, 0 3px 14px rgba(0, 0, 0, 0.8);
}
.page-detail .detail-main {
  width: 100%;
  padding-top: 66px;
}
.page-detail .detail-main.short {
  padding-top: 36px;
}
.page-detail .detail-sharebox {
  position: absolute !important;
  left: 0;
  top: 0;
  z-index: -999;
  overflow: initial !important;
}
.page-detail .detail-sharebox .ccc-html2canvas-html {
  overflow: initial !important;
}
.page-detail .detail-sharebox .detail-head-hero {
  position: absolute !important;
}
.page-detail .detail-sharebox .detail-head-follower {
  margin-top: 2.2rem;
}
.page-detail .detail-head {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -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;
  margin: -20px 0 120px 0;
  width: 1190px;
  height: 455px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/hero-frame_89b2fb44.png) no-repeat;
  background-size: contain;
}
.page-detail .detail-head-skill {
  position: absolute;
  right: 190px;
  top: -100px;
}
.page-detail .detail-head-skill img {
  width: 178px;
  height: 256px;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-detail .detail-head-hero {
  position: absolute;
  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;
  margin-top: -170px;
  padding: 0 0 50px 10px;
  width: 467px;
  height: 338px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/hero-card-frame_bc9589ee.png) no-repeat;
  background-size: contain;
}
.page-detail .detail-head-hero .card-hero {
  position: relative;
  height: 304px;
}
.page-detail .detail-head-hero .card-hero img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  padding-top: 7px;
}
.page-detail .detail-head-follower {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 70px;
}
.page-detail .detail-head-follower-frame {
  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;
  width: 143px;
  height: 185px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/follower-frame_9568fdfd.png) no-repeat;
  background-size: contain;
  height: 210px;
  position: relative;
}
.page-detail .detail-head-follower-frame .card-follower img {
  width: 195px;
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 0 0 19px 6px;
}
.page-detail .detail-head-follower-frame .card-follower .health,
.page-detail .detail-head-follower-frame .card-follower .attack {
  font-family: "belweb", sans-serif;
  position: absolute;
  font-size: 40px;
  bottom: 57px;
  width: 60px;
  text-align: center;
  text-shadow: #000000 2px 0 0, #000000 1.75517px 0.95885px 0, #000000 1.0806px 1.68294px 0, #000000 0.14147px 1.99499px 0, #000000 -0.83229px 1.81859px 0, #000000 -1.60229px 1.19694px 0, #000000 -1.97998px 0.28224px 0, #000000 -1.87291px -0.70157px 0, #000000 -1.30729px -1.5136px 0, #000000 -0.42159px -1.95506px 0, #000000 0.56732px -1.91785px 0, #000000 1.41734px -1.41108px 0, #000000 1.92034px -0.55883px 0;
  color: #fff;
}
.page-detail .detail-head-follower-frame .card-follower .health {
  right: 26px;
}
.page-detail .detail-head-follower-frame .card-follower .attack {
  left: 30px !important;
}
.page-detail .detail-head-follower-frame .bigger-follower {
  position: absolute;
  bottom: 0;
  right: 130px;
  z-index: 1;
  -webkit-filter: drop-shadow(#000000 0 0 15px);
          filter: drop-shadow(#000000 0 0 15px);
}
.page-detail .detail-head-follower-frame .bigger-follower.left {
  right: 0;
  left: 130px;
}
.page-detail .detail-head-follower-frame .bigger-follower img {
  width: 206px;
}
.page-detail .detail-head-core {
  position: absolute;
  top: 446px;
  width: 1024px;
  height: 208px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/core-bg_9e426237.png) no-repeat;
  background-size: contain;
  text-align: center;
  padding: 30px 75px 30px 60px;
  margin-top: -58px;
  background-size: 100% 100%;
}
.page-detail .detail-head-core.small {
  width: 1024px;
  height: 178px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/core-bg-small_a9aec661.png) no-repeat;
  background-size: contain;
}
.page-detail .detail-head-core h3 {
  font-size: 20px;
  padding-bottom: 20px;
  color: #ddb76a;
}
.page-detail .detail-head-core p {
  font-size: 16px;
  line-height: 24px;
  color: #e7d5a9;
}
.page-detail .detail-label {
  width: 100%;
  max-width: 1178px;
  padding: 40px 90px 0 90px;
}
.page-detail .detail-label:first-child {
  padding-top: 0;
}
.page-detail .detail-label-title {
  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: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 20px;
  font-weight: bold;
  color: #233a6e;
}
.page-detail .detail-label-title::before {
  content: '';
  width: 14px;
  height: 14px;
  margin-right: 10px;
  background: #233a6e;
}
.page-detail .detail-label-desc {
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
  color: #291705;
  background: rgba(177, 153, 119, 0.3);
  border-radius: 4px;
  padding: 14px 30px;
  font-weight: 500;
}
.page-detail .detail-label-apply {
  margin-top: -5px;
}
.page-detail .detail-label-apply-text {
  margin-bottom: 10px;
  line-height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.page-detail .detail-label-apply-text-hero {
  position: relative;
  color: #b17600;
}
.page-detail .detail-label-apply-text-hero span {
  font-weight: 400;
  cursor: pointer;
  text-decoration: underline;
}
.page-detail .detail-label-apply-text-hero span.remove {
  cursor: not-allowed;
}
.page-detail .detail-label-apply-text-hero::after {
  content: '\3001';
}
.page-detail .detail-label-apply-text-hero:last-child::after {
  content: '';
}
.page-detail .detail-label-ornament {
  padding-top: 30px;
  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;
  height: 244px;
}
.page-detail .detail-label-ornament-img {
  padding-right: 10px;
}
.page-detail .detail-label-ornament-img img {
  width: 161px;
  height: 239px;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-detail .detail-operation-idea {
  width: 100%;
  padding: 66px 0 10px 0;
  margin: 0 auto;
}
.page-detail .detail-operation-idea-title {
  margin: 0 auto;
  width: 1112px;
  height: 62px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/title_e5b62d1c.png) no-repeat;
  background-size: contain;
}
.page-detail .detail-operation-idea-content {
  position: relative;
  width: 100%;
  max-width: 1178px;
  padding: 40px 90px;
}
.page-detail .detail-operation-idea-content:nth-child(2) {
  padding-top: 20px;
}
.page-detail .detail-operation-idea-content-border {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 85%;
  margin: 0 auto;
  border-bottom: 1px solid #b19977;
}
.page-detail .detail-operation-idea-content-intro {
  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: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-detail .detail-operation-idea-content-intro div {
  padding: 5px 20px;
  border: 1px solid #b19977;
  border-radius: 4px;
  font-weight: bold;
  background: rgba(177, 153, 119, 0.6);
  color: #233a6e;
  font-size: 20px;
}
.page-detail .detail-operation-idea-content-intro div:last-child {
  margin-left: 10px;
}
.page-detail .detail-operation-idea-content-intro div span {
  color: #fff;
  text-shadow: #000 2px 0 0, #000 1.75517px 0.95885px 0, #000 1.0806px 1.68294px 0, #000 0.14147px 1.99499px 0, #000 -0.83229px 1.81859px 0, #000 -1.60229px 1.19694px 0, #000 -1.97998px 0.28224px 0, #000 -1.87291px -0.70157px 0, #000 -1.30729px -1.5136px 0, #000 -0.42159px -1.95506px 0, #000 0.56732px -1.91785px 0, #000 1.41734px -1.41108px 0, #000 1.92034px -0.55883px 0;
}
.page-detail .detail-operation-idea-content-desc {
  font-size: 16px;
  color: #000;
  padding: 20px 15px 0 24px;
  line-height: 24px;
}
.page-detail .detail-operation-idea-content-desc span {
  font-size: 20px;
  font-weight: bold;
  color: #233a6e;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 20px;
  position: relative;
}
.page-detail .detail-operation-idea-content-desc span::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -24px;
  content: '';
  width: 14px;
  height: 14px;
  margin-right: 10px;
  background: #233a6e;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: inline-block;
}
.page-detail .detail-operation-idea-content-desc2 {
  font-size: 16px;
  color: #000;
  background: rgba(177, 153, 119, 0.3);
  border-radius: 4px;
  padding: 14px 30px;
  line-height: 24px;
}
.page-detail .detail-operation-idea-content-core-card-text {
  padding: 40px 0 20px 0;
}
.page-detail .detail-operation-idea-content-core-card-text span {
  padding: 5px 30px 3px 30px;
  border: 1px solid #b19977;
  border-radius: 4px;
  background: rgba(177, 153, 119, 0.3);
  display: inline-block;
}
.page-detail .detail-operation-idea-content-core-card-box {
  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;
}
.page-detail .detail-operation-idea-content-core-card-img {
  width: 165px;
  height: 240px;
  margin-left: -20px;
}
.page-detail .detail-operation-idea-content-core-card-img:first-child {
  margin-left: 0;
}
.page-detail .detail-operation-idea-content-core-card-img img {
  width: 100%;
  height: 100%;
  margin: 0 -10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-detail .detail-operation-idea-content-core-card .card-follower {
  width: 165px;
}
.page-detail .detail-operation-idea-content-sub-core-card-text {
  padding: 40px 0 20px 0;
}
.page-detail .detail-operation-idea-content-sub-core-card-text span {
  padding: 5px 30px 3px 30px;
  border: 1px solid #b19977;
  border-radius: 4px;
  background: rgba(177, 153, 119, 0.3);
  display: inline-block;
}
.page-detail .detail-operation-idea-content-sub-core-card-img {
  position: relative;
  padding: 0 20px 20px 0;
}
.page-detail .detail-operation-idea-content-sub-core-card-img span {
  color: #b47c0a;
  cursor: pointer;
  border-bottom: 1px solid #b47c0a;
}
.page-detail .detail-operation-idea-content-sub-core-card-img span.remove {
  cursor: not-allowed;
}
.page-detail .detail-qrcode-box {
  position: relative;
  margin-top: 60px;
  width: 1804px;
  height: 420px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/qrcode-bg_307a82d2.png) no-repeat;
  background-size: contain;
  width: 100%;
  height: 300px;
  display: none;
}
.page-detail .detail-qrcode-box .ccc-qrcode {
  position: absolute;
  top: 67px;
  left: 508px;
  width: 90px;
  height: 90px;
}
.page-detail .detail-qrcode-box .ccc-qrcode img {
  width: 100%;
  height: 100%;
}
.page-detail .detail-qrcode-box-text {
  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;
  font-family: 'FZLanTingHeiS-R-GB', sans-serif;
  font-size: 20px;
  color: #624821;
  padding: 105px 0 0 280px;
}
.page-detail .button-box {
  position: fixed;
  z-index: 13;
  right: 190px;
  bottom: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  -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;
}
.page-detail .button-box .qrcode-box .qrcode-bg {
  width: 137px;
  height: 137px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/qrcode-bg_bf4f2a7c.png) no-repeat;
  background-size: contain;
}
.page-detail .button-box .qrcode-box .qrcode-bg #xcx-qrcode {
  width: 100%;
  height: 100%;
  border-radius: 70%;
  padding: 14px;
  mix-blend-mode: multiply;
}
.page-detail .button-box .qrcode-box .qrcode-text {
  padding: 10px 0 10px 0;
  text-align: center;
  font-size: 16px;
  color: #624821;
}
.page-detail .button-box button {
  font-size: 0;
}
.page-detail .button-box button.collect {
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-weight: bold;
  padding-left: 33px;
  padding-bottom: 7px;
  color: #e8d3a8;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-816px -651px;
width:83px;
height:81px;

}
.page-detail .button-box button.collect:hover {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-0px -839px;
width:83px;
height:81px;

}
.page-detail .button-box button.collect.active {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-87px -839px;
width:83px;
height:81px;

}
.page-detail .button-box button.share {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-174px -839px;
width:78px;
height:81px;

}
.page-detail .button-box button.share:hover {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-256px -839px;
width:78px;
height:81px;

}
.page-detail .button-box button.top {
  display: none;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-338px -839px;
width:78px;
height:81px;

}
.page-detail .button-box button.top:hover {
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-955073_95507320.png);background-size:1050px 924px;
background-position:-420px -839px;
width:78px;
height:81px;

}

/** mixins **/

/** mixins **/
[data-v-1a792334] .copy-link-pop {
  /* eslint-disable-next-line vue-scoped-css/no-unused-selector */
}
[data-v-1a792334] .copy-link-pop .pop-content {
  padding-top: 34px;
  padding-bottom: 0;
}
.link-container[data-v-1a792334] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
.link-container .link-container-input[data-v-1a792334] {
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #614326;
  padding: 5px 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.link-container .copy-btn[data-v-1a792334] {
  font-size: 14px;
  padding: 5px 10px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background: #614326;
  color: #fff;
  margin-left: 10px;
}

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/
.hs-toast {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.hs-toast.center {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.hs-toast .hs-toast-content {
  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;
  padding: 16px 60px;
  color: #684826;
  background-color: #e6cfa6;
  font-size: 16px;
  border: 1px solid #b19977;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.23);
          box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.23);
}
.hs-toast .hs-toast-content .toast-text {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.hs-toast .tip-icon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/tip_cd583adb.png) no-repeat center center;
  background-size: 100% 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

/** mixins **/
.hs-btn {
  position: relative;
  background: -webkit-gradient(linear, left bottom, left top, from(#513c28), to(#b3a192));
  background: linear-gradient(to top, #513c28 0%, #b3a192 100%);
  border-radius: 8px;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: calc(2px + 1px + 4px);
  cursor: pointer;
}
.hs-btn::before {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(#846e5d), to(#765d56));
  background: linear-gradient(to bottom, #846e5d 0%, #765d56 100%);
  border-radius: 8px;
}
.hs-btn::after {
  content: '';
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  background: #765d54;
  border-radius: 8px;
}
.hs-btn:hover .hs-btn-outer {
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}
.hs-btn .hs-btn-outer {
  height: 100%;
  position: relative;
  z-index: 2;
  border-radius: 6px;
  padding: calc(1px + 3px);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}
.hs-btn .hs-btn-outer::before,
.hs-btn .hs-btn-outer::after {
  content: '';
  display: block;
  position: absolute;
}
.hs-btn .hs-btn-outer::before {
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  border-radius: 6px;
}
.hs-btn .hs-btn-outer::after {
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  border-radius: 6px;
}
.hs-btn .hs-btn-outer .hs-btn-inner {
  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;
  position: relative;
  z-index: 2;
  padding: 10px 36px;
  font-size: 16px;
  border-radius: 6px;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
  font-weight: 600;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  color: #fff;
}
.hs-btn.hs-btn-primary .hs-btn-outer {
  background: -webkit-gradient(linear, left bottom, left top, from(#421858), to(#7b4385));
  background: linear-gradient(to top, #421858 0%, #7b4385 100%);
}
.hs-btn.hs-btn-primary .hs-btn-outer::before {
  background: -webkit-gradient(linear, left bottom, left top, from(#672c95), to(#e165f4));
  background: linear-gradient(to top, #672c95 0%, #e165f4 100%);
}
.hs-btn.hs-btn-primary .hs-btn-outer::after {
  background-color: #cf2edb;
}
.hs-btn.hs-btn-primary .hs-btn-outer .hs-btn-inner {
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#471976), color-stop(50%, #cf3fda), to(#471976));
  background-image: linear-gradient(to right, #471976 0%, #cf3fda 50%, #471976 100%);
}
.hs-btn.hs-btn-primary:hover .hs-btn-outer .hs-btn-inner {
  background-image: -webkit-gradient(linear, left top, right top, from(#6c1f92), color-stop(44%, #cf2edb), color-stop(56%, #cf2edb), to(#6c1f92));
  background-image: linear-gradient(to right, #6c1f92 0%, #cf2edb 44%, #cf2edb 56%, #6c1f92 100%);
}
.hs-btn.hs-btn-secondary .hs-btn-outer {
  background: -webkit-gradient(linear, left bottom, left top, from(#1c3e4e), to(#2c5569));
  background: linear-gradient(to top, #1c3e4e 0%, #2c5569 100%);
}
.hs-btn.hs-btn-secondary .hs-btn-outer::before {
  background: -webkit-gradient(linear, left bottom, left top, from(#24657a), to(#479cbd));
  background: linear-gradient(to top, #24657a 0%, #479cbd 100%);
}
.hs-btn.hs-btn-secondary .hs-btn-outer::after {
  background-color: #2a8cab;
}
.hs-btn.hs-btn-secondary .hs-btn-outer .hs-btn-inner {
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#245263), color-stop(50%, #2a8cab), to(#245263));
  background-image: linear-gradient(to right, #245263 0%, #2a8cab 50%, #245263 100%);
}
.hs-btn.hs-btn-secondary:hover .hs-btn-outer .hs-btn-inner {
  background-image: -webkit-gradient(linear, left top, right top, from(#215c79), color-stop(44%, #2ea7ce), color-stop(56%, #2ea7ce), to(#215c79));
  background-image: linear-gradient(to right, #215c79 0%, #2ea7ce 44%, #2ea7ce 56%, #215c79 100%);
}
.hs-video .hs-video-inner {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  display: block;
  border-radius: 20px;
}
.hs-video .play-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  cursor: default;
}
.hs-video .play-mask.fullplay {
  cursor: pointer;
}
.hs-video .play-mask .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 172px;
  height: 172px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/play-btn_ee1607f2.png) no-repeat center center;
  background-size: 100%;
  cursor: pointer;
  z-index: 2;
}
.hs-video .play-mask .play-btn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/play-btn-active_1e27c03c.png) no-repeat center center;
  content: '';
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.hs-video .play-mask .play-btn:hover::after {
  opacity: 1;
}

/** mixins **/
.common-container-wrap[data-v-f6c140f0] {
  position: relative;
  height: 54px;
}
.common-container-wrap .common-bg-group .common-bg-left[data-v-f6c140f0],
.common-container-wrap .common-bg-group .common-bg-center[data-v-f6c140f0],
.common-container-wrap .common-bg-group .common-bg-right[data-v-f6c140f0] {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 54px;
  background: center center no-repeat;
  background-size: 100% 100%;
}
.common-container-wrap .common-bg-group .common-bg-left[data-v-f6c140f0] {
  left: 0;
  width: 60px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/common-bg-left_da6be49f.png);
}
.common-container-wrap .common-bg-group .common-bg-center[data-v-f6c140f0] {
  left: 60px;
  right: 60px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/common-bg-center_2d062cfa.png);
}
.common-container-wrap .common-bg-group .common-bg-right[data-v-f6c140f0] {
  right: 0;
  width: 60px;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/common-bg-right_849db100.png);
}
.common-container-wrap .common-container-content[data-v-f6c140f0] {
  position: relative;
  height: 100%;
}

/** mixins **/
.card-follower[data-v-405894e8] {
  position: relative;
}

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/
.form-panel {
  position: relative;
  padding: 40px;
  border: 1px solid rgba(124, 96, 64, 0.3);
  border-radius: 12px;
  background-color: rgba(153, 127, 92, 0.2);
}
.form-item .form-item-label {
  font-size: 20px;
  font-weight: bold;
  color: #233a6e;
  position: relative;
}
.form-item .form-item-label__required {
  color: #e21717;
  position: absolute;
  left: -8px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.form-item .form-item-label__desc {
  font-size: 16px;
  color: #755839;
  margin-left: 36px;
}
.form-item .form-item-label .error-text {
  font-size: 14px;
  color: #d10000;
  margin-left: 10px;
}
.form-item .form-item-control {
  margin-top: 20px;
  position: relative;
}
.form-item .form-item-control .error-text {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 14px;
  color: #d10000;
  -webkit-transform: translateY(calc(100% + 10px));
          transform: translateY(calc(100% + 10px));
}
.form-item.form-item--inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.form-item.form-item--inline .form-item-control {
  margin-top: 0;
  margin-left: 18px;
}
.hs-textarea,
.hs-input {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 4px solid #e4d4b8;
  border-radius: 12px;
  font-size: 16px;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 4px;
}
.hs-textarea.is-focus,
.hs-input.is-focus {
  background-color: #fff;
}
.hs-textarea .hs-textarea-inner,
.hs-input .hs-textarea-inner,
.hs-textarea .hs-input-inner,
.hs-input .hs-input-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.hs-textarea .hs-textarea-inner .hs-textarea-inner__textarea,
.hs-input .hs-textarea-inner .hs-textarea-inner__textarea,
.hs-textarea .hs-input-inner .hs-textarea-inner__textarea,
.hs-input .hs-input-inner .hs-textarea-inner__textarea,
.hs-textarea .hs-textarea-inner .hs-input-inner__input,
.hs-input .hs-textarea-inner .hs-input-inner__input,
.hs-textarea .hs-input-inner .hs-input-inner__input,
.hs-input .hs-input-inner .hs-input-inner__input {
  width: 100%;
  height: 100%;
  padding: 10px 16px;
  color: #000;
  background-color: transparent;
  border: none;
}
.hs-textarea .hs-textarea-inner::-webkit-input-placeholder, .hs-input .hs-textarea-inner::-webkit-input-placeholder, .hs-textarea .hs-input-inner::-webkit-input-placeholder, .hs-input .hs-input-inner::-webkit-input-placeholder {
  color: rgba(117, 88, 57, 0.6);
}
.hs-textarea .hs-textarea-inner::-moz-placeholder, .hs-input .hs-textarea-inner::-moz-placeholder, .hs-textarea .hs-input-inner::-moz-placeholder, .hs-input .hs-input-inner::-moz-placeholder {
  color: rgba(117, 88, 57, 0.6);
}
.hs-textarea .hs-textarea-inner:-ms-input-placeholder, .hs-input .hs-textarea-inner:-ms-input-placeholder, .hs-textarea .hs-input-inner:-ms-input-placeholder, .hs-input .hs-input-inner:-ms-input-placeholder {
  color: rgba(117, 88, 57, 0.6);
}
.hs-textarea .hs-textarea-inner::-ms-input-placeholder, .hs-input .hs-textarea-inner::-ms-input-placeholder, .hs-textarea .hs-input-inner::-ms-input-placeholder, .hs-input .hs-input-inner::-ms-input-placeholder {
  color: rgba(117, 88, 57, 0.6);
}
.hs-textarea .hs-textarea-inner::placeholder,
.hs-input .hs-textarea-inner::placeholder,
.hs-textarea .hs-input-inner::placeholder,
.hs-input .hs-input-inner::placeholder {
  color: rgba(117, 88, 57, 0.6);
}
.hs-textarea .hs-textarea-inner .limit-word,
.hs-input .hs-textarea-inner .limit-word,
.hs-textarea .hs-input-inner .limit-word,
.hs-input .hs-input-inner .limit-word {
  position: absolute;
  right: 9px;
  bottom: 12px;
  font-size: 14px;
  color: #755839;
}
.hs-textarea .hs-textarea-inner .limit-word .has-error,
.hs-input .hs-textarea-inner .limit-word .has-error,
.hs-textarea .hs-input-inner .limit-word .has-error,
.hs-input .hs-input-inner .limit-word .has-error {
  color: #f00;
}
.hs-textarea.has-error,
.hs-input.has-error {
  border-color: #d45644;
}
.hs-input {
  border-radius: 8px;
}
.hs-input .hs-input-inner .limit-word {
  top: 50%;
  right: 9px;
  bottom: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.hs-checkbox {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.hs-checkbox .hs-checkbox__input {
  display: inline-block;
  width: 21px;
  height: 21px;
  border: 2px solid #f8f4eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.hs-checkbox .hs-checkbox__input::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 11px;
  background-color: transparent;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.hs-checkbox .hs-checkbox__input.checked {
  border-color: #604225;
}
.hs-checkbox .hs-checkbox__input.checked::after {
  background-color: #604225;
}
.hs-checkbox .hs-checkbox__input .hs-checkbox__inner {
  display: inline-block;
}
.hs-checkbox .hs-checkbox__input .hs-checkbox__original {
  opacity: 0;
  width: 0;
  height: 0;
}
.hs-checkbox .hs-checkbox__label {
  font-size: 18px;
  color: #604225;
  margin-left: 5px;
}
.hs-checkbox.is-disabled {
  cursor: default;
  opacity: 0.5;
}
.hs-radio {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.hs-radio .hs-radio__input {
  display: inline-block;
  width: 21px;
  height: 21px;
  border: 2px solid #f8f4eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.hs-radio .hs-radio__input::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 11px;
  background-color: transparent;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.hs-radio .hs-radio__input.checked {
  border-color: #604225;
}
.hs-radio .hs-radio__input.checked::after {
  background-color: #604225;
}
.hs-radio .hs-radio__input .hs-radio__original {
  opacity: 0;
  width: 0;
  height: 0;
}
.hs-radio .hs-radio__label {
  font-size: 18px;
  color: #604225;
  margin-left: 5px;
}
.hs-checkbox-group {
  margin-bottom: -10px;
}
.hs-checkbox-group .hs-checkbox {
  margin-bottom: 10px;
}
.hs-checkbox-group .hs-checkbox:not(:last-child) {
  margin-right: 30px;
}
.hs-radio-group .hs-radio:not(:last-child) {
  margin-right: 30px;
}

/** mixins **/

/** mixins **/
.addable[data-v-a6c818f2] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.addable .addable-item[data-v-a6c818f2] {
  cursor: pointer;
  position: relative;
}
.addable .addable-item[data-v-a6c818f2]:not(:last-child) {
  margin-right: 10px;
}
.addable .addable-item .addable-item-delete[data-v-a6c818f2] {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  cursor: pointer;
}
.addable .addable-item .addable-item-delete .addable-item-delete--icon[data-v-a6c818f2] {
  display: block;
  background: url(https://hs.res.netease.com/pc/zt/20240826160644/assets/sprite-60368b_60368b95.png) no-repeat center center;background-size:38px 41px;
background-position:-0px -0px;
width:34px;
height:37px;
}
.addable .flip-list-move[data-v-a6c818f2] {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.addable .ghost[data-v-a6c818f2] {
  opacity: 0;
}

/** mixins **/


/*# sourceMappingURL=index_570f3f4d.css.map*/