@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-face {
  font-family: "fzlth";
  src: url("https://nie.res.netease.com/comm/js/nie/ref/fonts/fzlth.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FZLanTingHeiS-B-GB";
  src: url("https://nie.res.netease.com/comm/js/leihuo/fonts/FZLanTingHeiSBGB-Regular.woff2") format("woff2"), url("https://nie.res.netease.com/comm/js/leihuo/fonts/FZLanTingHeiSBGB-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Belwe_Bold";
  src: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/Belwe_Bold_2ac8b634.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
.wxbg {
  background: #e9d6ac;
}
html,
body {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-height: 1080px;
  background: #111;
  color: #eee;
  font-size: 12px;
  line-height: 1.5;
  font-family: "fzlth", serif;
}
body {
  max-width: 2560px;
  background-color: #e8d3a6;
}
body.hidwx {
  overflow-y: auto;
}
body.hidwx #app {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.Modal-title,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
  display: block;
}
.u-belweStroke,
.u-belweStroke--body {
  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-family: "Belwe_Bold", serif;
  font-weight: 400;
}
#leihuo-age {
  position: absolute;
  left: var(--nav-space);
  top: 92px;
  z-index: 99;
}
#leihuo-age img {
  width: 94px;
}
#app {
  overflow: hidden;
}
.wxTop {
  z-index: 999 !important;
  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;
  position: fixed;
  top: 0;
  right: 0;
  background: #2c1a18;
  height: var(--nav-height);
  line-height: var(--nav-height);
  font-size: 13px;
  color: #fff;
  width: 100%;
  padding: 0 16px 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wxTop .backbtn {
  padding: 0 12px;
  border-radius: 12px;
  display: inline-block;
  color: #ead4ab;
  height: 24px;
  line-height: 24px;
  border: 1px solid #ead4ab;
}
.wxTop .flex-x {
  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;
}
.wxTop p {
  padding: 0 8px;
}
.wxTop .changbtn {
  padding: 0 12px;
  border-radius: 12px;
  height: 24px;
  line-height: 24px;
  background-color: #cf3fda;
}
.kv {
  position: relative;
  min-height: 335px;
}
.kv .kv_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 2;
}
.kv .kv_text {
  position: relative;
  z-index: 4;
  margin: 0 0 15px;
  font-size: 25px;
  line-height: 1;
}
.kv .btn-buy {
  position: relative;
  z-index: 4;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/kv-btn_3fd00767.png) center top / 132px 45px no-repeat;
  margin: 0 auto;
  display: block;
  text-align: center;
  font-family: "fzlth", serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 45px;
  letter-spacing: 0.5px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.kv .btn-buy:hover {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/kv-btn-h_88dd6d08.png) center top / 132px 45px no-repeat;
}
.kv .LibraryTabs {
  max-width: 1600px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  padding: 0;
  padding-left: 10px;
  width: 100%;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  bottom: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 60px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  z-index: 4;
  pointer-events: none;
}
.kv .LibraryTabs .LibraryTab {
  margin-right: 0;
  padding: 10px;
  width: 87px;
  height: 50px;
  -webkit-transition: height 0.1s ease-in-out;
  transition: height 0.1s ease-in-out;
  background-position: top;
  background-repeat: no-repeat;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: all;
}
.kv .LibraryTabs .LibraryTab::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  background: no-repeat 50%;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.kv .LibraryTabs .LibraryTab:hover {
  height: 60px;
}
.kv .LibraryTabs .LibraryTab:hover::before {
  opacity: 1;
}
.kv .LibraryTabs .LibraryTab:hover h5 {
  opacity: 1;
}
.kv .LibraryTabs .LibraryTab.active {
  height: 60px;
  -webkit-filter: drop-shadow(0 0 10px #ff8400);
          filter: drop-shadow(0 0 10px #ff8400);
}
.kv .LibraryTabs .LibraryTab.active::before {
  display: none;
}
.kv .LibraryTabs .LibraryTab h5 {
  margin: 0;
  font-size: 14px;
  color: #fff;
  text-shadow: #000 2px 0 0, #000 1.75517px 0.958851px 0, #000 1.0806px 1.68294px 0, #000 0.141474px 1.99499px 0, #000 -0.832294px 1.81859px 0, #000 -1.60229px 1.19694px 0, #000 -1.97998px 0.28224px 0, #000 -1.87291px -0.701566px 0, #000 -1.30729px -1.5136px 0, #000 -0.421592px -1.95506px 0, #000 0.567324px -1.91785px 0, #000 1.41734px -1.41108px 0, #000 1.92034px -0.558831px 0;
  text-align: center;
  position: absolute;
  top: -20px;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}
.kv .LibraryTabs .LibraryTab.LibraryTab-cards {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/tomstone_normal_cardlibrary_c96733bd.png);
}
.kv .LibraryTabs .LibraryTab.LibraryTab-cards::before {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/tomstone_hover_cardlibrary_ef6582fe.png);
}
.kv .LibraryTabs .LibraryTab.LibraryTab-cards.active {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/tomstone_selected_cardlibrary_3716bc23.png);
}
.kv .LibraryTabs .LibraryTab.LibraryTab-deckbuilder {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/tomstone_normal_deckbuilder_17146cc3.png);
}
.kv .LibraryTabs .LibraryTab.LibraryTab-deckbuilder::before {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/tomstone_hover_deckbuilder_3ae55190.png);
}
.kv .LibraryTabs .LibraryTab.LibraryTab-deckbuilder.active {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/tomstone_selected_deckbuilder_b2822a28.png);
}
.kv .LibraryTabs .LibraryTab.LibraryTab-battlegrounds {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/tomstone_normal_battlegrounds_ea374312.png);
}
.kv .LibraryTabs .LibraryTab.LibraryTab-battlegrounds::before {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/tomstone_hover_battlegrounds_a4f781d1.png);
}
.kv .LibraryTabs .LibraryTab.LibraryTab-battlegrounds.active {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/tomstone_selected_battlegrounds_82c3d533.png);
}
.main {
  max-width: 1600px;
  margin: 0 auto;
}
.main .filter_con {
  position: relative;
  z-index: 2;
  padding: 40px 20px;
  width: 100%;
  margin: 0 auto;
  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;
}
.main .filter_con .current_filter_tags {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  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: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.main .filter_con .current_filter_tags .current_cards {
  margin-right: 10px;
  color: #614326;
  font-family: "fzlth", serif;
  font-size: 14px;
  line-height: 26px;
}
.main .filter_con .current_filter_tags .current_tag {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #614326;
  color: #fff;
  border-radius: 15px;
  padding: 3px 10px;
  margin: 5px 5px;
  font-size: 14px;
  cursor: pointer;
}
.main .filter_con .current_filter_tags .current_tag .removeBtn {
  display: inline;
  margin: 0 0 0 10px;
  padding: 0;
  color: #fcd144;
}
.main .filter_con .current_filter_tags .current_tag:hover {
  background-color: #233a6e;
}
.main .filter_con .current_filter_tags .current_tag:hover .removeBtn {
  color: #fff;
}
.main .filter_con .current_filter_tags .clearAll {
  position: relative;
  background: none;
  border: none;
  height: 25px;
  padding: 3px 10px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #233a6e;
  font-size: 14px;
  cursor: pointer;
}
.main .filter_con .current_filter_tags .clearAll::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  background: #fff0da;
  border: 1px solid #614326;
  border-radius: 15px;
  opacity: 0.5;
}
.main .filter_con .current_filter_tags .clearAll .clear_svg {
  width: 18px;
  height: 18px;
  fill: #233a6e;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/clearAll_0435c37c.svg);
}
.main .filter_con .current_filter_tags .clearAll:hover {
  color: #ffffff;
}
.main .filter_con .current_filter_tags .clearAll:hover::before {
  background: #233a6e;
  border-color: #233a6e;
  opacity: 1;
}
.main .filter_con .current_filter_tags .clearAll:hover .clear_svg {
  fill: #ffffff;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/clearAll_h_98035792.svg);
}
.main .filter_con .biWCRU {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 200px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 30px;
}
.main .filter_con .biWCRU .xUKfA {
  display: inline-block;
  margin-right: 10px;
  color: #614326;
  font-weight: 400;
  font-size: 14px;
}
.main .filter_con .hlQLwy {
  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-left: 30px;
}
.main .filter_con .hlQLwy .kbLGRL {
  display: inline-block;
  margin-right: 10px;
  color: #614326;
  font-weight: 400;
  font-size: 14px;
}
.main .filter_con .hlQLwy .ViewControl__GridPill {
  width: 44px;
  height: 42px;
  cursor: pointer;
  position: relative;
}
.main .filter_con .hlQLwy .ViewControl__GridPill .Tooltip--visible {
  position: absolute;
  top: -35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: none;
}
.main .filter_con .hlQLwy .ViewControl__GridPill .Tooltip--visible .Tooltip__Wrapper {
  position: relative;
  padding: 2px 10px;
  color: #614326;
  border-radius: 7px;
  z-index: 10;
  background: #f2ebe3;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  font-size: 14px;
  border: 2px solid black;
  cursor: auto;
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 2px 10px;
          box-shadow: rgba(0, 0, 0, 0.8) 0 2px 10px;
  white-space: nowrap;
  max-width: none;
  text-align: center;
}
.main .filter_con .hlQLwy .ViewControl__GridPill .Tooltip--visible .Tooltip__Wrapper::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;
  width: 8px;
  height: 8px;
  padding: 0;
  color: #000000;
  z-index: 10;
  background: #f2ebe3;
  border-radius: 0 0 3px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  margin-left: -16px;
  -webkit-transform: translate(10px, -8.3px) rotate(45deg);
          transform: translate(10px, -8.3px) rotate(45deg);
}
.main .filter_con .hlQLwy .ViewControl__GridPill:hover .Tooltip--visible {
  display: block;
}
.main .filter_con .hlQLwy .fvDfRo {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/button_card_normal_01dd1afb.png) center top no-repeat;
}
.main .filter_con .hlQLwy .fvDfRo:hover,
.main .filter_con .hlQLwy .fvDfRo.active {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/button_card_selected_05f91ab7.png) center top no-repeat;
}
.main .filter_con .hlQLwy .hWSXKD {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/button_table_normal_18c945e8.png) center top no-repeat;
}
.main .filter_con .hlQLwy .hWSXKD:hover,
.main .filter_con .hlQLwy .hWSXKD.active {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/button_table_selected_6398b3f0.png) center top no-repeat;
}
.main .card_list {
  padding: 0 10px;
  min-height: 500px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.main .card_list .card_list_box {
  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: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  position: relative;
}
.main .card_list .card_list_box .title {
  width: 100%;
}
.main .card_list .card_list_box .card_list_item {
  width: 240px;
  height: 350px;
  margin-bottom: 20px;
}
.main .card_list .card_list_box .card_list_item.temp_item {
  height: 1px;
}
.main .card_list .card_list_box .card_list_item .list_img {
  width: 100%;
}
.main .card_list .card_list_box .card_list_item .card_name {
  text-align: center;
  color: #614326;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin-top: -40px;
}
.main .card_list .CardTableLayout__CardTableView {
  position: relative;
  width: 100%;
  background-color: unset;
  font-size: 1em;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 90px;
}
.main .card_list .CardTableLayout__CardTableView tr {
  position: relative;
  border-bottom: 1px solid rgba(96, 67, 38, 0.3);
}
.main .card_list .CardTableLayout__CardTableView tr th {
  color: #614326;
  padding: 0 15px;
  white-space: nowrap;
  font-size: 14px;
  text-align: left;
  height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .card_list .CardTableLayout__CardTableView tr th:first-child {
  padding-left: 40px;
}
.main .card_list .CardTableLayout__CardTableView tr th.card {
  width: 305px;
}
.main .card_list .CardTableLayout__CardTableView tr th .sortable {
  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: none;
  border: none;
}
.main .card_list .CardTableLayout__CardTableView tr th .sortable.centered {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}
.main .card_list .CardTableLayout__CardTableView tr th .sortable .label {
  margin-right: 10px;
}
.main .card_list .CardTableLayout__CardTableView tr th .sortable .icons {
  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;
}
@media (max-width: 960px) {
  .main .card_list .CardTableLayout__CardTableView tr .col-keyword {
    display: none !important;
  }
  .main .card_list .CardTableLayout__CardTableView tr .sortable .label {
    font-size: 0;
    width: 36px;
    height: 34px;
    background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon_health_table_1f7dd3f7.png) center center / contain no-repeat;
    margin: 0 auto;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    margin-right: 0 !important;
  }
  .main .card_list .CardTableLayout__CardTableView tr .sortable.manaCost .label {
    background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon_mana_68x68_5c6990d3.png) center center / contain no-repeat;
    width: 31px;
    height: 29px;
  }
  .main .card_list .CardTableLayout__CardTableView tr .sortable.attack .label {
    background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon_attack_table_4d694442.png) center center / contain no-repeat;
    background-size: 110%;
    background-position: -2px 0;
  }
  .main .card_list .CardTableLayout__CardTableView tr .sortable.tier .label {
    background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon_tier_table_66f79858.png) center center / contain no-repeat;
    width: 31px;
    height: 29px;
  }
}
@media (max-width: 850px) {
  .main .card_list .CardTableLayout__CardTableView tr .col-rarity {
    display: none !important;
  }
}
@media (max-width: 780px) {
  .main .card_list .CardTableLayout__CardTableView tr .col-cardtype,
  .main .card_list .CardTableLayout__CardTableView tr .col-text {
    display: none !important;
  }
}
@media (max-width: 690px) {
  .main .card_list .CardTableLayout__CardTableView tr th {
    padding: 0 0;
  }
  .main .card_list .CardTableLayout__CardTableView tr th:first-child {
    padding-left: 10px;
  }
  .main .card_list .CardTableLayout__CardTableView tr th.card {
    padding-left: 10px;
    width: unset;
  }
}
.main .empty_box {
  text-align: center;
  position: relative;
  z-index: 1;
}
.main .empty_box .EmptyCardGridGraphic {
  margin: 0 auto -60px;
  width: 296px;
  height: 288px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/cardgallery_empty_keyart_36c6f43c.png) center center no-repeat;
  position: relative;
  z-index: 1;
}
.main .empty_box .EmptyCardGridDivider {
  width: 100%;
  height: 34px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/divider-double-detailed_3af574fc.png) center center no-repeat;
}
.main .empty_box .EmptyCardGridContent {
  padding: 40px 15px;
}
.main .empty_box .EmptyCardGridContent h5,
.main .empty_box .EmptyCardGridContent p {
  color: #614326;
  font-family: "fzlth", serif;
}
.main .empty_box .EmptyCardGridContent h5 {
  line-height: 1;
  margin-top: 0.15em;
  display: block;
  font-size: 18px;
  font-weight: bold;
}
.main .empty_box .EmptyCardGridContent p {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 16px;
}
.main .empty_box .EmptyCardGridContent .CurrentFiltersSpace {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  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;
}
.main .empty_box .EmptyCardGridContent .CurrentFiltersSpace .current_tag {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #614326;
  color: #fff;
  border-radius: 15px;
  padding: 3px 10px;
  margin-right: 5px;
  margin-bottom: 10px;
  font-size: 14px;
  cursor: pointer;
}
.main .empty_box .EmptyCardGridContent .CurrentFiltersSpace .current_tag .removeBtn {
  display: inline;
  margin: 0 0 0 10px;
  padding: 0;
  color: #fcd144;
}
.main .empty_box .EmptyCardGridContent .CurrentFiltersSpace .current_tag:hover {
  background-color: #233a6e;
}
.main .empty_box .EmptyCardGridContent .CurrentFiltersSpace .current_tag:hover .removeBtn {
  color: #fff;
}
.main .empty_box .EmptyCardGridContent .CurrentFiltersSpace .clearAll {
  position: relative;
  background: none;
  border: none;
  height: 25px;
  padding: 3px 10px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #233a6e;
  font-size: 14px;
  cursor: pointer;
}
.main .empty_box .EmptyCardGridContent .CurrentFiltersSpace .clearAll::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  background: #fff0da;
  border: 1px solid #614326;
  border-radius: 15px;
  opacity: 0.5;
}
.main .empty_box .EmptyCardGridContent .CurrentFiltersSpace .clearAll .clear_svg {
  width: 18px;
  height: 18px;
  fill: #233a6e;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/clearAll_0435c37c.svg);
}
.main .empty_box .EmptyCardGridContent .CurrentFiltersSpace .clearAll:hover {
  color: #ffffff;
}
.main .empty_box .EmptyCardGridContent .CurrentFiltersSpace .clearAll:hover::before {
  background: #233a6e;
  border-color: #233a6e;
  opacity: 1;
}
.main .empty_box .EmptyCardGridContent .CurrentFiltersSpace .clearAll:hover .clear_svg {
  fill: #ffffff;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/clearAll_h_98035792.svg);
}
.main .empty_box .EmptyCardGridContent .u-noMarginBottom {
  margin-bottom: 0 !important;
}
.main .empty_box .EmptyCardGridContentBottom {
  height: 3px;
  width: 100%;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/Line_5078c009.png) center center no-repeat;
}
.btn-filter-method,
.btn-group-card,
.btn-exit {
  margin-right: 30px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.btn-filter-method.btn-filter-method,
.btn-group-card.btn-filter-method,
.btn-exit.btn-filter-method {
  justify-self: flex-end;
}
.btn-filter-method .outbox,
.btn-group-card .outbox,
.btn-exit .outbox {
  height: 54px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_component_middle_tile_9b30edfe.png) center center repeat-x;
  padding: 6px 0;
  margin-left: 25px;
  position: relative;
}
.btn-filter-method .outbox::before,
.btn-group-card .outbox::before,
.btn-exit .outbox::before {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_component_left_83555d51.png) left center no-repeat;
  height: 54px;
  width: 34px;
  position: absolute;
  left: -30px;
  top: 0;
}
.btn-filter-method .outbox::after,
.btn-group-card .outbox::after,
.btn-exit .outbox::after {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_component_right_9374fb4f.png) right center no-repeat;
  height: 54px;
  width: 34px;
  position: absolute;
  right: -30px;
  top: 0;
}
.btn-filter-method .outbox .innerbox,
.btn-group-card .outbox .innerbox,
.btn-exit .outbox .innerbox {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_middle_stretch_90cee3df.png) center center;
  height: 42px;
  position: relative;
  z-index: 1;
  margin: 0 -3px;
  padding-left: 20px;
  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;
  cursor: pointer;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
}
.btn-filter-method .outbox .innerbox:hover,
.btn-group-card .outbox .innerbox:hover,
.btn-exit .outbox .innerbox:hover {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_middle_stretch_hoverselected_d1cd58a6.png);
}
.btn-filter-method .outbox .innerbox:hover::before,
.btn-group-card .outbox .innerbox:hover::before,
.btn-exit .outbox .innerbox:hover::before {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_left_hoverselected_75d34fb1.png);
}
.btn-filter-method .outbox .innerbox:hover::after,
.btn-group-card .outbox .innerbox:hover::after,
.btn-exit .outbox .innerbox:hover::after {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_right_hoverselected_0258adbf.png);
}
.btn-filter-method .outbox .innerbox::before,
.btn-group-card .outbox .innerbox::before,
.btn-exit .outbox .innerbox::before {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_left_fdb39258.png) left center no-repeat;
  height: 42px;
  width: 24px;
  position: absolute;
  left: -24px;
  top: 0;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
}
.btn-filter-method .outbox .innerbox::after,
.btn-group-card .outbox .innerbox::after,
.btn-exit .outbox .innerbox::after {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_right_88f3d80a.png) right center no-repeat;
  height: 42px;
  width: 24px;
  position: absolute;
  right: -23px;
  z-index: 1;
  top: 0;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
}
.btn-filter-method .outbox .innerbox .icon-filter,
.btn-group-card .outbox .innerbox .icon-filter,
.btn-exit .outbox .innerbox .icon-filter {
  position: absolute;
  left: -5px;
  top: 6px;
  z-index: 101;
  width: 30px;
  height: 30px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon-filter_3f14abf7.png) center center no-repeat;
}
.btn-filter-method .outbox .innerbox h6,
.btn-group-card .outbox .innerbox h6,
.btn-exit .outbox .innerbox h6 {
  margin: 0 10px;
  color: #614326;
  font-size: 16px;
  font-family: "fzlth", serif;
  position: relative;
  z-index: 4;
}
.btn-filter-method .outbox .innerbox .filtersCount,
.btn-group-card .outbox .innerbox .filtersCount,
.btn-exit .outbox .innerbox .filtersCount {
  display: none;
  position: absolute;
  bottom: 0;
  right: -32px;
  color: white;
  z-index: 102;
  width: 32px;
  height: 26px;
  font-family: "Belwe_Bold", serif;
  font-size: 16px;
  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;
  text-align: center;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/filter_numberbg_60138eb7.png);
}
.btn-filter-method.btn-group-card,
.btn-group-card.btn-group-card,
.btn-exit.btn-group-card,
.btn-filter-method.btn-exit,
.btn-group-card.btn-exit,
.btn-exit.btn-exit {
  display: block;
  float: right;
  max-width: 120px;
}
.btn-filter-method.btn-group-card .outbox,
.btn-group-card.btn-group-card .outbox,
.btn-exit.btn-group-card .outbox,
.btn-filter-method.btn-exit .outbox,
.btn-group-card.btn-exit .outbox,
.btn-exit.btn-exit .outbox {
  max-width: 100px;
}
.btn-filter-method.btn-group-card .outbox .innerbox,
.btn-group-card.btn-group-card .outbox .innerbox,
.btn-exit.btn-group-card .outbox .innerbox,
.btn-filter-method.btn-exit .outbox .innerbox,
.btn-group-card.btn-exit .outbox .innerbox,
.btn-exit.btn-exit .outbox .innerbox {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_middle_stretch_group_0d8a6728.png);
  padding-left: 0;
}
.btn-filter-method.btn-group-card .outbox .innerbox::before,
.btn-group-card.btn-group-card .outbox .innerbox::before,
.btn-exit.btn-group-card .outbox .innerbox::before,
.btn-filter-method.btn-exit .outbox .innerbox::before,
.btn-group-card.btn-exit .outbox .innerbox::before,
.btn-exit.btn-exit .outbox .innerbox::before {
  width: 41px;
  z-index: 1;
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_left_group2_a53d774f.png);
}
.btn-filter-method.btn-group-card .outbox .innerbox::after,
.btn-group-card.btn-group-card .outbox .innerbox::after,
.btn-exit.btn-group-card .outbox .innerbox::after,
.btn-filter-method.btn-exit .outbox .innerbox::after,
.btn-group-card.btn-exit .outbox .innerbox::after,
.btn-exit.btn-exit .outbox .innerbox::after {
  width: 41px;
  z-index: 1;
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_right_group2_05673b2b.png);
}
.btn-filter-method.btn-group-card .outbox .innerbox:hover,
.btn-group-card.btn-group-card .outbox .innerbox:hover,
.btn-exit.btn-group-card .outbox .innerbox:hover,
.btn-filter-method.btn-exit .outbox .innerbox:hover,
.btn-group-card.btn-exit .outbox .innerbox:hover,
.btn-exit.btn-exit .outbox .innerbox:hover {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_middle_stretch_group_hover_07f92008.png);
}
.btn-filter-method.btn-group-card .outbox .innerbox:hover::before,
.btn-group-card.btn-group-card .outbox .innerbox:hover::before,
.btn-exit.btn-group-card .outbox .innerbox:hover::before,
.btn-filter-method.btn-exit .outbox .innerbox:hover::before,
.btn-group-card.btn-exit .outbox .innerbox:hover::before,
.btn-exit.btn-exit .outbox .innerbox:hover::before {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_left_group_hover_cf8f52ce.png);
}
.btn-filter-method.btn-group-card .outbox .innerbox:hover::after,
.btn-group-card.btn-group-card .outbox .innerbox:hover::after,
.btn-exit.btn-group-card .outbox .innerbox:hover::after,
.btn-filter-method.btn-exit .outbox .innerbox:hover::after,
.btn-group-card.btn-exit .outbox .innerbox:hover::after,
.btn-exit.btn-exit .outbox .innerbox:hover::after {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_right_group_hover_bf7c0f5e.png);
}
.btn-filter-method.btn-group-card .outbox .innerbox h6,
.btn-group-card.btn-group-card .outbox .innerbox h6,
.btn-exit.btn-group-card .outbox .innerbox h6,
.btn-filter-method.btn-exit .outbox .innerbox h6,
.btn-group-card.btn-exit .outbox .innerbox h6,
.btn-exit.btn-exit .outbox .innerbox h6 {
  width: 100%;
  text-align: center;
  color: #fff;
}
.footerBar {
  position: relative;
  z-index: 0;
  margin-top: 100px;
  margin-bottom: -50px;
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/cardgallery_footer_buypack_ab11f16c.jpg);
  background-color: #1f142f;
  background-repeat: no-repeat;
  background-position: calc(50% + 400px) center;
}
.footerBar::before {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/Event_Parchment_Bottom_1b03af2f.png) center top repeat-x;
  position: absolute;
  top: -148px;
  width: 100%;
  height: 243px;
}
.footerBar .footer_content {
  min-height: 444px;
  color: #ffffff;
  max-width: 1100px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.footerBar .footer_content .footer_content_text {
  padding: 100px 40px;
  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-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}
.footerBar .footer_content .footer_content_text h3 {
  font-family: "fzlth", serif;
  font-size: 30px;
  margin-bottom: 8px;
}
.footerBar .footer_content .footer_content_text p {
  margin-top: 0;
  margin-bottom: 27px;
  font-size: 16px;
  font-family: "fzlth", serif;
}
.footerBar .footer_content .footer_content_text .btn-buy {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/kv-btn_3fd00767.png) center top / 132px 45px no-repeat;
  display: block;
  text-align: center;
  font-family: "fzlth", serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 45px;
  letter-spacing: 0.5px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 132px;
  height: 45px;
}
.footerBar .footer_content .footer_content_text .btn-buy:hover {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/kv-btn-h_88dd6d08.png) center top / 132px 45px no-repeat;
}
.footerBar .footer_content .footer_space {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
.filter-area {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_filter_middle_42016487.jpg) center top repeat;
  height: auto;
  padding-top: 11px;
  position: relative;
  z-index: 9;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.filter-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  pointer-events: none;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_filter_top_dc99a163.png) center top repeat-x;
}
.filter-area::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 100%;
  height: 60px;
  pointer-events: none;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_filter_bottom_d9e1226c.png) center bottom repeat-x;
}
.filter-area .eRibpE {
  position: absolute;
  -webkit-transition: opacity 0.7s, left 1.1s, right 0.8s, top 0.2s;
  transition: opacity 0.7s, left 1.1s, right 0.8s, top 0.2s;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/wild_branch_leftbottom_6db01f8c.png) center center no-repeat;
  width: 87px;
  height: 53px;
  bottom: -14px;
  z-index: 6;
  pointer-events: none;
  opacity: 0;
  left: -100%;
}
.filter-area .eRibpE.indexTop {
  z-index: 4;
}
.filter-area .eRibpE.show {
  opacity: 1;
  left: 0;
}
.filter-area .iGSFdc {
  position: absolute;
  z-index: 4;
  -webkit-transition: opacity 0.7s, left 1.1s, right 0.8s, top 0.2s;
  transition: opacity 0.7s, left 1.1s, right 0.8s, top 0.2s;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/wild_branch_rightbottom_57f0b649.png) center center no-repeat;
  width: 219px;
  height: 85px;
  bottom: -62px;
  pointer-events: none;
  opacity: 0;
  right: -100%;
}
.filter-area .iGSFdc.show {
  opacity: 1;
  right: 0;
}
.filter-area.fixed {
  position: fixed;
  top: 88px;
  width: 100%;
  z-index: 99;
}
.filter-area .filter-area-con {
  max-width: 1600px;
  padding: 0 10px;
  height: 93px;
  margin: 0 auto;
  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;
  position: relative;
  z-index: 6;
}
.filter-area .filter-area-con .filter-area-con-types {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter-area .filter-area-con.filter-area-con-sub {
  z-index: 5;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 80px;
  height: auto;
  border-top: 1px solid #701b1a;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 12px 20px 10px 10px;
}
.filter-area .filter-area-con.filter-area-con-sub::before {
  content: "";
  position: absolute;
  top: -2px;
  width: 100%;
  height: 1px;
  background: #461310;
}
.filter-area .filter-area-con.filter-area-con-sub .select-area {
  margin-bottom: 10px;
}
.filter-area .filter-area-con.filter-area-con-sub .limitWidth {
  min-width: 100px !important;
  margin: 0 auto;
}
.filter-area .filter-area-con .select-area.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.filter-area .filter-area-con .select-area.notIcon .select-box .select-box-con {
  padding-left: 0;
}
.filter-area .filter-area-con .select-area.notIcon .select-box .select-box-con::before {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_left_fdb39258.png) left center no-repeat;
  height: 42px;
  width: 24px;
  position: absolute;
  left: -38px;
  top: 0;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
}
.filter-area .filter-area-con .select-area.notIcon .select-box .select-box-con:hover::before,
.filter-area .filter-area-con .select-area.notIcon .select-box .select-box-con.active::before {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_left_hoverselected_75d34fb1.png);
}
.filter-area .filter-area-con .search-area {
  margin-right: 30px;
  position: relative;
}
.filter-area .filter-area-con .search-area.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.filter-area .filter-area-con .search-area .limitWidth {
  max-width: 300px;
  margin: 0 auto;
}
.filter-area .filter-area-con .search-area .search-box {
  height: 54px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_component_middle_tile_9b30edfe.png) center center repeat-x;
  padding: 6px 0;
  margin-left: 25px;
  position: relative;
}
.filter-area .filter-area-con .search-area .search-box::before {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_component_left_83555d51.png) left center no-repeat;
  height: 54px;
  width: 34px;
  position: absolute;
  left: -30px;
  top: 0;
}
.filter-area .filter-area-con .search-area .search-box::after {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_component_right_9374fb4f.png) right center no-repeat;
  height: 54px;
  width: 34px;
  position: absolute;
  right: -30px;
  top: 0;
}
.filter-area .filter-area-con .search-area .search-box .search-box-con {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/search_middle_stretch_7f1dcc09.png) center center;
  height: 42px;
  position: relative;
  z-index: 1;
  margin: 0 -3px;
  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;
  cursor: pointer;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
}
.filter-area .filter-area-con .search-area .search-box .search-box-con:hover,
.filter-area .filter-area-con .search-area .search-box .search-box-con.active {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/search_middle_stretch_hoverselected_590ccfa6.png);
}
.filter-area .filter-area-con .search-area .search-box .search-box-con:hover::before,
.filter-area .filter-area-con .search-area .search-box .search-box-con.active::before {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/search_left_hoverselected_787c46d8.png);
}
.filter-area .filter-area-con .search-area .search-box .search-box-con:hover::after,
.filter-area .filter-area-con .search-area .search-box .search-box-con.active::after {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/search_right_hoverselected_dd85b514.png);
}
.filter-area .filter-area-con .search-area .search-box .search-box-con::before {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/search_left_145a8abd.png) left center no-repeat;
  height: 42px;
  position: absolute;
  top: 0;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
  width: 50px;
  left: -40px;
  margin-left: 15px;
}
.filter-area .filter-area-con .search-area .search-box .search-box-con::after {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/search_right_a5e6a74d.png) right center no-repeat;
  height: 42px;
  width: 24px;
  position: absolute;
  right: -23px;
  z-index: 1;
  top: 0;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
}
.filter-area .filter-area-con .search-area .search-box .search-box-con > 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;
  margin: 0 -10px;
  z-index: 9;
}
.filter-area .filter-area-con .search-area .search-box .search-box-con > div .icon-crystal {
  width: 36px;
  height: 34px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon_crystal_3f7b395a.png) center center / contain no-repeat;
  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;
  position: relative;
  z-index: 101;
}
.filter-area .filter-area-con .search-area .search-box .search-box-con > div .icon-crystal::before {
  content: "";
  position: absolute;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon_crystal_hoverselected_2dc1ffc3.png) center center / contain no-repeat;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  opacity: 0;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.filter-area .filter-area-con .search-area .search-box .search-box-con > div .icon-crystal:hover::before,
