@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: 'fzcysong';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzcysong.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes scaleUpIn {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes scaleUpIn {
  0% {
    transform: scale(0.75);
  }

  100% {
    transform: scale(1);
  }
}

@-ms-keyframes scaleUpIn {
  0% {
    transform: scale(0.75);
  }

  100% {
    transform: scale(1);
  }
}

@-o-keyframes scaleUpIn {
  0% {
    transform: scale(0.75);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes scaleUpIn {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes scaleDownIn {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes scaleDownIn {
  0% {
    transform: scale(1.5);
  }

  100% {
    transform: scale(1);
  }
}

@-ms-keyframes scaleDownIn {
  0% {
    transform: scale(1.5);
  }

  100% {
    transform: scale(1);
  }
}

@-o-keyframes scaleDownIn {
  0% {
    transform: scale(1.5);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes scaleDownIn {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes z_da_000_anim {
  0% {
    -webkit-transform: translate(0, -0.17rem);
    transform: translate(0, -0.17rem);
    opacity: 0;
  }

  65.52% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes z_da_000_anim {
  0% {
    -webkit-transform: translate(0, -0.17rem);
    transform: translate(0, -0.17rem);
    opacity: 0;
  }

  65.52% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes z_xiao_000_anim {
  0% {
    -webkit-transform: translate(0, -0.17rem);
    transform: translate(0, -0.17rem);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes z_xiao_000_anim {
  0% {
    -webkit-transform: translate(0, -0.17rem);
    transform: translate(0, -0.17rem);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes z_i_baise_0_001_anim {
  0% {
    opacity: 0;
  }

  23.44% {
    opacity: 0.49;
  }

  100% {
    opacity: 0.49;
  }
}

@keyframes z_i_baise_0_001_anim {
  0% {
    opacity: 0;
  }

  23.44% {
    opacity: 0.49;
  }

  100% {
    opacity: 0.49;
  }
}

@-webkit-keyframes z_i_gongsejianbiangouzi_0_001_anim {
  0% {
    -webkit-transform: translate(-1.26rem, 0.84rem) scale(2, 2);
    transform: translate(-1.26rem, 0.84rem) scale(2, 2);
    opacity: 0;
  }

  23.44% {
    -webkit-transform: translate(0, 0) scale(2, 2);
    transform: translate(0, 0) scale(2, 2);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0) scale(2, 2);
    transform: translate(0, 0) scale(2, 2);
    opacity: 1;
  }
}

@keyframes z_i_gongsejianbiangouzi_0_001_anim {
  0% {
    -webkit-transform: translate(-1.26rem, 0.84rem) scale(2, 2);
    transform: translate(-1.26rem, 0.84rem) scale(2, 2);
    opacity: 0;
  }

  23.44% {
    -webkit-transform: translate(0, 0) scale(2, 2);
    transform: translate(0, 0) scale(2, 2);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0) scale(2, 2);
    transform: translate(0, 0) scale(2, 2);
    opacity: 1;
  }
}

@-webkit-keyframes z_i_youxia_0_001_anim {
  0% {
    -webkit-transform: translate(1.16rem, -0.5rem) scale(2, 2);
    transform: translate(1.16rem, -0.5rem) scale(2, 2);
    opacity: 0;
  }

  23.44% {
    -webkit-transform: translate(0, 0) scale(2, 2);
    transform: translate(0, 0) scale(2, 2);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0) scale(2, 2);
    transform: translate(0, 0) scale(2, 2);
    opacity: 1;
  }
}

@keyframes z_i_youxia_0_001_anim {
  0% {
    -webkit-transform: translate(1.16rem, -0.5rem) scale(2, 2);
    transform: translate(1.16rem, -0.5rem) scale(2, 2);
    opacity: 0;
  }

  23.44% {
    -webkit-transform: translate(0, 0) scale(2, 2);
    transform: translate(0, 0) scale(2, 2);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0) scale(2, 2);
    transform: translate(0, 0) scale(2, 2);
    opacity: 1;
  }
}

html {
  font-size: 625%;
}

html,
body {
  position: relative;
  margin: 0 auto;
  background: #fff;
  width: 100%;
  height: 100%;
}

body {
  min-width: 16rem;
  font-size: 0.16rem;
}

.wrap {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 10.8rem;
  overflow: hidden;
  max-width: 25.6rem;
}

img.js-lazy {
  visibility: hidden;
}

img.js-lazy.scrolled {
  visibility: visible;
}

.el-message-box .el-message-box__headerbtn {
  z-index: 10;
}

.el-icon-loading,
.el-loading-text {
  color: #fff !important;
}

.leihuo-pop-media .media-close {
  display: block;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png) no-repeat;
  background-size: 10.63rem 7.25rem;
  background-position: -8.16rem -4.87rem;
  width: 0.6rem;
  height: 0.54rem;
  position: absolute;
  top: -0.6rem !important;
  right: 0 !important;
  -webkit-transition: all 0.3s !important;
  transition: all 0.3s !important;
}

.leihuo-pop-media .media-close::before {
  display: none;
}

.leihuo-pop-media .media-close:hover {
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
}

#leihuo-top #logo {
  position: absolute;
  top: 2%;
  left: 2%;
  z-index: 9;
}

#leihuo-top #leihuo_top_content {
  position: absolute;
  top: 0.17rem;
  right: 0.86rem;
  width: auto;
  z-index: 9;
}

#leihuo-top #leihuo_top_content > a {
  display: none;
}

#leihuo-top #leihuo_top_content .j-btn-share {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
}

#feedback {
  right: 0.2rem;
}

.common-section-title {
  position: relative;
  margin: 1rem auto 0;
  width: 4.2rem;
  height: 1.04rem;
  z-index: 2;
}

.common-section-title .text {
  position: absolute;
  top: 0.52rem;
  left: 0;
  right: 0;
  text-align: center;
  padding-left: 0.1em;
  font-size: 0.4rem;
  font-family: "fzcysong", sans-serif;
  letter-spacing: 0.1em;
  line-height: 1;
}

.common-section-title .arrow-left,
.common-section-title .arrow-right {
  position: absolute;
  top: 0.56rem;
}

.common-section-title .arrow-left {
  left: 0;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.53rem -2.41rem;
  width: 0.93rem;
  height: 0.35rem;
}

.common-section-title .arrow-right {
  right: 0;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.53rem -2.94rem;
  width: 0.93rem;
  height: 0.35rem;
}

.common-section-title .bg1,
.common-section-title .bg2 {
  position: absolute;
  top: -0.16rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -5.71rem -0;
  width: 1.77rem;
  height: 1.37rem;
  pointer-events: none;
}

.scrolled .common-section-title .text,
.scrolled .common-section-title .bg1 {
  -webkit-animation: fadeIn 0.25s 0.25s both;
  animation: fadeIn 0.25s 0.25s both;
}

.scrolled .common-section-title .bg2 {
  -webkit-animation: fadeIn 0.625s 0.375s both;
  animation: fadeIn 0.625s 0.375s both;
}

.scrolled .common-section-title .arrow-left {
  -webkit-animation: title-arrow-left 0.3333s 0s cubic-bezier(0.33, 0, 0.67, 1) both;
  animation: title-arrow-left 0.3333s 0s cubic-bezier(0.33, 0, 0.67, 1) both;
}

.scrolled .common-section-title .arrow-right {
  -webkit-animation: title-arrow-right 0.3333s 0s cubic-bezier(0.33, 0, 0.67, 1) both;
  animation: title-arrow-right 0.3333s 0s cubic-bezier(0.33, 0, 0.67, 1) both;
}

@-webkit-keyframes title-arrow-left {
  0% {
    opacity: 0;
    -webkit-transform: translate(-0.4rem, 0);
    transform: translate(-0.4rem, 0);
  }

  50% {
    opacity: 1;
  }

  62.5% {
    -webkit-transform: translate(0.1rem, 0);
    transform: translate(0.1rem, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-moz-keyframes title-arrow-left {
  0% {
    opacity: 0;
    transform: translate(-0.4rem, 0);
  }

  50% {
    opacity: 1;
  }

  62.5% {
    transform: translate(0.1rem, 0);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@-ms-keyframes title-arrow-left {
  0% {
    opacity: 0;
    transform: translate(-0.4rem, 0);
  }

  50% {
    opacity: 1;
  }

  62.5% {
    transform: translate(0.1rem, 0);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@-o-keyframes title-arrow-left {
  0% {
    opacity: 0;
    transform: translate(-0.4rem, 0);
  }

  50% {
    opacity: 1;
  }

  62.5% {
    transform: translate(0.1rem, 0);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@keyframes title-arrow-left {
  0% {
    opacity: 0;
    -webkit-transform: translate(-0.4rem, 0);
    transform: translate(-0.4rem, 0);
  }

  50% {
    opacity: 1;
  }

  62.5% {
    -webkit-transform: translate(0.1rem, 0);
    transform: translate(0.1rem, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes title-arrow-right {
  0% {
    opacity: 0;
    -webkit-transform: translate(0.4rem, 0);
    transform: translate(0.4rem, 0);
  }

  62.5% {
    -webkit-transform: translate(-0.1rem, 0);
    transform: translate(-0.1rem, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-moz-keyframes title-arrow-right {
  0% {
    opacity: 0;
    transform: translate(0.4rem, 0);
  }

  62.5% {
    transform: translate(-0.1rem, 0);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@-ms-keyframes title-arrow-right {
  0% {
    opacity: 0;
    transform: translate(0.4rem, 0);
  }

  62.5% {
    transform: translate(-0.1rem, 0);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@-o-keyframes title-arrow-right {
  0% {
    opacity: 0;
    transform: translate(0.4rem, 0);
  }

  62.5% {
    transform: translate(-0.1rem, 0);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@keyframes title-arrow-right {
  0% {
    opacity: 0;
    -webkit-transform: translate(0.4rem, 0);
    transform: translate(0.4rem, 0);
  }

  62.5% {
    -webkit-transform: translate(-0.1rem, 0);
    transform: translate(-0.1rem, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes sprite_z_jiaselizi_avi_hecheng_1_000 {
  0% {
    background-position: 0 0;
  }

  8.3% {
    background-position: -3rem 0;
  }

  16.7% {
    background-position: -6rem 0;
  }

  25% {
    background-position: -9rem 0;
  }

  33.3% {
    background-position: 0 -3rem;
  }

  41.7% {
    background-position: -3rem -3rem;
  }

  50% {
    background-position: -6rem -3rem;
  }

  58.3% {
    background-position: -9rem -3rem;
  }

  66.7% {
    background-position: 0 -6rem;
  }

  75% {
    background-position: -3rem -6rem;
  }

  83.3% {
    background-position: -6rem -6rem;
  }

  91.7% {
    background-position: -9rem -6rem;
  }

  100% {
    background-position: -9rem -6rem;
  }
}

@-moz-keyframes sprite_z_jiaselizi_avi_hecheng_1_000 {
  0% {
    background-position: 0 0;
  }

  8.3% {
    background-position: -3rem 0;
  }

  16.7% {
    background-position: -6rem 0;
  }

  25% {
    background-position: -9rem 0;
  }

  33.3% {
    background-position: 0 -3rem;
  }

  41.7% {
    background-position: -3rem -3rem;
  }

  50% {
    background-position: -6rem -3rem;
  }

  58.3% {
    background-position: -9rem -3rem;
  }

  66.7% {
    background-position: 0 -6rem;
  }

  75% {
    background-position: -3rem -6rem;
  }

  83.3% {
    background-position: -6rem -6rem;
  }

  91.7% {
    background-position: -9rem -6rem;
  }

  100% {
    background-position: -9rem -6rem;
  }
}

@-ms-keyframes sprite_z_jiaselizi_avi_hecheng_1_000 {
  0% {
    background-position: 0 0;
  }

  8.3% {
    background-position: -3rem 0;
  }

  16.7% {
    background-position: -6rem 0;
  }

  25% {
    background-position: -9rem 0;
  }

  33.3% {
    background-position: 0 -3rem;
  }

  41.7% {
    background-position: -3rem -3rem;
  }

  50% {
    background-position: -6rem -3rem;
  }

  58.3% {
    background-position: -9rem -3rem;
  }

  66.7% {
    background-position: 0 -6rem;
  }

  75% {
    background-position: -3rem -6rem;
  }

  83.3% {
    background-position: -6rem -6rem;
  }

  91.7% {
    background-position: -9rem -6rem;
  }

  100% {
    background-position: -9rem -6rem;
  }
}

@-o-keyframes sprite_z_jiaselizi_avi_hecheng_1_000 {
  0% {
    background-position: 0 0;
  }

  8.3% {
    background-position: -3rem 0;
  }

  16.7% {
    background-position: -6rem 0;
  }

  25% {
    background-position: -9rem 0;
  }

  33.3% {
    background-position: 0 -3rem;
  }

  41.7% {
    background-position: -3rem -3rem;
  }

  50% {
    background-position: -6rem -3rem;
  }

  58.3% {
    background-position: -9rem -3rem;
  }

  66.7% {
    background-position: 0 -6rem;
  }

  75% {
    background-position: -3rem -6rem;
  }

  83.3% {
    background-position: -6rem -6rem;
  }

  91.7% {
    background-position: -9rem -6rem;
  }

  100% {
    background-position: -9rem -6rem;
  }
}

@keyframes sprite_z_jiaselizi_avi_hecheng_1_000 {
  0% {
    background-position: 0 0;
  }

  8.3% {
    background-position: -3rem 0;
  }

  16.7% {
    background-position: -6rem 0;
  }

  25% {
    background-position: -9rem 0;
  }

  33.3% {
    background-position: 0 -3rem;
  }

  41.7% {
    background-position: -3rem -3rem;
  }

  50% {
    background-position: -6rem -3rem;
  }

  58.3% {
    background-position: -9rem -3rem;
  }

  66.7% {
    background-position: 0 -6rem;
  }

  75% {
    background-position: -3rem -6rem;
  }

  83.3% {
    background-position: -6rem -6rem;
  }

  91.7% {
    background-position: -9rem -6rem;
  }

  100% {
    background-position: -9rem -6rem;
  }
}

.common-gousuo-right {
  position: relative;
  width: 0.44rem;
  height: 0.26rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/gousuo-next-bg_5578dc05.png) no-repeat;
  background-size: cover;
  cursor: pointer;
}

.common-gousuo-right:before,
.common-gousuo-right:after {
  content: "";
  position: absolute;
  right: -0.24rem;
}

.common-gousuo-right:before {
  top: -0.16rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.7rem -5.45rem;
  width: 0.54rem;
  height: 0.3rem;
  -webkit-transform-origin: 44% 97%;
  transform-origin: 44% 97%;
}

.common-gousuo-right:after {
  bottom: -0.16rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -7.98rem -5.98rem;
  width: 0.54rem;
  height: 0.3rem;
  -webkit-transform-origin: 48% 0%;
  transform-origin: 48% 0%;
}

.common-gousuo-right.active {
  -webkit-animation: gousuo-right 0.5s cubic-bezier(0.33, 0, 0.67, 1) both;
  animation: gousuo-right 0.5s cubic-bezier(0.33, 0, 0.67, 1) both;
}

.common-gousuo-right.active:before {
  -webkit-animation: gousuo-right-top 0.5s cubic-bezier(0.33, 0, 0.67, 1) both;
  animation: gousuo-right-top 0.5s cubic-bezier(0.33, 0, 0.67, 1) both;
}

.common-gousuo-right.active:after {
  -webkit-animation: gousuo-right-bottom 0.5s cubic-bezier(0.33, 0, 0.67, 1) both;
  animation: gousuo-right-bottom 0.5s cubic-bezier(0.33, 0, 0.67, 1) both;
}

@-webkit-keyframes gousuo-right {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(0.13rem, 0);
    transform: translate(0.13rem, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-moz-keyframes gousuo-right {
  0% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(0.13rem, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@-ms-keyframes gousuo-right {
  0% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(0.13rem, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@-o-keyframes gousuo-right {
  0% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(0.13rem, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@keyframes gousuo-right {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(0.13rem, 0);
    transform: translate(0.13rem, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes gousuo-right-top {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@-moz-keyframes gousuo-right-top {
  0% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(-15deg);
  }

  100% {
    transform: rotate(0);
  }
}

@-ms-keyframes gousuo-right-top {
  0% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(-15deg);
  }

  100% {
    transform: rotate(0);
  }
}

@-o-keyframes gousuo-right-top {
  0% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(-15deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes gousuo-right-top {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@-webkit-keyframes gousuo-right-bottom {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@-moz-keyframes gousuo-right-bottom {
  0% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(15deg);
  }

  100% {
    transform: rotate(0);
  }
}

@-ms-keyframes gousuo-right-bottom {
  0% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(15deg);
  }

  100% {
    transform: rotate(0);
  }
}

@-o-keyframes gousuo-right-bottom {
  0% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(15deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes gousuo-right-bottom {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

.common-gousuo-left {
  position: relative;
  width: 0.44rem;
  height: 0.26rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/gousuo-prev-bg_703357e7.png) no-repeat;
  background-size: cover;
  cursor: pointer;
}

.common-gousuo-left:before,
.common-gousuo-left:after {
  content: "";
  position: absolute;
  left: -0.24rem;
}

.common-gousuo-left:before {
  top: -0.16rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.94rem -3.99rem;
  width: 0.56rem;
  height: 0.3rem;
  -webkit-transform-origin: 54% 97%;
  transform-origin: 54% 97%;
}

.common-gousuo-left:after {
  bottom: -0.16rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.1rem -5.45rem;
  width: 0.56rem;
  height: 0.3rem;
  -webkit-transform-origin: 57% 0%;
  transform-origin: 57% 0%;
}

.common-gousuo-left.active {
  -webkit-animation: gousuo-left 0.5s cubic-bezier(0.33, 0, 0.67, 1) both;
  animation: gousuo-left 0.5s cubic-bezier(0.33, 0, 0.67, 1) both;
}

.common-gousuo-left.active:before {
  -webkit-animation: gousuo-right-bottom 0.5s cubic-bezier(0.33, 0, 0.67, 1) both;
  animation: gousuo-right-bottom 0.5s cubic-bezier(0.33, 0, 0.67, 1) both;
}

.common-gousuo-left.active:after {
  -webkit-animation: gousuo-right-top 0.5s cubic-bezier(0.33, 0, 0.67, 1) both;
  animation: gousuo-right-top 0.5s cubic-bezier(0.33, 0, 0.67, 1) both;
}

@-webkit-keyframes gousuo-left {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(-0.13rem, 0);
    transform: translate(-0.13rem, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-moz-keyframes gousuo-left {
  0% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(-0.13rem, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@-ms-keyframes gousuo-left {
  0% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(-0.13rem, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@-o-keyframes gousuo-left {
  0% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(-0.13rem, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@keyframes gousuo-left {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(-0.13rem, 0);
    transform: translate(-0.13rem, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.g-libao-pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
}

.g-libao-pop .libao-pop-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 5.37rem;
  height: 6.89rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/libao-pop-bg_69f842f8.png);
  background-size: contain;
}

.g-libao-pop .btn-download-wrap {
  position: absolute;
  top: 2rem;
  right: -2rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -3.92rem -0;
  width: 1.75rem;
  height: 2.12rem;
  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;
}

.g-libao-pop .btn-download-wrap .qrcode {
  display: block;
  margin-top: 0.06rem;
  width: 1.58rem;
  height: 1.58rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/qrcode_0b6cd357.png);
  background-size: 100% 100%;
}

.g-libao-pop .libao-close {
  position: absolute;
  top: -0.4rem;
  right: 0;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -8.4rem -6.54rem;
  width: 0.42rem;
  height: 0.37rem;
  -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;
}

.g-libao-pop .libao-close:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  color: #2f2f2f;
  z-index: 999;
}

.mask.scroll {
  padding: 1rem 0;
  overflow: auto;
}

.pop-bg {
  position: relative;
  margin: 0 auto;
  padding: 0.4rem;
  background: rgba(238, 238, 238, 0.95);
}

.pop-bg .pop-title {
  text-align: center;
  font-size: 0.4rem;
  font-family: fzcjljt, serif;
}

.pop-bg .pop-title:after {
  content: "";
  display: block;
  margin: 0.12rem auto 0;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -0 -7.09rem;
  width: 6.12rem;
  height: 0.12rem;
}

.pop-bg .yellow {
  color: #d67400;
}

.pop-bg .red {
  color: #dd0303;
}

.pop-bg .close {
  position: absolute;
  top: 0.12rem;
  right: 0.12rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -8.06rem -5.45rem;
  width: 0.52rem;
  height: 0.46rem;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.pop-bg .close:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.rule-pop {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 9.38rem;
}

.rule-pop .pop-content {
  margin: 0.2rem auto 0;
  width: 6.6rem;
  line-height: 0.36rem;
  letter-spacing: 0;
}

.report-pop {
  padding: 0.6rem 0.7rem 0.4rem;
  width: 7.33rem;
}

.report-pop .form {
  counter-reset: form;
}

.report-pop .form-item {
  margin-bottom: 0.2rem;
}

.report-pop .form-item .label {
  margin-bottom: 0.08rem;
}

.report-pop .form-item .label:before {
  content: counter(form) ".";
  counter-increment: form;
}

.report-pop .form-item .required {
  vertical-align: top;
  font-size: 0.12rem;
}

.report-pop .form-item .el-date-editor input {
  padding: 0 0.3rem;
}

.report-pop .form-item .el-date-editor .el-input__prefix {
  width: 0.25rem;
  height: 100%;
}

.report-pop .form-item .el-date-editor .el-input__prefix .el-icon-time {
  width: 0.25rem;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.report-pop .form-item .el-date-editor .el-input__prefix .el-icon-time::before {
  width: 0.25rem;
  height: 0.25rem;
  font-size: 0.16rem;
  padding-top: 0.04rem;
  line-height: 0.25rem;
}

.report-pop .el-select,
.report-pop .el-input {
  width: 4rem;
}

.report-pop .el-select.link,
.report-pop .el-input.link {
  width: 100%;
}

.report-pop .el-input__inner,
.report-pop .el-textarea__inner {
  border: 0.01rem solid #2f2f2f !important;
  border-radius: 0;
  background: #fff;
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0 0.3rem 0 0.15rem;
  font-size: 0.16rem;
  min-height: 0.4rem;
}

.report-pop .el-textarea__inner {
  min-height: 0.8rem;
}

.report-pop .el-select .el-input__suffix {
  width: 0.4rem;
  background: #2f2f2f;
  right: 0;
}

.report-pop .el-select .el-input .el-select__caret {
  color: #fff;
}

.report-pop .upload-list {
  overflow: hidden;
  margin-top: 0.12rem;
}

.report-pop .upload-list .upload-item,
.report-pop .upload-list .upload-btn {
  float: left;
}

.report-pop .upload-list .upload-text {
  float: left;
  margin-top: 0.18rem;
  margin-left: 0.2rem;
  font-size: 0.14rem;
}

.report-pop .upload-item {
  position: relative;
  margin-right: 0.12rem;
  width: 0.6rem;
  height: 0.6rem;
}

.report-pop .upload-item.video {
  width: 1.16rem;
}

.report-pop .upload-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.report-pop .upload-item .delete {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0.12rem;
  line-height: 0.16rem;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.report-pop .upload-btn {
  width: 1.16rem;
  height: 0.6rem;
  background: #8f8f8f url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/upload_84ff4705.png) center no-repeat;
}

.report-pop .upload-btn input {
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.report-pop .upload-btn .file-picker-wrap,
.report-pop .upload-btn .file-picker {
  width: 100%;
  height: 100%;
}

.report-pop .btn-wrap {
  font-family: fzcjljt, serif;
  text-align: center;
  margin-top: 0.48rem;
}

.report-pop .btn-confirm {
  font-size: 0.32rem;
  font-family: fzcjljt, serif;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -7.52rem -0;
  width: 3.07rem;
  height: 0.7rem;
  color: #fff;
}

.report-pop .btn-confirm:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -7.52rem -0.74rem;
  width: 3.07rem;
  height: 0.7rem;
}

.report-pop .intro {
  text-align: center;
  margin-top: 0.12rem;
  font-size: 0.14rem;
  color: #333;
}

.el-select-dropdown__item.selected {
  color: #2f2f2f;
}

.el-loading-spinner .path {
  stroke: #fff;
}

.pop-img {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #6b5d3c;
  font-size: 0.2rem;
  z-index: 999;
}

.pop-img .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.8;
}

.pop-img .content {
  position: absolute;
  max-width: 10.55rem;
  max-height: 85vh;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 999;
}

.pop-img .content img {
  max-height: 85vh;
  max-width: 90vh;
}

.pop-img .content .pop-img-links {
  padding-bottom: 0.1rem;
  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;
}

.pop-img .content .pop-img-links .download-link {
  color: #fff;
  margin-right: 0.2rem;
}

.pop-img .content .pop-img-links .download-link:hover {
  text-decoration: underline;
}

.pop-img .content .origin-btn {
  color: #acacac;
  font-size: 0.24rem;
  white-space: nowrap;
  text-decoration: underline;
}

.pop-img .content .close {
  display: block;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png) no-repeat;
  background-size: 10.63rem 7.25rem;
  background-position: -8.16rem -4.87rem;
  width: 0.6rem;
  height: 0.54rem;
  position: absolute;
  top: -0.6rem;
  right: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.pop-img .content .close:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

#index-page {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#index-page::before,
#index-page::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/left-mask_2514a275.png) no-repeat;
  background-size: 100% 100%;
}

#index-page::after {
  background-image: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/right-mask_d8d8d40a.png);
}

#index-page #leihuo-age {
  position: absolute;
  bottom: 0.3rem;
  left: 0.64rem;
  width: 0.8rem;
  z-index: 10;
}

#index-page .slogan-box {
  position: absolute;
  z-index: 1;
  left: 0.62rem;
  top: 4.4rem;
}

#index-page .slogan-box::after {
  content: '';
  display: inline-block;
  width: 10.32rem;
  height: 10.8rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/zhezhao_2a8d34c3.png) no-repeat;
  background-size: 100%;
  position: absolute;
  left: -0.62rem;
  top: -4.4rem;
}

#index-page .slogan {
  position: absolute;
  width: 6.41rem;
  height: 1.68rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/slogan_03bb1f1d.png) no-repeat;
  background-size: 100% 100%;
  z-index: 1;
}

#index-page .btn-play {
  position: absolute;
  top: 53%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 0.66rem;
  width: 0.66rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/btn-play_433bd27b.png);
  background-size: 100% 100%;
}

#index-page .btn-play:hover {
  mix-blend-mode: normal;
  -webkit-animation: sprite_yuhecheng_10_14 1s 0s steps(1) infinite normal;
  animation: sprite_yuhecheng_10_14 1s 0s steps(1) infinite normal;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite_btn_play_e7f4e103.png);
  background-size: 400% 400%;
}

#index-page .top-download-wrap {
  position: absolute;
  top: 7rem;
  left: 4.1rem;
  z-index: 9;
  height: 1.69rem;
  -webkit-transform-origin: 0;
  transform-origin: 0;
}

#index-page .top-download-wrap .btn-libao {
  position: absolute;
  left: -3.76rem;
  bottom: -0.5rem;
  width: 3.01rem;
  height: 2.58rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/btn-gcfl_4c300477.png) no-repeat;
  background-size: cover;
}

#index-page .top-download-wrap .btn-libao:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/btn-gcfl-h_33a72d64.png) no-repeat;
  background-size: cover;
}

#index-page .top-download-wrap .qrcode-bg {
  position: absolute;
  left: -1.22rem;
  bottom: 0;
  width: 1.59rem;
  height: 1.32rem;
  padding-left: 0.34rem;
  padding-top: 0.07rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/qrcode-bg_d926699e.png) no-repeat;
  background-size: cover;
}

#index-page .top-download-wrap .qrcode-bg .qrcode {
  width: 1.16rem;
  height: 1.16rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/qrcode_0b6cd357.png) no-repeat;
  background-size: cover;
  margin: 0.01rem 0 0 0.02rem;
}

#index-page .top-download-wrap .note-ht {
  position: absolute;
  left: 0.4rem;
  top: 0.37rem;
  width: 3.31rem;
  height: 0.22rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/note-ht_94985ca2.png) no-repeat;
  background-size: cover;
}

#index-page .top-download-wrap .btn-tap {
  position: absolute;
  left: 0.4rem;
  top: 0.65rem;
  width: 1.46rem;
  height: 0.32rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/btn-tap_a33ee27a.png) no-repeat;
  background-size: 100% 100%;
}

#index-page .top-download-wrap .btn-tap:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/btn-tap-h_0633e616.png) no-repeat;
  background-size: 100% 100%;
}

#index-page .top-download-wrap .btn-dashen {
  position: absolute;
  left: 0.4rem;
  top: 1.01rem;
  width: 1.46rem;
  height: 0.32rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/btn-dashen_a5e0f255.png) no-repeat;
  background-size: 100% 100%;
}

#index-page .top-download-wrap .btn-dashen:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/btn-dashen-h_aa4e4434.png) no-repeat;
  background-size: 100% 100%;
}

#index-page .top-download-wrap .btn-haoyou {
  position: absolute;
  left: 0.4rem;
  top: 1.36rem;
  width: 1.46rem;
  height: 0.32rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/btn-haoyou_ecd37a23.png) no-repeat;
  background-size: 100% 100%;
}

#index-page .top-download-wrap .btn-haoyou:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/btn-haoyou-h_10277c69.png) no-repeat;
  background-size: 100% 100%;
}

#index-page .top-download-wrap .btn-mumu {
  position: absolute;
  left: 1.92rem;
  top: 0.65rem;
  width: 0.88rem;
  height: 1.02rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/btn-mumu_d761f0cd.png) no-repeat;
  background-size: cover;
}

#index-page .top-download-wrap .btn-mumu:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/btn-mumu-h_cc536bcb.png) no-repeat;
  background-size: cover;
}

#index-page .top-download-wrap .btn-recharge {
  position: absolute;
  left: 2.84rem;
  top: 0.65rem;
  width: 0.88rem;
  height: 1.02rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/btn-recharge_54bfa9db.png) no-repeat;
  background-size: cover;
}

#index-page .top-download-wrap .btn-recharge:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/btn-recharge-h_e1027a5e.png) no-repeat;
  background-size: cover;
}

#index-page .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/kv_152bc822.jpg) no-repeat center center;
  background-size: cover;
}

#index-page .bg-video video {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 100%;
  height: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#index-page .side-container {
  position: absolute;
  z-index: 10;
  right: 0.04rem;
  bottom: 1.9rem;
  width: 2.62rem;
  height: 2.1rem;
  overflow: hidden;
}

#index-page .side-container .swiper-slide {
  cursor: pointer;
}

#index-page .side-container .swiper-slide .yyyb {
  width: 2.62rem;
  height: 1.88rem;
  display: block;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/yyyb_67a8fcf6.png);
  background-size: 100% 100%;
}

#index-page .side-container .swiper-slide .yyyb:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/yyyb-h_1681169d.png);
  background-size: 100% 100%;
}

#index-page .side-container .swiper-slide .yyyx {
  width: 2.62rem;
  height: 1.88rem;
  display: block;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/yyyx_86be3df5.png);
  background-size: 100% 100%;
}

#index-page .side-container .swiper-slide .yyyx:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/yyyx-h_6c8f6f2f.png);
  background-size: 100% 100%;
}