.filter-area .filter-area-con .search-area .search-box .search-box-con > div .icon-crystal.active::before {
  opacity: 1;
}
.filter-area .filter-area-con .search-area .search-box .search-box-con > div .icon-crystal p {
  position: relative;
  height: 100%;
  font-size: 26px;
  line-height: 30px;
  text-align: center;
  font-family: "Belwe_Bold", serif;
  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;
}
.filter-area .filter-area-con .search-area .search-box .search-box-con > div .icon-crystal p span {
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  position: relative;
  top: -2px;
  margin-left: 4px;
}
.filter-area .filter-area-con .search-area .search-box .search-box-con > div input {
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  color: #ffffff;
  width: calc(100% - 45px);
  min-width: 30px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-left: 12px;
  font-size: 16px;
  font-family: "Belwe_Bold", serif;
}
.filter-area .filter-area-con .search-area .search-box .search-box-con > div .icon-search {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon-search_3c539c7d.png) center center / contain no-repeat;
  width: 19px;
  height: 18px;
  position: absolute;
  right: -8px;
}
.filter-area .filter-area-con .search-area .search-box .search-box-con .clearInput {
  position: absolute;
  right: -2px;
  z-index: 101;
  top: 50%;
  fill: gold;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 20px;
  cursor: pointer;
  width: 25px;
}
.filter-area .filter-area-con .search-area .search-box .search-box-con .clearInput img {
  width: 100%;
  display: block;
}
@media (max-width: 1380px) {
  .filter-area .eRibpE,
  .filter-area .iGSFdc {
    display: none;
  }
}
@media (max-width: 1260px) {
  .filter-area .eRibpE,
  .filter-area .iGSFdc {
    display: none;
  }
  .filter-area .filter-area-con .search-area {
    margin-right: 30px;
    position: relative;
  }
  .filter-area .filter-area-con .search-area .search-box {
    height: 54px;
    background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_component_middle_tile_9b30edfe.png) center center repeat-x;
    padding: 6px 0;
    margin-left: 25px;
    position: relative;
  }
  .filter-area .filter-area-con .search-area .search-box::before {
    content: "";
    background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_component_left_83555d51.png) left center no-repeat;
    height: 54px;
    width: 34px;
    position: absolute;
    left: -30px;
    top: 0;
  }
  .filter-area .filter-area-con .search-area .search-box::after {
    content: "";
    background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_component_right_9374fb4f.png) right center no-repeat;
    height: 54px;
    width: 34px;
    position: absolute;
    right: -30px;
    top: 0;
  }
  .filter-area .filter-area-con .search-area .search-box .search-box-con {
    background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/search_middle_stretch_7f1dcc09.png) center center;
    height: 42px;
    position: relative;
    z-index: 1;
    margin: 0 -3px;
    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;
    cursor: pointer;
    -webkit-transition: background-image 0.15s;
    transition: background-image 0.15s;
  }
  .filter-area .filter-area-con .search-area .search-box .search-box-con:hover,
  .filter-area .filter-area-con .search-area .search-box .search-box-con.active {
    background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/search_middle_stretch_hoverselected_590ccfa6.png);
  }
  .filter-area .filter-area-con .search-area .search-box .search-box-con:hover::before,
  .filter-area .filter-area-con .search-area .search-box .search-box-con.active::before {
    background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/search_left_hoverselected_787c46d8.png);
  }
  .filter-area .filter-area-con .search-area .search-box .search-box-con:hover::after,
  .filter-area .filter-area-con .search-area .search-box .search-box-con.active::after {
    background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/search_right_hoverselected_dd85b514.png);
  }
  .filter-area .filter-area-con .search-area .search-box .search-box-con::before {
    content: "";
    background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/search_left_145a8abd.png) left center no-repeat;
    height: 42px;
    position: absolute;
    top: 0;
    -webkit-transition: background-image 0.15s;
    transition: background-image 0.15s;
    width: 50px;
    left: -40px;
    margin-left: 15px;
  }
  .filter-area .filter-area-con .search-area .search-box .search-box-con::after {
    content: "";
    background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/search_right_a5e6a74d.png) right center no-repeat;
    height: 42px;
    width: 24px;
    position: absolute;
    right: -23px;
    z-index: 1;
    top: 0;
    -webkit-transition: background-image 0.15s;
    transition: background-image 0.15s;
  }
  .filter-area .filter-area-con .search-area .search-box .search-box-con > 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;
    margin: 0 -10px;
    z-index: 9;
  }
  .filter-area .filter-area-con .search-area .search-box .search-box-con > div input {
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    color: #ffffff;
    width: calc(100% - 45px);
    min-width: 30px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin-left: 12px;
    font-size: 16px;
    font-family: "Belwe_Bold", serif;
  }
  .filter-area .filter-area-con .search-area .search-box .search-box-con > div .icon-search {
    background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon-search_3c539c7d.png) center center / contain no-repeat;
    width: 19px;
    height: 18px;
    position: absolute;
    right: -8px;
  }
  .filter-area .filter-area-con .search-area .search-box .search-box-con .clearInput {
    position: absolute;
    right: -2px;
    z-index: 101;
    top: 50%;
    fill: gold;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    font-size: 20px;
    cursor: pointer;
    width: 25px;
  }
  .filter-area .filter-area-con .btn-filter-method h6 {
    display: none;
  }
}
@media (max-width: 1130px) {
  .footerBar {
    background-position: calc(100% + 200px) center;
    margin-bottom: -74px;
  }
}
@media (max-width: 960px) {
  body.fixed {
    position: fixed;
    width: 100%;
    overflow: hidden;
  }
  .blz-nav {
    background-color: #532f1f !important;
  }
  .rightBarMask {
    display: block !important;
  }
  #leihuo-age {
    left: 10px;
    top: 65px;
  }
  #leihuo-age img {
    width: 75px;
  }
  .filter-area-con-sub {
    display: none !important;
  }
  .sortFilter {
    display: none !important;
  }
  .main .filter_con {
    padding: 42px 50px;
  }
  .btn-filter-method {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .btn-filter-method h6 {
    display: none;
  }
  .btn-filter-method .filtersCount {
    display: block !important;
  }
  .search-area {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important;
  }
  .btn-group-card,
  .filter-area .btn-exit {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .footerBar {
    background-position: center top;
  }
  .footerBar .footer_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .footerBar .footer_content .footer_content_text {
    text-align: center;
    -webkit-box-flex: unset;
    -webkit-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
  .footerBar .footer_content .footer_space {
    height: 300px;
    -webkit-box-flex: unset;
    -webkit-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}
@media (max-width: 530px) {
  #leihuo-age {
    z-index: 13;
    left: 16px;
    top: calc(var(--nav-space) + var(--nav-height) + 8px);
    width: 12vw;
    position: absolute;
    max-width: 86px;
  }
  #leihuo-age .leihuo-age-rating {
    padding-top: 130%;
    position: relative;
    display: block;
  }
  #leihuo-age .leihuo-age-rating > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .containers-cards {
    overflow: hidden;
  }
  .main .filter_con {
    padding: 36px 20px 60px;
  }
  .main .card_list .card_list_box .card_list_item {
    width: 150px;
    height: 220px;
  }
  .main .card_list .card_list_box .card_list_item .card_view {
    width: 150px;
    height: 220px;
  }
  .footerBar {
    background-size: 120%;
    margin-bottom: -74px;
  }
  .footerBar .footer_content .footer_content_text {
    padding: 104px 40px;
  }
  .footerBar .footer_content .footer_content_text h3 {
    font-size: 21px;
    margin-bottom: 0;
  }
  .footerBar .footer_content .footer_content_text p {
    font-size: 13px;
    margin: 6px 0 23px 0;
  }
  .footerBar .footer_content .footer_content_text .btn-buy {
    margin: 0 auto 15px;
    font-size: 12px;
    font-weight: normal;
    width: 119px;
    height: 50px;
    background-size: contain;
    line-height: 41px;
  }
  .footerBar .footer_content .footer_space {
    height: unset;
    padding-top: 38%;
  }
  .el-message-box {
    width: 100%;
    max-width: 375px;
  }
}
.kv {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/kv-battle_ed87d144.jpg) center top / 2560px 505px no-repeat;
  width: 100%;
  height: 380px;
  padding-top: 122px;
  position: relative;
}
.kv .logo {
  display: block;
  margin: 0 auto;
  width: 132px;
}
.kv h2 {
  text-align: center;
  font-family: "FZLanTingHeiS-B-GB", serif;
  font-weight: normal;
  font-size: 24px;
  text-shadow: #0a141966 0 3px 0;
  margin-top: 20px;
}
.filter-area .filter-area-con .select-area.minion-type .select-box .select-box-con,
.filter-area .filter-area-con .select-area.game-mode .select-box .select-box-con {
  padding-left: 0;
}
.filter-area .filter-area-con .select-area.minion-type .select-box .select-box-con .limitWidth,
.filter-area .filter-area-con .select-area.game-mode .select-box .select-box-con .limitWidth {
  min-width: 105px;
}
.filter-area .filter-area-con .search-area .search-box .search-box-con > div .icon-crystal {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon_crystal_battle_ff1968cb.png) center center / contain no-repeat;
}
@media (max-width: 1260px) {
  .filter-area .filter-area-con .select-area.card-types .select-box .select-box-con .limitWidth {
    min-width: 15px;
  }
  .filter-area .filter-area-con .select-area.card-types .select-box .select-box-con .limitWidth .select-text {
    display: none;
  }
}
@media (max-width: 960px) {
  .kv {
    background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/kv-battle-960_1cb58eb2.jpg) center top / 960px 314px no-repeat;
    background-position: center var(--nav-height);
    width: 100%;
    height: 357px;
    padding-top: 80px;
    position: relative;
  }
  .kv h2 {
    font-size: 22px;
  }
  .kv .LibraryTabs {
    padding-left: 45px;
  }
  .filter-area.fixed {
    position: fixed;
    top: var(--nav-height);
    width: 100%;
  }
  .filter-area .filter-area-con {
    width: calc(90% + 15px);
  }
  .filter-area .filter-area-con .card-types,
  .filter-area .filter-area-con .crystal-box,
  .filter-area .filter-area-con .minion-type,
  .filter-area .filter-area-con .game-mode {
    display: none;
  }
  .filter-area .filter-area-con .search-area {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    -webkit-box-pack: center;
  }
}
@media (max-width: 530px) {
  .kv {
    background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/kv-battle-750_573db722.jpg) center top / cover no-repeat;
    background-position: center var(--nav-height);
    width: 100%;
    height: 354px;
    padding-top: 60px;
  }
  .kv h2 {
    font-size: 20px;
  }
  .kv .LibraryTabs {
    padding-left: 10px;
  }
  .filter-area .filter-area-con {
    padding: 0 3px 0;
  }
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 19999;
  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: 500px;
  height: 400px;
  background: white;
  color: red;
}
.pop-close {
  position: absolute;
  top: -20px;
  right: 0;
  -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;
}
.pop-close:before {
  content: 'x';
}
.pop-close:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.msg-pop {
  padding: 40px 20px;
  color: black;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/pop-bg_98373b5a.png);
  width: 641px;
  height: 234px;
  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;
}
.msg-pop .message-title {
  text-align: center;
  font-size: 20px;
}
.msg-pop .message-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;
  height: 100%;
}
.msg-pop .message-content.center {
  text-align: center;
}
.msg-pop .message-content .icon-warning {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon-warning_be4d1264.png);
  width: 81px;
  height: 82px;
}
.msg-pop .message-content .message {
  font-size: 18px;
  color: #fff;
  max-width: 450px;
}
.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: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.msg-pop .message-btns button {
  margin: 0 10px;
}
.msg-pop .pop-btn-confirm {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/btn-confirm_4c1c5352.png);
  width: 200px;
  height: 56px;
  font-size: 20px;
}
.msg-pop .pop-btn-confirm:hover {
  -webkit-filter: brightness(110%);
          filter: brightness(110%);
}
.msg-pop .pop-btn-cancel {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/btn-cancel_aa1a6a1f.png);
  width: 200px;
  height: 56px;
  font-size: 20px;
}
.msg-pop .pop-btn-cancel:hover {
  -webkit-filter: brightness(110%);
          filter: brightness(110%);
}
@media (max-width: 700px) {
  .msg-pop {
    background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/pop-bg_fd31111a.png);
    background-size: 100%;
    width: 320px;
    height: 157px;
  }
  .msg-pop .message-content.center {
    text-align: center;
  }
  .msg-pop .message-content .icon-warning {
    background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon-warning_962f6dec.png) no-repeat;
    background-size: 100%;
    width: 53px;
    height: 54px;
  }
  .msg-pop .message-content .message {
    font-size: 13px;
    color: #fff;
    max-width: 420px;
  }
  .msg-pop .message-btns {
    bottom: -50px;
  }
  .msg-pop .pop-btn-confirm {
    background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/btn-confirm_6bf83aec.png);
    background-size: 100%;
    width: 130.5px;
    height: 37px;
    font-size: 18px;
  }
  .msg-pop .pop-btn-confirm:hover {
    -webkit-filter: brightness(110%);
            filter: brightness(110%);
  }
  .msg-pop .pop-btn-cancel {
    background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/btn-cancel_215f0415.png);
    background-size: 100%;
    width: 130.5px;
    height: 37px;
    font-size: 18px;
  }
  .msg-pop .pop-btn-cancel:hover {
    -webkit-filter: brightness(110%);
            filter: brightness(110%);
  }
}
.detail-pop {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0);
  overflow-y: scroll;
}
.detail-pop .pop-content {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 980px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px 30px 30px;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.detail-pop .pop-content .left-box {
  position: relative;
  pointer-events: all;
  width: 375px;
  margin-right: 25px;
}
.detail-pop .pop-content .left-box .card_view {
  width: 100%;
  height: auto;
  cursor: auto;
}
.detail-pop .pop-content .left-box .card_view img {
  -webkit-filter: none !important;
          filter: none !important;
}
.detail-pop .pop-content .right-box {
  width: 460px;
  overflow-y: visible;
  max-height: 518px;
  padding-top: 50px;
  position: relative;
  pointer-events: auto;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  color: #ffffff;
}
.detail-pop .pop-content .right-box .CardName {
  color: #ffffff;
  margin-bottom: 0;
  word-break: keep-all;
  line-height: 1;
  display: block;
  font-size: calc(22.781px + 8.219 * ((100vw - 375px) / 1225));
}
.detail-pop .pop-content .right-box .locale-space {
  display: none;
}
.detail-pop .pop-content .right-box .CardFlavorText {
  margin: 5px 0;
  opacity: 0.5;
  font-size: 18px;
  font-style: italic;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.detail-pop .pop-content .right-box .CardText {
  margin: 5px 0;
  font-size: 18px;
  word-break: keep-all;
  overflow-wrap: break-word;
  line-height: 1.75;
}
.detail-pop .pop-content .right-box .AttributesList {
  padding: 0;
  margin-top: 18px;
  list-style: square;
  line-height: 1.75;
  font-size: 14px;
  margin-bottom: 24px;
}
.detail-pop .pop-content .right-box .AttributesList li {
  list-style-type: disc;
  margin-left: 20px;
  color: #ffe5ac;
}
.detail-pop .pop-content .right-box .AttributesList li span.value {
  color: #ffffff;
  font-weight: normal;
}
.detail-pop .pop-content .right-box .AttributesList li span i {
  font-style: normal;
}
.detail-pop .pop-content .right-box .UpgradeView {
  margin-bottom: 20px;
  min-height: 38px;
}
.detail-pop .pop-content .right-box .UpgradeView .UpgradeLabel {
  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;
  font-size: calc(14px + 2 * ((100vw - 375px) / 1225));
}
.detail-pop .pop-content .right-box .UpgradeView .UpgradeLabel > img {
  width: 48px;
  height: 48px;
  margin-right: 10px;
}
.detail-pop .pop-content .right-box .UpgradeView .UpgradeLabel > div span {
  font-size: calc(14px + 2 * ((100vw - 375px) / 1225));
}
.detail-pop .pop-content .right-box .UpgradeView .UpgradeLabel > div .UpgradeAnchor {
  color: #ffffff;
  margin-left: 5px;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  text-decoration: underline;
  position: relative;
}
.detail-pop .pop-content .right-box .UpgradeView .UpgradeLabel > div .UpgradeAnchor img {
  position: absolute;
  width: 250px;
  max-width: unset;
  z-index: 200;
  bottom: 40px;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.detail-pop .pop-content .right-box .KeywordsView {
  margin-bottom: 20px;
}
.detail-pop .pop-content .right-box .KeywordsView .KeywordsLabel {
  margin-bottom: 0;
  font-size: calc(14px + 2 * ((100vw - 375px) / 1225));
}
.detail-pop .pop-content .right-box .KeywordsView .KeywordsList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.detail-pop .pop-content .right-box .KeywordsView .KeywordsList .Keyword {
  color: #ffffff;
  margin-right: 10px;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  position: relative;
  text-decoration: underline;
  font-size: calc(14px + 2 * ((100vw - 375px) / 1225));
}
.detail-pop .pop-content .right-box .KeywordsView .KeywordsList .Keyword .dAKKqC {
  position: absolute;
  top: auto;
  bottom: 40px;
  left: -50%;
  max-width: unset;
  z-index: 200;
  -webkit-transform: none;
          transform: none;
}
.detail-pop .pop-content .right-box .CardLinksView {
  margin-bottom: 20px;
  position: relative;
}
.detail-pop .pop-content .right-box .CardLinksView .CardLinksLabel {
  font-size: calc(14px + 2 * ((100vw - 375px) / 1225));
}
.detail-pop .pop-content .right-box .CardLinksView .CardLinksList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-bottom: 10px;
}
.detail-pop .pop-content .right-box .CardLinksView .CardLinksList .CardLink {
  color: #ffffff;
  margin-right: 10px;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  position: relative;
  text-decoration: underline;
  font-size: calc(14px + 2 * ((100vw - 375px) / 1225));
}
.detail-pop .pop-content .right-box .CardLinksView .CardLinksList .CardLink img {
  position: absolute;
  width: 250px;
  bottom: 40px;
  max-width: unset;
  z-index: 200;
  left: 0;
  right: auto;
}
.detail-pop .pop-content .right-box .skillBox {
  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-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 500px;
}
.detail-pop .pop-content .right-box .skillBox .card_list_item {
  cursor: default;
  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;
}
.detail-pop .pop-content .right-box .skillBox .card_list_item img {
  -webkit-filter: none !important;
          filter: none !important;
}
.detail-pop .pop-content .PrevArrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 55%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 120px;
  height: 120px;
  -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;
  pointer-events: all;
  left: -120px;
}
.detail-pop .pop-content .PrevArrow a {
  position: absolute;
  z-index: 2;
  top: 0;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/homepage_left_arrow_04cc7e8b.png) 3px center no-repeat;
  width: 44px;
  height: 60px;
  cursor: pointer;
  -webkit-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  left: 0;
}
.detail-pop .pop-content .PrevArrow a:hover {
  left: -3px;
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
}
.detail-pop .pop-content .NextArrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 55%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 120px;
  height: 120px;
  -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;
  pointer-events: all;
  right: -120px;
}
.detail-pop .pop-content .NextArrow a {
  position: absolute;
  z-index: 2;
  top: 0;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/homepage_right_arrow_80baa89f.png) 0 center no-repeat;
  width: 44px;
  height: 60px;
  cursor: pointer;
  -webkit-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  right: -5px;
}
.detail-pop .pop-content .NextArrow a:hover {
  right: -8px;
  -webkit-transition: right 0.5s;
  transition: right 0.5s;
}
.pop-close {
  display: block;
  position: fixed;
  top: 35px;
  right: 35px;
  font-size: 36px;
  color: #fcd144;
  z-index: 100002;
  pointer-events: all;
  cursor: pointer;
  width: 36px;
  height: 36px;
}
.pop-close::before {
  content: "\2715";
  font-weight: 700;
}
.pop-close:hover {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-transform: none;
          transform: none;
  opacity: 0.9;
}
@media (max-width: 960px) {
  .detail-pop {
    overflow-y: scroll;
  }
  .detail-pop .pop-content {
    width: 100%;
    overflow: hidden auto;
    left: 50%;
    top: 45px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: block;
    z-index: 100001;
  }
  .detail-pop .pop-content .left-box {
    width: 100%;
    margin: 0 auto;
  }
  .detail-pop .pop-content .left-box .card_view {
    padding-top: 0;
    width: 80%;
    margin: 0 auto;
  }
  .detail-pop .pop-content .left-box .card_view img {
    -webkit-filter: none !important;
            filter: none !important;
    max-width: 500px;
  }
  .detail-pop .pop-content .right-box {
    width: 100%;
    padding-top: 25px;
    margin-bottom: 40px;
    max-height: 100%;
    padding-bottom: 30px;
  }
  .detail-pop .pop-content .right-box .skillBox {
    width: 100%;
  }
}
@media (max-width: 1300px) {
  .detail-pop .pop-content .right-box .CardLinksView .CardLinksList {
    position: relative;
  }
  .detail-pop .pop-content .right-box .CardLinksView .CardLinksList .CardLink {
    position: initial;
  }
  .detail-pop .pop-content .right-box .CardLinksView .CardLinksList .CardLink img {
    left: -25px;
    bottom: auto;
    top: -320px;
    pointer-events: none;
  }
}
.mask {
  background-color: rgba(0, 0, 0, 0.9);
}

/** mixins **/
.select-area[data-v-57eb1062] {
  margin-right: 30px;
  position: relative;
}
.select-area .select-box[data-v-57eb1062] {
  height: 54px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_component_middle_tile_9b30edfe.png) center center repeat-x;
  padding: 6px 0;
  margin-left: 25px;
  position: relative;
}
.select-area .select-box[data-v-57eb1062]::before {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_component_left_83555d51.png) left center no-repeat;
  height: 54px;
  width: 34px;
  position: absolute;
  left: -30px;
  top: 0;
}
.select-area .select-box[data-v-57eb1062]::after {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_component_right_9374fb4f.png) right center no-repeat;
  height: 54px;
  width: 34px;
  position: absolute;
  right: -30px;
  top: 0;
}
.select-area .select-box.notBorder[data-v-57eb1062] {
  background: none;
}
.select-area .select-box.notBorder[data-v-57eb1062]::before,
.select-area .select-box.notBorder[data-v-57eb1062]::after {
  display: none;
}
.select-area .select-box .select-box-con[data-v-57eb1062] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_middle_stretch_90cee3df.png) center center;
  height: 42px;
  position: relative;
  z-index: 1;
  margin: 0 -3px;
  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;
  cursor: pointer;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
  padding-left: 20px;
}
.select-area .select-box .select-box-con.active[data-v-57eb1062] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_middle_stretch_filtered_c3b13873.png);
}
.select-area .select-box .select-box-con.active[data-v-57eb1062]::before {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_withicon_left_filtered_7c43d6ae.png);
}
.select-area .select-box .select-box-con.active[data-v-57eb1062]::after {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_right_filtered_b8aaf8ad.png);
}
.select-area .select-box .select-box-con[data-v-57eb1062]:hover {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_middle_stretch_hoverselected_d1cd58a6.png);
}
.select-area .select-box .select-box-con[data-v-57eb1062]:hover::before {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_withicon_left_hoverselected_e64a82e3.png);
}
.select-area .select-box .select-box-con[data-v-57eb1062]:hover::after {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_right_hoverselected_0258adbf.png);
}
.select-area .select-box .select-box-con[data-v-57eb1062]::before {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_withicon_left_55d405b2.png) left center no-repeat;
  height: 42px;
  position: absolute;
  top: 0;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
  width: 50px;
  left: -40px;
  margin-left: 15px;
}
.select-area .select-box .select-box-con[data-v-57eb1062]::after {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_right_88f3d80a.png) right center no-repeat;
  height: 42px;
  width: 24px;
  position: absolute;
  right: -23px;
  z-index: 1;
  top: 0;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
}
.select-area .select-box .select-box-con .limitWidth[data-v-57eb1062] {
  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;
  min-width: 160px;
  width: 100%;
}
.select-area .select-box .select-box-con .limitWidth .icon-box[data-v-57eb1062] {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 6px;
  left: -14px;
  fill: gold;
  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;
}
.select-area .select-box .select-box-con .limitWidth .icon-box img[data-v-57eb1062] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.select-area .select-box .select-box-con .limitWidth .select-text[data-v-57eb1062] {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  margin: 0 15px 0 10px;
  color: #614326;
  font-size: 16px;
  font-family: "fzlth", serif;
  line-height: 1;
}
.select-area .select-box .select-box-con .limitWidth .drop-icon[data-v-57eb1062] {
  position: absolute;
  width: 17px;
  height: 17px;
  right: -6px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  z-index: 2;
}
.select-area .select-box .select-box-con .limitWidth .drop-icon.open[data-v-57eb1062] {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.select-area.notIcon .select-box .select-box-con .limitWidth[data-v-57eb1062] {
  min-width: 180px;
}
.select-area .list-box[data-v-57eb1062] {
  position: absolute;
  top: 75px;
  left: 5px;
  z-index: 10000;
  width: calc(100% + 10px);
  min-width: 250px;
  max-height: 500px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_middle_middle_7b7032d2.png) center center repeat;
}
.select-area .list-box[data-v-57eb1062]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -6px;
  height: 100%;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_middle_left_9a22db83.png) left center repeat-y;
}
.select-area .list-box[data-v-57eb1062]::after {
  content: "";
  position: absolute;
  top: 0;
  right: -6px;
  height: 100%;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_middle_right_b72a88cc.png) right center repeat-y;
}
.select-area .list-box .list-top[data-v-57eb1062] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_top_middle_b4c0d666.png) center top repeat-x;
  position: absolute;
  top: -10px;
  width: 100%;
  height: 50px;
}
.select-area .list-box .list-top[data-v-57eb1062]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -6px;
  height: 50px;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_top_left_e7c01dd0.png) center top no-repeat;
}
.select-area .list-box .list-top[data-v-57eb1062]::after {
  content: "";
  position: absolute;
  top: 0;
  right: -6px;
  height: 50px;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_top_right_92830ca4.png) center top no-repeat;
}
.select-area .list-box .sort_class[data-v-57eb1062] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_top_middle_2_3f6535d8.png) center top repeat-x;
  position: absolute;
  top: -10px;
  width: 100%;
  height: 50px;
  z-index: 4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 13px 0;
}
.select-area .list-box .sort_class[data-v-57eb1062]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -6px;
  height: 50px;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_top_left_2_684ba578.png) center top no-repeat;
}
.select-area .list-box .sort_class[data-v-57eb1062]::after {
  content: "";
  position: absolute;
  top: 0;
  right: -6px;
  height: 50px;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_top_right_2_4dba876a.png) center top no-repeat;
}
.select-area .list-box .sort_class .toggleCheckbox[data-v-57eb1062] {
  position: relative;
  top: 7px;
  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;
  cursor: pointer;
}
.select-area .list-box .sort_class .toggleCheckbox .toggleCheck[data-v-57eb1062] {
  position: relative;
  width: 26px;
  height: 26px;
  background: rgba(0, 0, 0, 0.8);
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  margin-right: 10px;
}
.select-area .list-box .sort_class .toggleCheckbox .toggleCheck[data-v-57eb1062]::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 23px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/check_06636f1f.png) center top no-repeat;
  background-size: 100% 100%;
  display: none;
}
.select-area .list-box .sort_class .toggleCheckbox .toggleCheck.active[data-v-57eb1062]::after {
  display: block;
}
.select-area .list-box .sort_class .toggleCheckbox p[data-v-57eb1062] {
  font-size: 16px;
  font-family: "fzlth", serif;
  color: #ffffff;
}
.select-area .list-box .sort_class .toggleCheckbox:hover .toggleCheck[data-v-57eb1062] {
  border: 2px solid rgba(255, 255, 255, 0.4);
}
.select-area .list-box.needSortClass #simpleList[data-v-57eb1062] {
  margin-top: 50px;
}
.select-area .list-box #simpleList[data-v-57eb1062] {
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  max-height: 400px;
}
.select-area .list-box #simpleList .list-item[data-v-57eb1062] {
  position: relative;
  cursor: pointer;
  padding: 0 13px;
  margin: 0;
  z-index: 10;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
}
.select-area .list-box #simpleList .list-item[data-v-57eb1062]:hover {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.select-area .list-box #simpleList .list-item.selected p[data-v-57eb1062] {
  color: #fcd144;
}
.select-area .list-box #simpleList .list-item .list-item-icon img[data-v-57eb1062] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.select-area .list-box #simpleList .list-item .list-item-icon svg[data-v-57eb1062] {
  width: 100%;
}
.select-area .list-box #simpleList .list-item .list-item-icon1[data-v-57eb1062] {
  width: 25px;
  padding-top: 6px;
  margin-right: 10px;
  fill: gold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  vertical-align: middle;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.select-area .list-box #simpleList .list-item .list-item-icon2[data-v-57eb1062] {
  margin-right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.select-area .list-box #simpleList .list-item .list-item-text[data-v-57eb1062] {
  font-size: 16px;
  font-family: "fzlth", serif;
  color: #ffffff;
  margin: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  white-space: normal;
}
.select-area .list-box #simpleList .menu-title[data-v-57eb1062] {
  color: #cccccc;
  text-transform: uppercase;
  padding: 5px 14px;
  font-weight: 400;
  font-size: 14px;
  position: relative;
  z-index: 1;
  opacity: 0.7;
}
.select-area .list-box #simpleList .simplebar-track[data-v-57eb1062] {
  margin-right: 7px;
}
.select-area .list-box #simpleList .simplebar-track .simplebar-scrollbar[data-v-57eb1062]::before {
  background: #ffffff;
}
.select-area .list-box .list-bottom[data-v-57eb1062] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_bottom_middle_7a2a6233.png) center top repeat-x;
  position: absolute;
  bottom: -15px;
  width: 100%;
  height: 50px;
}
.select-area .list-box .list-bottom[data-v-57eb1062]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -6px;
  height: 50px;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_bottom_left_d31ace30.png) center top no-repeat;
}
.select-area .list-box .list-bottom[data-v-57eb1062]::after {
  content: "";
  position: absolute;
  top: 0;
  right: -6px;
  height: 50px;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_bottom_right_59ee74c1.png) center top no-repeat;
}
.select-area.right-careers .list-box #simpleList .list-item[data-v-57eb1062] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/frame_class_e6ed1e63.png) 8px center / 35px no-repeat;
}
.select-area.right-careers .list-box #simpleList .list-item .list-item-icon[data-v-57eb1062] {
  max-width: 68px;
  max-height: 68px;
  width: 34px;
  height: 34px;
  margin-right: 10px;
  margin-left: -5px;
  margin-top: 1px;
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}
.select-area.careers .select-box .select-box-con .limitWidth[data-v-57eb1062] {
  min-width: 115px;
}
.select-area.careers .list-box #simpleList .list-item[data-v-57eb1062] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/frame_class_e6ed1e63.png) 8px center / 35px no-repeat;
}
.select-area.careers .list-box #simpleList .list-item .list-item-icon[data-v-57eb1062] {
  max-width: 68px;
  max-height: 68px;
  width: 34px;
  height: 34px;
  margin-right: 10px;
  margin-left: -5px;
  margin-top: 1px;
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}
.select-area.crystal-select .select-box .select-box-con .limitWidth .select-text[data-v-57eb1062] {
  margin: 0 30px 0 10px;
}
.select-area.disabled[data-v-57eb1062] {
  opacity: 0.3;
  pointer-events: none;
}
.select-area.notIcon .select-box .select-box-con[data-v-57eb1062] {
  padding-left: 0;
}
.select-area.notIcon .select-box .select-box-con[data-v-57eb1062]::before {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_left_fdb39258.png) left center no-repeat;
  height: 42px;
  width: 24px;
  position: absolute;
  left: -38px;
  top: 0;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
}
.select-area.notIcon .select-box .select-box-con[data-v-57eb1062]:hover::before,
.select-area.notIcon .select-box .select-box-con.active[data-v-57eb1062]::before {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_left_hoverselected_75d34fb1.png);
}
@media (max-width: 530px) {
.select-area .list-box #simpleList[data-v-57eb1062] {
    max-height: 250px;
}
}