#index-page .side-container .swiper-slide .sdht {
  width: 2.62rem;
  height: 1.88rem;
  display: block;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sdht_ded7b5c5.png);
  background-size: 100% 100%;
}

#index-page .side-container .swiper-slide .sdht:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sdht-h_c0d256ac.png);
  background-size: 100% 100%;
}

#index-page .side-container .swiper-slide .dylc {
  width: 2.62rem;
  height: 1.88rem;
  display: block;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/dylc_7cbed338.png);
  background-size: 100% 100%;
}

#index-page .side-container .swiper-slide .dylc:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/dylc-h_77bcf377.png);
  background-size: 100% 100%;
}

#index-page .side-container .swiper-slide .dylwlq {
  width: 2.62rem;
  height: 1.88rem;
  display: block;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/dylwlq_c635ca76.png) no-repeat;
  background-size: 100%;
}

#index-page .side-container .swiper-slide .whxb {
  width: 2.62rem;
  height: 1.88rem;
  display: block;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/whxb_3df51699.png);
  background-size: 100% 100%;
}

#index-page .side-container .swiper-slide .whxb:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/whxb-h_b1edcb3d.png);
  background-size: 100% 100%;
}

#index-page .side-container .swiper-slide .kxj {
  width: 2.62rem;
  height: 1.88rem;
  display: block;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/kxj_2a44f159.png);
  background-size: 100% 100%;
}

#index-page .side-container .swiper-slide .kxj:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/kxj-h_4cdfc360.png);
  background-size: 100% 100%;
}

#index-page .side-container #side-pagination {
  position: absolute;
  z-index: 1;
  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;
  left: -0.08rem;
}

#index-page .side-container .swiper-pagination-bullet {
  position: relative;
  margin-right: 0.06rem;
  width: 0.4rem;
  height: 0.06rem;
  background: #fff;
  border-radius: 0;
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#index-page .side-container .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  top: -0.1rem;
  bottom: -0.1rem;
  left: 0;
  right: 0;
}

#index-page .side-container .swiper-pagination-bullet-active {
  width: 0.5rem;
  background: #e60012;
}

#index-page .scroll-tip {
  cursor: pointer;
  position: absolute;
  z-index: 10;
  left: 50%;
  bottom: 0.5rem;
  margin-left: -0.21rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -7.52rem -5.98rem;
  width: 0.42rem;
  height: 0.52rem;
  -webkit-animation: upDown 0.6s linear infinite alternate;
  animation: upDown 0.6s linear infinite alternate;
}

@-webkit-keyframes upDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(0.15rem);
    transform: translateY(0.15rem);
  }
}

@-moz-keyframes upDown {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0.15rem);
  }
}

@-ms-keyframes upDown {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0.15rem);
  }
}

@-o-keyframes upDown {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0.15rem);
  }
}

@keyframes upDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(0.15rem);
    transform: translateY(0.15rem);
  }
}

@-webkit-keyframes sprite_yuhecheng_10_14 {
  0% {
    background-position: 0 0;
  }

  6.7% {
    background-position: -0.66rem 0;
  }

  13.3% {
    background-position: -1.32rem 0;
  }

  20% {
    background-position: -1.98rem 0;
  }

  26.7% {
    background-position: 0 -0.66rem;
  }

  33.3% {
    background-position: -0.66rem -0.66rem;
  }

  40% {
    background-position: -1.32rem -0.66rem;
  }

  46.7% {
    background-position: -1.98rem -0.66rem;
  }

  53.3% {
    background-position: 0 -1.32rem;
  }

  60% {
    background-position: -0.66rem -1.32rem;
  }

  66.7% {
    background-position: -1.32rem -1.32rem;
  }

  73.3% {
    background-position: -1.98rem -1.32rem;
  }

  80% {
    background-position: 0 -1.98rem;
  }

  86.7% {
    background-position: -0.66rem -1.98rem;
  }

  93.3% {
    background-position: -1.32rem -1.98rem;
  }

  100% {
    background-position: -1.32rem -1.98rem;
  }
}

@-moz-keyframes sprite_yuhecheng_10_14 {
  0% {
    background-position: 0 0;
  }

  6.7% {
    background-position: -0.66rem 0;
  }

  13.3% {
    background-position: -1.32rem 0;
  }

  20% {
    background-position: -1.98rem 0;
  }

  26.7% {
    background-position: 0 -0.66rem;
  }

  33.3% {
    background-position: -0.66rem -0.66rem;
  }

  40% {
    background-position: -1.32rem -0.66rem;
  }

  46.7% {
    background-position: -1.98rem -0.66rem;
  }

  53.3% {
    background-position: 0 -1.32rem;
  }

  60% {
    background-position: -0.66rem -1.32rem;
  }

  66.7% {
    background-position: -1.32rem -1.32rem;
  }

  73.3% {
    background-position: -1.98rem -1.32rem;
  }

  80% {
    background-position: 0 -1.98rem;
  }

  86.7% {
    background-position: -0.66rem -1.98rem;
  }

  93.3% {
    background-position: -1.32rem -1.98rem;
  }

  100% {
    background-position: -1.32rem -1.98rem;
  }
}