/** mixins **/
.select-area[data-v-4bec8367] {
  margin-right: 30px;
  position: relative;
}
.select-area .select-box[data-v-4bec8367] {
  height: 54px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_component_middle_tile_9b30edfe.png) center center repeat-x;
  padding: 6px 0;
  margin-left: 25px;
  position: relative;
}
.select-area .select-box[data-v-4bec8367]::before {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_component_left_83555d51.png) left center no-repeat;
  height: 54px;
  width: 34px;
  position: absolute;
  left: -30px;
  top: 0;
}
.select-area .select-box[data-v-4bec8367]::after {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_component_right_9374fb4f.png) right center no-repeat;
  height: 54px;
  width: 34px;
  position: absolute;
  right: -30px;
  top: 0;
}
.select-area .select-box.notBorder[data-v-4bec8367] {
  background: none;
}
.select-area .select-box.notBorder[data-v-4bec8367]::before,
.select-area .select-box.notBorder[data-v-4bec8367]::after {
  display: none;
}
.select-area .select-box .select-box-con[data-v-4bec8367] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_middle_stretch_90cee3df.png) center center;
  height: 42px;
  position: relative;
  z-index: 1;
  margin: 0 -3px;
  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;
  cursor: pointer;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
  padding-left: 20px;
}
.select-area .select-box .select-box-con.active[data-v-4bec8367] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_middle_stretch_filtered_c3b13873.png);
}
.select-area .select-box .select-box-con.active[data-v-4bec8367]::before {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_withicon_left_filtered_7c43d6ae.png);
}
.select-area .select-box .select-box-con.active[data-v-4bec8367]::after {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_right_filtered_b8aaf8ad.png);
}
.select-area .select-box .select-box-con[data-v-4bec8367]:hover {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_middle_stretch_hoverselected_d1cd58a6.png);
}
.select-area .select-box .select-box-con[data-v-4bec8367]:hover::before {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_withicon_left_hoverselected_e64a82e3.png);
}
.select-area .select-box .select-box-con[data-v-4bec8367]:hover::after {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_right_hoverselected_0258adbf.png);
}
.select-area .select-box .select-box-con[data-v-4bec8367]::before {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_withicon_left_55d405b2.png) left center no-repeat;
  height: 42px;
  position: absolute;
  top: 0;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
  width: 50px;
  left: -40px;
  margin-left: 15px;
}
.select-area .select-box .select-box-con[data-v-4bec8367]::after {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_right_88f3d80a.png) right center no-repeat;
  height: 42px;
  width: 24px;
  position: absolute;
  right: -23px;
  z-index: 1;
  top: 0;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
}
.select-area .select-box .select-box-con .limitWidth[data-v-4bec8367] {
  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;
  min-width: 160px;
  width: 100%;
}
.select-area .select-box .select-box-con .limitWidth .icon-box[data-v-4bec8367] {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 6px;
  left: -14px;
  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;
}
.select-area .select-box .select-box-con .limitWidth .icon-box img[data-v-4bec8367] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.select-area .select-box .select-box-con .limitWidth .select-text[data-v-4bec8367] {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  margin: 0 15px 0 10px;
  color: #614326;
  font-size: 16px;
  font-family: "fzlth", serif;
  line-height: 1;
}
.select-area .select-box .select-box-con .limitWidth .drop-icon[data-v-4bec8367] {
  position: absolute;
  width: 17px;
  height: 17px;
  right: -6px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  z-index: 2;
}
.select-area .select-box .select-box-con .limitWidth .drop-icon.open[data-v-4bec8367] {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.select-area.notIcon .select-box .select-box-con .limitWidth[data-v-4bec8367] {
  min-width: 180px;
}
.select-area .list-box[data-v-4bec8367] {
  position: absolute;
  top: 75px;
  left: 5px;
  z-index: 10000;
  width: calc(100% + 10px);
  min-width: 250px;
  max-height: 500px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_middle_middle_7b7032d2.png) center center repeat;
}
.select-area .list-box[data-v-4bec8367]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -6px;
  height: 100%;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_middle_left_9a22db83.png) left center repeat-y;
}
.select-area .list-box[data-v-4bec8367]::after {
  content: "";
  position: absolute;
  top: 0;
  right: -6px;
  height: 100%;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_middle_right_b72a88cc.png) right center repeat-y;
}
.select-area .list-box .list-top[data-v-4bec8367] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_top_middle_b4c0d666.png) center top repeat-x;
  position: absolute;
  top: -10px;
  width: 100%;
  height: 50px;
}
.select-area .list-box .list-top[data-v-4bec8367]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -6px;
  height: 50px;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_top_left_e7c01dd0.png) center top no-repeat;
}
.select-area .list-box .list-top[data-v-4bec8367]::after {
  content: "";
  position: absolute;
  top: 0;
  right: -6px;
  height: 50px;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_top_right_92830ca4.png) center top no-repeat;
}
.select-area .list-box #simpleList[data-v-4bec8367] {
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  max-height: 300px;
}
.select-area .list-box #simpleList .list-item[data-v-4bec8367] {
  position: relative;
  cursor: pointer;
  padding: 0 13px;
  margin: 0;
  z-index: 10;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
}
.select-area .list-box #simpleList .list-item[data-v-4bec8367]:hover {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.select-area .list-box #simpleList .list-item.selected p[data-v-4bec8367] {
  color: #fcd144;
}
.select-area .list-box #simpleList .list-item.needBg[data-v-4bec8367] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/frame_class_e6ed1e63.png) 8px center / 35px no-repeat;
}
.select-area .list-box #simpleList .list-item .list-item-icon[data-v-4bec8367] {
  max-width: 68px;
  max-height: 68px;
  width: 34px;
  height: 34px;
  margin-right: 10px;
  margin-left: -5px;
  margin-top: 1px;
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}
.select-area .list-box #simpleList .list-item .list-item-icon img[data-v-4bec8367] {
  width: 100%;
  height: auto;
}
.select-area .list-box #simpleList .list-item .list-item-text[data-v-4bec8367] {
  font-size: 16px;
  font-family: "fzlth", serif;
  color: #ffffff;
  margin: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  white-space: normal;
}
.select-area .list-box #simpleList .menu-title[data-v-4bec8367] {
  color: #cccccc;
  text-transform: uppercase;
  padding: 5px 14px;
  font-weight: 400;
  font-size: 14px;
  position: relative;
  z-index: 1;
  opacity: 0.7;
}
.select-area .list-box #simpleList .simplebar-track[data-v-4bec8367] {
  margin-right: 7px;
}
.select-area .list-box #simpleList .simplebar-track .simplebar-scrollbar[data-v-4bec8367]::before {
  background: #ffffff;
}
.select-area .list-box .list-bottom[data-v-4bec8367] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_bottom_middle_7a2a6233.png) center top repeat-x;
  position: absolute;
  bottom: -15px;
  width: 100%;
  height: 50px;
}
.select-area .list-box .list-bottom[data-v-4bec8367]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -6px;
  height: 50px;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_bottom_left_d31ace30.png) center top no-repeat;
}
.select-area .list-box .list-bottom[data-v-4bec8367]::after {
  content: "";
  position: absolute;
  top: 0;
  right: -6px;
  height: 50px;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_bottom_right_59ee74c1.png) center top no-repeat;
}
.select-area.crystal-select .select-box .select-box-con .limitWidth .select-text[data-v-4bec8367] {
  margin: 0 30px 0 10px;
}
.select-area.disabled[data-v-4bec8367] {
  opacity: 0.3;
  pointer-events: none;
}
.select-area.notIcon .select-box .select-box-con[data-v-4bec8367] {
  padding-left: 0;
}
.select-area.notIcon .select-box .select-box-con[data-v-4bec8367]::before {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_left_fdb39258.png) left center no-repeat;
  height: 42px;
  width: 24px;
  position: absolute;
  left: -38px;
  top: 0;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
}
.select-area.notIcon .select-box .select-box-con[data-v-4bec8367]:hover::before,
.select-area.notIcon .select-box .select-box-con.active[data-v-4bec8367]::before {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_left_hoverselected_75d34fb1.png);
}
@media (max-width: 530px) {
.select-area .list-box #simpleList[data-v-4bec8367] {
    max-height: 250px;
}
}

/** mixins **/
.dAKKqC[data-v-776a9430] {
  position: absolute;
  top: 50%;
  left: 110%;
  z-index: 501;
  -webkit-transform: translate(0px, -50%);
          transform: translate(0px, -50%);
}
.dAKKqC.left[data-v-776a9430] {
  left: -100%;
}
.dAKKqC.top[data-v-776a9430] {
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -110%);
          transform: translate(-50%, -110%);
}
.dAKKqC .cllUmp[data-v-776a9430] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/tooltip_npe_cards_mid_84271900.png) center center repeat-y transparent;
  width: 228px;
  text-align: left;
  padding: 10px 20px;
  margin-bottom: 35px;
  position: relative;
  z-index: 100000;
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 10px 15px 15px;
          box-shadow: rgba(0, 0, 0, 0.8) 10px 15px 15px;
}
.dAKKqC .cllUmp[data-v-776a9430]::before {
  content: "";
  position: absolute;
  left: 0px;
  top: -15px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/tooltip_npe_cards_top_45615588.png) center center no-repeat transparent;
  width: 228px;
  height: 70px;
  z-index: -1;
}
.dAKKqC .cllUmp[data-v-776a9430]::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -15px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/tooltip_npe_cards_bottom_8137ca8f.png) center center no-repeat transparent;
  width: 228px;
  height: 76px;
  margin-top: -45px;
  z-index: -1;
}
.dAKKqC .cllUmp .SQMQ[data-v-776a9430] {
  font-size: 16px;
  max-width: 240px;
  margin: 0px 0px 10px;
  line-height: 1.1;
  color: #ffffff;
  text-shadow: #000000 2px 0px 0px, #000000 1.75517px 0.95885px 0px, #000000 1.0806px 1.68294px 0px, #000000 0.14147px 1.99499px 0px, #000000 -0.83229px 1.81859px 0px, #000000 -1.60229px 1.19694px 0px, #000000 -1.97998px 0.28224px 0px, #000000 -1.87291px -0.70157px 0px, #000000 -1.30729px -1.5136px 0px, #000000 -0.42159px -1.95506px 0px, #000000 0.56732px -1.91785px 0px, #000000 1.41734px -1.41108px 0px, #000000 1.92034px -0.55883px 0px;
}
.dAKKqC .cllUmp .gVAOgT[data-v-776a9430] {
  font-size: 16px;
  margin: 0px;
  color: #ffffff;
  font-weight: normal;
}

/** mixins **/
.CardTableLayout__Row[data-v-6a417c6a] {
  font-size: 1em;
  line-height: 24px;
}
.CardTableLayout__Row td[data-v-6a417c6a] {
  position: relative;
  padding: 5px 15px;
  color: #614326;
}
.CardTableLayout__Row td .CardTableLayout__CardCropCell_Box[data-v-6a417c6a] {
  cursor: pointer;
  width: 255px;
  margin-left: 30px;
  margin-right: 20px;
}
.CardTableLayout__Row td .CardTableLayout__CardCropCell_Box:hover .CardTableLayout__CardCropCell[data-v-6a417c6a] {
  -webkit-filter: drop-shadow(#ffffff 0px 0px 5px);
          filter: drop-shadow(#ffffff 0px 0px 5px);
  border-color: #ffffff;
}
.CardTableLayout__Row td .CardTableLayout__CardCropCell_Box:hover .FloatingCard[data-v-6a417c6a] {
  display: block;
}
.CardTableLayout__Row td .CardTableLayout__CardCropCell_Box .CardTableLayout__CardCropCell[data-v-6a417c6a] {
  overflow: hidden;
  position: relative;
  background: right center no-repeat #2b2c3e;
  border-radius: 5px;
  border: 1px solid #000000;
  color: #ffffff;
  padding: 3px 20px;
}
.CardTableLayout__Row td .CardTableLayout__CardCropCell_Box .CardTableLayout__CardCropCell .name[data-v-6a417c6a] {
  position: relative;
  z-index: 3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.CardTableLayout__Row td .CardTableLayout__CardCropCell_Box .CardTableLayout__CardCropCell .cropMask[data-v-6a417c6a] {
  position: absolute;
  z-index: 2;
  top: 0px;
  right: 0px;
  width: 150px;
  height: 100%;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/table_mask_45af1510.png) left center;
}
.CardTableLayout__Row td .CardTableLayout__CardCropCell_Box .CardTableLayout__CardCropCell .cropImage[data-v-6a417c6a] {
  position: absolute;
  z-index: 1;
  background-color: #000000;
  background-size: cover;
  width: 150px;
  height: 100%;
  top: 0px;
  right: 0px;
  border-radius: 5px;
}
.CardTableLayout__Row td .CardTableLayout__CardCropCell_Box .CardTableLayout__CardCropCell .cropImage img[data-v-6a417c6a] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.CardTableLayout__Row td .CardTableLayout___HeroCell[data-v-6a417c6a] {
  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;
  cursor: pointer;
  margin-left: 30px;
}
.CardTableLayout__Row td .CardTableLayout___HeroCell .heroCardImg[data-v-6a417c6a] {
  display: block;
  width: 50px;
  height: auto;
  margin-right: 10px;
}
.CardTableLayout__Row td .CardTableLayout___HeroCell:hover .FloatingCard[data-v-6a417c6a] {
  display: block;
}
.CardTableLayout__Row td .FloatingCard[data-v-6a417c6a] {
  display: none;
  position: absolute;
  z-index: 100;
  top: 50%;
  right: -220px;
  width: 240px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
.CardTableLayout__Row td .FloatingCard .list_img_blink[data-v-6a417c6a] {
  width: 100%;
  height: auto;
}
.CardTableLayout__Row td .CardTableLayout__TextWithIcon[data-v-6a417c6a] {
  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;
}
.CardTableLayout__Row td .CardTableLayout__TextWithIcon .CircleIcon[data-v-6a417c6a] {
  display: block;
  position: relative;
  max-width: 68px;
  max-height: 68px;
  width: 34px;
  height: 34px;
  margin-right: 10px;
  margin-left: -5px;
  margin-top: 1px;
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
  background-size: contain;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.CardTableLayout__Row td .CardTableLayout__TextWithIcon .CircleIcon img[data-v-6a417c6a] {
  width: 100%;
  height: 100%;
}
.CardTableLayout__Row td .CardTableLayout__TextWithIcon .CircleIcon .Tooltip--visible[data-v-6a417c6a] {
  position: absolute;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: none;
}
.CardTableLayout__Row td .CardTableLayout__TextWithIcon .CircleIcon .Tooltip--visible .Tooltip__Wrapper[data-v-6a417c6a] {
  position: relative;
  padding: 2px 10px;
  color: #614326;
  border-radius: 7px;
  z-index: 10;
  background: #f2ebe3;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  font-size: 14px;
  border: 2px solid black;
  cursor: auto;
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 2px 10px;
          box-shadow: rgba(0, 0, 0, 0.8) 0 2px 10px;
  white-space: nowrap;
  max-width: none;
  text-align: center;
}
.CardTableLayout__Row td .CardTableLayout__TextWithIcon .CircleIcon .Tooltip--visible .Tooltip__Wrapper[data-v-6a417c6a]::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  width: 8px;
  height: 8px;
  padding: 0;
  color: #000000;
  z-index: 10;
  background: #f2ebe3;
  border-radius: 0 0 3px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  margin-left: -16px;
  -webkit-transform: translate(10px, -8.3px) rotate(45deg);
          transform: translate(10px, -8.3px) rotate(45deg);
}
.CardTableLayout__Row td .CardTableLayout__TextWithIcon .CircleIcon:hover .Tooltip--visible[data-v-6a417c6a] {
  display: block;
}
.CardTableLayout__Row td .CardTableLayout__TitleText[data-v-6a417c6a] {
  font-size: 14px;
  color: #614326;
}
.CardTableLayout__Row td .CardTableLayout__TitleText.rarity[data-v-6a417c6a] {
  padding-left: 20px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon_rarity_common_209888d7.png) left center / contain no-repeat;
}
.CardTableLayout__Row td .CardTableLayout__TitleText.rarity.rare[data-v-6a417c6a] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon_rarity_rare_000690d7.png);
}
.CardTableLayout__Row td .CardTableLayout__TitleText.rarity.epic[data-v-6a417c6a] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon_rarity_epic_f1972d7c.png);
}
.CardTableLayout__Row td .CardTableLayout__TitleText.rarity.legendary[data-v-6a417c6a] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon_rarity_legendary_173645e2.png);
}
.CardTableLayout__Row td .CardTableLayout__TitleText .keyword-items[data-v-6a417c6a] {
  position: relative;
  cursor: pointer;
}
.CardTableLayout__Row td .CardTableLayout__TitleText .keyword-items[data-v-6a417c6a]:hover {
  text-decoration: underline;
}
@media (max-width: 690px) {
.CardTableLayout__Row td[data-v-6a417c6a] {
    padding: 5px 0;
}
.CardTableLayout__Row td .CardTableLayout__CardCropCell_Box[data-v-6a417c6a] {
    margin-left: 10px;
    margin-right: 10px;
}
}
@media (max-width: 470px) {
.CardTableLayout__Row td[data-v-6a417c6a] {
    padding: 5px 0;
}
.CardTableLayout__Row td .CardTableLayout__CardCropCell_Box[data-v-6a417c6a] {
    width: auto;
    max-width: 220px;
}
}
.CardTableLayout__Row .iconNumeric .CardTableLayout__Numeric[data-v-6a417c6a] {
  text-align: center;
  width: 36px;
  height: 34px;
  color: #ffffff;
  margin: 0px auto;
  font-size: 22px;
  line-height: 1.6em;
}
.CardTableLayout__Row .iconNumeric .CardTableLayout__Numeric.notdata[data-v-6a417c6a] {
  color: #614326;
}
.CardTableLayout__Row .iconNumeric .CardTableLayout__Numeric.tier[data-v-6a417c6a] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon_tier_table_66f79858.png) center center / contain no-repeat;
  width: 31px;
  height: 29px;
  line-height: 1.4em;
}
.CardTableLayout__Row .iconNumeric .CardTableLayout__Numeric.health[data-v-6a417c6a] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon_health_table_1f7dd3f7.png) center center / contain no-repeat;
  background-size: 110%;
  background-position: -2px 0px;
}
.CardTableLayout__Row .iconNumeric .CardTableLayout__Numeric.manaCost[data-v-6a417c6a] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon_mana_68x68_5c6990d3.png) center center / contain no-repeat;
  width: 31px;
  height: 29px;
  line-height: 1.2em;
}
.CardTableLayout__Row .iconNumeric .CardTableLayout__Numeric.attack[data-v-6a417c6a] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon_attack_table_4d694442.png) center center / contain no-repeat;
  background-size: 110%;
  background-position: -2px 0px;
}
.CardTableLayout__Row[data-v-6a417c6a]:hover {
  background: rgba(255, 240, 218, 0.3);
}
@media (max-width: 530px) {
.CardTableLayout__Row .DeckBuilderCard__CardInfoButton[data-v-6a417c6a] {
    width: 40px;
    height: 40px;
    background-size: contain;
    top: 18px;
    opacity: 1;
    display: block;
}
}

/** mixins **/
.card_list_item[data-v-ecb6ae1a] {
  display: block;
  position: relative;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.card_list_item.hero[data-v-ecb6ae1a] {
  margin-top: 45px;
  margin-bottom: 10px;
}
.card_list_item.hero .card_view[data-v-ecb6ae1a] {
  height: 260px;
  margin-bottom: 10px;
}
.card_list_item.hero .card_view img[data-v-ecb6ae1a] {
  width: 90%;
  max-width: 350px;
}
.card_list_item .DeckBuilderCard__CardCount[data-v-ecb6ae1a] {
  position: absolute;
  bottom: -33px;
  left: 0px;
  right: 0px;
  margin: auto;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_card_number_ad3d64a4.png) center top no-repeat;
  width: 80px;
  height: 54px;
  z-index: 5;
  pointer-events: none;
  border-radius: 15px;
  text-shadow: #000000 2px 0px 0px, #000000 1.75517px 0.95885px 0px, #000000 1.0806px 1.68294px 0px, #000000 0.14147px 1.99499px 0px, #000000 -0.83229px 1.81859px 0px, #000000 -1.60229px 1.19694px 0px, #000000 -1.97998px 0.28224px 0px, #000000 -1.87291px -0.70157px 0px, #000000 -1.30729px -1.5136px 0px, #000000 -0.42159px -1.95506px 0px, #000000 0.56732px -1.91785px 0px, #000000 1.41734px -1.41108px 0px, #000000 1.92034px -0.55883px 0px;
  font-family: "Belwe_Bold", serif;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0.2em;
}
.card_list_item .DeckBuilderCard__CardCount.locked[data-v-ecb6ae1a] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_card_number_max_886aafdf.png) center top no-repeat;
  width: 100px;
}
.card_list_item .DeckBuilderCard__CardCount.locked span[data-v-ecb6ae1a] {
  margin-left: 1em;
}
.card_list_item .DeckBuilderCard__CardCount.warning[data-v-ecb6ae1a] {
  color: #e22c14;
}
.card_list_item .card_view[data-v-ecb6ae1a] {
  width: 240px;
  height: 350px;
  margin-bottom: 20px;
  position: relative;
  z-index: 6;
  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;
  background: transparent;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: 1000ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
  transition: 1000ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
  -webkit-transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
          transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
}
.card_list_item .card_view .card_view_content[data-v-ecb6ae1a] {
  width: 100%;
  position: relative;
  -webkit-transition: 1000ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
  transition: 1000ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
}
.card_list_item .card_view .list_img[data-v-ecb6ae1a] {
  width: 100%;
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: all;
  -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 3px 3px);
          filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 3px 3px);
  -webkit-transition: 1000ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
  transition: 1000ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.card_list_item .card_view .list_img.gray[data-v-ecb6ae1a] {
  -webkit-filter: brightness(0.6);
          filter: brightness(0.6);
}
.card_list_item .card_view .list_img.death[data-v-ecb6ae1a] {
  -webkit-filter: sepia(97%) saturate(2) hue-rotate(315deg) brightness(93%) contrast(124%);
          filter: sepia(97%) saturate(2) hue-rotate(315deg) brightness(93%) contrast(124%);
}
.card_list_item .card_view .list_img_blink[data-v-ecb6ae1a] {
  max-width: 100%;
  position: absolute;
  opacity: 0;
  -webkit-filter: brightness(40);
          filter: brightness(40);
  z-index: 5;
  pointer-events: none;
  -webkit-transition: 125ms ease-out;
  transition: 125ms ease-out;
}
.card_list_item .card_view .list_img_blink.blink[data-v-ecb6ae1a] {
  opacity: 0.9;
}
.card_list_item .DeckBuilderCard__CardInfoButton[data-v-ecb6ae1a] {
  width: 57px;
  height: 59px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon_info_normal_6bdd0415.png) center center no-repeat;
  position: absolute;
  top: 23px;
  right: 5px;
  z-index: 10;
  opacity: 0;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.card_list_item .DeckBuilderCard__CardInfoButton[data-v-ecb6ae1a]:hover {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon_info_hover_74459e57.png) center center / contain no-repeat;
}
.card_list_item[data-v-ecb6ae1a]:hover {
  z-index: 9;
}
.card_list_item:hover .card_view .list_img[data-v-ecb6ae1a] {
  -webkit-filter: drop-shadow(#ffffff 0px 0px 15px);
          filter: drop-shadow(#ffffff 0px 0px 15px);
}
.card_list_item:hover .DeckBuilderCard__CardInfoButton[data-v-ecb6ae1a] {
  opacity: 1;
}
@media (max-width: 530px) {
.card_list_item .DeckBuilderCard__CardInfoButton[data-v-ecb6ae1a] {
    width: 40px;
    height: 40px;
    background-size: contain;
    top: 18px;
    opacity: 1;
    display: block;
}
}

/** mixins **/
.rightBarMask[data-v-f8c0f632] {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  pointer-events: none;
  display: none;
}
.rightBarMask.open[data-v-f8c0f632] {
  z-index: 10000;
  pointer-events: auto;
}
.rightBarMask.open .rightBar[data-v-f8c0f632] {
  right: 0;
}
.rightBarMask.open .rightBar .rightBar-con[data-v-f8c0f632] {
  opacity: 1;
}
.rightBar[data-v-f8c0f632] {
  min-height: 0px;
  -webkit-transition: right 0.15s;
  transition: right 0.15s;
  position: fixed;
  right: -300px;
  top: 0px;
  height: 100%;
  width: 300px;
  overflow: auto;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_filter_tabletmobile_263b29cd.jpg) left top repeat-y;
}
.rightBar .rightBar-con[data-v-f8c0f632] {
  max-width: 1600px;
  margin: 0px auto;
  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-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 12px 20px 10px 10px;
  opacity: 0;
  -webkit-transition: opacity 0.1s 0.3s;
  transition: opacity 0.1s 0.3s;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding-bottom: 100px;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rightBar .rightBar-con .rightBar-top[data-v-f8c0f632] {
  padding: 60px 10px 10px 0px;
  border-bottom: 1px solid #450f0f;
  width: 100%;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.rightBar .rightBar-con .rightBar-top .rightBar-close[data-v-f8c0f632] {
  width: 100%;
  margin-bottom: 15px;
}
.rightBar .rightBar-con .rightBar-top .rightBar-close a[data-v-f8c0f632] {
  display: inline;
  font-size: 16px;
  color: #ffffff;
  padding-left: 5px;
}
.rightBar .rightBar-con .rightBar-top .rightBar-close a span[data-v-f8c0f632] {
  display: inline-block;
  color: #fcd144;
  font-size: 25px;
  position: relative;
  top: 4px;
  margin-right: 5px;
}
.rightBar .rightBar-con .rightBar-top .rightBar-cards[data-v-f8c0f632] {
  padding-left: 15px;
  font-size: 16px;
  float: left;
}
.rightBar .rightBar-con .rightBar-top .clearAll[data-v-f8c0f632] {
  position: relative;
  background: none;
  border: none;
  height: 25px;
  padding: 3px 10px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: gold;
  font-size: 14px;
  cursor: pointer;
  float: left;
}
.rightBar .rightBar-con .rightBar-top .clearAll[data-v-f8c0f632]::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  background: #fff0da;
  border: 1px solid #614326;
  border-radius: 15px;
  opacity: 0.5;
}
.rightBar .rightBar-con .rightBar-top .clearAll .clear_svg[data-v-f8c0f632] {
  width: 18px;
  height: 18px;
  fill: gold;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/clearAll1_4d0d8af9.svg);
}
.rightBar .rightBar-con .rightBar-top .clearAll[data-v-f8c0f632]:hover {
  color: #ffffff;
}
.rightBar .rightBar-con .rightBar-top .clearAll[data-v-f8c0f632]:hover::before {
  background: #233a6e;
  border-color: #233a6e;
  opacity: 1;
}
.rightBar .rightBar-con .rightBar-top .clearAll:hover .clear_svg[data-v-f8c0f632] {
  fill: #ffffff;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/clearAll_h_98035792.svg);
}
.rightBar .rightBar-con .toggleCheckbox[data-v-f8c0f632] {
  position: relative;
  margin-left: 15px;
  padding-top: 20px;
  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;
  cursor: pointer;
}
.rightBar .rightBar-con .toggleCheckbox .toggleCheck[data-v-f8c0f632] {
  position: relative;
  width: 26px;
  height: 26px;
  background: rgba(0, 0, 0, 0.8);
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  margin-right: 10px;
}
.rightBar .rightBar-con .toggleCheckbox .toggleCheck[data-v-f8c0f632]::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 23px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/check_06636f1f.png) center top no-repeat;
  background-size: 100% 100%;
  display: none;
}
.rightBar .rightBar-con .toggleCheckbox .toggleCheck.active[data-v-f8c0f632]::after {
  display: block;
}
.rightBar .rightBar-con .toggleCheckbox p[data-v-f8c0f632] {
  font-size: 16px;
  font-family: "fzlth", serif;
  color: #ffffff;
}
.rightBar .rightBar-con .toggleCheckbox:hover .toggleCheck[data-v-f8c0f632] {
  border: 2px solid rgba(255, 255, 255, 0.4);
}
.rightBar .rightBar-con .rightBar-label[data-v-f8c0f632] {
  display: block;
  margin: 20px 0 10px 0;
  padding-left: 15px;
  width: 80%;
  font-size: 16px;
  color: #8f6e6e;
}
.rightBar .rightBar-con .select-area[data-v-f8c0f632] {
  margin-bottom: 10px;
  width: 100%;
}