@-ms-keyframes sprite_yuhecheng_10_14 {
  0% {
    background-position: 0 0;
  }

  6.7% {
    background-position: -0.66rem 0;
  }

  13.3% {
    background-position: -1.32rem 0;
  }

  20% {
    background-position: -1.98rem 0;
  }

  26.7% {
    background-position: 0 -0.66rem;
  }

  33.3% {
    background-position: -0.66rem -0.66rem;
  }

  40% {
    background-position: -1.32rem -0.66rem;
  }

  46.7% {
    background-position: -1.98rem -0.66rem;
  }

  53.3% {
    background-position: 0 -1.32rem;
  }

  60% {
    background-position: -0.66rem -1.32rem;
  }

  66.7% {
    background-position: -1.32rem -1.32rem;
  }

  73.3% {
    background-position: -1.98rem -1.32rem;
  }

  80% {
    background-position: 0 -1.98rem;
  }

  86.7% {
    background-position: -0.66rem -1.98rem;
  }

  93.3% {
    background-position: -1.32rem -1.98rem;
  }

  100% {
    background-position: -1.32rem -1.98rem;
  }
}

@-o-keyframes sprite_yuhecheng_10_14 {
  0% {
    background-position: 0 0;
  }

  6.7% {
    background-position: -0.66rem 0;
  }

  13.3% {
    background-position: -1.32rem 0;
  }

  20% {
    background-position: -1.98rem 0;
  }

  26.7% {
    background-position: 0 -0.66rem;
  }

  33.3% {
    background-position: -0.66rem -0.66rem;
  }

  40% {
    background-position: -1.32rem -0.66rem;
  }

  46.7% {
    background-position: -1.98rem -0.66rem;
  }

  53.3% {
    background-position: 0 -1.32rem;
  }

  60% {
    background-position: -0.66rem -1.32rem;
  }

  66.7% {
    background-position: -1.32rem -1.32rem;
  }

  73.3% {
    background-position: -1.98rem -1.32rem;
  }

  80% {
    background-position: 0 -1.98rem;
  }

  86.7% {
    background-position: -0.66rem -1.98rem;
  }

  93.3% {
    background-position: -1.32rem -1.98rem;
  }

  100% {
    background-position: -1.32rem -1.98rem;
  }
}

@keyframes sprite_yuhecheng_10_14 {
  0% {
    background-position: 0 0;
  }

  6.7% {
    background-position: -0.66rem 0;
  }

  13.3% {
    background-position: -1.32rem 0;
  }

  20% {
    background-position: -1.98rem 0;
  }

  26.7% {
    background-position: 0 -0.66rem;
  }

  33.3% {
    background-position: -0.66rem -0.66rem;
  }

  40% {
    background-position: -1.32rem -0.66rem;
  }

  46.7% {
    background-position: -1.98rem -0.66rem;
  }

  53.3% {
    background-position: 0 -1.32rem;
  }

  60% {
    background-position: -0.66rem -1.32rem;
  }

  66.7% {
    background-position: -1.32rem -1.32rem;
  }

  73.3% {
    background-position: -1.98rem -1.32rem;
  }

  80% {
    background-position: 0 -1.98rem;
  }

  86.7% {
    background-position: -0.66rem -1.98rem;
  }

  93.3% {
    background-position: -1.32rem -1.98rem;
  }

  100% {
    background-position: -1.32rem -1.98rem;
  }
}

.index-season {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/bg_dbc01c82.jpg) no-repeat center center / cover;
}

.index-season .bg-left {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -12.8rem;
  width: 5.18rem;
  height: 2.74rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/bg-left_629ad252.png);
  background-size: 100% 100%;
}

.index-season .bg-right {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-right: -12.8rem;
  width: 13.9rem;
  height: 5.24rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/bg-right_8da3de2b.png);
  background-size: 100% 100%;
}

.index-season .season-list {
  position: absolute;
  left: 50%;
  top: 1.9rem;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 15rem;
  height: 7rem;
}

.index-season .season-list .season-item {
  opacity: 0;
}

.index-season .season-list .season-item.yjq .img-container::after {
  content: '';
  position: absolute;
  top: 4.24rem;
  left: 0.6rem;
  width: 4.73rem;
  height: 0.28rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/yjq-logo_610f75bf.png);
  background-size: 100% 100%;
}

.index-season .season-list .season-item.jx .jx-char {
  bottom: -0.25rem;
}

.index-season .season-list .season-item.selected {
  position: relative;
  display: block;
  opacity: 1;
  z-index: 1;
}

.index-season .season-list .season-item.selected .slide-txt .slide-title {
  -webkit-animation: flip-txt 0.5s both;
  animation: flip-txt 0.5s both;
}

.index-season .season-list .season-item.selected .slide-desc .slide-description {
  -webkit-animation: gradual-spacing 0.5s both;
  animation: gradual-spacing 0.5s both;
}

.index-season .season-list .img-container {
  position: absolute;
  width: 10.47rem;
  height: 6.41rem;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}