/** mixins **/
.title[data-v-4dd60ee3] {
  margin-top: 10px;
  margin-bottom: -20px;
}
.title .titleContainer[data-v-4dd60ee3] {
  padding: 0;
  margin: 0;
  list-style: none;
  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;
}
.title .titleContainer > li[data-v-4dd60ee3] {
  height: 1.425rem;
}
.title .titleContainer .titleLeftStart[data-v-4dd60ee3] {
  opacity: 0.4;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/divider_left_left_bd6365f9.png) center top no-repeat;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 20px;
  min-width: 20px;
  padding-bottom: 30px;
}
.title .titleContainer .titleLeftMiddle[data-v-4dd60ee3] {
  opacity: 0.4;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/divider_left_middle_29d4a9cb.png) center top / 100% 62.66% no-repeat;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  min-width: 70px;
}
.title .titleContainer .titleLeftEnd[data-v-4dd60ee3] {
  opacity: 0.4;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/divider_left_right_9c55e177.png) center top no-repeat;
  margin-left: -1px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 20px;
  min-width: 20px;
  padding-bottom: 30px;
}
.title .titleContainer .titleRightStart[data-v-4dd60ee3] {
  opacity: 0.4;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/divider_right_left_a0c9f6c8.png) center top no-repeat;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 20px;
  min-width: 20px;
  padding-bottom: 30px;
}
.title .titleContainer .titleRightMiddle[data-v-4dd60ee3] {
  opacity: 0.4;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/divider_right_middle_28d4e8c2.png) center top / 100% 62.66% no-repeat;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  min-width: 70px;
}
.title .titleContainer .titleRightEnd[data-v-4dd60ee3] {
  opacity: 0.4;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/divider_right_right_3705cb5e.png) center top no-repeat;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 20px;
  min-width: 20px;
  padding-bottom: 30px;
}
.title .titleContainer .titleContent[data-v-4dd60ee3] {
  padding: 0 30px;
  margin-top: -5px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: auto;
}
.title .titleContainer .titleContent .titleMiddleBg[data-v-4dd60ee3] {
  width: 300px;
  height: 82px;
  margin: 0 40px;
  position: relative;
  top: -30px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/title-bg_4e42662c.png) center center no-repeat;
}
.title .titleContainer .titleContent .titleMiddleBg.deathknight[data-v-4dd60ee3] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/deathknight_47fb3ad9.png);
}
.title .titleContainer .titleContent .titleMiddleBg.demonhunter[data-v-4dd60ee3] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/demonhunter_33132b10.png);
}
.title .titleContainer .titleContent .titleMiddleBg.druid[data-v-4dd60ee3] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/druid_fa828028.png);
}
.title .titleContainer .titleContent .titleMiddleBg.hunter[data-v-4dd60ee3] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/hunter_d6afe2cd.png);
}
.title .titleContainer .titleContent .titleMiddleBg.mage[data-v-4dd60ee3] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/mage_1b0f90b5.png);
}
.title .titleContainer .titleContent .titleMiddleBg.paladin[data-v-4dd60ee3] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/paladin_362bf138.png);
}
.title .titleContainer .titleContent .titleMiddleBg.priest[data-v-4dd60ee3] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/priest_40d2489a.png);
}
.title .titleContainer .titleContent .titleMiddleBg.rogue[data-v-4dd60ee3] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/rogue_40478626.png);
}
.title .titleContainer .titleContent .titleMiddleBg.shaman[data-v-4dd60ee3] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/shaman_afd75b59.png);
}
.title .titleContainer .titleContent .titleMiddleBg.warlock[data-v-4dd60ee3] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/warlock_7f8d7a77.png);
}
.title .titleContainer .titleContent .titleMiddleBg.warrior[data-v-4dd60ee3] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/warrior_4c3ba9e5.png);
}
.title .titleContainer .titleContent .titleMiddleBg p[data-v-4dd60ee3] {
  font-size: 19px;
  color: #614326;
  font-family: "fzlth", serif;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 0;
  margin: 0;
  white-space: nowrap;
  width: 135px;
  text-align: center;
  -webkit-transition: 0.125s ease-out;
  transition: 0.125s ease-out;
}

/** mixins **/
.CardRow_root[data-v-5866a6fe] {
  position: relative;
}
.CardRow_root.on[data-v-5866a6fe] {
  z-index: 9;
}
.CardRow_root.hidden[data-v-5866a6fe] {
  opacity: 0;
}
.CardRow__CardRowStyles[data-v-5866a6fe] {
  line-height: 44px;
  height: 44px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.CardRow__CardRowStyles.show[data-v-5866a6fe] {
  opacity: 1;
}
.CardRow__CardRowStyles.sideboard[data-v-5866a6fe] {
  height: 124px;
  line-height: unset;
}
.CardRow__CardRowStyles .cardRow[data-v-5866a6fe] {
  position: relative;
  display: inline-block;
  height: 44px;
  line-height: 44px;
  width: 360px;
  overflow: hidden;
  cursor: default;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.CardRow__CardRowStyles .cardRow[data-v-5866a6fe] {
  margin-bottom: 0px;
  text-align: left;
  max-width: 345px;
  width: 100%;
  cursor: default;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.CardRow__CardRowStyles .cardRow .cardRow-Name[data-v-5866a6fe],
.CardRow__CardRowStyles .cardRow .cardRow-Count[data-v-5866a6fe],
.CardRow__CardRowStyles .cardRow .cardRow-Cost[data-v-5866a6fe] {
  font-size: 18px;
  white-space: nowrap;
  margin: 0px;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  pointer-events: none;
  color: white;
  height: 44px;
}
.CardRow__CardRowStyles .cardRow .cardRow-Cost[data-v-5866a6fe] {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 26px;
  text-align: center;
  color: white;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/card_list_left_f62fc3a0.png) left top / 50px 44px no-repeat;
}
.CardRow__CardRowStyles .cardRow .cardRow-Name[data-v-5866a6fe] {
  position: absolute;
  width: calc(100% - 100px);
  top: 0px;
  left: 50px;
  font-weight: 200;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/card_list_middle_c118d0c6.png) left top / 100% 44px no-repeat;
  padding: 0px 0px 0px 10px;
}
.CardRow__CardRowStyles .cardRow .cardRow-Name[data-v-5866a6fe] {
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "fzlth", serif;
  color: #c3c1c3;
}
.CardRow__CardRowStyles .cardRow .cardRow-fill[data-v-5866a6fe] {
  position: absolute;
  width: calc(100% - 50px);
  height: 100%;
  z-index: -2;
  top: 0px;
  left: 30px;
  background-color: #292e3c;
}
.CardRow__CardRowStyles .cardRow .cardRow-cropImage[data-v-5866a6fe] {
  position: absolute;
  z-index: -2;
  top: 0px;
  right: 30px;
  width: 150px;
  height: 100%;
  background-position: center center;
  background-size: cover;
}
.CardRow__CardRowStyles .cardRow .cardRow-cropMask[data-v-5866a6fe] {
  position: absolute;
  z-index: -1;
  top: 0px;
  right: 30px;
  width: 150px;
  height: 100%;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/card_list_mask_45af1510.png) left center;
}
.CardRow__CardRowStyles .cardRow .cardRow-Count[data-v-5866a6fe] {
  position: absolute;
  color: #fcd144;
  top: 0px;
  right: 0px;
  width: 50px;
  text-align: right;
  z-index: -1;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/card_list_right_30090ce4.png) left top / 50px 44px no-repeat;
  padding: 0px 13px 0px 0px;
}
.CardRow__CardRowStyles .cardRow .cardRow-Count.legendary[data-v-5866a6fe]::before {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon_Legendary_daaa2765.png) no-repeat;
  width: 21px;
  height: 20px;
  top: 12px;
  right: 5px;
  opacity: 1;
  position: absolute;
  z-index: 4;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.CardRow__CardRowStyles .cardRow:hover .overlay[data-v-5866a6fe] {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 225px 310.8px;
  display: none;
  content: "";
  width: 225px;
  height: 310.8px;
  top: -137.5px;
  right: 250px;
  opacity: 1;
  position: absolute;
  pointer-events: auto;
  z-index: 11;
  -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 5px 10px);
          filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 5px 10px);
}
.CardRow__CardRowStyles .cardRow:hover .cardRow-Cost[data-v-5866a6fe] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/card_list_hover_left_28cdbb42.png) left top / 50px 44px, url(https://hs.res.netease.com/pc/zt/20241016190615/assets/card_list_left_f62fc3a0.png) no-repeat;
}
.CardRow__CardRowStyles .cardRow:hover .cardRow-Name[data-v-5866a6fe] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/card_list_hover_middle_5a4e1bf9.png) 0% 0%, url(https://hs.res.netease.com/pc/zt/20241016190615/assets/card_list_middle_c118d0c6.png) no-repeat;
  background-size: 100% 44px;
}
.CardRow__CardRowStyles .cardRow:hover .cardRow-Count[data-v-5866a6fe] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/card_list_hover_right_cc7bc03a.png) left top / 50px 44px, url(https://hs.res.netease.com/pc/zt/20241016190615/assets/card_list_right_30090ce4.png) no-repeat;
}
.CardRow__CardRowStyles .cardRow:hover .DeckRow__CardControls-y9e5zc-1[data-v-5866a6fe] {
  opacity: 1;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.DeckRow__CardControls-y9e5zc-1[data-v-5866a6fe] {
  width: 41%;
  height: calc(100% - 12px);
  right: 9%;
  top: 0px;
  bottom: 0px;
  margin: auto;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 2px solid #626262;
  z-index: 3;
  -webkit-transition: 0.085s ease-out;
  transition: 0.085s ease-out;
  opacity: 0;
  -webkit-transform: translate3d(150%, 0px, 0px);
          transform: translate3d(150%, 0px, 0px);
}
.DeckRow__CardControlItem[data-v-5866a6fe] {
  position: relative;
  height: 100%;
  width: 33.33%;
  text-align: center;
  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;
}
.DeckRow__CardControlItem[data-v-5866a6fe]:nth-child(2) {
  border-left: 1px solid #626262;
  border-right: 1px solid #626262;
}
.DeckRow__CardControlItem svg[data-v-5866a6fe] {
  width: 20px;
}
.DeckRow__CardControlItem svg path[data-v-5866a6fe],
.DeckRow__CardControlItem svg rect[data-v-5866a6fe] {
  fill: #fcd144;
}
.DeckRow__CardControlItem:hover svg path[data-v-5866a6fe],
.DeckRow__CardControlItem:hover svg rect[data-v-5866a6fe] {
  fill: white;
}
.DeckRow__CardControlItem.inactive[data-v-5866a6fe] {
  cursor: default;
}
.DeckRow__CardControlItem.inactive svg path[data-v-5866a6fe],
.DeckRow__CardControlItem.inactive svg rect[data-v-5866a6fe] {
  fill: #626262 !important;
}
.DeckListLayout__SideboardEditTray[data-v-5866a6fe] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/sideboardButton_f2f9624b.png) center center / contain no-repeat;
  height: 75px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  top: -6px;
}
.DeckListLayout__SideboardEditTray[data-v-5866a6fe]:hover {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/sideboardButton_hover_00a6fa31.png);
}
.DeckListLayout__SideboardEditTray:hover .CardLayout__CardTooltips-c9pp6v-6[data-v-5866a6fe] {
  display: block;
}
.DeckListLayout__SideboardEditTray[data-v-5866a6fe] .CardLayout__CardTooltips-c9pp6v-6 {
  position: absolute;
  top: 110%;
  left: 15%;
  -webkit-transform: none;
          transform: none;
  display: none;
}
.DeckListLayout__SideboardEditTray[data-v-5866a6fe] .CardLayout__CardTooltips-c9pp6v-6 p {
  line-height: 1.5;
}
.DeckListLayout__SideboardEditTray .DeckListLayout__SideboardEditTitle[data-v-5866a6fe] {
  color: #614326;
  position: absolute;
  top: 0px;
  left: 15%;
  height: 75px;
  line-height: 55px;
}
.DeckListLayout__SideboardEditTray .DeckListLayout__SideboardSizeIndicator[data-v-5866a6fe] {
  color: white;
  position: absolute;
  top: 0px;
  right: 15%;
  height: 75px;
  line-height: 55px;
}
@media (min-width: 375px) {
.h5[data-v-5866a6fe],
  h5[data-v-5866a6fe] {
    font-size: 20px;
    font-size: calc(18px + 2*((100vw - 375px) / 1225));
}
}
@media (min-width: 480px) {
.DeckRow__CardControls-y9e5zc-1[data-v-5866a6fe]:hover {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
}
}

/** mixins **/
.h5[data-v-37fbd432],
h5[data-v-37fbd432] {
  line-height: 1.5;
  font-size: 18px;
  margin-top: 1.45833333em;
  line-height: 1.75em;
  margin-bottom: 0.29166667em;
  color: #233a6e;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 375px) {
.h5[data-v-37fbd432],
  h5[data-v-37fbd432] {
    font-size: 20px;
    font-size: calc(18px + 2 * ((100vw - 375px) / 1225));
}
}
@media (min-width: 1600px) {
.h5[data-v-37fbd432],
  h5[data-v-37fbd432] {
    font-size: 20px;
    margin-top: 1.5em;
    line-height: 1.8em;
    margin-bottom: 1.5em;
}
}
.h5 .small[data-v-37fbd432],
.h5 small[data-v-37fbd432],
.h6[data-v-37fbd432],
h5 .small[data-v-37fbd432],
h5 small[data-v-37fbd432],
h6[data-v-37fbd432] {
  text-transform: none;
}
.h6[data-v-37fbd432],
h6[data-v-37fbd432] {
  line-height: 1.5;
  margin-top: 1.640625em;
  line-height: 1.96875em;
  margin-bottom: 0.328125em;
  font-size: 16px;
  color: #233a6e;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 375px) {
.h6[data-v-37fbd432],
  h6[data-v-37fbd432] {
    font-size: 16px;
    font-size: calc(16px + 0 * ((100vw - 375px) / 1225));
}
}
@media (min-width: 1600px) {
.h6[data-v-37fbd432],
  h6[data-v-37fbd432] {
    font-size: 16px;
    margin-top: 1.875em;
    line-height: 2.25em;
    margin-bottom: 1.875em;
}
}
.h6 .small[data-v-37fbd432],
.h6 small[data-v-37fbd432],
h6 .small[data-v-37fbd432],
h6 small[data-v-37fbd432] {
  text-transform: none;
}
.h1[data-v-37fbd432],
.h2[data-v-37fbd432],
.h3[data-v-37fbd432],
.h4[data-v-37fbd432],
.h5[data-v-37fbd432],
.h6[data-v-37fbd432],
.Modal-title[data-v-37fbd432],
h1[data-v-37fbd432],
h2[data-v-37fbd432],
h3[data-v-37fbd432],
h4[data-v-37fbd432],
h5[data-v-37fbd432],
h6[data-v-37fbd432] {
  line-height: 1;
  margin-top: 0.15em;
  margin-bottom: 0.15em;
  display: block;
}
.DeckListLayout__DeckListContainer[data-v-37fbd432] {
  position: fixed;
  max-width: 407px;
  width: 100%;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/deck_bg_0f1d06bd.png) center top / cover no-repeat;
  border-radius: 25px;
  -webkit-transform: translate3d(110%, 0px, 0px);
          transform: translate3d(110%, 0px, 0px);
  right: 0px;
  top: 0px;
  min-height: 570px;
  z-index: 10000;
  -webkit-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}
.DeckListLayout__DeckListContainer.expand[data-v-37fbd432] {
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.DeckListLayout__DeckListContainer.sideboard[data-v-37fbd432] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/deck_bg_sideboard_72244038.png) center top / cover no-repeat;
}
.DeckListLayout__DeckListContainer.sideboard .DeckListLayout__DeckListDetails[data-v-37fbd432] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/deckListTop_sideboard_744209aa.png);
}
.DeckListLayout__DeckListContainer.sideboard .DeckListLayout__DeckListCardList[data-v-37fbd432],
.DeckListLayout__DeckListContainer.sideboard .DeckRuneList__RuneTrayContainer[data-v-37fbd432] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/deckListMiddle_sideboard_a158ef68.png) center center / 100% repeat-y;
}
.DeckListLayout__DeckListContainer.sideboard .DeckListButtons__Container[data-v-37fbd432] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/deckListBottom_sideboard_b5cd34c3.png) center bottom / 100% 110px no-repeat;
}
.DeckListLayout__DeckListContainer.sideboard .DeckListButtons__Container .DeckListButtons__Divider[data-v-37fbd432] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/deckListButtonDivider_sideboard_4311b599.png);
}
.DeckListLayout__DeckListContainer .DeckTitle__CloseButton[data-v-37fbd432] {
  position: absolute;
  top: 0px;
  left: -11px;
  width: 70px;
  height: 110%;
  z-index: 3;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/button_deck_close_2d50ecdd.png) center center / contain no-repeat;
  display: none;
}
.DeckListLayout__DeckListContainer .DeckTitle__CloseButton[data-v-37fbd432]:hover {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/button_deck_close_pressed_f87c50fc.png);
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails[data-v-37fbd432] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/deckListTopNoShadowFinal_02c0d5ac.png) center top / cover no-repeat;
  display: block;
  position: relative;
  height: 0px;
  padding-bottom: 34.975%;
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer[data-v-37fbd432] {
  position: absolute;
  -webkit-transform: translateY(9%);
          transform: translateY(9%);
  left: 4.4%;
  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: 91%;
  height: 80%;
  padding-top: 3px;
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer:hover .TitleBorder[data-v-37fbd432]::before {
  opacity: 1;
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleBorder[data-v-37fbd432] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/deckbuilder_frame_top_standard_desktop_1176fbc5.png);
  cursor: pointer;
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleBorder[data-v-37fbd432]::before {
  content: "";
  position: absolute;
  top: -11%;
  left: -3%;
  width: 106%;
  height: 110%;
  z-index: 2;
  pointer-events: none;
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/deckbuilder_standard_frame_hover_26e47e84.png);
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleBorder.detailsOpen[data-v-37fbd432]::before {
  opacity: 1;
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleBorder.wild[data-v-37fbd432] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/deckbuilder_frame_top_wild_desktop_c12e5b43.png);
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleBorder.wild[data-v-37fbd432]::before {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/deckbuilder_wild_frame_hover_efa642e4.png);
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__ExpandArrow[data-v-37fbd432] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_deckbuilder_arrow_642e2194.png) 50% 50% no-repeat;
  background-size: 75%;
  max-width: 21px;
  width: 5.5%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 53%;
  right: 4.8%;
  z-index: 5;
  padding: 0px 4%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__ExpandArrow.detailsOpen[data-v-37fbd432] {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleBackground[data-v-37fbd432] {
  position: absolute;
  top: 21%;
  left: 4.5%;
  background-size: 100%;
  width: 82%;
  height: 62%;
  z-index: 1;
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleBackground .mini_kv[data-v-37fbd432] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleFormat[data-v-37fbd432] {
  margin-left: 5%;
  max-width: 67px;
  width: 59px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  z-index: 3;
  height: 65px;
  position: relative;
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/Button_Normal_3f3f2efa.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.75) 0px 1px 1px);
          filter: drop-shadow(rgba(0, 0, 0, 0.75) 0px 1px 1px);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
@media (max-width: 960px) {
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleFormat[data-v-37fbd432] {
    margin-left: 40px;
}
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleFormat img[data-v-37fbd432],
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleFormat svg[data-v-37fbd432] {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 5px;
  left: 0px;
  margin: auto;
  width: 30px;
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleTextContainer[data-v-37fbd432] {
  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;
  place-content: center flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 5px;
  position: relative;
  z-index: 3;
  width: 63%;
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleTextContainer .DeckTitle__TitleClassText[data-v-37fbd432] {
  color: white;
  position: relative;
  z-index: 3;
  margin: 0px 0px 5px;
  font-family: "fzlth", serif;
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleTextContainer .u-belweStroke[data-v-37fbd432],
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleTextContainer .u-belweStroke--body[data-v-37fbd432] {
  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-weight: 400;
}
@media (min-width: 375px) {
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleTextContainer .h6[data-v-37fbd432],
  .DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleTextContainer h6[data-v-37fbd432] {
    font-size: 16px;
    font-size: calc(16px + 0 * ((100vw - 375px) / 1225));
}
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleTextContainer .DeckTitle__TitleCardCount[data-v-37fbd432] {
  color: #fcd144;
  position: relative;
  z-index: 3;
  margin: 0px;
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleTextContainer .DeckTitle__TitleCardCount.max[data-v-37fbd432] {
  color: #a2f130;
}
@media (min-width: 375px) {
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleTextContainer .h5[data-v-37fbd432],
  .DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleTextContainer h5[data-v-37fbd432] {
    font-size: 20px;
    font-size: calc(18px + 2 * ((100vw - 375px) / 1225));
}
}
@media (max-width: 1350px) {
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListDetails .DeckTitle__DeckTitleContainer .DeckTitle__TitleTextContainer[data-v-37fbd432] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 55%;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
}
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer[data-v-37fbd432] {
  position: absolute;
  width: 100%;
  right: 0px;
  margin: -7% auto auto;
  top: 142px;
  z-index: 250;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.05s ease-out;
  transition: 0.05s ease-out;
  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;
}
@media (max-width: 392px) {
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer[data-v-37fbd432] {
    top: 100px;
}
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer.visible[data-v-37fbd432] {
  opacity: 1;
  pointer-events: auto;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer img[data-v-37fbd432] {
  max-width: 100%;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ConvertWrapper[data-v-37fbd432] {
  position: absolute;
  top: 5.8%;
  width: 61.5%;
}
@media (max-width: 392px) {
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ConvertWrapper[data-v-37fbd432] {
    width: 63.5%;
    top: 5%;
}
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ConvertWrapper .DeckBuilderClassSelectionLayout__Control[data-v-37fbd432] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_middle_stretch_90cee3df.png) center center;
  height: 42px;
  position: relative;
  z-index: 1;
  margin: 0px -3px;
  padding-left: 20px;
  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;
  cursor: pointer;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
  color: #614326;
  min-width: 85px;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ConvertWrapper .DeckBuilderClassSelectionLayout__Control[data-v-37fbd432]::before {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_left_fdb39258.png) left center no-repeat;
  height: 42px;
  width: 24px;
  position: absolute;
  left: -24px;
  top: 0px;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ConvertWrapper .DeckBuilderClassSelectionLayout__Control[data-v-37fbd432]::after {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_right_88f3d80a.png) right center no-repeat;
  height: 42px;
  width: 24px;
  position: absolute;
  right: -24px;
  z-index: 1;
  top: 0px;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ConvertWrapper .DeckBuilderClassSelectionLayout__Control[data-v-37fbd432]:hover {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_middle_stretch_hoverselected_d1cd58a6.png);
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ConvertWrapper .DeckBuilderClassSelectionLayout__Control[data-v-37fbd432]:hover::before {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_left_hoverselected_75d34fb1.png);
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ConvertWrapper .DeckBuilderClassSelectionLayout__Control[data-v-37fbd432]:hover::after {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_right_hoverselected_0258adbf.png);
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ConvertWrapper .DeckBuilderClassSelectionLayout__Control.center[data-v-37fbd432] {
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__HeroDetail[data-v-37fbd432] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: absolute;
  top: 7%;
  left: 0px;
  padding: 0px 10% 0px 8%;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__HeroDetail.standard[data-v-37fbd432] {
  top: 18%;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__HeroDetail img[data-v-37fbd432] {
  max-width: 100%;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__HeroDetail .DeckDetails__HeroPower[data-v-37fbd432] {
  width: 39%;
  position: relative;
  top: -10px;
  -webkit-filter: drop-shadow(black 0px 0px 0.55rem);
          filter: drop-shadow(black 0px 0px 0.55rem);
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__HeroDetail .DeckDetails__HeroInformation[data-v-37fbd432] {
  display: block;
  height: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 50%;
  position: relative;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__HeroDetail .DeckDetails__HeroInformation .DeckDetails__HeroPowerSpan[data-v-37fbd432] {
  color: grey;
  margin-bottom: 5px;
  margin-top: 5%;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__HeroDetail .DeckDetails__HeroInformation h5[data-v-37fbd432] {
  color: #d7bb93;
  text-shadow: #000000 2px 0px 0px, #000000 1.75517px 0.95885px 0px, #000000 1.0806px 1.68294px 0px, #000000 0.14147px 1.99499px 0px, #000000 -0.83229px 1.81859px 0px, #000000 -1.60229px 1.19694px 0px, #000000 -1.97998px 0.28224px 0px, #000000 -1.87291px -0.70157px 0px, #000000 -1.30729px -1.5136px 0px, #000000 -0.42159px -1.95506px 0px, #000000 0.56732px -1.91785px 0px, #000000 1.41734px -1.41108px 0px, #000000 1.92034px -0.55883px 0px;
  margin: 0px;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__HeroDetail .DeckDetails__HeroInformation p[data-v-37fbd432] {
  color: white;
  margin-top: 2%;
  margin-bottom: 0px;
  height: 100px;
  display: inline-block;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__HeroDetail .DeckDetails__HeroInformation p span[data-v-37fbd432] {
  display: inline-block;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__HeroDetail .DeckDetails__HeroInformation p b[data-v-37fbd432] {
  font-weight: normal;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ManaContainer[data-v-37fbd432] {
  position: absolute;
  bottom: 158px;
  width: 66.5%;
  height: 23%;
  left: 0px;
  right: 0px;
  margin: auto;
}
@media (max-width: 960px) {
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ManaContainer[data-v-37fbd432] {
    bottom: 28%;
    width: 67%;
    height: 21%;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ManaContainer.wild[data-v-37fbd432] {
    bottom: 31%;
}
}
@media (max-width: 382px) {
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ManaContainer[data-v-37fbd432] {
    width: 72%;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ManaContainer.wild[data-v-37fbd432] {
    width: 71%;
    bottom: 31%;
}
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ManaContainer .DeckDetails__ManaColumn[data-v-37fbd432] {
  width: 5%;
  position: absolute;
  background: #fcd144;
  bottom: 0px;
  -webkit-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  border: 1px solid #f9eb63;
  border-radius: 2px;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ManaContainer .DeckDetails__ManaColumn span[data-v-37fbd432] {
  position: absolute;
  top: -22px;
  color: white;
  font-family: "Belwe_Bold", serif;
  font-size: 16px;
  text-align: center;
  left: 50%;
  margin: auto;
  text-shadow: #000000 2px 0px 0px, #000000 1.75517px 0.95885px 0px, #000000 1.0806px 1.68294px 0px, #000000 0.14147px 1.99499px 0px, #000000 -0.83229px 1.81859px 0px, #000000 -1.60229px 1.19694px 0px, #000000 -1.97998px 0.28224px 0px, #000000 -1.87291px -0.70157px 0px, #000000 -1.30729px -1.5136px 0px, #000000 -0.42159px -1.95506px 0px, #000000 0.56732px -1.91785px 0px, #000000 1.41734px -1.41108px 0px, #000000 1.92034px -0.55883px 0px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(100% + 10px);
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ManaContainer .ManaColumn-0[data-v-37fbd432] {
  left: 0%;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ManaContainer .ManaColumn-1[data-v-37fbd432] {
  left: 13.3%;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ManaContainer .ManaColumn-2[data-v-37fbd432] {
  left: 26.6%;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ManaContainer .ManaColumn-3[data-v-37fbd432] {
  left: 39.9%;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ManaContainer .ManaColumn-4[data-v-37fbd432] {
  left: 53.2%;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ManaContainer .ManaColumn-5[data-v-37fbd432] {
  left: 66.5%;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ManaContainer .ManaColumn-6[data-v-37fbd432] {
  left: 79.8%;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .DeckDetails__ManaContainer .ManaColumn-7[data-v-37fbd432] {
  left: 93.1%;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .rarity_container[data-v-37fbd432] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 69px;
  left: 0;
  right: 0;
  margin: auto;
  width: 68%;
}
@media (max-width: 960px) {
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .rarity_container[data-v-37fbd432] {
    bottom: 13%;
}
}
@media (max-width: 382px) {
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .rarity_container[data-v-37fbd432] {
    width: 74%;
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
    -webkit-transform-origin: left center;
            transform-origin: left center;
}
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .rarity_container .rarity_box[data-v-37fbd432] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 62px;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .rarity_container .rarity_box i[data-v-37fbd432] {
  background-position: center top;
  background-repeat: no-repeat;
  width: 27px;
  height: 30px;
  margin-top: 6px;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .rarity_container .rarity_box .icon-rarity5[data-v-37fbd432] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon-rarity5_b9db5ae8.png);
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .rarity_container .rarity_box .icon-rarity4[data-v-37fbd432] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon-rarity4_f0afbdac.png);
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .rarity_container .rarity_box .icon-rarity3[data-v-37fbd432] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon-rarity3_6f9a87a1.png);
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .rarity_container .rarity_box .icon-rarity2[data-v-37fbd432] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon-rarity2_1baff595.png);
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .rarity_container .rarity_box p[data-v-37fbd432] {
  font-size: 22px;
  font-family: "Belwe_Bold", serif;
  margin-left: -5px;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .cost_container[data-v-37fbd432] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: auto;
  padding-left: 16%;
}
@media (max-width: 960px) {
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .cost_container[data-v-37fbd432] {
    bottom: 6%;
}
}
@media (max-width: 382px) {
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .cost_container[data-v-37fbd432] {
    width: 74%;
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
    -webkit-transform-origin: left center;
            transform-origin: left center;
    padding-left: 0;
}
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .cost_container i[data-v-37fbd432] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/icon-cost_b1958ecf.png) center top / 100% no-repeat;
  width: 31px;
  height: 39px;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .cost_container p[data-v-37fbd432] {
  white-space: nowrap;
}
.DeckListLayout__DeckListContainer .DeckDetails__DeckDetailContainer .cost_container p span[data-v-37fbd432] {
  font-size: 18px;
  font-family: "Belwe_Bold", serif;
}
.DeckListLayout__DeckListContainer .DeckListLayout__DeckListCardList[data-v-37fbd432] {
  width: 100%;
  margin-bottom: -10px;
  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;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/deckListMiddleNoShadow_973d866e.png) center center / 100% repeat-y;
  height: 100%;
  padding: 0px 30px;
}
.DeckListLayout__DeckListContainer .DeckListEmpty__NoCardsContainer[data-v-37fbd432] {
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  width: 100%;
  padding: 0px 15%;
  left: 0px;
  margin: 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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.DeckListLayout__DeckListContainer .DeckListEmpty__NoCardsContainer h6.cta[data-v-37fbd432] {
  color: #a285a9;
  margin-bottom: 10px;
  line-height: 1.3em;
}
.DeckListLayout__DeckListContainer .DeckListEmpty__InDeckCodeInputWrapper[data-v-37fbd432] {
  position: relative;
  height: 52px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/inputfield_middle_db2800ea.png) center center repeat-x;
  overflow: visible;
  width: 85%;
  margin-bottom: 10px;
}
.DeckListLayout__DeckListContainer .DeckListEmpty__InDeckCodeInputWrapper[data-v-37fbd432]::before {
  content: "";
  position: absolute;
  top: 0px;
  left: -36px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/inputfield_left_2f340478.png) center center repeat-x;
  width: 36px;
  height: 100%;
}
.DeckListLayout__DeckListContainer .DeckListEmpty__InDeckCodeInputWrapper[data-v-37fbd432]::after {
  content: "";
  position: absolute;
  top: 0px;
  right: -36px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/inputfield_right_69cdb28b.png) center center repeat-x;
  width: 36px;
  height: 100%;
}
.DeckListLayout__DeckListContainer .DeckCodeInputLayout__ControlInput[data-v-37fbd432] {
  border: 0px;
  background-color: rgba(0, 0, 0, 0);
  font-family: "Belwe_Bold", serif;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
  margin: 0px;
  resize: none;
  color: #fcd144;
}
.DeckListLayout__DeckListContainer .sSotx[data-v-37fbd432] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_middle_stretch_90cee3df.png) center center;
  height: 42px;
  position: relative;
  z-index: 1;
  padding: 0px 10px;
  margin: 0px -3px;
  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-transition: background-image 0.15s;
  transition: background-image 0.15s;
  cursor: pointer;
}
.DeckListLayout__DeckListContainer .sSotx.empty[data-v-37fbd432] {
  opacity: 0.5;
  cursor: not-allowed;
}
.DeckListLayout__DeckListContainer .sSotx[data-v-37fbd432]::before {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_left_fdb39258.png) left center no-repeat;
  height: 42px;
  width: 24px;
  position: absolute;
  left: -24px;
  top: 0px;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
}
.DeckListLayout__DeckListContainer .sSotx[data-v-37fbd432]::after {
  content: "";
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/dropdown_right_88f3d80a.png) right center no-repeat;
  height: 42px;
  width: 24px;
  position: absolute;
  right: -24px;
  z-index: 1;
  top: 0px;
  -webkit-transition: background-image 0.15s;
  transition: background-image 0.15s;
}
.DeckListLayout__DeckListContainer .juDuQD[data-v-37fbd432] {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  margin: 0px -5px;
  color: #614326;
}
.DeckListLayout__DeckListContainer .DeckListEmpty__Watermark[data-v-37fbd432] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/logo_hearthstone_watermark_391bce04.png) center top / cover no-repeat;
  width: 100px;
  height: 113px;
  margin: auto;
}
.DeckListLayout__DeckListContainer .DeckRuneList__RuneTrayContainer[data-v-37fbd432] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/deckListMiddleNoShadow_973d866e.png) center center / 100% repeat-y;
  padding: 0px 30px;
}
.DeckListLayout__DeckListContainer .DeckRuneList__RuneTrayContainer .DeckRuneList__RuneTray[data-v-37fbd432] {
  position: relative;
  height: 90px;
  width: 100%;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/runeTray_8c66cccd.png) center top / contain no-repeat;
  margin-top: -7px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  padding: 0px 15px 20px;
}
.DeckListLayout__DeckListContainer .DeckRuneList__RuneTrayContainer .DeckRuneList__RuneTray .DeckRuneList__Rune[data-v-37fbd432] {
  width: 70px;
  height: 70px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/runes-empty_bf20f2b5.png) center center / contain no-repeat;
}
@media (max-width: 30em) {
.DeckListLayout__DeckListContainer .DeckRuneList__RuneTrayContainer .DeckRuneList__RuneTray .DeckRuneList__Rune[data-v-37fbd432] {
    margin-top: -5px;
}
}
.DeckListLayout__DeckListContainer .DeckRuneList__RuneTrayContainer .DeckRuneList__RuneTray .DeckRuneList__Rune.frost[data-v-37fbd432] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/runes-frost_826a76e2.png);
}
.DeckListLayout__DeckListContainer .DeckRuneList__RuneTrayContainer .DeckRuneList__RuneTray .DeckRuneList__Rune.unholy[data-v-37fbd432] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/runes-unholy_a2993b41.png);
}
.DeckListLayout__DeckListContainer .DeckRuneList__RuneTrayContainer .DeckRuneList__RuneTray .DeckRuneList__Rune.blood[data-v-37fbd432] {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/runes-blood_1b70f7b8.png);
}
.DeckListLayout__DeckListContainer .DeckRuneList__RuneTrayContainer .DeckRuneList__RuneTray .DeckRuneList__Rune[data-v-37fbd432]:nth-child(n+4) {
  display: none;
}
.DeckListLayout__DeckListContainer[data-v-37fbd432] .scrollbar-container {
  position: relative;
  height: 100%;
}
.DeckListLayout__DeckListContainer[data-v-37fbd432] .scrollbar-container .simplebar-track.simplebar-vertical {
  z-index: 999;
  right: 10px;
}
.DeckListLayout__DeckListContainer[data-v-37fbd432] .scrollbar-container .simplebar-track.simplebar-vertical::after {
  content: "";
  background: rgba(58, 40, 24, 0.7);
  border-color: rgba(125, 90, 59, 0.7);
  width: 11px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  border-radius: 10px;
}
.DeckListLayout__DeckListContainer[data-v-37fbd432] .scrollbar-container .simplebar-track.simplebar-vertical .simplebar-scrollbar {
  width: 11px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/scrollbar_handle_51c60a0c.jpg) center center repeat-y;
  border: 2px solid #000000;
  left: 0px;
  right: 0px;
  margin: auto;
  z-index: 301;
  opacity: 1 !important;
  border-radius: 6px;
}
.DeckListLayout__DeckListContainer[data-v-37fbd432] .scrollbar-container .simplebar-track.simplebar-vertical .simplebar-scrollbar::before {
  display: none;
}
.DeckListLayout__DeckListContainer .DeckListLayout__HiddenDeckCodeTextarea[data-v-37fbd432] {
  width: 1px;
  height: 1px;
  opacity: 0.1;
  position: absolute;
  bottom: -1px;
  right: -1px;
}
.DeckListLayout__DeckListContainer textarea[data-v-37fbd432] {
  overflow: auto;
  vertical-align: top;
}
.DeckListLayout__DeckListContainer .lcdQID[data-v-37fbd432] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/sideboardButton_f2f9624b.png) center center / contain no-repeat;
  height: 75px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  top: -60px;
  z-index: 201;
  margin: 0px 30px;
}
.DeckListLayout__DeckListContainer .lcdQID[data-v-37fbd432]:hover {
  background-image: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/sideboardButton_hover_00a6fa31.png);
}
.DeckListLayout__DeckListContainer .lcdQID h5[data-v-37fbd432] {
  color: #614326;
  position: absolute;
  top: 0px;
  left: 15%;
  height: 75px;
  line-height: 55px;
}
.DeckListLayout__DeckListContainer .lcdQID span[data-v-37fbd432] {
  color: white;
  position: absolute;
  top: 0px;
  right: 15%;
  height: 75px;
  line-height: 55px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container[data-v-37fbd432] {
  width: 100%;
  padding: 110px 30px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  place-content: center;
  height: 0px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/deckListBottomNoShadowFinal_c485574e.png) center bottom / 100% 110px no-repeat;
  z-index: 201;
  position: absolute;
  bottom: 0px;
  pointer-events: none;
  font-size: 16px !important;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--cta[data-v-37fbd432] {
  margin-top: -99px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button[data-v-37fbd432] {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 1em 2.3em;
  border: none;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.35);
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.35);
  text-shadow: 0 0 4px #000, 0 0 8px #000;
  font-size: 1em;
  margin-bottom: 1.5rem;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 1;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--gradient[data-v-37fbd432] {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#573b23));
  background-image: linear-gradient(180deg, #ededed, #573b23);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.45);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.45);
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
  padding: 1em 2.5em;
  letter-spacing: 0.85px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--gradient.active[data-v-37fbd432]::after {
  content: "";
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6cae20), to(#3a660e));
  background-image: linear-gradient(#6cae20, #3a660e);
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--gradient.active .highlight[data-v-37fbd432] {
  background-image: -webkit-gradient(linear, left top, right top, from(#3a660e), color-stop(#6cae20), to(#3a660e));
  background-image: linear-gradient(to right, #3a660e, #6cae20, #3a660e);
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--gradient.active .highlight[data-v-37fbd432]::before {
  background-image: -webkit-gradient(linear, left top, right top, from(#4b790e), color-stop(#87cb20), to(#4b790e));
  background-image: linear-gradient(to right, #4b790e, #87cb20, #4b790e);
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--small[data-v-37fbd432] {
  font-size: 0.8em;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button[data-v-37fbd432]:after,
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button[data-v-37fbd432]:before {
  content: "";
  position: absolute;
  z-index: -1;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button[data-v-37fbd432]:before {
  text-decoration: none;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 3px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button[data-v-37fbd432]:after {
  background: gray;
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  -webkit-box-shadow: 0 2px 6px 0 #331e0b;
  box-shadow: 0 2px 6px 0 #331e0b;
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  border: 3px solid;
  border-radius: 2px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--gradient[data-v-37fbd432]:after,
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--gradient[data-v-37fbd432]:before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 6px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--gradient[data-v-37fbd432]:before {
  background-color: #7e5f58;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--small[data-v-37fbd432]:before,
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--xsmall[data-v-37fbd432]:before {
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--gradient .highlight[data-v-37fbd432],
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--gradient[data-v-37fbd432]:after {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  -webkit-box-shadow: 0 2px 6px 0 #331e0b;
  box-shadow: 0 2px 6px 0 #331e0b;
  -o-border-image: linear-gradient(180deg, #f756fe, #661f91) 3;
  border-image: -webkit-gradient(linear, left top, left bottom, from(#f756fe), to(#661f91)) 3;
  border-image: linear-gradient(180deg, #f756fe, #661f91) 3;
  border-width: 3px;
  padding: 2px 3px;
  border-style: solid;
  border-radius: 6px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--gradient .highlight[data-v-37fbd432],
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--gradient[data-v-37fbd432]:after {
  background-image: -webkit-gradient(linear, left top, right top, from(#4c0d7a), color-stop(#b921c4), to(#4c0d7a));
  background-image: linear-gradient(90deg, #4c0d7a, #b921c4, #4c0d7a);
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--gradient[data-v-37fbd432]:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f756fe), to(#661f91));
  background-image: linear-gradient(180deg, #f756fe, #661f91);
  border-radius: 6px;
  border: none;
  top: 7px;
  bottom: 7px;
  left: 7px;
  right: 7px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--small[data-v-37fbd432]:after,
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--xsmall[data-v-37fbd432]:after {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--gradient .highlight[data-v-37fbd432] {
  border: none;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  position: absolute;
  top: 9px;
  left: 9px;
  right: 9px;
  bottom: 9px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--gradient.Button--small .highlight[data-v-37fbd432] {
  top: 7px;
  left: 7px;
  right: 7px;
  bottom: 7px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--gradient .highlight[data-v-37fbd432]:before {
  background-image: -webkit-gradient(linear, left top, right top, from(#921b9a), color-stop(#b921c4), to(#921b9a));
  background-image: linear-gradient(90deg, #921b9a, #b921c4, #921b9a);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  border-radius: 6px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--gradient .text[data-v-37fbd432] {
  position: relative;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  font-family: "fzlth", serif;
  font-weight: normal;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Button--gradient:hover .highlight[data-v-37fbd432]:before {
  opacity: 1;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .DeckListButtons__CopyButton[data-v-37fbd432] {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  pointer-events: all;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .DeckListButtons__CopyButton .Button--gradient[data-v-37fbd432] {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  margin-bottom: 0px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .DeckListButtons__CopyButton .arrow[data-v-37fbd432] {
  content: "^";
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  color: white;
  width: 15px;
  height: 15px;
  z-index: 4;
  -webkit-transition: 0.05s ease-out;
  transition: 0.05s ease-out;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .DeckListButtons__CopyButton .arrow.reverse[data-v-37fbd432] {
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .DeckListButtons__CopyButton .text[data-v-37fbd432] {
  white-space: nowrap;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .DeckListButtons__CopyButton .Button--gradient[data-v-37fbd432]::after {
  content: "";
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .DeckListButtons__CopyDeckOptionsWrapper[data-v-37fbd432] {
  position: absolute;
  bottom: 90%;
  left: 0px;
  width: 85%;
  margin: auto 7.5%;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  -webkit-transition: 0.05s ease-out;
  transition: 0.05s ease-out;
  -webkit-filter: drop-shadow(#000000 0px 0px 7px);
          filter: drop-shadow(#000000 0px 0px 7px);
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .DeckListButtons__CopyDeckOptionsWrapper.visible[data-v-37fbd432] {
  opacity: 1;
  z-index: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Tooltip__Wrapper[data-v-37fbd432] {
  position: absolute;
  left: 50%;
  padding: 10px;
  color: #000000;
  z-index: 10;
  background: #f2ebe3;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  font-weight: 400;
  font-size: 14px;
  border: 2px solid black;
  cursor: auto;
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 2px 10px;
          box-shadow: rgba(0, 0, 0, 0.8) 0px 2px 10px;
  white-space: nowrap;
  max-width: none;
  text-align: left;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .eVshQi[data-v-37fbd432] {
  pointer-events: none;
  bottom: 60%;
  top: auto;
  left: 0px;
  opacity: 0;
  -webkit-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  z-index: 20000;
  width: 100%;
  white-space: normal;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Tooltip__Wrapper.border-rounded[data-v-37fbd432] {
  border-radius: 7px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Tooltip__Wrapper.tail-center[data-v-37fbd432] {
  font-weight: 400;
  padding: 2px 10px;
  color: #614326;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Tooltip__Wrapper[data-v-37fbd432]::before {
  left: 50%;
  margin-left: -16px;
  border: none;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Tooltip__Wrapper[data-v-37fbd432]::before {
  content: "";
  position: absolute;
  z-index: 1;
  background-position: 0px -44px;
  width: 34px;
  height: 16px;
  border: none;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Tooltip__Wrapper.on-top[data-v-37fbd432]::before {
  bottom: -15px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .Tooltip__Wrapper.tail-center[data-v-37fbd432]::before {
  position: absolute;
  left: 50%;
  width: 8px;
  height: 8px;
  padding: 0px;
  color: #000000;
  z-index: 10;
  background: #f2ebe3;
  border-radius: 0px 0px 3px;
  border-style: solid;
  border-width: 0px 2px 2px 0px;
  white-space: normal;
  cursor: auto;
  -webkit-transform: translate(10px, -8.3px) rotate(45deg);
          transform: translate(10px, -8.3px) rotate(45deg);
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .MenuLayout__Menu[data-v-37fbd432] {
  z-index: 10000;
  min-width: 150px;
  max-height: 500px;
  font-family: "Belwe_Bold", serif;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_middle_middle_7b7032d2.png) center center repeat;
  width: 100%;
  left: 0px;
  top: 0px;
  position: relative;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .MenuLayout__Menu[data-v-37fbd432]::before {
  content: "";
  position: absolute;
  top: 0px;
  left: -6px;
  height: 100%;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_middle_left_9a22db83.png) left center repeat-y;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .MenuLayout__MenuTop[data-v-37fbd432] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_top_middle_b4c0d666.png) center top repeat-x;
  position: absolute;
  top: -10px;
  width: 100%;
  height: 50px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .MenuLayout__MenuTop[data-v-37fbd432]::before {
  content: "";
  position: absolute;
  top: 0px;
  left: -6px;
  height: 50px;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_top_left_e7c01dd0.png) center top no-repeat;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .MenuLayout__MenuTop[data-v-37fbd432]::after {
  content: "";
  position: absolute;
  top: 0px;
  right: -6px;
  height: 50px;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_top_right_92830ca4.png) center top no-repeat;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .MenuLayout__MenuScrollView[data-v-37fbd432] {
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  max-height: 400px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .MenuLayout__MenuSection[data-v-37fbd432] {
  padding-right: 0px;
  opacity: 0.3;
  pointer-events: none;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .MenuLayout__MenuSection.active[data-v-37fbd432] {
  opacity: 1;
  pointer-events: auto;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .MenuLayout__MenuTitle[data-v-37fbd432] {
  color: #cccccc;
  text-transform: uppercase;
  padding: 5px 14px;
  font-weight: 400;
  font-size: 14px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -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;
  opacity: 1;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .DeckListButtons__CopyUrlTitle[data-v-37fbd432] {
  margin: 0px;
  color: white;
  font-family: "fzlth", serif;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .active .DeckListButtons__CopyUrlTitle[data-v-37fbd432] {
  text-shadow: #000000 2px 0px 0px, #000000 1.75517px 0.95885px 0px, #000000 1.0806px 1.68294px 0px, #000000 0.14147px 1.99499px 0px, #000000 -0.83229px 1.81859px 0px, #000000 -1.60229px 1.19694px 0px, #000000 -1.97998px 0.28224px 0px, #000000 -1.87291px -0.70157px 0px, #000000 -1.30729px -1.5136px 0px, #000000 -0.42159px -1.95506px 0px, #000000 0.56732px -1.91785px 0px, #000000 1.41734px -1.41108px 0px, #000000 1.92034px -0.55883px 0px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .DeckListButtons__CopyUrlCardCount[data-v-37fbd432] {
  font-family: "Belwe_Bold", serif;
  color: white;
  font-size: 18px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .DeckListButtons__CopyUrlCardCount.active[data-v-37fbd432] {
  color: #a2f130;
  text-shadow: #000000 2px 0px 0px, #000000 1.75517px 0.95885px 0px, #000000 1.0806px 1.68294px 0px, #000000 0.14147px 1.99499px 0px, #000000 -0.83229px 1.81859px 0px, #000000 -1.60229px 1.19694px 0px, #000000 -1.97998px 0.28224px 0px, #000000 -1.87291px -0.70157px 0px, #000000 -1.30729px -1.5136px 0px, #000000 -0.42159px -1.95506px 0px, #000000 0.56732px -1.91785px 0px, #000000 1.41734px -1.41108px 0px, #000000 1.92034px -0.55883px 0px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .MenuLayout__MenuBottom[data-v-37fbd432] {
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_bottom_middle_7a2a6233.png) center top repeat-x;
  position: absolute;
  bottom: -15px;
  width: 100%;
  height: 50px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .MenuLayout__MenuBottom[data-v-37fbd432]::before {
  content: "";
  position: absolute;
  top: 0px;
  left: -6px;
  height: 50px;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_bottom_left_d31ace30.png) center top no-repeat;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .MenuLayout__MenuBottom[data-v-37fbd432]::after {
  content: "";
  position: absolute;
  top: 0px;
  right: -6px;
  height: 50px;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_bottom_right_59ee74c1.png) center top no-repeat;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .MenuLayout__Menu[data-v-37fbd432]::after {
  content: "";
  position: absolute;
  top: 0px;
  right: -6px;
  height: 100%;
  width: 50px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/bg_dropdownmenu_middle_right_b72a88cc.png) right center repeat-y;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .DeckListButtons__CopyUrlText[data-v-37fbd432] {
  margin: 0px;
  text-transform: none;
  font-family: "fzlth", serif;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .DeckListButtons__Divider[data-v-37fbd432] {
  width: 22px;
  height: 60px;
  margin-top: -96px;
  margin-right: -2px;
  margin-left: -2px;
  background: url(https://hs.res.netease.com/pc/zt/20241016190615/assets/divider_button_300c843c.png) center center no-repeat;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container #tooltipItem_newDeck[data-v-37fbd432] {
  margin-top: -99px;
  height: 7px;
  padding: 0px;
  position: relative;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container #tooltipItem_newDeck:hover .TooltipPosition__Wrapper[data-v-37fbd432] {
  opacity: 1;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container #tooltipItem_newDeck .TooltipPosition__Wrapper[data-v-37fbd432] {
  top: -100%;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container #tooltipItem_newDeck .TooltipPosition__Wrapper .Tooltip__Wrapper[data-v-37fbd432] {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .iFLIBK[data-v-37fbd432] {
  display: inline-block;
  pointer-events: all;
  position: relative;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .iFLIBK .text[data-v-37fbd432] {
  margin-top: 4px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .iFLIBK .Button--gradient[data-v-37fbd432] {
  padding: 0px;
  width: 60px;
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0px;
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .iFLIBK .Button--gradient[data-v-37fbd432]::after {
  content: "";
  background-image: -webkit-gradient(linear, left top, left bottom, from(#efa158), to(#9d4731));
  background-image: linear-gradient(#efa158, #9d4731);
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .iFLIBK .Button--gradient .highlight[data-v-37fbd432] {
  background-image: -webkit-gradient(linear, left top, right top, from(#832c20), color-stop(#9d4726), to(#832c20));
  background-image: linear-gradient(to right, #832c20, #9d4726, #832c20);
}
.DeckListLayout__DeckListContainer .DeckListButtons__Container .iFLIBK .Button--gradient .highlight[data-v-37fbd432]::before {
  background-image: -webkit-gradient(linear, left top, right top, from(#9d4726), color-stop(#9d4726), to(#9d4726));
  background-image: linear-gradient(to right, #9d4726, #9d4726, #9d4726);
}
@media (max-width: 60em) {
.DeckListLayout__DeckListContainer[data-v-37fbd432] {
    min-height: unset;
    height: calc(100% - 51px) !important;
    top: 51px;
    z-index: 1300;
}
}
.DeckListHoveredCard__Positioning-nz9riu-0[data-v-37fbd432] {
  position: absolute;
  width: 240px;
  left: -250px;
  top: 0px;
}
.DeckListHoveredCard__Positioning-nz9riu-0 img[data-v-37fbd432] {
  width: 100%;
}
@media (min-width: 960px) {
.DeckListButtons__CopyDeckOptionsWrapper[data-v-37fbd432] {
    bottom: 88%;
}
.MenuLayout__MenuTitle[data-v-37fbd432]:hover {
    background: black;
}
}
@media (min-width: 961px) {
.DeckListLayout__DeckListContainer[data-v-37fbd432] {
    position: relative;
    opacity: 1;
    width: 407px;
    top: auto;
    right: auto;
    z-index: 5;
    height: 500px;
    -webkit-transform: translate3d(0px, 40px, 0px);
            transform: translate3d(0px, 40px, 0px);
    display: block;
    -webkit-transition: none;
    transition: none;
}
.DeckListLayout__DeckListContainer.stickyFilters[data-v-37fbd432] {
    height: calc(-194px + 100vh) !important;
    left: auto;
    position: fixed;
    top: 174px;
    right: 30px;
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
}
.DeckListLayout__DeckListContainer.stickyFilters.lockDecklist[data-v-37fbd432] {
    top: auto;
    right: 15px;
    position: absolute;
    bottom: 0px;
    -webkit-transform: translate3d(-16px, 0px, 0px);
            transform: translate3d(-16px, 0px, 0px);
}
}
@media (min-width: 1600px) {
.DeckListLayout__DeckListContainer.stickyFilters[data-v-37fbd432] {
    left: calc(50% + 363px);
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
}
}
@media (max-width: 960px) {
.DeckListLayout__DeckListContainer .DeckTitle__CloseButton[data-v-37fbd432] {
    display: block;
}
}