.index-season .season-list .img-container .img-bg,
.index-season .season-list .img-container .img-char {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.index-season .season-list .img-container .img-bg.ll-char,
.index-season .season-list .img-container .img-char.ll-char {
  width: 12.86rem !important;
  left: -2rem !important;
}

.index-season .season-list .img-container .img-bg.sm-char,
.index-season .season-list .img-container .img-char.sm-char {
  width: 12.43rem !important;
  left: 0 !important;
}

.index-season .season-list .img-container .img-bg.hd-char,
.index-season .season-list .img-container .img-char.hd-char {
  width: 10.33rem !important;
  left: 0.14rem !important;
  bottom: 0.07rem !important;
}

.index-season .season-list .img-container .img-bg.tj-char,
.index-season .season-list .img-container .img-char.tj-char {
  width: 9.34rem !important;
  left: 0.5rem !important;
}

.index-season .season-list .img-container .img-bg.jyy-char,
.index-season .season-list .img-container .img-char.jyy-char {
  width: 11.12rem !important;
  left: -1.5rem !important;
}

.index-season .season-list .img-container .img-bg.qm-char,
.index-season .season-list .img-container .img-char.qm-char {
  width: 8.66rem !important;
  left: 0.14rem !important;
}

.index-season .season-list .img-container .img-bg.shan-char,
.index-season .season-list .img-container .img-char.shan-char {
  width: 9.2rem !important;
  left: 0.3rem !important;
  bottom: 0.24rem !important;
}

.index-season .season-list .img-container .img-bg.xl-char,
.index-season .season-list .img-container .img-char.xl-char {
  width: 11.86rem !important;
  left: -0.55rem !important;
  bottom: -0.19rem !important;
}

.index-season .season-list .img-container .img-bg.sd-char,
.index-season .season-list .img-container .img-char.sd-char {
  width: 14.56rem !important;
  left: -2.1rem !important;
}

.index-season .season-list .img-container .img-bg.hutao-char,
.index-season .season-list .img-container .img-char.hutao-char {
  width: 13.2rem;
  left: -0.68rem;
}

.index-season .season-list .img-container .img-bg.yb-char,
.index-season .season-list .img-container .img-char.yb-char {
  width: 11.32rem;
}

.index-season .season-list .img-container .zmd-char {
  bottom: -0.5rem;
  left: -0.5rem;
}

.index-season .season-list .img-container .yzp-char {
  width: 100%;
  bottom: 0.1rem;
}

.index-season .season-list .img-container .bbzw-char {
  width: 7rem;
  bottom: 1.4rem;
  left: 2.7rem;
}

.index-season .season-list .img-container .wxxb-char {
  width: 90%;
  left: 50%;
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}

.index-season .season-list .img-container .cover {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}

.index-season .season-list .img-container .slide-txt {
  position: absolute;
  bottom: 0.64rem;
  left: 0.38rem;
}

.index-season .season-list .img-container .slide-txt .slide-title {
  display: inline-block;
  font-size: 0.76rem;
  font-family: fzcysong, sans-serif;
  color: white;
  opacity: 0;
  -webkit-animation: none;
  animation: none;
}

.index-season .season-list .img-container .slide-txt .slide-title.txt-red {
  color: #ff0b0c;
}

.index-season .season-list .img-container .slide-desc {
  position: absolute;
  bottom: 0.32rem;
  left: 0.42rem;
}

.index-season .season-list .img-container .slide-desc .slide-description {
  display: inline-block;
  font-size: 0.22rem;
  font-weight: 300;
  font-family: 'Noto Sans SC', sans-serif;
  color: #dedede;
  opacity: 0;
  -webkit-animation: none;
  animation: none;
}

.index-season .season-list .img-container .slide-link {
  cursor: pointer;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.index-season .season-banner {
  position: absolute;
  left: 50%;
  top: 8.3rem;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 11rem;
  height: 2rem;
}

.index-season .season-banner .season-prev,
.index-season .season-banner .season-next {
  position: absolute;
  top: -3rem;
  z-index: 9;
}

.index-season .season-banner .season-prev {
  left: -0.6rem;
}

.index-season .season-banner .season-next {
  right: -0.6rem;
}

.index-season .swiper-container {
  width: 8.2rem;
  height: 1.6rem;
  margin: 0 auto;
}

.index-season .swiper-container .swiper-wrapper {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.index-season .swiper-container .swiper-wrapper .season-nav-item {
  cursor: pointer;
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  width: 1.3rem;
  height: 0.76rem;
  text-align: center;
  margin: 0 0.06rem;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.index-season .swiper-container .swiper-wrapper .season-nav-item.selected {
  width: 2.07rem;
  height: 1.21rem;
}

.index-season .swiper-container .swiper-wrapper .season-nav-item.selected .img-thum {
  display: none;
}

.index-season .swiper-container .swiper-wrapper .season-nav-item.selected .img-thum-active {
  display: block;
}

.index-season .swiper-container .swiper-wrapper .season-nav-item.selected .border-thum {
  background: none;
}

.index-season .swiper-container .swiper-wrapper .season-nav-item .border-thum {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/border-inactive_b324251c.png) center center / contain no-repeat;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
}

.index-season .swiper-container .swiper-wrapper .season-nav-item .border-thum-hide {
  opacity: 0 !important;
}

.index-season .swiper-container .swiper-wrapper .season-nav-item .border-active {
  -webkit-transition: width 0.7s ease-out, height 0.7s ease-out, top 0.7s ease-out !important;
  transition: width 0.7s ease-out, height 0.7s ease-out, top 0.7s ease-out !important;
  opacity: 1 !important;
  width: 2.055rem !important;
  height: 1.35rem !important;
  top: 0.05rem !important;
}

.index-season .swiper-container .swiper-wrapper .season-nav-item .img-thum {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.index-season .swiper-container .swiper-wrapper .season-nav-item .img-thum-active {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.index-season .thum-active {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  width: 2.15rem;
  -webkit-box-flex: 0.26;
  -webkit-flex-grow: 0.26;
  -ms-flex-positive: 0.26;
  flex-grow: 0.26;
}

.index-season.scrolled .bg-left {
  -webkit-animation: left-top-enter 0.25s 0.2s linear both;
  animation: left-top-enter 0.25s 0.2s linear both;
}

.index-season.scrolled .bg-right {
  -webkit-animation: right-bottom-enter 0.25s 0.2s linear both;
  animation: right-bottom-enter 0.25s 0.2s linear both;
}

@-webkit-keyframes left-top-enter {
  0% {
    -webkit-transform: translate(-1.4rem, -0.88rem);
    transform: translate(-1.4rem, -0.88rem);
    opacity: 0;
  }

  93.33% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-moz-keyframes left-top-enter {
  0% {
    transform: translate(-1.4rem, -0.88rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-ms-keyframes left-top-enter {
  0% {
    transform: translate(-1.4rem, -0.88rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-o-keyframes left-top-enter {
  0% {
    transform: translate(-1.4rem, -0.88rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes left-top-enter {
  0% {
    -webkit-transform: translate(-1.4rem, -0.88rem);
    transform: translate(-1.4rem, -0.88rem);
    opacity: 0;
  }

  93.33% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes right-bottom-enter {
  0% {
    -webkit-transform: translate(0.4rem, 0.4rem);
    transform: translate(0.4rem, 0.4rem);
    opacity: 0;
  }

  93.33% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-moz-keyframes right-bottom-enter {
  0% {
    transform: translate(0.4rem, 0.4rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-ms-keyframes right-bottom-enter {
  0% {
    transform: translate(0.4rem, 0.4rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-o-keyframes right-bottom-enter {
  0% {
    transform: translate(0.4rem, 0.4rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes right-bottom-enter {
  0% {
    -webkit-transform: translate(0.4rem, 0.4rem);
    transform: translate(0.4rem, 0.4rem);
    opacity: 0;
  }

  93.33% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

.index-season .thum-inactive {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.9s;
  transition: all 0.9s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.index-season .bg-enter-left {
  -webkit-animation: z__paixubufenxianhou_000_opacity_bezier_anim 0.517s 0.1s both;
  animation: z__paixubufenxianhou_000_opacity_bezier_anim 0.517s 0.1s both;
}

.index-season .bg-enter-left .img-char {
  -webkit-animation: z_juxing_592_kaobei_000_transform_bezier_anim_left 0.517s 0.1s both, z_juxing_592_kaobei_000_opacity_bezier_anim 0.517s 0.1s both;
  animation: z_juxing_592_kaobei_000_transform_bezier_anim_left 0.517s 0.1s both, z_juxing_592_kaobei_000_opacity_bezier_anim 0.517s 0.1s both;
}

@-webkit-keyframes z__paixubufenxianhou_000_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  51.61% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 1;
  }
}

@keyframes z__paixubufenxianhou_000_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  51.61% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_juxing_592_kaobei_000_transform_bezier_anim_left {
  0% {
    -webkit-transform: translate(0.64rem, 0);
    transform: translate(0.64rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  90.32% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes z_juxing_592_kaobei_000_transform_bezier_anim_left {
  0% {
    -webkit-transform: translate(0.64rem, 0);
    transform: translate(0.64rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  90.32% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes z_juxing_592_kaobei_000_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  51.61% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_juxing_592_kaobei_000_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  51.61% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 1;
  }
}

.index-season .bg-leave-left {
  -webkit-animation: z_anjia_kaobei_2_000_opacity_bezier_anim 0.5s 0s both;
  animation: z_anjia_kaobei_2_000_opacity_bezier_anim 0.5s 0s both;
}

.index-season .bg-leave-left .img-char {
  -webkit-animation: z_anjia_2_000_transform_bezier_anim_left 0.4s 0s both, z_anjia_2_000_opacity_bezier_anim 0.4s 0s both;
  animation: z_anjia_2_000_transform_bezier_anim_left 0.4s 0s both, z_anjia_2_000_opacity_bezier_anim 0.4s 0s both;
}

@-webkit-keyframes z_anjia_kaobei_2_000_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  53.33% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_anjia_kaobei_2_000_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  53.33% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes z_anjia_2_000_transform_bezier_anim_left {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    -webkit-transform: translate(-0.97rem, 0);
    transform: translate(-0.97rem, 0);
  }
}

@keyframes z_anjia_2_000_transform_bezier_anim_left {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    -webkit-transform: translate(-0.97rem, 0);
    transform: translate(-0.97rem, 0);
  }
}

@-webkit-keyframes z_anjia_2_000_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  41.67% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_anjia_2_000_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  41.67% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  100% {
    opacity: 0;
  }
}

.index-season .bg-enter-right {
  -webkit-animation: z__paixubufenxianhou_000_opacity_bezier_anim 0.517s 0.1s both;
  animation: z__paixubufenxianhou_000_opacity_bezier_anim 0.517s 0.1s both;
}

.index-season .bg-enter-right .img-char {
  -webkit-animation: z_juxing_592_kaobei_000_transform_bezier_anim_right 0.517s 0.1s both, z_juxing_592_kaobei_000_opacity_bezier_anim 0.517s 0.1s both;
  animation: z_juxing_592_kaobei_000_transform_bezier_anim_right 0.517s 0.1s both, z_juxing_592_kaobei_000_opacity_bezier_anim 0.517s 0.1s both;
}

@keyframes z__paixubufenxianhou_000_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  51.61% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_juxing_592_kaobei_000_transform_bezier_anim_right {
  0% {
    -webkit-transform: translate(-0.64rem, 0);
    transform: translate(-0.64rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  90.32% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes z_juxing_592_kaobei_000_transform_bezier_anim_right {
  0% {
    -webkit-transform: translate(-0.64rem, 0);
    transform: translate(-0.64rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  90.32% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes z_juxing_592_kaobei_000_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  51.61% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 1;
  }
}

.index-season .bg-leave-right {
  -webkit-animation: z_anjia_kaobei_2_000_opacity_bezier_anim 0.5s 0s both;
  animation: z_anjia_kaobei_2_000_opacity_bezier_anim 0.5s 0s both;
}

.index-season .bg-leave-right .img-char {
  -webkit-animation: z_anjia_2_000_transform_bezier_anim_right 0.4s 0s both, z_anjia_2_000_opacity_bezier_anim 0.4s 0s both;
  animation: z_anjia_2_000_transform_bezier_anim_right 0.4s 0s both, z_anjia_2_000_opacity_bezier_anim 0.4s 0s both;
}

@keyframes z_anjia_kaobei_2_000_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  53.33% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes z_anjia_2_000_transform_bezier_anim_right {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0.45rem, 0);
    transform: translate(0.45rem, 0);
  }
}

@keyframes z_anjia_2_000_transform_bezier_anim_right {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0.45rem, 0);
    transform: translate(0.45rem, 0);
  }
}

@keyframes z_anjia_2_000_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  41.67% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes flip-txt {
  from {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
  }

  to {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
  }
}

@keyframes flip-txt {
  from {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
  }

  to {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
  }
}

@-webkit-keyframes gradual-spacing {
  from {
    -webkit-transform: translate3d(-0.15rem, 0, 0);
    transform: translate3d(-0.15rem, 0, 0);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes gradual-spacing {
  from {
    -webkit-transform: translate3d(-0.15rem, 0, 0);
    transform: translate3d(-0.15rem, 0, 0);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.index-hero {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/bg_209746ea.jpg) no-repeat center center / cover;
  /** 英雄展示 **/
  /** 英雄导航 **/
  /** 英雄切换按钮 **/
}

.index-hero .hero-list {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -12rem;
  width: 25.6rem;
  height: 10.8rem;
  overflow: hidden;
  pointer-events: none;
}

.index-hero .hero-item {
  position: relative;
  pointer-events: none;
  visibility: hidden;
}

.index-hero .hero-item.selected {
  pointer-events: all;
  visibility: visible;
  z-index: 2;
}

.index-hero .hero-item.leave {
  visibility: none;
}

.index-hero .hero-item.guqinghan .hero-kv {
  top: 0.15rem;
}

.index-hero .hero-item.jyy .hero-kv {
  top: 1.84rem;
  margin-left: 0.7rem;
}

.index-hero .hero-item.jyy .hero-kv img {
  width: 10.68rem;
  height: 7.74rem;
}

.index-hero .hero-item.lm .hero-kv {
  top: 1.16rem;
  margin-left: 1.5rem;
}

.index-hero .hero-item.lm .hero-kv img {
  width: 8.58rem;
  height: 7.84rem;
}

.index-hero .hero-item.xl .hero-kv {
  top: 0;
  margin-left: 1.2rem;
}

.index-hero .hero-item.xl .hero-kv img {
  width: 10.34rem;
  height: 9.46rem;
}

.index-hero .hero-item.yll .hero-kv {
  top: 0.87rem;
  margin-left: 1.2rem;
}

.index-hero .hero-item.yll .hero-kv img {
  width: 11rem;
  height: 8.76rem;
}

.index-hero .hero-item.wuchen .hero-kv {
  top: 0.15rem;
  margin-left: 0.9rem;
}

.index-hero .hero-item img {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.index-hero .hero-item .hero-bg {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}

.index-hero .hero-item .hero-bg img {
  width: 21.41rem;
  height: 10.8rem;
}

.index-hero .hero-item .hero-icon {
  position: absolute;
  top: 1.02rem;
  left: 1.85rem;
  pointer-events: none;
}

.index-hero .hero-item .hero-icon img {
  width: 6rem;
  height: 5.8rem;
  opacity: 0.6;
}

.index-hero .hero-item .hero-kv {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-32%) !important;
  transform: translateX(-32%) !important;
  pointer-events: none;
}

.index-hero .hero-item .hero-kv img {
  width: 12.98rem;
  height: 10.64rem;
}

.index-hero .hero-item .hero-text {
  position: absolute;
  top: 3.31rem;
  left: 5.3rem;
  font-size: 0.14rem;
  line-height: 1.4;
  color: #737373;
}

.index-hero .hero-item .hero-text .hero-text-bg {
  padding-top: 0.64rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -0 -3.44rem;
  width: 3.65rem;
  height: 3.61rem;
}

.index-hero .hero-item .hero-text .hero-text-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  height: 0.52rem;
  font-family: "fzcysong", sans-serif;
}

.index-hero .hero-item .hero-text .hero-name {
  font-size: 0.35rem;
  color: #000;
}

.index-hero .hero-item .hero-text .hero-cv-name {
  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-left: 0.3rem;
  font-size: 0.18rem;
}

.index-hero .hero-item .hero-text .hero-audio-button {
  margin-left: 0.08rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -10.42rem -4.87rem;
  width: 0.14rem;
  height: 0.18rem;
  cursor: pointer;
}

.index-hero .hero-item .hero-text .hero-audio-button.is-playing {
  width: 0.16rem;
  height: 0.2rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/btn-audio-anim_afc52f86.png);
  background-size: 0.32rem 0.4rem;
  -webkit-animation: btn-audio-anim 1s 0s steps(1) infinite normal;
  animation: btn-audio-anim 1s 0s steps(1) infinite normal;
}

.index-hero .hero-item .hero-text .hero-desc {
  margin-top: 0.24rem;
  white-space: pre;
  font-size: 0.16rem;
  color: #797979;
}

.index-hero .hero-item .hero-text .hero-skill-list {
  margin-top: 0.24rem;
  margin-left: -0.08rem;
  width: 4rem;
}

.index-hero .hero-item .hero-text .hero-skill-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.06rem;
}

.index-hero .hero-item .hero-text .hero-skill-item .hero-skill-icon {
  margin-right: 0.1rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0.46rem;
  -ms-flex: 0 0 0.46rem;
  flex: 0 0 0.46rem;
  width: 0.46rem;
  height: 0.46rem;
}

.index-hero .hero-item .hero-text .hero-skill-item .hero-skill-icon img {
  width: 100%;
  height: 100%;
}

.index-hero .hero-item .hero-text .hero-skill-item .hero-skill-desc {
  font-size: 0.16rem;
  color: #797979;
  line-height: 0.2rem;
}

.index-hero .hero-item.sm .hero-icon,
.index-hero .hero-item.sm .hero-icon img {
  width: 2.38rem;
  height: 2.38rem;
  opacity: 1;
}

.index-hero .hero-item.sm .hero-icon {
  left: 3.62rem;
  top: 2.54rem;
}

.index-hero .hero-item.sm .hero-kv,
.index-hero .hero-item.sm .hero-kv img {
  width: 8.58rem;
  height: 8.92rem;
}

.index-hero .hero-item.ll .hero-icon {
  left: 3.62rem;
  top: 2.54rem;
}

.index-hero .hero-item.ll .hero-icon img {
  width: 2.38rem;
  height: 2.38rem;
}

.index-hero .hero-item.ll .hero-bg {
  right: 1.8rem;
}

.index-hero .hero-item.ll .hero-kv {
  top: 1.81rem;
  -webkit-transform: translateX(-32%) !important;
  transform: translateX(-32%) !important;
}

.index-hero .hero-item.ll .hero-kv img {
  width: 13.25rem;
  height: 7.65rem;
}

.index-hero .hero-nav-box {
  position: absolute;
  top: 8.53rem;
  left: 50%;
  right: 0;
  padding-left: 0.4rem;
  margin-left: -2.04rem;
  z-index: 9;
}

.index-hero .hero-nav-box .hero-nav-line {
  position: absolute;
  top: 0.44rem;
  left: 0;
  right: 0;
  height: 0.01rem;
  background: rgba(230, 0, 18, 0.3);
}

.index-hero .hero-nav-box .hero-nav-line:before {
  content: "";
  position: absolute;
  top: -0.08rem;
  left: -0.17rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.49rem -5.98rem;
  width: 0.21rem;
  height: 0.17rem;
}

.index-hero .hero-nav-list {
  width: 9.8rem;
  position: relative;
  top: -0.21rem;
  margin-left: 0;
}

.index-hero .hero-nav-item {
  position: relative;
  width: 1.32rem;
  height: 1.32rem;
  cursor: pointer;
}

.index-hero .hero-nav-item .hero-nav-icon,
.index-hero .hero-nav-item .hero-nav-icon-hover {
  position: absolute;
  top: 0.21rem;
  left: 0.21rem;
  width: 0.9rem;
  height: 0.9rem;
}

.index-hero .hero-nav-item .hero-nav-icon img,
.index-hero .hero-nav-item .hero-nav-icon-hover img {
  width: 100%;
  height: 100%;
}

.index-hero .hero-nav-item .hero-nav-icon-selected {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.32rem;
  height: 1.32rem;
  pointer-events: none;
}

.index-hero .hero-nav-item .hero-nav-icon-selected img {
  width: 100%;
  height: 100%;
}

.index-hero .hero-nav-item .hero-nav-icon-hover,
.index-hero .hero-nav-item .hero-nav-icon-selected {
  opacity: 0;
}

.index-hero .hero-nav-item:hover .hero-nav-icon-hover {
  -webkit-animation: fadeIn 0.2s both;
  animation: fadeIn 0.2s both;
}

.index-hero .hero-nav-item:hover .hero-nav-icon {
  -webkit-animation: fadeOut 0.1s 0.1s both;
  animation: fadeOut 0.1s 0.1s both;
}

.index-hero .hero-nav-item.selected .hero-nav-icon-selected {
  opacity: 1;
  -webkit-animation: scaleUpIn 0.2s both;
  animation: scaleUpIn 0.2s both;
}

.index-hero .hero-nav-item.selected .hero-nav-icon,
.index-hero .hero-nav-item.selected .hero-nav-icon-hover {
  opacity: 0;
}

.index-hero .hero-buttons {
  position: absolute;
  top: 5.46rem;
  left: 50%;
  -webkit-transform: translate(-56%, 0);
  transform: translate(-56%, 0);
  width: 18.95rem;
  height: 0;
  z-index: 9;
}

.index-hero .hero-buttons .hero-prev,
.index-hero .hero-buttons .hero-next {
  position: absolute;
  top: 0;
  cursor: pointer;
}

.index-hero .hero-buttons .hero-prev {
  left: 2.74rem;
}

.index-hero .hero-buttons .hero-next {
  right: 0.25rem;
}

.index-hero.scrolled {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

.index-hero.scrolled .hero-item.selected .hero-kv {
  -webkit-animation: heroEnter 0.47s cubic-bezier(0.33, 0, 0.1, 0.99) both, fadeIn 0.133s both;
  animation: heroEnter 0.47s cubic-bezier(0.33, 0, 0.1, 0.99) both, fadeIn 0.133s both;
}

.index-hero.scrolled .hero-item.selected .hero-icon {
  -webkit-animation: scaleDownIn 0.3s 0.083s cubic-bezier(0.33, 0, 0.42, 1) both, fadeIn 0.3s 0.083s cubic-bezier(0.33, 0, 0.42, 1) both;
  animation: scaleDownIn 0.3s 0.083s cubic-bezier(0.33, 0, 0.42, 1) both, fadeIn 0.3s 0.083s cubic-bezier(0.33, 0, 0.42, 1) both;
}

.index-hero.scrolled .hero-item.selected .hero-bg {
  -webkit-animation: heroEnter 0.433s 0.083s cubic-bezier(0.33, 0, 0.1, 0.99) both, fadeIn 0.2s 0.083s both;
  animation: heroEnter 0.433s 0.083s cubic-bezier(0.33, 0, 0.1, 0.99) both, fadeIn 0.2s 0.083s both;
}

.index-hero.scrolled .hero-item.selected .hero-text {
  -webkit-animation: heroEnter 0.467s 0.05s cubic-bezier(0.33, 0, 0.1, 0.99) both, fadeIn 0.1167s 0.167s both;
  animation: heroEnter 0.467s 0.05s cubic-bezier(0.33, 0, 0.1, 0.99) both, fadeIn 0.1167s 0.167s both;
}

.index-hero.scrolled .hero-item.selected.enter .hero-kv {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.index-hero.scrolled .hero-item.selected.enter .hero-bg,
.index-hero.scrolled .hero-item.selected.enter .hero-icon {
  -webkit-animation-delay: 0.483s;
  animation-delay: 0.483s;
}

.index-hero.scrolled .hero-item.selected.enter .hero-text {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}

.index-hero.scrolled .hero-item.leave .hero-kv {
  -webkit-animation: heroLeave 0.47s both, fadeOut 0.133s both;
  animation: heroLeave 0.47s both, fadeOut 0.133s both;
}

.index-hero.scrolled .hero-item.leave .hero-bg,
.index-hero.scrolled .hero-item.leave .hero-text {
  -webkit-animation: fadeOut 0.3s both;
  animation: fadeOut 0.3s both;
}

.index-hero.scrolled .hero-item.leave .hero-icon {
  animation: scaleUpIn 0.3s 0.083s reverse cubic-bezier(0.33, 0, 0.42, 1) both, fadeOut 0.3s 0.083s cubic-bezier(0.33, 0, 0.42, 1) both;
}

@-webkit-keyframes heroEnter {
  0% {
    -webkit-transform: translate(1.46rem, 0);
    transform: translate(1.46rem, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-moz-keyframes heroEnter {
  0% {
    transform: translate(1.46rem, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@-ms-keyframes heroEnter {
  0% {
    transform: translate(1.46rem, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@-o-keyframes heroEnter {
  0% {
    transform: translate(1.46rem, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@keyframes heroEnter {
  0% {
    -webkit-transform: translate(1.46rem, 0);
    transform: translate(1.46rem, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes heroLeave {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    -webkit-transform: translate(-1.46rem, 0);
    transform: translate(-1.46rem, 0);
  }
}

@-moz-keyframes heroLeave {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-1.46rem, 0);
  }
}

@-ms-keyframes heroLeave {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-1.46rem, 0);
  }
}

@-o-keyframes heroLeave {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-1.46rem, 0);
  }
}

@keyframes heroLeave {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    -webkit-transform: translate(-1.46rem, 0);
    transform: translate(-1.46rem, 0);
  }
}

@-webkit-keyframes btn-audio-anim {
  0% {
    background-position: 0 0;
  }

  25% {
    background-position: -0.16rem 0;
  }

  50% {
    background-position: 0 -0.2rem;
  }

  75% {
    background-position: -0.16rem -0.2rem;
  }

  100% {
    background-position: 0 0;
  }
}

@-moz-keyframes btn-audio-anim {
  0% {
    background-position: 0 0;
  }

  25% {
    background-position: -0.16rem 0;
  }

  50% {
    background-position: 0 -0.2rem;
  }

  75% {
    background-position: -0.16rem -0.2rem;
  }

  100% {
    background-position: 0 0;
  }
}

@-ms-keyframes btn-audio-anim {
  0% {
    background-position: 0 0;
  }

  25% {
    background-position: -0.16rem 0;
  }

  50% {
    background-position: 0 -0.2rem;
  }

  75% {
    background-position: -0.16rem -0.2rem;
  }

  100% {
    background-position: 0 0;
  }
}

@-o-keyframes btn-audio-anim {
  0% {
    background-position: 0 0;
  }

  25% {
    background-position: -0.16rem 0;
  }

  50% {
    background-position: 0 -0.2rem;
  }

  75% {
    background-position: -0.16rem -0.2rem;
  }

  100% {
    background-position: 0 0;
  }
}

@keyframes btn-audio-anim {
  0% {
    background-position: 0 0;
  }

  25% {
    background-position: -0.16rem 0;
  }

  50% {
    background-position: 0 -0.2rem;
  }

  75% {
    background-position: -0.16rem -0.2rem;
  }

  100% {
    background-position: 0 0;
  }
}

.index-weapon {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/bg_f9884534.jpg) no-repeat center center / cover;
  /** 武器导航 **/
  /** 英雄切换按钮 **/
  /** 武器展示 **/
}

.index-weapon .bg-right {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-right: -12.8rem;
  width: 21.66rem;
  height: 10.2rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/bg-right_294df459.png);
  background-size: 100% 100%;
}

.index-weapon .weapon-nav-box {
  position: absolute;
  top: 8.8rem;
  right: 50%;
  margin-right: -4.6rem;
  z-index: 9;
  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;
}

.index-weapon .weapon-nav-box .weapon-nav-line {
  position: absolute;
  top: 0.6rem;
  left: 0;
  right: 0;
  height: 0.01rem;
  background: rgba(230, 0, 18, 0.3);
}

.index-weapon .weapon-nav-box .weapon-nav-line:before {
  content: "";
  position: absolute;
  top: -0.08rem;
  right: -0.17rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.74rem -5.98rem;
  width: 0.21rem;
  height: 0.17rem;
}

.index-weapon .weapon-type-tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 1.92rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 1.92rem;
  -ms-flex: 0 0 1.92rem;
  flex: 0 0 1.92rem;
}

.index-weapon .weapon-type-tabs .weapon-type-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 0.76rem;
  height: 0.5rem;
  font-size: 0.24rem;
  font-family: "fzcysong", sans-serif;
  color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.index-weapon .weapon-type-tabs .weapon-type-tab.selected {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 1.16rem;
  -ms-flex: 0 0 1.16rem;
  flex: 0 0 1.16rem;
  width: 1.16rem;
  font-size: 0;
  text-indent: -9999em;
}

.index-weapon .weapon-type-tabs .weapon-type-tab[data-type="1"] {
  padding-left: 0.24rem;
}

.index-weapon .weapon-type-tabs .weapon-type-tab[data-type="1"].selected {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -7.52rem -3.99rem;
  width: 1.16rem;
  height: 0.5rem;
}

.index-weapon .weapon-type-tabs .weapon-type-tab[data-type="2"] {
  text-align: right;
  padding-right: 0.24rem;
}

.index-weapon .weapon-type-tabs .weapon-type-tab[data-type="2"].selected {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.42rem -1.48rem;
  width: 1.16rem;
  height: 0.51rem;
}

.index-weapon .weapon-nav-list {
  margin: -0.03rem 0 0;
  padding: 0 0.18rem;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 9rem;
  -ms-flex: 0 0 9rem;
  flex: 0 0 9rem;
  width: 9rem;
  height: 0.9rem;
}

.index-weapon .weapon-nav-item {
  position: relative;
  text-align: center;
  margin-top: 0.12rem;
  width: 1.5rem;
  height: 0.5rem;
  color: #e60012;
  cursor: pointer;
  opacity: 0.4;
}

.index-weapon .weapon-nav-item .iconfont {
  position: relative;
  fill: currentColor;
  width: 1.1rem;
  height: 0.5rem;
  pointer-events: none;
}

.index-weapon .weapon-nav-item .iconfont.shan {
  scale: 1.5;
}

.index-weapon .weapon-nav-item .iconfont.hengdao {
  scale: 2.3;
}

.index-weapon .weapon-nav-item:hover,
.index-weapon .weapon-nav-item.selected {
  opacity: 1;
}

.index-weapon .weapon-nav-item.selected:before {
  content: "";
  position: absolute;
  top: -0.12rem;
  left: -0.18rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -7.52rem -1.48rem;
  width: 1.86rem;
  height: 0.89rem;
}

.index-weapon .weapon-buttons {
  position: absolute;
  top: 5.9rem;
  left: calc(50% + 1rem);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 17.2rem;
  height: 0;
  z-index: 9;
}

.index-weapon .weapon-buttons .weapon-prev,
.index-weapon .weapon-buttons .weapon-next {
  position: absolute;
}

.index-weapon .weapon-buttons .weapon-prev {
  left: 0.04rem;
}

.index-weapon .weapon-buttons .weapon-next {
  right: 0.8rem;
}

.index-weapon .weapon-list {
  position: absolute;
  top: -0.8rem;
  left: 50%;
  margin-left: -12.8rem;
  width: 25.6rem;
  height: 0;
}

.index-weapon .weapon-item {
  position: relative;
  pointer-events: none;
  visibility: hidden;
}

.index-weapon .weapon-item.selected {
  pointer-events: all;
  visibility: visible;
  z-index: 2;
}

.index-weapon .weapon-item.leave {
  visibility: hidden;
}

.index-weapon .weapon-item .weapon-kv,
.index-weapon .weapon-item .weapon-shadow,
.index-weapon .weapon-item .weapon-name-img {
  position: absolute;
}

.index-weapon .weapon-item .weapon-text {
  position: absolute;
  top: 5.66rem;
  left: 6.68rem;
}

.index-weapon .weapon-item .weapon-text .weapon-text-bg {
  padding-top: 0.3rem;
  padding-left: 0.5rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -0 -0;
  width: 3.88rem;
  height: 3.4rem;
  color: #797979;
}

.index-weapon .weapon-item .weapon-text .weapon-text-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 0.35rem;
  font-family: "fzcysong", sans-serif;
}

.index-weapon .weapon-item .weapon-text .weapon-name {
  font-size: 0.35rem;
  color: #000;
}

.index-weapon .weapon-item .weapon-text .weapon-video-button {
  margin-left: 0.1rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -7.52rem -6.54rem;
  width: 0.4rem;
  height: 0.4rem;
}

.index-weapon .weapon-item .weapon-text .weapon-video-button:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -7.96rem -6.54rem;
  width: 0.4rem;
  height: 0.4rem;
}

.index-weapon .weapon-item .weapon-text .weapon-desc {
  margin-top: 0.32rem;
  color: #797979;
}

.index-weapon .weapon-item.hengdao .weapon-kv {
  top: 3.32rem;
  left: 11.3rem;
}

.index-weapon .weapon-item.hengdao .weapon-kv img {
  width: 8.32rem;
  height: 5.71rem;
}

.index-weapon .weapon-item.hengdao .weapon-name-img {
  top: 3.76rem;
  left: 13.24rem;
}

.index-weapon .weapon-item.hengdao .weapon-name-img img {
  width: 4.44rem;
  height: 5.12rem;
}

.index-weapon .weapon-item.hengdao .weapon-shadow {
  top: 1.1rem;
  left: 13.9rem;
}

.index-weapon .weapon-item.hengdao .weapon-shadow img {
  width: 8.74rem;
  height: 5.9rem;
}

.index-weapon .weapon-item.changjian .weapon-kv {
  top: 2.64rem;
  left: 11.8rem;
}

.index-weapon .weapon-item.changjian .weapon-kv img {
  width: 8.59rem;
  height: 6.93rem;
}

.index-weapon .weapon-item.changjian .weapon-name-img {
  top: 3.73rem;
  left: 13.31rem;
}

.index-weapon .weapon-item.changjian .weapon-name-img img {
  width: 4.76rem;
  height: 5.51rem;
}

.index-weapon .weapon-item.changjian .weapon-shadow {
  top: 0.27rem;
  left: 12.08rem;
}

.index-weapon .weapon-item.changjian .weapon-shadow img {
  width: 12.96rem;
  height: 10.4rem;
}

.index-weapon .weapon-item.penhuotong .weapon-shadow {
  left: 17.24rem;
  width: 100%;
}

.index-weapon .weapon-item.penhuotong .weapon-name-img {
  left: 18.24rem;
  width: 2.96rem;
  height: 6.2rem;
  top: 2rem;
}

.index-weapon .weapon-item.penhuotong .weapon-name-img img {
  width: 100%;
  height: 100%;
}

.index-weapon .weapon-item.penhuotong .weapon-kv {
  left: 12.3rem;
  top: 2.7rem;
  height: 6rem;
}

.index-weapon .weapon-item.penhuotong .weapon-kv img {
  height: 100%;
}

.index-weapon .weapon-item.yiwofeng .weapon-kv {
  top: 3.9rem;
  left: 11.5rem;
}

.index-weapon .weapon-item.yiwofeng .weapon-kv img {
  width: 6.68rem;
  height: 4.99rem;
}

.index-weapon .weapon-item.yiwofeng .weapon-name-img {
  top: 3rem;
  left: 16.3rem;
}

.index-weapon .weapon-item.yiwofeng .weapon-name-img img {
  width: 3.49rem;
  height: 5.22rem;
}

.index-weapon .weapon-item.yiwofeng .weapon-shadow {
  top: 0.85rem;
  left: -0.95rem;
}

.index-weapon .weapon-item.yiwofeng .weapon-shadow img {
  width: 25.6rem;
  height: 10.8rem;
}

.index-weapon .weapon-item.wanrenlun .weapon-kv {
  top: 3.65rem;
  left: 12.45rem;
}

.index-weapon .weapon-item.wanrenlun .weapon-kv img {
  width: 6.32rem;
  height: 4.85rem;
}

.index-weapon .weapon-item.wanrenlun .weapon-name-img {
  top: 2.3rem;
  left: 16.3rem;
}

.index-weapon .weapon-item.wanrenlun .weapon-name-img img {
  width: 3.71rem;
  height: 5.35rem;
}

.index-weapon .weapon-item.wanrenlun .weapon-shadow {
  top: 0.85rem;
  left: 0;
}

.index-weapon .weapon-item.wanrenlun .weapon-shadow img {
  width: 25.6rem;
  height: 10.8rem;
}

.index-weapon .weapon-item.taidao .weapon-kv {
  top: 2.42rem;
  left: 12.09rem;
}

.index-weapon .weapon-item.taidao .weapon-kv img {
  width: 8.32rem;
  height: 6.89rem;
}

.index-weapon .weapon-item.taidao .weapon-name-img {
  top: 2.77rem;
  left: 13.47rem;
}

.index-weapon .weapon-item.taidao .weapon-name-img img {
  width: 4.81rem;
  height: 6.27rem;
}

.index-weapon .weapon-item.taidao .weapon-shadow {
  top: 0.86rem;
  left: 12.75rem;
}

.index-weapon .weapon-item.taidao .weapon-shadow img {
  width: 12.72rem;
  height: 9.3rem;
}

.index-weapon .weapon-item.kuodao .weapon-kv {
  top: 2.51rem;
  left: 11.94rem;
}

.index-weapon .weapon-item.kuodao .weapon-kv img {
  width: 9.03rem;
  height: 7.01rem;
}

.index-weapon .weapon-item.kuodao .weapon-name-img {
  top: 3.67rem;
  left: 13.66rem;
}

.index-weapon .weapon-item.kuodao .weapon-name-img img {
  width: 4.83rem;
  height: 5.53rem;
}

.index-weapon .weapon-item.kuodao .weapon-shadow {
  top: 0.19rem;
  left: 13.09rem;
}

.index-weapon .weapon-item.kuodao .weapon-shadow img {
  width: 12.76rem;
  height: 10.61rem;
}

.index-weapon .weapon-item.zhanmadao .weapon-kv {
  top: 1.7rem;
  left: 11.5rem;
}

.index-weapon .weapon-item.zhanmadao .weapon-kv img {
  width: 9.81rem;
  height: 7.21rem;
}

.index-weapon .weapon-item.zhanmadao .weapon-name-img {
  top: 2.55rem;
  left: 15.55rem;
}

.index-weapon .weapon-item.zhanmadao .weapon-name-img img {
  width: 3.75rem;
  height: 5.66rem;
}

.index-weapon .weapon-item.zhanmadao .weapon-shadow {
  top: 0.85rem;
  left: -0.95rem;
}

.index-weapon .weapon-item.zhanmadao .weapon-shadow img {
  width: 25.6rem;
  height: 10.8rem;
}

.index-weapon .weapon-item.bishou .weapon-kv {
  top: 3.21rem;
  left: 12.6rem;
}

.index-weapon .weapon-item.bishou .weapon-kv img {
  width: 7.88rem;
  height: 5.63rem;
}

.index-weapon .weapon-item.bishou .weapon-name-img {
  top: 3.67rem;
  left: 13.66rem;
}

.index-weapon .weapon-item.bishou .weapon-name-img img {
  width: 4.96rem;
  height: 5.09rem;
}

.index-weapon .weapon-item.bishou .weapon-shadow {
  top: 0.94rem;
  left: 16.79rem;
}

.index-weapon .weapon-item.bishou .weapon-shadow img {
  width: 8.98rem;
  height: 6.42rem;
}

.index-weapon .weapon-item.shan .weapon-kv {
  top: 3.41rem;
  left: 12.6rem;
}

.index-weapon .weapon-item.shan .weapon-kv img {
  width: 6.38rem;
  height: 5.14rem;
}

.index-weapon .weapon-item.shan .weapon-name-img {
  top: 5.37rem;
  left: 16.46rem;
}

.index-weapon .weapon-item.shan .weapon-name-img img {
  width: 3.22rem;
  height: 3.32rem;
}

.index-weapon .weapon-item.shan .weapon-shadow {
  top: 0.8rem;
  left: 17.49rem;
}

.index-weapon .weapon-item.shan .weapon-shadow img {
  width: 8.38rem;
  height: 5.54rem;
}

.index-weapon .weapon-item.shuangdao .weapon-kv {
  top: 2.81rem;
  left: 12rem;
}

.index-weapon .weapon-item.shuangdao .weapon-kv img {
  width: 9.21rem;
  height: 7.06rem;
}

.index-weapon .weapon-item.shuangdao .weapon-name-img {
  top: 3.27rem;
  left: 13.06rem;
}

.index-weapon .weapon-item.shuangdao .weapon-name-img img {
  width: 5.67rem;
  height: 5.51rem;
}

.index-weapon .weapon-item.shuangdao .weapon-shadow {
  top: 0.94rem;
  left: 14.79rem;
}

.index-weapon .weapon-item.shuangdao .weapon-shadow img {
  width: 11.02rem;
  height: 7.44rem;
}

.index-weapon .weapon-item.qiang .weapon-shadow {
  left: 17.24rem;
  width: 100%;
}

.index-weapon .weapon-item.qiang .weapon-name-img {
  left: 12.24rem;
  top: 3.1rem;
}

.index-weapon .weapon-item.qiang .weapon-name-img img {
  width: 100%;
  height: 100%;
}

.index-weapon .weapon-item.qiang .weapon-kv {
  left: 12.3rem;
  top: 2.7rem;
  height: 7rem;
}

.index-weapon .weapon-item.qiang .weapon-kv img {
  height: 100%;
}

.index-weapon .weapon-item.gun .weapon-shadow {
  left: 14.8rem;
  top: 1.9rem;
  width: 100%;
}

.index-weapon .weapon-item.gun .weapon-name-img {
  left: 12.24rem;
  top: 3.1rem;
}

.index-weapon .weapon-item.gun .weapon-name-img img {
  width: 100%;
  height: 100%;
}

.index-weapon .weapon-item.gun .weapon-kv {
  left: 13rem;
  top: 2rem;
  height: 7.25rem;
}

.index-weapon .weapon-item.gun .weapon-kv img {
  height: 100%;
}

.index-weapon .weapon-item.huopao .weapon-kv {
  top: 2.99rem;
  left: 12.17rem;
}

.index-weapon .weapon-item.huopao .weapon-kv img {
  width: 8.48rem;
  height: 6.08rem;
}

.index-weapon .weapon-item.huopao .weapon-name-img {
  top: 3.22rem;
  left: 12.9rem;
}

.index-weapon .weapon-item.huopao .weapon-name-img img {
  width: 6.17rem;
  height: 5.78rem;
}

.index-weapon .weapon-item.huopao .weapon-shadow {
  top: 1.26rem;
  left: 15.7rem;
}

.index-weapon .weapon-item.huopao .weapon-shadow img {
  width: 9.85rem;
  height: 6.65rem;
}

.index-weapon .weapon-item.gong .weapon-kv {
  top: 3.21rem;
  left: 12.08rem;
}

.index-weapon .weapon-item.gong .weapon-kv img {
  width: 9.05rem;
  height: 6.02rem;
}

.index-weapon .weapon-item.gong .weapon-name-img {
  top: 3.39rem;
  left: 13.01rem;
}

.index-weapon .weapon-item.gong .weapon-name-img img {
  width: 2.94rem;
  height: 4.11rem;
}

.index-weapon .weapon-item.gong .weapon-shadow {
  top: 0.66rem;
  left: 10.72rem;
}

.index-weapon .weapon-item.gong .weapon-shadow img {
  width: 15.88rem;
  height: 10rem;
}

.index-weapon .weapon-item.wuyanchong .weapon-kv {
  top: 3.81rem;
  left: 12.31rem;
}

.index-weapon .weapon-item.wuyanchong .weapon-kv img {
  width: 7.84rem;
  height: 5.62rem;
}

.index-weapon .weapon-item.wuyanchong .weapon-name-img {
  top: 2.54rem;
  left: 16.43rem;
}

.index-weapon .weapon-item.wuyanchong .weapon-name-img img {
  width: 4.42rem;
  height: 6.26rem;
}

.index-weapon .weapon-item.wuyanchong .weapon-shadow {
  top: 1.26rem;
  left: 17.24rem;
}

.index-weapon .weapon-item.wuyanchong .weapon-shadow img {
  width: 9.16rem;
  height: 6.38rem;
}

.index-weapon .weapon-item.niaochong .weapon-kv {
  top: 2.9rem;
  left: 11.62rem;
}

.index-weapon .weapon-item.niaochong .weapon-kv img {
  width: 9.84rem;
  height: 6.12rem;
}

.index-weapon .weapon-item.niaochong .weapon-name-img {
  top: 3.43rem;
  left: 13.48rem;
}

.index-weapon .weapon-item.niaochong .weapon-name-img img {
  width: 5.12rem;
  height: 5.55rem;
}

.index-weapon .weapon-item.niaochong .weapon-shadow {
  top: 0.55rem;
  left: 10.97rem;
}

.index-weapon .weapon-item.niaochong .weapon-shadow img {
  width: 14.95rem;
  height: 4.99rem;
}

.index-weapon .weapon-item.liannu .weapon-kv {
  top: 3.1rem;
  left: 11.62rem;
}

.index-weapon .weapon-item.liannu .weapon-kv img {
  width: 8.53rem;
  height: 5.44rem;
}

.index-weapon .weapon-item.liannu .weapon-name-img {
  top: 3.63rem;
  left: 13.48rem;
}

.index-weapon .weapon-item.liannu .weapon-name-img img {
  width: 6.27rem;
  height: 5.38rem;
}

.index-weapon .weapon-item.liannu .weapon-shadow {
  top: 0.75rem;
  left: 14.97rem;
}

.index-weapon .weapon-item.liannu .weapon-shadow img {
  width: 10.52rem;
  height: 6.9rem;
}

.index-weapon.scrolled {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

.index-weapon.scrolled .bg-right {
  -webkit-animation: right-enter 0.25s 0.4s linear both;
  animation: right-enter 0.25s 0.4s linear both;
}

.index-weapon.scrolled .weapon-nav-box {
  -webkit-animation: weaponEnter 0.47s 0.4s cubic-bezier(0.33, 0, 0.1, 0.99) both, fadeIn 0.133s 0.4s both;
  animation: weaponEnter 0.47s 0.4s cubic-bezier(0.33, 0, 0.1, 0.99) both, fadeIn 0.133s 0.4s both;
}

.index-weapon.scrolled .weapon-item.selected .weapon-kv {
  -webkit-animation: weaponEnter 0.47s cubic-bezier(0.33, 0, 0.1, 0.99) both, fadeIn 0.133s both;
  animation: weaponEnter 0.47s cubic-bezier(0.33, 0, 0.1, 0.99) both, fadeIn 0.133s both;
}

.index-weapon.scrolled .weapon-item.selected .weapon-name-img {
  -webkit-animation: weaponNameIn 0.3s 0.083s cubic-bezier(0.33, 0, 0.42, 1) both;
  animation: weaponNameIn 0.3s 0.083s cubic-bezier(0.33, 0, 0.42, 1) both;
}

.index-weapon.scrolled .weapon-item.selected .weapon-shadow {
  -webkit-animation: weaponEnter 0.433s 0.083s cubic-bezier(0.33, 0, 0.1, 0.99) both, fadeIn 0.2s 0.083s both;
  animation: weaponEnter 0.433s 0.083s cubic-bezier(0.33, 0, 0.1, 0.99) both, fadeIn 0.2s 0.083s both;
}

.index-weapon.scrolled .weapon-item.selected .weapon-text {
  -webkit-animation: weaponEnter 0.467s 0.05s cubic-bezier(0.33, 0, 0.1, 0.99) both, fadeIn 0.1167s 0.167s both;
  animation: weaponEnter 0.467s 0.05s cubic-bezier(0.33, 0, 0.1, 0.99) both, fadeIn 0.1167s 0.167s both;
}

.index-weapon.scrolled .weapon-item.selected.enter .weapon-kv {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.index-weapon.scrolled .weapon-item.selected.enter .weapon-name-img {
  -webkit-animation-delay: 0.483s;
  animation-delay: 0.483s;
}

.index-weapon.scrolled .weapon-item.selected.enter .weapon-shadow {
  -webkit-animation-delay: 0.483s;
  animation-delay: 0.483s;
}

.index-weapon.scrolled .weapon-item.selected.enter .weapon-text {
  -webkit-animation-delay: 0.45s, 0.567s;
  animation-delay: 0.45s, 0.567s;
}

.index-weapon.scrolled .weapon-item.leave .weapon-kv,
.index-weapon.scrolled .weapon-item.leave .weapon-shadow,
.index-weapon.scrolled .weapon-item.leave .weapon-text {
  -webkit-animation: weaponOut 0.47s cubic-bezier(0.33, 0, 0.1, 0.99) both, fadeOut 0.133s both;
  animation: weaponOut 0.47s cubic-bezier(0.33, 0, 0.1, 0.99) both, fadeOut 0.133s both;
}

.index-weapon.scrolled .weapon-item.leave .weapon-name-img {
  -webkit-animation: weaponNameOut 0.3s 0.083s cubic-bezier(0.33, 0, 0.42, 1) both;
  animation: weaponNameOut 0.3s 0.083s cubic-bezier(0.33, 0, 0.42, 1) both;
}

@-webkit-keyframes weaponEnter {
  0% {
    -webkit-transform: translate(1.46rem, 0);
    transform: translate(1.46rem, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-moz-keyframes weaponEnter {
  0% {
    transform: translate(1.46rem, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@-ms-keyframes weaponEnter {
  0% {
    transform: translate(1.46rem, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@-o-keyframes weaponEnter {
  0% {
    transform: translate(1.46rem, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@keyframes weaponEnter {
  0% {
    -webkit-transform: translate(1.46rem, 0);
    transform: translate(1.46rem, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes weaponOut {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    -webkit-transform: translate(-1.46rem, 0);
    transform: translate(-1.46rem, 0);
  }
}

@-moz-keyframes weaponOut {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-1.46rem, 0);
  }
}

@-ms-keyframes weaponOut {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-1.46rem, 0);
  }
}

@-o-keyframes weaponOut {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-1.46rem, 0);
  }
}

@keyframes weaponOut {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    -webkit-transform: translate(-1.46rem, 0);
    transform: translate(-1.46rem, 0);
  }
}

@-webkit-keyframes weaponNameIn {
  0% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
  }
}

@-moz-keyframes weaponNameIn {
  0% {
    transform: scale(1.3);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 0.8;
  }
}

@-ms-keyframes weaponNameIn {
  0% {
    transform: scale(1.3);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 0.8;
  }
}

@-o-keyframes weaponNameIn {
  0% {
    transform: scale(1.3);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 0.8;
  }
}

@keyframes weaponNameIn {
  0% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
  }
}

@-webkit-keyframes weaponNameOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
  }

  100% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    opacity: 0;
  }
}

@-moz-keyframes weaponNameOut {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }

  100% {
    transform: scale(0.75);
    opacity: 0;
  }
}

@-ms-keyframes weaponNameOut {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }

  100% {
    transform: scale(0.75);
    opacity: 0;
  }
}

@-o-keyframes weaponNameOut {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }

  100% {
    transform: scale(0.75);
    opacity: 0;
  }
}

@keyframes weaponNameOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
  }

  100% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    opacity: 0;
  }
}

@-webkit-keyframes right-enter {
  0% {
    -webkit-transform: translate(0.4rem, -0.4rem);
    transform: translate(0.4rem, -0.4rem);
    opacity: 0;
  }

  93.33% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-moz-keyframes right-enter {
  0% {
    transform: translate(0.4rem, -0.4rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-ms-keyframes right-enter {
  0% {
    transform: translate(0.4rem, -0.4rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-o-keyframes right-enter {
  0% {
    transform: translate(0.4rem, -0.4rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes right-enter {
  0% {
    -webkit-transform: translate(0.4rem, -0.4rem);
    transform: translate(0.4rem, -0.4rem);
    opacity: 0;
  }

  93.33% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

.index-feature {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/bg_37639a8b.jpg) no-repeat center center / cover;
}

.index-feature .bg-left {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -12.8rem;
  width: 23.5rem;
  height: 10.8rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/bg-left_c67658df.png);
  background-size: 100% 100%;
}

.index-feature .bg-right {
  position: absolute;
  top: 0;
  right: 50%;
  margin-right: -12.8rem;
  width: 7.78rem;
  height: 4.76rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/bg-right_195aa378.png);
  background-size: 100% 100%;
}

.index-feature .feature-banner {
  position: absolute;
  top: 2.6rem;
  left: 50%;
  margin-left: -7.4rem;
  width: 14.55rem;
  height: 7.4rem;
  overflow: hidden;
}

.index-feature .feature-banner .swiper-container {
  width: 14.55rem;
  height: 18rem;
}

.index-feature .feature-banner .swiper-wrapper {
  width: 9.7rem;
}

.index-feature .feature-banner .swiper-slide {
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.index-feature .feature-banner .swiper-slide-active {
  opacity: 1;
}

.index-feature .feature-banner .swiper-slide-active .img-box:before {
  opacity: 1;
}

.index-feature .feature-banner .swiper-slide-next {
  -webkit-transform: translate3d(-7rem, 0, -2rem) rotateX(0deg) rotateY(0deg) !important;
  transform: translate3d(-7rem, 0, -2rem) rotateX(0deg) rotateY(0deg) !important;
  opacity: 0.2;
}

.index-feature .feature-banner .swiper-slide-shadow-left,
.index-feature .feature-banner .swiper-slide-shadow-right {
  display: none;
}

.index-feature .feature-banner .img-box {
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 9.7rem;
  height: 5.46rem;
}

.index-feature .feature-banner .img-box img {
  width: 100%;
  height: 100%;
}

.index-feature .feature-banner .feature-pagination {
  position: absolute;
  top: 5.6rem;
  left: 2.46rem;
  z-index: 2;
  font-size: 0;
}

.index-feature .feature-banner .feature-pagination .swiper-pagination-bullet {
  margin-right: 0.06rem;
  width: 0.34rem;
  height: 0.06rem;
  background: #fff;
  border-radius: 0;
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.index-feature .feature-banner .feature-pagination .swiper-pagination-bullet-active {
  width: 0.42rem;
  background: #e60012;
}

.index-feature .feature-banner .feature-prev,
.index-feature .feature-banner .feature-next {
  position: absolute;
  top: 2.3rem;
  z-index: 9;
}

.index-feature .feature-banner .feature-prev.swiper-button-disabled,
.index-feature .feature-banner .feature-next.swiper-button-disabled {
  opacity: 0.5;
}

.index-feature .feature-banner .feature-prev {
  left: 1.6rem;
}

.index-feature .feature-banner .feature-next {
  right: 1.63rem;
}

.index-feature.scrolled .bg-left {
  -webkit-animation: left-enter 0.25s 0s linear both;
  animation: left-enter 0.25s 0s linear both;
}

.index-feature.scrolled .bg-right {
  -webkit-animation: right-enter 0.25s 0s linear both;
  animation: right-enter 0.25s 0s linear both;
}

.index-feature.scrolled .img-box {
  -webkit-animation: feature-mask 0.6s 0s both;
  animation: feature-mask 0.6s 0s both;
}

@-webkit-keyframes feature-mask {
  0% {
    -webkit-mask-position: right;
    mask-position: right;
  }

  100% {
    -webkit-mask-position: 0;
    mask-position: 0;
  }
}

@-moz-keyframes feature-mask {
  0% {
    mask-position: right;
  }

  100% {
    mask-position: 0;
  }
}

@-ms-keyframes feature-mask {
  0% {
    mask-position: right;
  }

  100% {
    mask-position: 0;
  }
}

@-o-keyframes feature-mask {
  0% {
    mask-position: right;
  }

  100% {
    mask-position: 0;
  }
}

@keyframes feature-mask {
  0% {
    -webkit-mask-position: right;
    mask-position: right;
  }

  100% {
    -webkit-mask-position: 0;
    mask-position: 0;
  }
}

@-webkit-keyframes left-enter {
  0% {
    -webkit-transform: translate(-1.4rem, 0.88rem);
    transform: translate(-1.4rem, 0.88rem);
    opacity: 0;
  }

  93.33% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-moz-keyframes left-enter {
  0% {
    transform: translate(-1.4rem, 0.88rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-ms-keyframes left-enter {
  0% {
    transform: translate(-1.4rem, 0.88rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-o-keyframes left-enter {
  0% {
    transform: translate(-1.4rem, 0.88rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes left-enter {
  0% {
    -webkit-transform: translate(-1.4rem, 0.88rem);
    transform: translate(-1.4rem, 0.88rem);
    opacity: 0;
  }

  93.33% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes right-enter {
  0% {
    -webkit-transform: translate(0.4rem, -0.4rem);
    transform: translate(0.4rem, -0.4rem);
    opacity: 0;
  }

  93.33% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-moz-keyframes right-enter {
  0% {
    transform: translate(0.4rem, -0.4rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-ms-keyframes right-enter {
  0% {
    transform: translate(0.4rem, -0.4rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-o-keyframes right-enter {
  0% {
    transform: translate(0.4rem, -0.4rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes right-enter {
  0% {
    -webkit-transform: translate(0.4rem, -0.4rem);
    transform: translate(0.4rem, -0.4rem);
    opacity: 0;
  }

  93.33% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

.index-feature .swiper-navigation {
  margin: 0 auto;
  width: 10rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.index-feature .swiper-navigation .swiper-bullet {
  margin: 0 0.1rem;
  width: 1rem;
  height: 0.2rem;
  background: lightgray;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}

.index-feature .swiper-navigation .swiper-bullet.active {
  width: 2rem;
  background: red;
}

.index-news {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/bg_86714a0b.jpg) no-repeat center center / cover;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.index-news.up-transform {
  -webkit-transform: translate(0, -1.9rem);
  transform: translate(0, -1.9rem);
}

.index-news .bg-gousuo {
  position: absolute;
  top: 3.14rem;
  left: 50%;
  margin-left: -12.8rem;
  width: 9.86rem;
  height: 9.02rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/bg-gousuo_74711abc.png);
  background-size: 100% 100%;
}

.index-news .bg-right {
  position: absolute;
  top: 0;
  right: 50%;
  margin-right: -12.8rem;
  width: 4.54rem;
  height: 2.2rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/bg-right_488e8957.png);
  background-size: 100% 100%;
}

.index-news .news-box {
  position: absolute;
  top: 2.9rem;
  left: 50%;
  margin-left: -6.8rem;
  width: 14.6rem;
  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;
}

.index-news .news-box .left-box {
  width: 8rem;
  position: relative;
}

.index-news .news-box .tag-nav {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  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-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.index-news .news-box .tag-nav .tag-item {
  font-size: 0.14rem;
  color: #8c8c8c;
  width: 0.45rem;
  height: 0.25rem;
  background: #fff;
  text-align: center;
  line-height: 0.24rem;
}

.index-news .news-box .tag-nav .tag-item.active {
  color: #fff;
  background: #ad0404;
}

.index-news .news-box .right-box {
  margin-left: 0.4rem;
  width: 5.6rem;
}

.index-news .news-banner,
.index-news .cooperate-banner {
  position: relative;
  width: 8rem;
  height: 4.5rem;
  background: #eee;
}

.index-news .news-banner:after,
.index-news .cooperate-banner:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.54rem;
  width: 8rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/banner-mask_1498a2eb.png);
  background-size: 100%;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.index-news .news-banner:hover:after,
.index-news .cooperate-banner:hover:after {
  opacity: 1;
}

.index-news .news-swiper,
.index-news .cooperate-swiper {
  position: relative;
  width: 8rem;
  height: 4.5rem;
}

.index-news .news-swiper:before,
.index-news .cooperate-swiper:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.54rem;
  width: 8rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/banner-mask_1498a2eb.png);
  background-size: 100%;
  z-index: 2;
  pointer-events: none;
}

.index-news .news-swiper a,
.index-news .cooperate-swiper a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.index-news .news-swiper img,
.index-news .cooperate-swiper img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.index-news .news-pagination,
.index-news .cooperate-pagination {
  position: absolute;
  right: 0.22rem;
  bottom: 0.22rem;
  z-index: 9;
  font-size: 0;
}

.index-news .news-pagination .swiper-pagination-bullet,
.index-news .cooperate-pagination .swiper-pagination-bullet {
  margin-right: 0.06rem;
  width: 0.4rem;
  height: 0.06rem;
  background: #fff;
  border-radius: 0;
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.index-news .news-pagination .swiper-pagination-bullet-active,
.index-news .cooperate-pagination .swiper-pagination-bullet-active {
  width: 0.5rem;
  background: #e60012;
}

.index-news .news-tab-box {
  margin-bottom: 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.index-news .news-tab-box .news-tab {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0.18rem;
  font-family: "fzcysong", sans-serif;
  border-bottom: 0.01rem solid rgba(110, 110, 110, 0.37);
  color: #000;
}

.index-news .news-tab-box .news-tab .news-tab-item {
  position: relative;
  min-width: 0.6rem;
  height: 0.32rem;
  margin-right: 0.48rem;
  cursor: pointer;
}

.index-news .news-tab-box .news-tab .news-tab-item:hover,
.index-news .news-tab-box .news-tab .news-tab-item.active {
  color: #e41419;
}

.index-news .news-tab-box .news-tab .news-tab-item.active:before {
  content: "";
  position: absolute;
  top: 0.22rem;
  left: 50%;
  margin-left: -0.07rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -10.42rem -5.09rem;
  width: 0.14rem;
  height: 0.15rem;
}

.index-news .news-tab-box .news-more {
  position: relative;
  text-align: center;
  margin-left: 0.08rem;
  padding-top: 0.03rem;
  font-size: 0.13rem;
  letter-spacing: 0.7em;
  width: 1.07rem;
  height: 0.33rem;
  color: #363636;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.index-news .news-tab-box .news-more:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.03rem -3.81rem;
  width: 1.07rem;
  height: 0.1rem;
  pointer-events: none;
}

.index-news .news-tab-box .news-more:hover {
  -webkit-transform: translate(0.1rem, 0);
  transform: translate(0.1rem, 0);
}

.index-news .news-item {
  margin-bottom: 0.18rem;
}

.index-news .news-item:last-child {
  margin-bottom: 0;
}

.index-news .news-item .news-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.index-news .news-item .news-cover,
.index-news .news-item .news-info {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.index-news .news-item .news-cover {
  margin-right: 0.22rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 2.12rem;
  -ms-flex: 0 0 2.12rem;
  flex: 0 0 2.12rem;
  width: 2.12rem;
  height: 1.2rem;
  background: #eee;
}

.index-news .news-item .news-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.index-news .news-item .news-top-box {
  min-height: 0.4rem;
  line-height: 0.2rem;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}

.index-news .news-item .news-top-box .news-type {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 0.04rem;
  min-width: 0.4rem;
  height: 0.18rem;
  line-height: 0.18rem;
  font-size: 0.12rem;
  background: #e60012;
  color: #fff;
}

.index-news .news-item .news-top-box .news-type:after {
  content: "";
  display: inline-block;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -10.5rem -2.41rem;
  width: 0.06rem;
  height: 0.08rem;
}

.index-news .news-item .news-top-box .news-title {
  display: inline;
}

.index-news .news-item .news-time {
  margin-top: 0.1rem;
  font-size: 0.12rem;
  color: #979797;
}

.index-news .news-item .news-desc {
  margin-top: 0.1rem;
  font-size: 0.12rem;
  line-height: 1.66;
  color: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}

.index-news .news-item:hover .news-cover,
.index-news .news-item:hover .news-info {
  -webkit-transform: translate(0.1rem, 0);
  transform: translate(0.1rem, 0);
}

.index-news.scrolled .bg-gousuo {
  -webkit-animation: gousuo-enter 0.15s 0.4s linear both;
  animation: gousuo-enter 0.15s 0.4s linear both;
}

.index-news.scrolled .bg-right {
  -webkit-animation: right-enter 0.25s 0.4s linear both;
  animation: right-enter 0.25s 0.4s linear both;
}

.index-news.scrolled .left-box {
  -webkit-animation: fadeIn 0.133s 0.4s both;
  animation: fadeIn 0.133s 0.4s both;
}

.index-news.scrolled .news-tab-box {
  -webkit-animation: fadeIn 0.133s 0.4s both, newsIn 0.2s 0.4s both;
  animation: fadeIn 0.133s 0.4s both, newsIn 0.2s 0.4s both;
}

.index-news.scrolled .news-item {
  -webkit-animation: fadeIn 0.133s both, newsIn 0.2s both;
  animation: fadeIn 0.133s both, newsIn 0.2s both;
}

.index-news.scrolled .news-item:nth-child(1) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.index-news.scrolled .news-item:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.index-news.scrolled .news-item:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.index-news.scrolled .news-list-box.enter .news-item:nth-child(1) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.index-news.scrolled .news-list-box.enter .news-item:nth-child(2) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.index-news.scrolled .news-list-box.enter .news-item:nth-child(3) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

@-webkit-keyframes newsIn {
  0% {
    -webkit-transform: translate(0.2rem, 0);
    transform: translate(0.2rem, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-moz-keyframes newsIn {
  0% {
    transform: translate(0.2rem, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@-ms-keyframes newsIn {
  0% {
    transform: translate(0.2rem, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@-o-keyframes newsIn {
  0% {
    transform: translate(0.2rem, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@keyframes newsIn {
  0% {
    -webkit-transform: translate(0.2rem, 0);
    transform: translate(0.2rem, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes gousuo-enter {
  0% {
    -webkit-transform: translate(-1.4rem, 0.88rem);
    transform: translate(-1.4rem, 0.88rem);
    opacity: 0;
  }

  93.33% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-moz-keyframes gousuo-enter {
  0% {
    transform: translate(-1.4rem, 0.88rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-ms-keyframes gousuo-enter {
  0% {
    transform: translate(-1.4rem, 0.88rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-o-keyframes gousuo-enter {
  0% {
    transform: translate(-1.4rem, 0.88rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes gousuo-enter {
  0% {
    -webkit-transform: translate(-1.4rem, 0.88rem);
    transform: translate(-1.4rem, 0.88rem);
    opacity: 0;
  }

  93.33% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes right-enter {
  0% {
    -webkit-transform: translate(0.4rem, -0.4rem);
    transform: translate(0.4rem, -0.4rem);
    opacity: 0;
  }

  93.33% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-moz-keyframes right-enter {
  0% {
    transform: translate(0.4rem, -0.4rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-ms-keyframes right-enter {
  0% {
    transform: translate(0.4rem, -0.4rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-o-keyframes right-enter {
  0% {
    transform: translate(0.4rem, -0.4rem);
    opacity: 0;
  }

  93.33% {
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes right-enter {
  0% {
    -webkit-transform: translate(0.4rem, -0.4rem);
    transform: translate(0.4rem, -0.4rem);
    opacity: 0;
  }

  93.33% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

.index-guide {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/bg_1eb8c2c5.jpg) no-repeat center center / cover;
}

.index-guide .guide-box {
  position: absolute;
  top: 2.4rem;
  left: 50%;
  margin-left: -4.08rem;
  width: 8.13rem;
  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;
}

.index-guide .guide-tab-box {
  margin-bottom: 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.index-guide .guide-tab-box .guide-tab {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0.18rem;
  font-family: "fzcysong", sans-serif;
  border-bottom: 0.01rem solid rgba(110, 110, 110, 0.37);
  color: #000;
}

.index-guide .guide-tab-box .guide-tab .guide-tab-item {
  position: relative;
  min-width: 0.6rem;
  height: 0.32rem;
  margin-right: 0.8rem;
  cursor: pointer;
}

.index-guide .guide-tab-box .guide-tab .guide-tab-item.tutorial {
  display: none;
}

.index-guide .guide-tab-box .guide-tab .guide-tab-item:hover,
.index-guide .guide-tab-box .guide-tab .guide-tab-item.active {
  color: #e41419;
}

.index-guide .guide-tab-box .guide-tab .guide-tab-item.active:before {
  content: "";
  position: absolute;
  top: 0.22rem;
  left: 50%;
  margin-left: -0.07rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -10.17rem -5.98rem;
  width: 0.14rem;
  height: 0.15rem;
}

.index-guide .guide-tab-box .guide-more {
  position: absolute;
  text-align: center;
  padding-top: 0.03rem;
  font-size: 0.13rem;
  letter-spacing: 0.7em;
  width: 1.07rem;
  height: 0.33rem;
  color: #363636;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 6.04rem;
  left: 50%;
  margin-left: 5.3rem;
}

.index-guide .guide-tab-box .guide-more:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.1rem -5.79rem;
  width: 1.07rem;
  height: 0.1rem;
  pointer-events: none;
}

.index-guide .guide-tab-box .guide-more:hover {
  -webkit-transform: translate(0.1rem, 0);
  transform: translate(0.1rem, 0);
}

.index-guide .guide-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 8.14rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.index-guide .guide-item:first-child {
  margin-bottom: 0.18rem;
}

.index-guide .guide-item:first-child .guide-cover {
  width: 8.14rem;
  height: 4.52rem;
  background: #eee;
}

.index-guide .guide-item:first-child .guide-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.index-guide .guide-item:first-child .guide-cover::before {
  height: 0.04rem;
}

.index-guide .guide-item:first-child .guide-info {
  position: absolute;
  bottom: 0.03rem;
  left: 0;
  width: 100%;
  height: 2.24rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/big-mask_c22f1d88.png) no-repeat;
  background-size: 100% 100%;
}

.index-guide .guide-item:first-child .guide-top-box {
  position: absolute;
  bottom: 0.2rem;
  left: 0.16rem;
  font-size: 0.18rem;
}

.index-guide .guide-item:nth-child(5) {
  display: none;
}

.index-guide .guide-item .guide-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.index-guide .guide-item .guide-cover,
.index-guide .guide-item .guide-info {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.index-guide .guide-item .guide-cover {
  position: relative;
  width: 2.68rem;
  height: 1.48rem;
  background: #eee;
  overflow: hidden;
}

.index-guide .guide-item .guide-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -o-object-position: top;
  object-position: top;
}

.index-guide .guide-item .guide-cover::before {
  content: "";
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  height: 0.03rem;
  width: 100%;
  background-color: #e60113;
}

.index-guide .guide-item .guide-cover::after {
  content: "";
  position: absolute;
  z-index: 2;
  right: -0.01rem;
  bottom: 0;
  height: 0.44rem;
  width: 0.56rem;
  mix-blend-mode: normal;
  -webkit-transform: scale(0.82, 0.82);
  transform: scale(0.82, 0.82);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/icon-arrow_73de74e0.png) no-repeat;
  background-size: 100% 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.index-guide .guide-item .guide-info {
  position: absolute;
  bottom: 0.01rem;
  left: 0;
  width: 2.68rem;
  height: 1.5rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/small-mask_e9399ea0.png) no-repeat;
  background-size: 100% 100%;
}

.index-guide .guide-item .guide-top-box {
  position: absolute;
  bottom: 0.1rem;
  left: 0.12rem;
  font-size: 0.14rem;
  width: 2.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.index-guide .guide-item .guide-top-box .guide-type {
  display: none;
}

.index-guide .guide-item .guide-top-box .guide-title {
  display: inline;
  color: #000;
}

.index-guide .guide-item .guide-time {
  display: none;
}

.index-guide .guide-item .guide-desc {
  display: none;
}

.index-guide .guide-item:hover .guide-cover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.index-guide .guide-item:hover .guide-cover::after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.index-guide .z_i_baise_0_001 {
  position: absolute;
  left: 19.34rem;
  top: -19.34rem;
  height: 16.87rem;
  width: 10.6rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform: scale(2, 2);
  transform: scale(2, 2);
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/i_baise_0_png_b40ad3a4.png) no-repeat;
  background-size: 100% 100%;
}

.index-guide .z_i_gongsejianbiangouzi_0_001 {
  position: absolute;
  left: -6.89rem;
  top: -3.98rem;
  height: 12.85rem;
  width: 23.94rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform: scale(2, 2);
  transform: scale(2, 2);
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/i_gongsejianbiangouzi_0_png_268025cf.png) no-repeat;
  background-size: 100% 100%;
}

.index-guide .z_i_youxia_0_001 {
  position: absolute;
  right: 0;
  top: 4.85rem;
  height: 4.2rem;
  width: 10.03rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform: scale(2, 2);
  transform: scale(2, 2);
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/i_youxia_0_png_87f6b684.png) no-repeat;
  background-size: 100% 100%;
}

.index-guide .baize-img {
  width: 3.69rem;
  height: 5.59rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/baize-img_ead63c6e.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 3.3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-left: 5.78rem;
}

.index-guide.scrolled .z_i_baise_0_001 {
  -webkit-animation: z_i_baise_0_001_anim 1.067s 0.2s linear both;
  animation: z_i_baise_0_001_anim 1.067s 0.2s linear both;
}

.index-guide.scrolled .z_i_gongsejianbiangouzi_0_001 {
  -webkit-animation: z_i_gongsejianbiangouzi_0_001_anim 1.067s 0.2s linear both;
  animation: z_i_gongsejianbiangouzi_0_001_anim 1.067s 0.2s linear both;
}

.index-guide.scrolled .z_i_youxia_0_001 {
  -webkit-animation: z_i_youxia_0_001_anim 1.067s 0.2s linear both;
  animation: z_i_youxia_0_001_anim 1.067s 0.2s linear both;
}

.index-guide.scrolled .guide-tab-box {
  -webkit-animation: fadeIn 0.133s 0.2s both, guideIn 0.2s 0.2s both;
  animation: fadeIn 0.133s 0.2s both, guideIn 0.2s 0.2s both;
}

.index-guide.scrolled .guide-item {
  -webkit-animation: fadeIn 0.133s both, guideIn 0.2s both;
  animation: fadeIn 0.133s both, guideIn 0.2s both;
}

.index-guide.scrolled .guide-item:nth-child(1) {
  -webkit-animation: z_da_000_anim 0.483s 0.15s linear both;
  animation: z_da_000_anim 0.483s 0.15s linear both;
}

.index-guide.scrolled .guide-item:nth-child(2) {
  -webkit-animation: z_xiao_000_anim 0.317s 0.317s linear both;
  animation: z_xiao_000_anim 0.317s 0.317s linear both;
}

.index-guide.scrolled .guide-item:nth-child(3) {
  -webkit-animation: z_xiao_000_anim 0.317s 0.317s linear both;
  animation: z_xiao_000_anim 0.317s 0.317s linear both;
}

.index-guide.scrolled .guide-item:nth-child(4) {
  -webkit-animation: z_xiao_000_anim 0.317s 0.317s linear both;
  animation: z_xiao_000_anim 0.317s 0.317s linear both;
}

.index-guide.scrolled .guide-list-box.enter .guide-item:nth-child(1) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.index-guide.scrolled .guide-list-box.enter .guide-item:nth-child(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.index-guide.scrolled .guide-list-box.enter .guide-item:nth-child(3) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.index-guide.scrolled .guide-list-box.enter .guide-item:nth-child(4) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

@-webkit-keyframes guideIn {
  0% {
    -webkit-transform: translate(0.2rem, 0);
    transform: translate(0.2rem, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-moz-keyframes guideIn {
  0% {
    transform: translate(0.2rem, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@-ms-keyframes guideIn {
  0% {
    transform: translate(0.2rem, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@-o-keyframes guideIn {
  0% {
    transform: translate(0.2rem, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

@keyframes guideIn {
  0% {
    -webkit-transform: translate(0.2rem, 0);
    transform: translate(0.2rem, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.index-follow {
  position: absolute;
  top: 7rem;
  left: 0;
  width: 100%;
  height: 100%;
}

.index-follow .follow-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-top: 0.46rem;
  height: 0.5rem;
  z-index: 3;
}

.index-follow .follow-list .follow-item {
  position: relative;
  margin: 0 0.16rem;
  cursor: pointer;
}

.index-follow .follow-list .follow-item .follow-qrcode-box {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-left: -0.58rem;
  margin-bottom: 0.1rem;
  padding: 0.02rem;
  width: 1.16rem;
  height: 1.16rem;
  background: #fff;
  z-index: 9;
}

.index-follow .follow-list .follow-item .follow-qrcode-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -0.2rem;
}

.index-follow .follow-list .follow-item .follow-qrcode-box img {
  position: relative;
  width: 100%;
  height: 100%;
}

.index-follow .follow-list .follow-item:hover .follow-qrcode-box {
  display: block;
}

.index-follow .follow-list .follow-item.icon-wechat {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.88rem -4.87rem;
  width: 0.5rem;
  height: 0.49rem;
}

.index-follow .follow-list .follow-item.icon-wechat:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -7.52rem -5.45rem;
  width: 0.5rem;
  height: 0.49rem;
}

.index-follow .follow-list .follow-item.icon-weibo {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -8.8rem -4.87rem;
  width: 0.5rem;
  height: 0.5rem;
}

.index-follow .follow-list .follow-item.icon-weibo:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.34rem -4.87rem;
  width: 0.5rem;
  height: 0.5rem;
}

.index-follow .follow-list .follow-item.icon-bili {
  width: 0.51rem;
  height: 0.49rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/icon-bili_03d0a8e5.png);
  background-size: 100% 100%;
}

.index-follow .follow-list .follow-item.icon-bili:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/icon-bili-h_fa9c21c4.png);
  background-size: 100% 100%;
}

.index-follow .follow-list .follow-item.icon-qiwei {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -7.52rem -2.41rem;
  width: 1.97rem;
  height: 0.49rem;
}

.index-follow .follow-list .follow-item.icon-qiwei .follow-qrcode-box {
  margin-left: -1.3rem;
}

.index-follow .follow-list .follow-item.icon-qiwei:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -7.52rem -2.94rem;
  width: 1.97rem;
  height: 0.49rem;
}

.index-follow .follow-list .follow-item.icon-tap {
  width: 1.89rem;
  height: 0.48rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/icon-tap_c9a521c9.png);
  background-size: 100% 100%;
}

.index-follow .follow-list .follow-item.icon-tap:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/icon-tap-h_3bdeb725.png);
  background-size: 100% 100%;
}

.index-follow .follow-list .follow-item.icon-dashen {
  width: 1.48rem;
  height: 0.48rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/icon-dashen_0db6b70a.png);
  background-size: 100% 100%;
}

.index-follow .follow-list .follow-item.icon-dashen:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/icon-dashen-h_19eb4ad2.png);
  background-size: 100% 100%;
}

.index-follow #copyright {
  position: absolute;
  left: 0;
  top: 3.81rem;
  width: 100%;
  height: 2rem;
}

.index-follow #copyright .g-foot {
  height: 2rem;
  padding: 0.2rem;
  font-size: 0.14rem;
  line-height: 1.5;
  background: #000;
}

.index-follow #copyright .foot-logo {
  margin: 0.05rem 0.15rem;
  width: 1.3rem;
}

.index-follow #copyright .foot-text {
  margin: 0.05rem 0;
}

.index-follow.scrolled .follow-list {
  -webkit-animation: followEnter 0.2s 0.3s both;
  animation: followEnter 0.2s 0.3s both;
}

@-webkit-keyframes followEnter {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0.5rem);
    transform: translate(0, 0.5rem);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-moz-keyframes followEnter {
  0% {
    opacity: 0;
    transform: translate(0, 0.5rem);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@-ms-keyframes followEnter {
  0% {
    opacity: 0;
    transform: translate(0, 0.5rem);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@-o-keyframes followEnter {
  0% {
    opacity: 0;
    transform: translate(0, 0.5rem);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@keyframes followEnter {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0.5rem);
    transform: translate(0, 0.5rem);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.index-media {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/bg_cc0c5331.jpg) no-repeat center center / cover;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.index-media.up-transform {
  -webkit-transform: translate(0, -1.9rem);
  transform: translate(0, -1.9rem);
}

.index-media .bg-left {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -12.8rem;
  width: 25.6rem;
  height: 12.5rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/left-bg_9bca42ea.png);
  background-size: 100% 100%;
}

.index-media .bg-right {
  position: absolute;
  top: 0;
  right: 50%;
  margin-right: -12.8rem;
  width: 7.67rem;
  height: 3.24rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/right-bg_66168ee6.png);
  background-size: 100% 100%;
}

.index-media .media-box {
  position: absolute;
  top: 2.4rem;
  left: 50%;
  margin-left: -5.36rem;
  width: 10.72rem;
}

.index-media .media-tab-box {
  margin-bottom: 0.17rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.index-media .media-tab-box .media-tab {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0.18rem;
  font-family: "fzcysong", sans-serif;
  border-bottom: 0.01rem solid rgba(110, 110, 110, 0.37);
  color: #000;
}

.index-media .media-tab-box .media-tab .media-tab-item {
  position: relative;
  min-width: 0.6rem;
  height: 0.32rem;
  margin-right: 0.56rem;
  cursor: pointer;
}

.index-media .media-tab-box .media-tab .media-tab-item.wallpaper {
  margin-left: 0.3rem;
}

.index-media .media-tab-box .media-tab .media-tab-item:hover,
.index-media .media-tab-box .media-tab .media-tab-item.active {
  color: #e41419;
}

.index-media .media-tab-box .media-tab .media-tab-item.active:before {
  content: "";
  position: absolute;
  top: 0.22rem;
  left: 50%;
  margin-left: -0.07rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -10.17rem -5.98rem;
  width: 0.14rem;
  height: 0.15rem;
}

.index-media .media-tab-box .media-more {
  position: relative;
  text-align: center;
  margin-left: 0.08rem;
  padding-top: 0.03rem;
  font-size: 0.13rem;
  letter-spacing: 0.7em;
  width: 1.07rem;
  height: 0.33rem;
  color: #363636;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.index-media .media-tab-box .media-more:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.1rem -5.79rem;
  width: 1.07rem;
  height: 0.1rem;
  pointer-events: none;
}

.index-media .media-tab-box .media-more:hover {
  -webkit-transform: translate(0.1rem, 0);
  transform: translate(0.1rem, 0);
}

.index-media .media-list-box .tab {
  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;
}

.index-media .media-list-box .current {
  width: 8.13rem;
  height: 4.57rem;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.index-media .media-list-box .current:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.index-media .media-list-box .current:hover .play-btn {
  -webkit-animation: sprite_z_yuhecheng_31_000 1s 0s steps(1) infinite normal;
  animation: sprite_z_yuhecheng_31_000 1s 0s steps(1) infinite normal;
}

.index-media .media-list-box .current img {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.index-media .media-list-box .current::after {
  display: block;
  content: '';
  background: #e60113;
  height: 0.03rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.index-media .media-list-box .current .play-btn-svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 0.86rem;
  width: 0.86rem;
  mix-blend-mode: normal;
}

.index-media .media-list-box .current .play-btn {
  height: 86px;
  width: 86px;
  mix-blend-mode: normal;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite_z_yuhecheng_31_000_7c469d8c.png) no-repeat;
  background-size: 400% 400%;
  font-size: 0;
}

.index-media .media-list-box .current .cover::after {
  display: block;
  content: '';
  width: 8.13rem;
  height: 1.89rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/current-mask_b3cdb697.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.index-media .media-list-box .current .item-title {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0.18rem;
  font-size: 0.18rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.15rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-media .media-list-box .thumb-list {
  width: 2.5rem;
  height: 4.57rem;
}

.index-media .media-list-box .thumb-list .swiper-container {
  height: 100%;
}

.index-media .media-list-box .thumb-list .swiper-container .swiper-slide {
  height: 1.37rem !important;
  position: relative;
}

.index-media .media-list-box .thumb-list .swiper-container .swiper-slide .item {
  width: 2.39rem;
  height: 1.34rem;
  position: absolute;
  right: 0;
  bottom: 0;
}

.index-media .media-list-box .thumb-list .swiper-container .swiper-slide .item .cover {
  position: relative;
  overflow: hidden;
  width: 2.39rem;
  height: 1.34rem;
}

.index-media .media-list-box .thumb-list .swiper-container .swiper-slide .item:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.index-media .media-list-box .thumb-list .swiper-container .swiper-slide .item img {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.index-media .media-list-box .thumb-list .swiper-container .swiper-slide .item.active::after {
  display: block;
  content: '';
  width: 2.5rem;
  height: 1.37rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/thumb-active-decoration_a21b485f.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.index-media .media-list-box .thumb-list .swiper-container .swiper-slide .item .item-title {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0.08rem;
  font-size: 0.14rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.12rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-media .media-list-box .thumb-list .swiper-container .swiper-slide .item .cover-video::after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.6rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/thumb-mask_f5127149.png) no-repeat;
  background-size: 100% 100%;
}

.index-media .media-list-box .thumb-list .swiper-container .swiper-slide .item .video-btn {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png) no-repeat;
  background-size: 10.63rem 7.25rem;
  background-position: -8.62rem -5.45rem;
  width: 0.44rem;
  height: 0.44rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.index-media.scrolled {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}

.index-media.scrolled .bg-right {
  -webkit-animation: right-enter 0.25s 0.2s linear both;
  animation: right-enter 0.25s 0.2s linear both;
}

.index-media.scrolled .bg-left {
  -webkit-animation: left-enter 0.25s 0.2s linear both;
  animation: left-enter 0.25s 0.2s linear both;
}

.index-media.scrolled .current {
  -webkit-animation: mediaScaleIn 0.25s linear both;
  animation: mediaScaleIn 0.25s linear both;
}

.index-media.scrolled .thumb-list {
  -webkit-animation: mediaSlideIn 0.25s linear both;
  animation: mediaSlideIn 0.25s linear both;
}

.index-media.scrolled.changeAnim .current {
  -webkit-animation: mediaFadeIn 0.25s linear both;
  animation: mediaFadeIn 0.25s linear both;
}

@-webkit-keyframes mediaScaleIn {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes mediaScaleIn {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes mediaSlideIn {
  0% {
    -webkit-transform: translate(-0.2rem, 0);
    transform: translate(-0.2rem, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes mediaSlideIn {
  0% {
    -webkit-transform: translate(-0.2rem, 0);
    transform: translate(-0.2rem, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes mediaFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes mediaFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes sprite_z_yuhecheng_31_000 {
  0% {
    background-position: 0 0;
    /* no */
  }

  6.7% {
    background-position: -86px 0;
  }

  13.3% {
    background-position: -172px 0;
  }

  20% {
    background-position: -258px 0;
  }

  26.7% {
    background-position: 0 -86px;
  }

  33.3% {
    background-position: -86px -86px;
  }

  40% {
    background-position: -172px -86px;
  }

  46.7% {
    background-position: -258px -86px;
  }

  53.3% {
    background-position: 0 -172px;
  }

  60% {
    background-position: -86px -172px;
  }

  66.7% {
    background-position: -172px -172px;
  }

  73.3% {
    background-position: -258px -172px;
  }

  80% {
    background-position: 0 -258px;
  }

  86.7% {
    background-position: -86px -258px;
  }

  93.3% {
    background-position: -172px -258px;
  }

  100% {
    background-position: -172px -258px;
  }
}

@keyframes sprite_z_yuhecheng_31_000 {
  0% {
    background-position: 0 0;
    /* no */
  }

  6.7% {
    background-position: -86px 0;
  }

  13.3% {
    background-position: -172px 0;
  }

  20% {
    background-position: -258px 0;
  }

  26.7% {
    background-position: 0 -86px;
  }

  33.3% {
    background-position: -86px -86px;
  }

  40% {
    background-position: -172px -86px;
  }

  46.7% {
    background-position: -258px -86px;
  }

  53.3% {
    background-position: 0 -172px;
  }

  60% {
    background-position: -86px -172px;
  }

  66.7% {
    background-position: -172px -172px;
  }

  73.3% {
    background-position: -258px -172px;
  }

  80% {
    background-position: 0 -258px;
  }

  86.7% {
    background-position: -86px -258px;
  }

  93.3% {
    background-position: -172px -258px;
  }

  100% {
    background-position: -172px -258px;
  }
}

.page-list {
  position: relative;
  height: 100%;
  background: #fff;
  overflow: hidden;
}

.page-list .enter-anim {
  z-index: 2 !important;
  -webkit-animation: fadeIn 0.5s both;
  animation: fadeIn 0.5s both;
}

.page-list .index-page {
  width: 100%;
  height: 100%;
}

.page-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-item .page-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-item .page-title {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.page-item.enter-anim {
  z-index: 2;
  -webkit-animation: fadeIn 0.5s both;
  animation: fadeIn 0.5s both;
}

.page-item.enter-anim .page-title {
  -webkit-animation: blur-in 0.5s 0.2s both;
  animation: blur-in 0.5s 0.2s both;
}

.page-box {
  position: relative;
  overflow: hidden;
}

.page-box .kv-bg,
.page-box .index-kv {
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}

.page-box .page-main {
  position: relative;
  height: 45rem;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.page-box.enter-main .kv-bg,
.page-box.enter-main .index-kv {
  -webkit-transform: translate(0, -25vh);
  transform: translate(0, -25vh);
}

.page-box.enter-main .index-kv {
  opacity: 0;
}

.page-box.enter-main .page-main {
  -webkit-transform: translate(0, -75vh);
  transform: translate(0, -75vh);
}

@-webkit-keyframes kvEnter {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes kvEnter {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes kvEnter {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes kvEnter {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes kvEnter {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kvLeave {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    pointer-events: none;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate(0, 1rem);
    transform: translate(0, 1rem);
    pointer-events: none;
  }
}

@-moz-keyframes kvLeave {
  0% {
    opacity: 1;
    transform: translate(0, 0);
    pointer-events: none;
  }

  100% {
    opacity: 0;
    transform: translate(0, 1rem);
    pointer-events: none;
  }
}

@-ms-keyframes kvLeave {
  0% {
    opacity: 1;
    transform: translate(0, 0);
    pointer-events: none;
  }

  100% {
    opacity: 0;
    transform: translate(0, 1rem);
    pointer-events: none;
  }
}

@-o-keyframes kvLeave {
  0% {
    opacity: 1;
    transform: translate(0, 0);
    pointer-events: none;
  }

  100% {
    opacity: 0;
    transform: translate(0, 1rem);
    pointer-events: none;
  }
}

@keyframes kvLeave {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    pointer-events: none;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate(0, 1rem);
    transform: translate(0, 1rem);
    pointer-events: none;
  }
}

@-webkit-keyframes scrollEnter {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes scrollEnter {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes scrollEnter {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes scrollEnter {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes scrollEnter {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes mainEnter {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, -75vh);
    transform: translate(0, -75vh);
  }
}

@-moz-keyframes mainEnter {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }

  100% {
    opacity: 1;
    transform: translate(0, -75vh);
  }
}

@-ms-keyframes mainEnter {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }

  100% {
    opacity: 1;
    transform: translate(0, -75vh);
  }
}

@-o-keyframes mainEnter {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }

  100% {
    opacity: 1;
    transform: translate(0, -75vh);
  }
}

@keyframes mainEnter {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, -75vh);
    transform: translate(0, -75vh);
  }
}

@-webkit-keyframes mainLeave {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, -75vh);
    transform: translate(0, -75vh);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate(0, -50vh);
    transform: translate(0, -50vh);
  }
}

@-moz-keyframes mainLeave {
  0% {
    opacity: 1;
    transform: translate(0, -75vh);
  }

  100% {
    opacity: 0;
    transform: translate(0, -50vh);
  }
}

@-ms-keyframes mainLeave {
  0% {
    opacity: 1;
    transform: translate(0, -75vh);
  }

  100% {
    opacity: 0;
    transform: translate(0, -50vh);
  }
}

@-o-keyframes mainLeave {
  0% {
    opacity: 1;
    transform: translate(0, -75vh);
  }

  100% {
    opacity: 0;
    transform: translate(0, -50vh);
  }
}

@keyframes mainLeave {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, -75vh);
    transform: translate(0, -75vh);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate(0, -50vh);
    transform: translate(0, -50vh);
  }
}

.g-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  max-width: 25.6rem;
}

.g-nav::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2.52rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/nav-bg_f6456bf1.png) no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}

.g-nav .logo {
  position: absolute;
  z-index: 99;
  left: 0.7rem;
  top: 2.98rem;
  width: 2.6rem;
  height: 1.08rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/logo_38e7742d.png);
  background-size: 100% 100%;
}

.g-nav .nav-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 0.66rem;
  padding-right: 0.4rem;
}

.g-nav .nav-list .nav-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 2em;
  font-family: "fzcysong", serif;
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.5);
}

.g-nav .nav-list .nav-item .link {
  position: relative;
  white-space: nowrap;
  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;
}

.g-nav .nav-list .nav-item .link:hover {
  color: #ffffff;
}

.g-nav .nav-list .nav-item .flag {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.26rem -5.98rem;
  width: 0.19rem;
  height: 0.21rem;
  margin-top: -1.5em;
}

.g-nav .nav-list .nav-item .btn-jubao {
  cursor: pointer;
  position: relative;
}

.g-nav .nav-list .nav-item .btn-jubao:hover {
  color: #ffffff;
}

.g-nav .nav-list .nav-item.dropdown {
  position: relative;
  opacity: 0.5;
  color: #ffffff;
}

.g-nav .nav-list .nav-item.dropdown > .link:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.04rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.69rem -2.8rem;
  width: 0.12rem;
  height: 0.07rem;
}

.g-nav .nav-list .nav-item.dropdown:hover {
  opacity: 1;
}

.g-nav .nav-list .nav-item.dropdown:hover .link:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.69rem -2.8rem;
  width: 0.12rem;
  height: 0.07rem;
}

.g-nav .nav-list .nav-item.dropdown:hover .dropdown-nav {
  display: block;
  z-index: 2;
}

.g-nav .nav-list .nav-item .dropdown-nav {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  min-width: 100%;
  padding-top: 0.24rem;
  line-height: 2.3;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin-left: -0.04rem;
}

.g-nav .nav-list .nav-item .dropdown-nav > ul {
  position: relative;
  padding: 0.2rem 0;
  height: 1.44rem;
  width: 1.1rem;
  z-index: 3;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/dropdown-1_13d7e8ba.png);
  background-size: 100% 100%;
}

.g-nav .nav-list .nav-item .dropdown-nav > ul li {
  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;
  text-align: center;
  font-size: 0.18rem;
  color: rgba(0, 0, 0, 0.5);
}

.g-nav .nav-list .nav-item .dropdown-nav > ul li .link {
  position: relative;
  white-space: nowrap;
  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;
}

.g-nav .nav-list .nav-item .dropdown-nav > ul li .link:hover {
  color: #000000;
}

.g-nav .nav-list .nav-item .dropdown-nav > ul .flag {
  position: absolute;
  right: 0.1rem;
}

.g-nav .nav-list .follow-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  height: 2.38rem;
  width: 1.52rem;
  z-index: 3;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/dropdown-2_0b1c0856.png);
  background-size: 100% 100%;
  padding: 0.2rem 0.16rem 0.4rem;
}

.g-nav .nav-list .follow-list .follow-item {
  position: relative;
  margin-bottom: 0.1rem;
  cursor: pointer;
}

.g-nav .nav-list .follow-list .follow-item .follow-qrcode-box {
  display: none;
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -0.58rem;
  margin-top: 0.1rem;
  padding: 0.02rem;
  width: 1.16rem;
  height: 1.16rem;
  background: #fff;
  z-index: 9;
}

.g-nav .nav-list .follow-list .follow-item .follow-qrcode-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -0.2rem;
}

.g-nav .nav-list .follow-list .follow-item .follow-qrcode-box img {
  position: relative;
  width: 100%;
  height: 100%;
}

.g-nav .nav-list .follow-list .follow-item:hover .follow-qrcode-box {
  display: block;
}

.g-nav .nav-list .follow-list .follow-item.icon-wechat {
  margin-right: 0.12rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.26rem -6.54rem;
  width: 0.32rem;
  height: 0.32rem;
}

.g-nav .nav-list .follow-list .follow-item.icon-wechat:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.62rem -6.54rem;
  width: 0.32rem;
  height: 0.32rem;
}

.g-nav .nav-list .follow-list .follow-item.icon-weibo {
  margin-right: 0.12rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -10.28rem -5.45rem;
  width: 0.3rem;
  height: 0.3rem;
}

.g-nav .nav-list .follow-list .follow-item.icon-weibo:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -8.92rem -5.98rem;
  width: 0.3rem;
  height: 0.3rem;
}

.g-nav .nav-list .follow-list .follow-item.icon-bili {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -10.25rem -3.47rem;
  width: 0.32rem;
  height: 0.3rem;
}

.g-nav .nav-list .follow-list .follow-item.icon-bili:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -8.56rem -5.98rem;
  width: 0.32rem;
  height: 0.3rem;
}

.g-nav .nav-list .follow-list .follow-item.icon-qiwei {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.03rem -3.47rem;
  width: 1.18rem;
  height: 0.3rem;
}

.g-nav .nav-list .follow-list .follow-item.icon-qiwei:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -8.72rem -3.99rem;
  width: 1.18rem;
  height: 0.3rem;
}

.g-nav .nav-list .follow-list .follow-item.icon-tap {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.42rem -2.03rem;
  width: 1.14rem;
  height: 0.3rem;
}

.g-nav .nav-list .follow-list .follow-item.icon-tap:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -7.52rem -4.53rem;
  width: 1.14rem;
  height: 0.3rem;
}

.g-nav .nav-list .follow-list .follow-item.icon-dashen {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -8.7rem -4.53rem;
  width: 0.92rem;
  height: 0.28rem;
}

.g-nav .nav-list .follow-list .follow-item.icon-dashen:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -9.66rem -4.53rem;
  width: 0.92rem;
  height: 0.28rem;
}

.g-nav .login-box {
  margin: 0 0 0 1.4em;
  position: relative;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.2rem;
}

.g-nav .login-box.on .btn-login {
  display: none;
}

.g-nav .login-box.on .user-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.g-nav .login-box .user-info {
  display: none;
}

.g-nav .login-box .username {
  opacity: 0.8;
}

.g-nav .login-box .btn-login,
.g-nav .login-box .btn-logout {
  cursor: pointer;
}

.g-nav .login-box .btn-login:hover,
.g-nav .login-box .btn-logout:hover {
  color: #ffffff;
}

.g-nav .login-box .btn-logout {
  margin-left: 0.1rem;
  background: none;
  text-decoration: underline;
  text-underline-offset: 0.04rem;
  opacity: 0.8;
}

.g-nav .login-box .btn-logout:hover {
  opacity: 1;
  color: #ffffff;
}

.g-nav .nav-decr {
  position: absolute;
  right: 0;
  top: 0.56rem;
  height: 0.08rem;
  width: auto;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/line_45435c30.png) no-repeat left;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.page-sidebar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1.8rem 0 0 0.24rem;
  z-index: 100;
}

.page-sidebar .btn-back-wrap {
  display: none;
}

.page-sidebar .btn-back {
  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-bottom: 0.4rem;
  font-size: 0.2rem;
  color: #000;
  background: none;
  font-family: fzcysong, sans-serif;
}

.page-sidebar .btn-back .icon {
  margin-right: 0.1rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -8.86rem -6.54rem;
  width: 0.36rem;
  height: 0.32rem;
}

.page-sidebar .btn-back .text {
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}

.page-sidebar .btn-back:hover .text {
  color: #e60012;
  -webkit-transform: translate(0.1rem);
  transform: translate(0.1rem);
}

.page-sidebar .sidebar-content {
  display: none;
}

.page-sidebar .nav-list {
  padding-left: 0.15rem;
  border-left: 0.01rem solid rgba(230, 0, 18, 0.16);
}

.page-sidebar .nav-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.07rem;
  height: 0.48rem;
  font-size: 0.18rem;
  font-family: fzcysong, sans-serif;
  color: #000;
  white-space: nowrap;
}

.page-sidebar .nav-item:nth-child(1) {
  margin-top: 0;
}

.page-sidebar .nav-item:hover,
.page-sidebar .nav-item.active {
  margin-left: -0.16rem;
  font-size: 0.24rem;
  -webkit-animation: fadeIn 0.5s both;
  animation: fadeIn 0.5s both;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -7.52rem -3.47rem;
  width: 1.47rem;
  height: 0.48rem;
  padding-left: 0.2rem;
  letter-spacing: 0.01rem;
  color: #e60012;
}

.page-sidebar .download-box {
  padding-left: 0.15rem;
  border-left: 0.01rem solid rgba(230, 0, 18, 0.16);
  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;
}

.page-sidebar .download-box .code-bg {
  margin-top: 0.3rem;
  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;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/sprite-963d13_963d1335.png);
  background-size: 10.63rem 7.25rem;
  background-position: -5.71rem -1.41rem;
  width: 1.35rem;
  height: 1.66rem;
}

.page-sidebar .download-box .qrcode {
  margin-top: 0.06rem;
  width: 1.2rem;
  height: 1.2rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/qrcode_0b6cd357.png);
  background-size: 100% 100%;
}

.page-sidebar .download-box .mumu-download {
  margin-top: 0.06rem;
  width: 1.35rem;
  height: 0.41rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/btn-mumu_9bb41c48.png);
  background-size: 100% 100%;
}

.page-sidebar .download-box .mumu-download:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/btn-mumu-h_0581a143.png);
  background-size: 100% 100%;
}

.page-sidebar .download-box .btn-recharge {
  margin-top: 0.06rem;
  width: 1.35rem;
  height: 0.41rem;
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/btn-recharge_937d921c.png);
  background-size: 100% 100%;
}

.page-sidebar .download-box .btn-recharge:hover {
  background: url(https://myjwujian.res.netease.com/pc/gw/20240321215824/keep_origin/assets/btn-recharge-h_5ca5443a.png);
  background-size: 100% 100%;
}
/** mixins **/

.m-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  padding: 10px 20px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 5px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: toastAnim 1s linear forwards;
  animation: toastAnim 1s linear forwards;
  white-space: nowrap;
}

@-webkit-keyframes toastAnim {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  70% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
}

@keyframes toastAnim {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  70% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
}