@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: 'fzcjljt';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzcjljt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NotoSansSC';
  src: url("https://nie.res.netease.com/comm/js/leihuo/fonts/noto-sans-sc-v12-latin_chinese-simplified-regular.woff2") format('woff2'), url("https://nie.res.netease.com/comm/js/leihuo/fonts/noto-sans-sc-v12-latin_chinese-simplified-regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html,
body {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  min-width: 1510px;
  background: #5b7cb6;
  color: #eee;
}
body {
  font-size: 16px;
}
#app {
  font-family: 'fzcjljt', sans-serif;
  width: 100%;
  height: 100%;
}
.go-top-btn {
  display: none;
}
.container-index {
  z-index: 1;
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 2560px;
}
.container-index::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 1296px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/no-login-before-bg_6ae7f017.png) no-repeat center top;
  background-size: cover;
  pointer-events: none;
}
.container-index::after {
  display: none;
  content: "";
  position: absolute;
  z-index: 1;
  top: 393px;
  left: 0;
  width: 100%;
  height: 1490px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/before-bg_49f7be47.png) no-repeat center top;
  background-size: cover;
  pointer-events: none;
}
.container-index.login::before {
  display: none;
}
.container-index.login::after {
  display: block;
}
.container-index .kv-bg {
  position: relative;
  background: url("https://h.v.netease.com/2024/0703/d5c39b0138c1ac16f5fdf5a1f1608e77.jpg") no-repeat;
  background-position: center 10%;
  background-size: cover;
  max-width: 2560px;
}
.container-index .kv-bg video {
  position: absolute;
  top: 60px;
  left: 50%;
  width: 100%;
  min-width: 1500px;
  min-height: 100%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -o-object-fit: cover;
     object-fit: cover;
}
.container-index .content-wrap {
  position: absolute;
  z-index: 2;
  top: 660px;
  left: 50%;
  width: 1446px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.container-index .content-wrap .login-tips {
  position: absolute;
  left: 50%;
  top: -60px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  color: #fff;
  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;
}
.container-index .content-wrap .login-tips .login-btn {
  font-family: 'fzcjljt', sans-serif;
  margin-right: 8px;
  width: 63px;
  height: 28px;
  border-radius: 28px;
  background: #7e9ece;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.container-index .content-wrap .login-tips .login-btn:hover {
  background: #72a1e8;
}
.container-index .content-wrap .title-contain {
  position: absolute;
  top: 10px;
  left: 10px;
}
#copyright #NIE-copyRight {
  background: rgba(0, 0, 0, 0.5);
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}
.pop-bg {
  width: 811px;
  height: 455px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: black;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-bg_692e74e8.png) no-repeat;
  background-size: 100%;
  font-family: 'fzcjljt', serif;
}
.pop-bg .pop-close {
  position: absolute;
  right: 47px;
  top: 11px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-289px -779px;
width:45px;
height:45px;

  -webkit-transition: -webkit-transform 0.5s;

  transition: -webkit-transform 0.5s;

  transition: transform 0.5s;

  transition: transform 0.5s, -webkit-transform 0.5s;
  cursor: pointer;
}
.pop-bg .pop-close:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pop-bg .message-title {
  text-align: center;
  font-size: 32px;
  background: linear-gradient(285deg, #6F00FF -24%, #BD8BFF -24%, rgba(0, 43, 255, 0) 30%, rgba(38, 183, 255, 0) 30%), linear-gradient(120deg, rgba(46, 227, 255, 0.51) 0%, rgba(0, 157, 255, 0) 27%, rgba(38, 183, 255, 0) 27%), #FFF;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: 2px -5px 10px rgba(255, 255, 255, 0.35);
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
}
.pop-bg .message-title::after,
.pop-bg .message-title::before {
  content: '';
  display: inline-block;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-760px -653px;
width:84px;
height:9px;

}
.pop-bg .message-title::after {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-848px -653px;
width:84px;
height:9px;

  left: auto;
  right: -94px;
}
.msg-pop {
  padding: 17px 50px 30px 20px;
  width: 811px;
  height: 376px;
  color: black;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/bg_ac80aad5.png) no-repeat;
  background-size: 100%;
  font-family: "fzcjljt", serif;
}
.msg-pop .pop-content {
  height: 100%;
}
.msg-pop .message-title {
  text-align: center;
  font-size: 32px;
  background: linear-gradient(285deg, #6f00ff -24%, #bd8bff -24%, rgba(0, 43, 255, 0) 30%, rgba(38, 183, 255, 0) 30%), linear-gradient(120deg, rgba(46, 227, 255, 0.51) 0%, rgba(0, 157, 255, 0) 27%, rgba(38, 183, 255, 0) 27%), #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.15);
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.msg-pop .message-title::after,
.msg-pop .message-title::before {
  content: "";
  display: inline-block;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-760px -653px;
width:84px;
height:9px;

}
.msg-pop .message-title::after {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-848px -653px;
width:84px;
height:9px;

}
.msg-pop .message-content {
  margin-top: 85px;
  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;
  color: #253d7e;
  font-size: 22px;
}
.msg-pop .message-content.center {
  text-align: center;
}
.msg-pop .message-content .red {
  color: #f55;
  font-size: 18px;
}
.msg-pop .message-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 60px;
}
.msg-pop .message-btns button {
  margin: 0 10px;
  font-family: "fzcjljt", serif;
  font-size: 22px;
}
.msg-pop .message-btns button:hover {
  opacity: 0.9;
}
.msg-pop .message-btns.single .pop-btn-confirm {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-754px -437px;
width:178px;
height:41px;

  color: #f8fffd;
}
.msg-pop .pop-btn-confirm {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-493px -674px;
width:134px;
height:43px;

  color: #f8fffd;
}
.msg-pop .pop-btn-cancel {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-631px -674px;
width:134px;
height:43px;

  color: #384a86;
}
.msg-pop.add-classify-pop .message-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 57px;
}
.msg-pop.add-classify-pop .message-content .el-input {
  width: 541px;
  height: 46px;
  margin-top: 10px;
}
.msg-pop.add-classify-pop .message-content .el-input .el-input__inner {
  background: rgba(74, 106, 173, 0.36);
  border: none;
  font-size: 18px;
  border-radius: 0;
  color: #fff;
}
.msg-pop.add-classify-pop .message-content .el-input .el-input__inner::-webkit-input-placeholder {
  font-size: 18px;
  color: #fff;
}
.msg-pop.add-classify-pop .message-content .el-input .el-input__inner::-moz-placeholder {
  font-size: 18px;
  color: #fff;
}
.msg-pop.add-classify-pop .message-content .el-input .el-input__inner:-ms-input-placeholder {
  font-size: 18px;
  color: #fff;
}
.msg-pop.add-classify-pop .message-content .el-input .el-input__inner::-ms-input-placeholder {
  font-size: 18px;
  color: #fff;
}
.msg-pop.add-classify-pop .message-content .el-input .el-input__inner::placeholder {
  font-size: 18px;
  color: #fff;
}
.msg-pop.add-classify-pop .message-content .el-input .el-input__count {
  color: #fff;
  font-size: 18px;
}
.msg-pop.add-classify-pop .message-content .el-input .el-input__count .el-input__count-inner {
  background: transparent;
}
.msg-pop.add-classify-pop .message-title {
  width: 128px;
  height: 35px;
}
.msg-pop.add-classify-pop .message-title::after,
.msg-pop.add-classify-pop .message-title::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.msg-pop.add-classify-pop .message-title::after {
  right: -88px;
}
.msg-pop.add-classify-pop .message-title::before {
  left: -88px;
}
.msg-pop.add-classify-pop .message-btns {
  margin-top: 50px;
}
.msg-pop.select-classify-pop .message-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 57px;
}
.msg-pop.select-classify-pop .message-content .el-input {
  font-family: "NotoSansSC", sans-serif;
  width: 541px;
  height: 46px;
  margin-top: 20px;
}
.msg-pop.select-classify-pop .message-content .el-input .el-input__inner {
  height: 46px;
  line-height: 46px;
  background: rgba(74, 106, 173, 0.36);
  border: none;
  font-size: 18px;
  border-radius: 0;
  color: #fff;
}
.msg-pop.select-classify-pop .message-content .el-input .el-input__inner::-webkit-input-placeholder {
  font-size: 18px;
  color: #fff;
}
.msg-pop.select-classify-pop .message-content .el-input .el-input__inner::-moz-placeholder {
  font-size: 18px;
  color: #fff;
}
.msg-pop.select-classify-pop .message-content .el-input .el-input__inner:-ms-input-placeholder {
  font-size: 18px;
  color: #fff;
}
.msg-pop.select-classify-pop .message-content .el-input .el-input__inner::-ms-input-placeholder {
  font-size: 18px;
  color: #fff;
}
.msg-pop.select-classify-pop .message-content .el-input .el-input__inner::placeholder {
  font-size: 18px;
  color: #fff;
}
.msg-pop.select-classify-pop .message-content .el-input .el-input__suffix {
  right: 10px;
}
.msg-pop.select-classify-pop .message-content .el-input .el-input__suffix .el-input__suffix-inner .el-select__caret {
  height: 46px;
  line-height: 46px;
}
.msg-pop.select-classify-pop .message-content .el-input .el-input__suffix .el-input__suffix-inner .el-select__caret::before {
  line-height: 46px;
  color: #fff;
  font-size: 26px;
}
.msg-pop.select-classify-pop .message-title {
  width: 128px;
  height: 35px;
}
.msg-pop.select-classify-pop .message-title::after,
.msg-pop.select-classify-pop .message-title::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.msg-pop.select-classify-pop .message-title::after {
  right: -88px;
}
.msg-pop.select-classify-pop .message-title::before {
  left: -88px;
}
.msg-pop.select-classify-pop .message-btns {
  margin-top: 50px;
}
.msg-pop.del-pop .message-title {
  width: 128px;
  height: 35px;
}
.msg-pop.no-title {
  padding-top: 52px;
}
.favorites-dropdown {
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.94) !important;
}
.favorites-dropdown .el-select-dropdown__list {
  padding: 0 !important;
}
.favorites-dropdown .el-select-dropdown__item {
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4f6aa1;
}
.favorites-dropdown .el-select-dropdown__item.selected {
  background: rgba(228, 233, 244, 0.87);
}
.bind-pop .pop-content .leihuo-bind {
  width: 387px;
  margin: 0 auto;
  color: #FFF;
  font-family: 'fzcjljt', sans-serif;
}
.bind-pop .pop-content .leihuo-bind-title {
  font-size: 0;
  margin: 5px 0 100px 0;
  color: #FFF;
  width: 381px;
  height: 56px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/title_6a324f2a.png) no-repeat;
  background-size: contain;
}
.bind-pop .pop-content .leihuo-bind-btn {
  margin: 0 auto;
  font-size: 20px;
  border: none;
  padding-bottom: 20px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-0px -597px;
width:164px;
height:73px;

}
.bind-pop .pop-content .leihuo-bind-btn:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.bind-pop .pop-content .leihuo-bind-info {
  font-size: 18px;
  color: #2D303A;
}
.bind-pop .pop-content .leihuo-bind-info p:nth-child(2) {
  font-size: 22px;
  color: #384A86;
  padding-bottom: 11px;
}
.bind-pop .pop-content .leihuo-bind-info .btn-group {
  margin-top: 96px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.bind-pop .pop-content .leihuo-bind-info .btn-group .el-button--default {
  color: #384A86;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-168px -597px;
width:164px;
height:73px;

}
.inform-pop {
  width: 591px;
  height: 623px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/bg_142751a3.png) no-repeat;
  background-size: contain;
  padding: 0 31px 18px 31px;
}
.inform-pop .header {
  height: 62px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.inform-pop .header .subtitle-content {
  color: transparent;
  background: linear-gradient(299deg, #6F00FF -23%, #BD8BFF -23%, rgba(0, 43, 255, 0) 31%, rgba(38, 183, 255, 0) 31%), linear-gradient(139deg, rgba(46, 227, 255, 0.51) 3%, rgba(0, 157, 255, 0) 36%, rgba(38, 183, 255, 0) 36%), #FFF;
  -webkit-background-clip: text;
          background-clip: text;
}
.inform-pop .inform-box {
  padding-top: 20px;
  padding-left: 23px;
}
.inform-pop .inform-box .author-name {
  font-size: 18px;
  color: #2d303a;
}
.inform-pop .inform-box .title {
  color: #253d7e;
  font-size: 20px;
  margin-bottom: 10px;
}
.inform-pop .inform-box .inform-reason {
  margin-top: 30px;
  margin-bottom: 32px;
}
.inform-pop .inform-box .inform-reason .select-area {
  height: 58px;
}
.inform-pop .inform-box .inform-reason .reason-ipt {
  width: 483px;
  height: 45px;
  margin: 16px 0 30px 0;
}
.inform-pop .inform-box .inform-reason .reason-ipt .el-form-item__content .el-input__inner {
  padding-right: 60px;
  color: #fff;
  background-color: rgba(74, 106, 173, 0.3);
}
.inform-pop .inform-box .inform-reason .reason-ipt .el-form-item__content .el-input__inner::-webkit-input-placeholder {
  font-size: 17px;
  color: #fff;
}
.inform-pop .inform-box .inform-reason .reason-ipt .el-form-item__content .el-input__inner::-moz-placeholder {
  font-size: 17px;
  color: #fff;
}
.inform-pop .inform-box .inform-reason .reason-ipt .el-form-item__content .el-input__inner:-ms-input-placeholder {
  font-size: 17px;
  color: #fff;
}
.inform-pop .inform-box .inform-reason .reason-ipt .el-form-item__content .el-input__inner::-ms-input-placeholder {
  font-size: 17px;
  color: #fff;
}
.inform-pop .inform-box .inform-reason .reason-ipt .el-form-item__content .el-input__inner::placeholder {
  font-size: 17px;
  color: #fff;
}
.inform-pop .inform-box .inform-reason .reason-ipt .el-form-item__content .el-input__count-inner {
  font-size: 17px;
  color: #fff;
  background-color: transparent;
}
.inform-pop .inform-box .inform-reason .inform-upload-box {
  width: 181px;
  height: 132px;
}
.inform-pop .inform-box .inform-reason .inform-upload-box .el-form-item__content {
  width: 100%;
  height: 100%;
}
.inform-pop .inform-box .inform-reason .inform-upload-box .el-form-item__content .leihuo-copr-filepicker {
  width: 100%;
  height: 100%;
  position: relative;
  border: 1.45px solid rgba(95, 118, 193, 0.5);
}
.inform-pop .inform-box .inform-reason .inform-upload-box .el-form-item__content .leihuo-copr-filepicker:has(.inform-image) .file-picker {
  background: none;
}
.inform-pop .inform-box .inform-reason .inform-upload-box .el-form-item__content .leihuo-copr-filepicker .inform-image {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.inform-pop .inform-box .inform-reason .inform-upload-box .el-form-item__content .leihuo-copr-filepicker .inform-image img {
  width: 100%;
  height: 100%;
}
.inform-pop .inform-box .inform-reason .inform-upload-box .el-form-item__content .leihuo-copr-filepicker .inform-image .delete-btn {
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-934px -393px;
width:24px;
height:24px;

  cursor: pointer;
}
.inform-pop .inform-box .inform-reason .inform-upload-box .el-form-item__content .leihuo-copr-filepicker .file-picker {
  bottom: 0;
  border: none;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-771px -176px;
width:181px;
height:132px;

}
.inform-pop .inform-box .inform-reason .inform-upload-box .el-form-item__content .leihuo-copr-filepicker .file-picker input {
  width: 100%;
  height: 100%;
}
.inform-pop .inform-box .inform-btn-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #F8FFFD;
  text-align: center;
  padding-right: 23px;
}
.inform-pop .inform-box .inform-btn-box .inform_btn {
  margin-right: 49px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-722px -597px;
width:134px;
height:43px;

}
.inform-pop .inform-box .inform-btn-box .cancel_btn {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-860px -597px;
width:134px;
height:43px;

}
.inform-pop .inform-box .inform-btn-box button {
  font-size: 22px;
}
.inform-pop .inform-box .inform-btn-box button:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.inform-pop .el-form-item {
  margin-bottom: 0;
}
.inform-pop .el-form-item .el-form-item__content {
  line-height: normal;
}
.inform-pop .el-radio-group {
  height: 58px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  row-gap: 12px;
  -webkit-column-gap: 23px;
     -moz-column-gap: 23px;
          column-gap: 23px;
}
.inform-pop .el-radio-group .el-radio {
  min-width: 118px;
  height: 23px;
  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;
}
.inform-pop .el-radio-group .el-radio .el-radio__input {
  width: 19px;
  height: 19px;
  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;
}
.inform-pop .el-radio-group .el-radio .el-radio__input .el-radio__inner {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border-color: #5f76c1;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.inform-pop .el-radio-group .el-radio .el-radio__label {
  padding-left: 3.5px;
  font-size: 16px;
  color: #2d303a;
}
.inform-pop .el-radio-group .el-radio.is-checked {
  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;
}
.inform-pop .el-radio-group .el-radio.is-checked .el-radio__inner {
  width: 12px;
  height: 12px;
  background: #5f76c1;
  border: 3px solid #fff;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  left: 0;
  bottom: 0;
}
.inform-pop .el-radio-group .el-radio.is-checked .el-radio__inner::after {
  height: 16px;
  width: 16px;
  top: -5px;
  left: -5px;
  border: 3px solid #5f76c1;
  background: transparent;
  border-radius: 50%;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: none;
  transition: none;
}
.inform-pop .el-radio-group .el-radio.is-checked .el-radio__label {
  color: #2d303a;
}
.manage-pop {
  padding: 17px 30px 35px 25px;
  width: 1054px;
  height: 795px;
  color: black;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-bg-manage_15140a0f.png) no-repeat;
  background-size: 100%;
  font-family: 'fzcjljt', serif;
}
.manage-pop .message-title {
  width: 128px;
  height: 35px;
  margin: auto;
}
.manage-pop .message-title::after,
.manage-pop .message-title::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.manage-pop .message-title::after {
  right: -88px;
}
.manage-pop .message-title::before {
  left: -88px;
}
.manage-pop .pop-content {
  position: relative;
  height: 100%;
}
.manage-pop .pop-content .radio {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 27px;
  font-family: 'NotoSansSC', serif;
}
.manage-pop .pop-content .radio p.radio-title {
  color: #253D7E;
  font-size: 18px;
  margin-right: 20px;
  line-height: 1;
}
.manage-pop .pop-content .radio .el-radio-group .el-radio {
  color: #253D7E;
  font-size: 18px;
  margin-right: 20px;
}
.manage-pop .pop-content .radio .el-radio-group .el-radio .el-radio__inner {
  width: 16px;
  height: 16px;
  background: transparent;
  border-color: #253D7E;
}
.manage-pop .pop-content .radio .el-radio-group .el-radio .el-radio__label {
  font-size: 18px;
  position: relative;
  top: 1px;
}
.manage-pop .pop-content .radio .el-radio-group .el-radio .is-checked .el-radio__inner {
  background: transparent;
}
.manage-pop .pop-content .radio .el-radio-group .el-radio .is-checked .el-radio__inner::after {
  background: #253D7E;
  width: 10px;
  height: 10px;
}
.manage-pop .pop-content .radio .el-radio-group .el-radio .is-checked + .el-radio__label {
  color: #253D7E;
}
.manage-pop .pop-content .list {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  height: 520px;
  margin-top: 15px;
  position: relative;
}
.manage-pop .pop-content .list .workshop-item {
  margin: 10px;
  border-radius: 10px;
}
.manage-pop .pop-content .list .workshop-item .item-content {
  border: 3px solid transparent;
}
.manage-pop .pop-content .list .workshop-item .item-bottom {
  left: 0;
  width: 445px;
}
.manage-pop .pop-content .list .workshop-item:nth-child(1),
.manage-pop .pop-content .list .workshop-item:nth-child(2) {
  margin-top: 0;
}
.manage-pop .pop-content .list .workshop-item.is-select .item-content {
  border: 3px solid #FF6C6C;
}
.manage-pop .pop-content .list > i {
  margin: 10px;
  width: 451px;
}
.manage-pop .pop-content .empty-container {
  height: 520px;
  padding-top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.manage-pop .pop-content .empty-container .empty-img {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-426px -488px;
width:138px;
height:105px;

}
.manage-pop .pop-content .empty-container .empty-desc {
  margin-top: 13px;
  font-size: 22px;
  -webkit-background-clip: text;
          background-clip: text;
  color: #4A64AC;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.92);
}
.manage-pop .pop-content .btns {
  width: 100%;
  position: absolute;
  z-index: 1;
  font-size: 18px;
  color: #253D7E;
  padding: 20px 54px 20px 40px;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.manage-pop .pop-content .btns .el-checkbox {
  color: #253D7E;
  font-size: 18px;
  width: 150px;
}
.manage-pop .pop-content .btns .el-checkbox .el-checkbox__input .el-checkbox__inner {
  width: 16px;
  height: 16px;
  border: 1px solid #253D7E;
  background: transparent;
  border-radius: 50%;
}
.manage-pop .pop-content .btns .el-checkbox .el-checkbox__input .el-checkbox__inner::after {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.manage-pop .pop-content .btns .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner::after {
  content: '';
  background: #253D7E;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  left: 2px;
  top: 2px;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.manage-pop .pop-content .btns .el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #253D7E;
}
.manage-pop .pop-content .btns .el-checkbox .el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #253D7E;
  font-size: 18px;
}
.manage-pop .pop-content .btns .btn {
  padding: 0 13px;
  background: rgba(92, 110, 182, 0.81);
  border-radius: 16px;
  height: 32px;
  line-height: 28px;
  color: #fff;
  font-size: 18px;
  display: inline-block;
  font-family: 'NotoSansSC', serif;
  cursor: pointer;
}
.manage-pop .pop-content .btns .btn i {
  display: inline-block;
  margin-right: 8px;
  position: relative;
  top: 2px;
}
.manage-pop .pop-content .btns .btn-del i {
  width: 18px;
  height: 18px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-del_4e60e5a3.png) no-repeat;
  background-size: contain;
}
.manage-pop .pop-content .btns .btn.disabled {
  cursor: no-drop;
}
.manage-pop .pop-content .btns .btn-else {
  margin-left: 15px;
  padding: 0;
}
.manage-pop .pop-content .btns .btn-else i {
  width: 18px;
  height: 17px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-star_5acd7e60.png) no-repeat;
  background-size: contain;
  top: 1px;
}
.manage-pop .pop-content .btns .btn-else .el-input {
  max-width: 175px;
  padding: 0 13px;
}
.manage-pop .pop-content .btns .btn-else .el-input .el-input__inner {
  height: 32px !important;
  line-height: 32px;
  color: #fff;
  font-size: 18px;
  background: transparent;
  border: none;
  padding-right: 0;
  padding-left: 20px;
  position: relative;
  top: -2px;
}
.manage-pop .pop-content .btns .btn-else .el-input .el-input__inner::-webkit-input-placeholder {
  color: #fff;
}
.manage-pop .pop-content .btns .btn-else .el-input .el-input__inner::-moz-placeholder {
  color: #fff;
}
.manage-pop .pop-content .btns .btn-else .el-input .el-input__inner:-ms-input-placeholder {
  color: #fff;
}
.manage-pop .pop-content .btns .btn-else .el-input .el-input__inner::-ms-input-placeholder {
  color: #fff;
}
.manage-pop .pop-content .btns .btn-else .el-input .el-input__inner::placeholder {
  color: #fff;
}
.manage-pop .pop-content .btns .btn-else .el-input .el-input__suffix {
  right: auto;
  left: 9px;
  top: 6px;
}
.manage-pop .pop-content .btns .btn-else .el-input .el-input__suffix i {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.manage-pop .pop-content .btns .btn-else .el-input .el-input__suffix i::after,
.manage-pop .pop-content .btns .btn-else .el-input .el-input__suffix i::before {
  content: '';
}
.manage-pop .pop-content .btns .btn-r {
  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;
}
.manage-pop .pop-content .el-pagination {
  margin-top: 21px;
}
.flower-record-pop {
  padding-right: 30px;
  width: 811px;
  height: 601px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/bg_fd8bfdfa.png) no-repeat;
  background-size: contain;
}
.flower-record-pop .flower-header {
  width: 342px;
  height: 65px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 auto;
}
.flower-record-pop .flower-header .flower-record-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  font-size: 22px;
  color: transparent;
  background: linear-gradient(117deg, rgba(106, 255, 222, 0.35) -3%, rgba(255, 255, 255, 0) 30%), linear-gradient(290deg, rgba(51, 255, 228, 0.3) -3%, rgba(255, 255, 255, 0) 41%), rgba(225, 241, 255, 0.8);
  -webkit-background-clip: text;
          background-clip: text;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.flower-record-pop .flower-header .flower-record-btn:hover {
  position: relative;
  font-size: 24px;
}
.flower-record-pop .flower-header .flower-record-btn:hover::before {
  position: absolute;
  display: block;
  content: "";
  left: -2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-903px -721px;
width:42px;
height:39px;

}
.flower-record-pop .flower-header .flower-record-btn:hover::after {
  position: absolute;
  display: block;
  content: "";
  right: 8px;
  bottom: 2px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-403px -849px;
width:49px;
height:47px;

}
.flower-record-pop .flower-header .view-flower-active {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  font-size: 24px;
}
.flower-record-pop .flower-header .view-flower-active::before {
  position: absolute;
  display: block;
  content: "";
  left: -2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-903px -721px;
width:42px;
height:39px;

}
.flower-record-pop .flower-header .view-flower-active::after {
  position: absolute;
  display: block;
  content: "";
  right: 8px;
  bottom: 2px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-403px -849px;
width:49px;
height:47px;

}
.flower-record-pop .flower-header .flower-line {
  position: absolute;
  z-index: 9999;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-947px -312px;
width:14px;
height:8px;

  top: 58px;
}
.flower-record-pop .flower-header .flower-line.underline-send {
  left: 298px;
}
.flower-record-pop .flower-header .flower-line.underline-get {
  right: 326px;
}
.flower-record-pop .flower-record-box {
  min-height: 438px;
  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;
  padding: 0 105px 20px 105px;
}
.flower-record-pop .flower-record-box .flower-record-item {
  width: 568px;
  height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative;
}
.flower-record-pop .flower-record-box .flower-record-item .flower-left {
  height: 100%;
  width: 220px;
  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-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.flower-record-pop .flower-record-box .flower-record-item .flower-left .flower-level-name {
  font-size: 22px;
  color: #384a86;
}
.flower-record-pop .flower-record-box .flower-record-item .flower-left .flower-date {
  font-size: 16px;
  color: #4f6aa1;
}
.flower-record-pop .flower-record-box .flower-record-item .flower-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 186px;
}
.flower-record-pop .flower-record-box .flower-record-item .flower-center .flower-avatar {
  width: 50px;
  height: 50px;
}
.flower-record-pop .flower-record-box .flower-record-item .flower-center .flower-avatar img {
  width: 100%;
}
.flower-record-pop .flower-record-box .flower-record-item .flower-center .flower-username {
  margin-left: 9px;
  font-size: 18px;
  color: #2d303a;
}
.flower-record-pop .flower-record-box .flower-record-item .flower-right {
  width: 60px;
  color: #384a86;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flower-record-pop .flower-record-box .flower-record-item .flower-right::before {
  margin-right: 3px;
  content: "";
  display: block;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-990px -393px;
width:13px;
height:16px;

}
.flower-record-pop .flower-record-box .flower-record-item::after {
  position: absolute;
  display: block;
  content: "";
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-184px -828px;
width:779px;
height:1px;

  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}
.flower-record-pop .flower-record-box .flower-record-item:last-child {
  padding-bottom: 0;
  height: 70px;
}
.flower-record-pop .flower-record-box .flower-record-item:last-child::after {
  display: block;
  content: "";
  background: none;
}
.flower-record-pop .flower-record-box .flower-empty {
  margin: 0 auto;
  margin-top: 152px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-0px -332px;
width:266px;
height:152px;

  background-repeat: no-repeat;
}
.flower-record-pop .flower-tips {
  width: 100%;
  text-align: center;
  color: #768198;
  font-size: 16px;
}
.flower-record-pop .btns {
  margin-top: 10px;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  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;
}
.flower-record-pop .btns .btn {
  font-size: 0;
  cursor: pointer;
}
.flower-record-pop .btns .btn:hover {
  opacity: 0.85;
}
.flower-record-pop .btns .btn-prev {
  width: 28px;
  height: 28px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-left_f26fb1cc.png) no-repeat;
  background-size: contain;
}
.flower-record-pop .btns .btn-next {
  width: 28px;
  height: 28px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-right_b5a5b406.png) no-repeat;
  background-size: contain;
}
.flower-record-pop .btns .btn.notFirstBtn {
  -webkit-transform: rotate(180deg) !important;
          transform: rotate(180deg) !important;
  width: 28px !important;
  height: 28px !important;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-right_b5a5b406.png) no-repeat !important;
  background-size: contain !important;
}
.flower-record-pop .btns .current-page {
  margin: 0 16px;
  font-size: 22px;
  color: #fff;
  padding: 0 17px;
  background: #7a8abf;
  border-radius: 39px;
  line-height: 28px;
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}
.sidebar-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 668px;
  height: 100%;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/top-bg_2c518f30.png) no-repeat, url(https://h.res.netease.com/pc/zt/20240729112326/assets/bottom-bg_13d9f1e6.png) no-repeat, url(https://h.res.netease.com/pc/zt/20240729112326/assets/center-bg_8bfd5589.png) no-repeat;
  background-position: left top, left bottom, left top 184px;
  background-size: 100% 185px, 100% 228px, 100% calc(100% - 185px - 226px);
  color: #fff;
}
.sidebar-bg .sidebar-top {
  position: relative;
  height: 78px;
  width: 100%;
  background: -webkit-gradient(linear, right top, left top, color-stop(2%, rgba(95, 129, 190, 0)), color-stop(51%, rgba(86, 116, 235, 0.22)), to(rgba(95, 129, 190, 0)));
  background: linear-gradient(270deg, rgba(95, 129, 190, 0) 2%, rgba(86, 116, 235, 0.22) 51%, rgba(95, 129, 190, 0) 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;
}
.sidebar-bg .sidebar-top .sidebar-close {
  position: absolute;
  top: 16px;
  right: 20px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-956px -225px;
width:45px;
height:45px;

  cursor: pointer;
}
.sidebar-bg .sidebar-top .sidebar-close:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sidebar-bg .top-area {
  position: absolute;
  left: 20px;
  top: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar-bg .btn-back {
  margin-left: 10px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-385px -779px;
width:49px;
height:29px;

}
.sidebar-bg .btn-back:hover {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-438px -779px;
width:49px;
height:29px;

}
.hot-sidebar .sidebar-content {
  padding: 34px 34px 0;
}
.hot-sidebar .list-wrap {
  position: absolute;
  top: 112px;
  bottom: 0;
  overflow: auto;
}
.hot-sidebar .list-wrap::-webkit-scrollbar {
  width: 4px;
}
.hot-sidebar .list-wrap::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 2px;
}
.hot-sidebar .list-wrap::-webkit-scrollbar-thumb {
  background: rgba(131, 154, 196, 0.38);
  border-radius: 2px;
}
.hot-sidebar .list-wrap.is-end .hot-item:last-child {
  position: relative;
  margin-bottom: 80px;
}
.hot-sidebar .list-wrap.is-end .hot-item:last-child::after {
  content: "\6682\65E0\66F4\591A\5185\5BB9~";
  position: absolute;
  bottom: -50px;
  font-size: 18px;
  left: 50%;
  color: #253d7e;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.hot-sidebar .hot-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
.hot-sidebar .hot-item .left {
  position: relative;
  width: 353px;
  height: 196px;
  border-radius: 8px;
  overflow: hidden;
}
.hot-sidebar .hot-item .left img {
  width: 100%;
  height: 100%;
}
.hot-sidebar .hot-item .left .img-desc-wrap {
  font-family: 'fzcjljt', sans-serif;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  border-radius: 0 0 8px 8px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.51)), color-stop(28%, rgba(0, 0, 0, 0.33)), to(rgba(0, 0, 0, 0.23)));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.51) 0%, rgba(0, 0, 0, 0.33) 28%, rgba(0, 0, 0, 0.23) 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hot-sidebar .hot-item .left .img-desc-wrap .num-show {
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.hot-sidebar .hot-item .left .img-desc-wrap .play {
  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;
}
.hot-sidebar .hot-item .left .img-desc-wrap .play::before {
  content: "";
  margin: 0 5px 0 11px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-120px -980px;
width:20px;
height:22px;

}
.hot-sidebar .hot-item .left .img-desc-wrap .hot {
  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;
}
.hot-sidebar .hot-item .left .img-desc-wrap .hot::before {
  content: "";
  margin: 0 5px 0 15px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-144px -980px;
width:20px;
height:22px;

}
.hot-sidebar .hot-item .left .img-desc-wrap .tag-bg {
  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-right: 7px;
}
.hot-sidebar .hot-item .right {
  margin-left: 10px;
}
.hot-sidebar .hot-item .right .item-title {
  font-family: 'fzcjljt', sans-serif;
  font-size: 24px;
  padding: 10px 0 0 18px;
  color: #253d7e;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-568px -488px;
width:247px;
height:57px;

}
.hot-sidebar .hot-item .right .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;
  color: #2d303a;
  font-size: 18px;
  margin-bottom: 10px;
}
.hot-sidebar .hot-item .right .name::before {
  content: "";
  margin: -10px -10px -14px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-78px -849px;
width:56px;
height:50px;

}
.hot-sidebar .hot-item .right .name.collaborator::before {
  content: "";
  margin: -10px -10px -14px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-921px -332px;
width:56px;
height:57px;

}
.hot-sidebar .hot-item .right button {
  font-family: 'fzcjljt', sans-serif;
  font-size: 20px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-769px -674px;
width:130px;
height:41px;

}
.hot-sidebar .hot-item .right button:hover,
.hot-sidebar .hot-item .right button.active {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-493px -721px;
width:130px;
height:41px;

}
.level-sidebar .sidebar-content {
  padding: 34px 34px;
  height: 100%;
  overflow: scroll;
}
.level-sidebar .sidebar-content::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.level-sidebar .sidebar-content::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 2px;
}
.level-sidebar .sidebar-content::-webkit-scrollbar-thumb {
  background: rgba(131, 154, 196, 0.38);
  border-radius: 10px;
}
.level-sidebar .level-content {
  border-radius: 8px;
}
.level-sidebar .level-content .top-wrap {
  position: relative;
  width: 596px;
  height: 330px;
  border-radius: 8px;
  overflow: hidden;
}
.level-sidebar .level-content .top-wrap img {
  width: 100%;
  height: 100%;
}
.level-sidebar .level-content .top-wrap .swiper-button-prev {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-672px -849px;
width:32px;
height:38px;

}
.level-sidebar .level-content .top-wrap .swiper-button-next {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-708px -849px;
width:32px;
height:38px;

}
.level-sidebar .level-content .top-wrap .img-swiper-pagination {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 20px;
  margin-left: 10px;
  width: 80%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.level-sidebar .level-content .top-wrap .img-swiper-pagination .my-bullet {
  cursor: pointer;
  margin: 0 4px;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  opacity: 0.5;
  background: #fff;
}
.level-sidebar .level-content .top-wrap .img-swiper-pagination .my-bullet.swiper-pagination-bullet-active {
  width: 10px;
  height: 6px;
  border-radius: 6px;
  opacity: 1;
  background: #fff;
}
.level-sidebar .level-content .top-wrap .top-desc-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 38px;
  border-radius: 8px 8px 0 0;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.51)), color-stop(28%, rgba(0, 0, 0, 0.33)), to(rgba(0, 0, 0, 0.23)));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.51) 0%, rgba(0, 0, 0, 0.33) 28%, rgba(0, 0, 0, 0.23) 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.level-sidebar .level-content .top-wrap .top-desc-wrap .num-show {
  font-family: 'fzcjljt', sans-serif;
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.level-sidebar .level-content .top-wrap .top-desc-wrap .play {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.level-sidebar .level-content .top-wrap .top-desc-wrap .play::before {
  content: "";
  margin: 0 5px 0 11px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-120px -980px;
width:20px;
height:22px;

}
.level-sidebar .level-content .top-wrap .top-desc-wrap .hot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.level-sidebar .level-content .top-wrap .top-desc-wrap .hot::before {
  content: "";
  margin: 0 5px 0 15px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-144px -980px;
width:20px;
height:22px;

}
.level-sidebar .level-content .top-wrap .top-desc-wrap .desc {
  margin-right: 12px;
  font-size: 18px;
  font-weight: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(255, 255, 255, 0.7);
}
.level-sidebar .level-content .top-wrap .bottom-desc-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 50px;
  border-radius: 0 0 8px 8px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.51)), color-stop(28%, rgba(0, 0, 0, 0.33)), to(rgba(0, 0, 0, 0.23)));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.51) 0%, rgba(0, 0, 0, 0.33) 28%, rgba(0, 0, 0, 0.23) 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: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.level-sidebar .level-content .top-wrap .bottom-desc-wrap .tag-wrap {
  font-family: 'fzcjljt', sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.level-sidebar .level-content .top-wrap .bottom-desc-wrap .tag-wrap span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
  margin-right: 7px;
}
.level-sidebar .level-content .bottom-wrap .top-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: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 60px;
}
.level-sidebar .level-content .bottom-wrap .top-info .left-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;
}
.level-sidebar .level-content .bottom-wrap .top-info .level-title {
  font-family: 'fzcjljt', sans-serif;
  position: relative;
  z-index: 1;
  font-size: 24px;
  margin-right: 20px;
  color: #253d7e;
  min-width: 160px;
}
.level-sidebar .level-content .bottom-wrap .top-info .level-title::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -13px;
  left: -20px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-568px -488px;
width:247px;
height:57px;

}
.level-sidebar .level-content .bottom-wrap .top-info .collect {
  position: relative;
  z-index: 1;
  cursor: pointer;
  font-family: 'fzcjljt', sans-serif;
  font-size: 18px;
  font-weight: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #384a86;
  height: 26px;
  border-radius: 26px;
  opacity: 1;
  padding: 2px 6px 2px 6px;
  background: rgba(255, 255, 255, 0.58);
}
.level-sidebar .level-content .bottom-wrap .top-info .collect::before {
  content: "";
  margin-right: 4px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-544px -792px;
width:16px;
height:16px;

}
.level-sidebar .level-content .bottom-wrap .top-info .collect.collected::before {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-564px -792px;
width:16px;
height:16px;

}
.level-sidebar .level-content .bottom-wrap .top-info .icon-share {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-68px -923px;
width:29px;
height:28px;

}
.level-sidebar .level-content .bottom-wrap .top-info .icon-share:hover {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-101px -923px;
width:29px;
height:28px;

}
.level-sidebar .level-content .bottom-wrap .top-info .icon-report {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-134px -923px;
width:28px;
height:28px;

}
.level-sidebar .level-content .bottom-wrap .top-info .icon-report:hover {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-166px -923px;
width:28px;
height:28px;

}
.level-sidebar .level-content .bottom-wrap .story-desc-box .label {
  color: #253D7E;
  font-size: 22px;
  font-family: 'fzcjljt', sans-serif;
  margin-bottom: 15px;
}
.level-sidebar .level-content .bottom-wrap .story-desc-box .label.space {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.level-sidebar .level-content .bottom-wrap .story-desc-box .label p {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.level-sidebar .level-content .bottom-wrap .story-desc-box .label p:before {
  position: absolute;
  left: 0;
  bottom: -3px;
  content: '';
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-856px -421px;
width:100px;
height:6px;

}
.level-sidebar .level-content .bottom-wrap .story-desc-box .label p:after {
  position: absolute;
  top: -3px;
  right: -12px;
  content: '';
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-34px -923px;
width:30px;
height:29px;

}
.level-sidebar .level-content .bottom-wrap .level-desc {
  font-size: 18px;
  line-height: 25px;
  color: #2d303a;
  margin-bottom: 18px;
}
.level-sidebar .level-content .bottom-wrap .level-detail {
  font-size: 18px;
  line-height: 25px;
  color: #384a86;
  margin-bottom: 20px;
  font-family: 'fzcjljt', sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.level-sidebar .level-content .bottom-wrap .level-detail .detail-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 290px;
  height: 79px;
  border-radius: 10px;
  opacity: 1;
  background: rgba(255, 255, 255, 0.35);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.37);
}
.level-sidebar .level-content .bottom-wrap .level-detail .detail-wrap.detail-wrap-story {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 18px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.level-sidebar .level-content .bottom-wrap .level-detail .detail-wrap.detail-wrap-story .item {
  text-align: center;
}
.level-sidebar .level-content .bottom-wrap .level-detail .detail-wrap.detail-wrap-story .item p:nth-of-type(2) {
  color: #5C6DBE;
}
.level-sidebar .level-content .bottom-wrap .author-wrap {
  font-family: 'fzcjljt', sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 24px;
  line-height: 24px;
  color: #384a86;
  margin-bottom: 10px;
}
.level-sidebar .level-content .bottom-wrap .author-wrap .left-author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.level-sidebar .level-content .bottom-wrap .author-wrap .avatar-wrap {
  position: relative;
  width: 62px;
  height: 62px;
  border-radius: 31px;
  margin-right: 10px;
}
.level-sidebar .level-content .bottom-wrap .author-wrap .avatar-wrap img {
  width: 62px;
  height: 62px;
}
.level-sidebar .level-content .bottom-wrap .author-wrap .avatar-wrap::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-0px -849px;
width:74px;
height:70px;

}
.level-sidebar .level-content .bottom-wrap .author-wrap .btn-follow {
  line-height: 35px;
  font-size: 20px;
  color: #fff;
  margin-left: 10px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-670px -393px;
width:89px;
height:35px;

}
.level-sidebar .level-content .bottom-wrap .author-wrap .btn-follow:hover {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-763px -393px;
width:89px;
height:35px;

}
.level-sidebar .level-content .bottom-wrap .author-wrap .btn-follow.followed {
  width: 88px;
  height: 34px;
  border-radius: 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #7084ad;
  background: none;
  color: #7084ad;
}
.level-sidebar .level-content .bottom-wrap .author-wrap .btn-follow.followed:hover {
  background: none;
}
.level-sidebar .level-content .bottom-wrap .author-wrap .btn-design {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 136px;
  height: 38px;
  border-radius: 19px;
  border: 1px solid #5d77b5;
  font-size: 18px;
  background: transparent;
  font-family: "NotoSansSC", sans-serif;
}
.level-sidebar .level-content .bottom-wrap .author-wrap .btn-design::after {
  content: "";
  margin-left: 6px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-994px -274px;
width:7px;
height:10px;

}
.level-sidebar .level-content .bottom-wrap .author-wrap .btn-design:hover,
.level-sidebar .level-content .bottom-wrap .author-wrap .btn-design:active {
  border: 1px solid #475e93;
}
.level-sidebar .level-content .bottom-wrap .author-wrap .switch-wrap {
  height: 40px;
  font-size: 20px;
  color: #384a86;
  font-family: 'fzcjljt', sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.level-sidebar .level-content .bottom-wrap .author-wrap .switch-wrap .el-switch {
  cursor: pointer;
  height: 30px;
  position: relative;
  margin: 0 0 1px 6px;
}
.level-sidebar .level-content .bottom-wrap .author-wrap .switch-wrap .el-switch .el-switch__core {
  height: 30px;
  border-radius: 15px;
}
.level-sidebar .level-content .bottom-wrap .author-wrap .switch-wrap .el-switch .el-switch__core::after {
  width: 26px;
  height: 26px;
}
.level-sidebar .level-content .bottom-wrap .author-wrap .switch-wrap .el-switch::before {
  content: "\5173";
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 8px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 20px;
  color: #fff;
}
.level-sidebar .level-content .bottom-wrap .author-wrap .switch-wrap .el-switch.is-checked::before {
  content: "\5F00";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 8px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 20px;
  color: #fff;
}
.level-sidebar .level-content .bottom-wrap .author-wrap .switch-wrap .el-switch.is-checked .el-switch__core {
  height: 30px;
  border-radius: 15px;
}
.level-sidebar .level-content .bottom-wrap .author-wrap .switch-wrap .el-switch.is-checked .el-switch__core::after {
  margin-left: -27px;
}
.boutique-container {
  position: relative;
  width: 779px;
  height: 469px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/boutique-bg_ef574685.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 20px;
}
.boutique-container .tag-bg {
  position: absolute;
  right: 11px;
  top: 8px;
}
.boutique-container .boutique-swiper-container {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 64px;
  width: 741px;
  height: 380px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.boutique-container .boutique-swiper-container .img-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.boutique-container .boutique-swiper-container img {
  width: 737px;
  height: 376px;
  border-radius: 10px;
}
.boutique-container .swiper-button-prev {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-672px -849px;
width:32px;
height:38px;

}
.boutique-container .swiper-button-next {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-708px -849px;
width:32px;
height:38px;

}
.boutique-container .boutique-swiper-pagination {
  position: absolute;
  z-index: 10;
  left: 50%;
  bottom: 10px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.boutique-container .boutique-swiper-pagination .my-bullet {
  cursor: pointer;
  margin: 0 4px;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  opacity: 0.5;
  background: #fff;
}
.boutique-container .boutique-swiper-pagination .my-bullet.swiper-pagination-bullet-active {
  width: 10px;
  height: 6px;
  border-radius: 6px;
  opacity: 1;
  background: #fff;
}
.boutique-container .bottom-content {
  color: #fff;
  position: absolute;
  left: 2px;
  bottom: 2px;
  width: 737px;
  height: 84px;
  border-radius: 0 0 8px 8px;
  padding: 0 10px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(16, 17, 16, 0.8)), to(rgba(21, 24, 24, 0.5)));
  background: linear-gradient(0deg, rgba(16, 17, 16, 0.8) 0%, rgba(21, 24, 24, 0.5) 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.boutique-container .left-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.boutique-container .left-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.boutique-container .avatar-wrap {
  position: relative;
  width: 68px;
  height: 68px;
  border-radius: 34px;
  margin-right: 10px;
}
.boutique-container .avatar-wrap img {
  width: 68px;
  height: 68px;
}
.boutique-container .map-name {
  font-size: 22px;
  margin-bottom: 10px;
}
.boutique-container .authors {
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.boutique-container .author-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;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.boutique-container .author-name::before {
  content: "";
  margin-right: 6px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-902px -923px;
width:26px;
height:20px;

}
.boutique-container .collaborator-name {
  margin-left: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.boutique-container .collaborator-name::before {
  content: "";
  margin-right: 6px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-314px -923px;
width:25px;
height:26px;

}
.boutique-container .right-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.boutique-container .play {
  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: 10px;
}
.boutique-container .play::before {
  content: "";
  margin: 0 5px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-120px -980px;
width:20px;
height:22px;

}
.boutique-container .hot {
  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;
}
.boutique-container .hot::before {
  content: "";
  margin: 0 5px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-144px -980px;
width:20px;
height:22px;

}
.hot-container {
  position: relative;
  width: 647px;
  height: 469px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/hot-bg_31701709.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 20px;
}
.hot-container .hot-swiper-container {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 64px;
  width: 624px;
  height: 380px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.hot-container .hot-swiper-container .img-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hot-container .hot-swiper-container img {
  border-radius: 10px;
  width: 620px;
  height: 376px;
}
.hot-container .swiper-button-prev {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-672px -849px;
width:32px;
height:38px;

}
.hot-container .swiper-button-next {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-708px -849px;
width:32px;
height:38px;

}
.hot-container .hot-swiper-pagination {
  position: absolute;
  z-index: 10;
  left: 50%;
  bottom: 10px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.hot-container .hot-swiper-pagination .my-bullet {
  cursor: pointer;
  margin: 0 4px;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  opacity: 0.5;
  background: #fff;
}
.hot-container .hot-swiper-pagination .my-bullet.swiper-pagination-bullet-active {
  width: 10px;
  height: 6px;
  border-radius: 6px;
  opacity: 1;
  background: #fff;
}
.hot-container .bottom-content {
  color: #fff;
  position: absolute;
  left: 2px;
  bottom: 2px;
  width: 620px;
  height: 59px;
  border-radius: 0 0 8px 8px;
  padding: 0 14px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(16, 17, 16, 0.8)), to(rgba(21, 24, 24, 0.5)));
  background: linear-gradient(0deg, rgba(16, 17, 16, 0.8) 0%, rgba(21, 24, 24, 0.5) 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hot-container .map-name {
  font-size: 22px;
  margin-bottom: 10px;
}
.hot-container .author-name {
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.hot-container .author-name::before {
  content: "";
  margin-right: 6px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-902px -923px;
width:26px;
height:20px;

}
.hot-container .right-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hot-container .play {
  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-right: 10px;
}
.hot-container .play::before {
  content: "";
  margin: 0 5px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-120px -980px;
width:20px;
height:22px;

}
.hot-container .hot {
  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;
}
.hot-container .hot::before {
  content: "";
  margin: 0 5px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-144px -980px;
width:20px;
height:22px;

}
.friend-play-container {
  position: relative;
  width: 945px;
  height: 392px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/friend-play-bg_39cb96f9.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 20px;
}
.friend-play-container .friend-play-content {
  position: absolute;
  left: 50%;
  top: 64px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 100%;
}
.friend-play-container .friend-play-content .friend-play-bg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.friend-play-container .friend-play-content .level-item {
  width: 451px;
  height: 140px;
  margin: 0 2px 22px;
  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;
}
.friend-play-container .friend-play-content .img-wrap {
  cursor: pointer;
  position: relative;
  width: 251px;
  height: 140px;
  border-radius: 8px;
  background: #fff;
  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-right: 16px;
}
.friend-play-container .friend-play-content .tag-bg {
  position: absolute;
  bottom: 8px;
  right: 12px;
}
.friend-play-container .friend-play-content img {
  width: 246px;
  height: 135px;
  border-radius: 8px;
}
.friend-play-container .right-content {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.friend-play-container .map-name {
  width: 144px;
  position: relative;
  font-size: 22px;
  margin: 10px 0 10px 4px;
  color: #fff;
}
.friend-play-container .map-name span {
  position: absolute;
  z-index: -1;
  bottom: -10px;
  left: -16px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-759px -549px;
width:187px;
height:44px;

}
.friend-play-container .author-name {
  font-family: "NotoSansSC", sans-serif;
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 4px;
}
.friend-play-container .author-name::before {
  content: "";
  margin-right: 6px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-902px -923px;
width:26px;
height:20px;

}
.friend-play-container .collaborator-name {
  font-family: "NotoSansSC", sans-serif;
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 4px;
}
.friend-play-container .collaborator-name::before {
  content: "";
  margin-right: 6px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-314px -923px;
width:25px;
height:26px;

}
.friend-play-container .friend-wrap {
  font-size: 18px;
  font-family: "NotoSansSC", sans-serif;
  color: rgba(255, 255, 255, 0.7);
}
.friend-play-container .friend-wrap .yellow {
  color: #ffe76f;
}
.friend-new-container {
  position: relative;
  width: 481px;
  height: 392px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/friend-new-bg_af0bd279.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 20px;
  overflow: hidden;
}
.friend-new-container .friend-new-content {
  position: absolute;
  left: 50%;
  top: 64px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.friend-new-container .friend-new-content .level-item {
  width: 450px;
  height: 140px;
  margin-bottom: 22px;
  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;
}
.friend-new-container .friend-new-content .img-wrap {
  cursor: pointer;
  position: relative;
  width: 251px;
  height: 140px;
  border-radius: 8px;
  background: #fff;
  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-right: 16px;
}
.friend-new-container .friend-new-content .tag-bg {
  position: absolute;
  bottom: 8px;
  right: 12px;
}
.friend-new-container .friend-new-content img {
  width: 246px;
  height: 135px;
  border-radius: 8px;
}
.friend-new-container .right-content {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.friend-new-container .map-name {
  width: 144px;
  position: relative;
  font-size: 22px;
  margin: 10px 0 10px 4px;
  color: #fff;
}
.friend-new-container .map-name span {
  position: absolute;
  z-index: -1;
  bottom: -10px;
  left: -16px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-759px -549px;
width:187px;
height:44px;

}
.friend-new-container .author-name {
  font-family: "NotoSansSC", sans-serif;
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 4px;
}
.friend-new-container .author-name::before {
  content: "";
  margin-right: 6px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-902px -923px;
width:26px;
height:20px;

}
.friend-new-container .collaborator-name {
  font-family: "NotoSansSC", sans-serif;
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 4px;
}
.friend-new-container .collaborator-name::before {
  content: "";
  margin-right: 6px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-314px -923px;
width:25px;
height:26px;

}
.friend-new-container .date-wrap {
  font-family: "NotoSansSC", sans-serif;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
}
.friend-new-container .date-wrap .yellow {
  color: #ffe76f;
}
.follow-new-container {
  position: relative;
  width: 1446px;
  height: 351px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/follow-new-bg_f52a9196.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 20px;
}
.follow-new-container .follow-new-content {
  position: absolute;
  left: 50%;
  top: 64px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.follow-new-container .follow-new-content .level-item {
  width: 331px;
  height: 182px;
  margin: 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.follow-new-container .follow-new-content .img-wrap {
  cursor: pointer;
  position: relative;
  width: 330px;
  height: 182px;
  border-radius: 8px;
  background: #fff;
  margin-bottom: 8px;
  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;
}
.follow-new-container .follow-new-content .img-wrap .img-desc {
  position: absolute;
  left: 1px;
  bottom: 2px;
  width: 327px;
  height: 36px;
  padding-right: 10px;
  border-radius: 0 0 8px 8px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.51)), color-stop(89%, rgba(0, 0, 0, 0)));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.51) 0%, rgba(0, 0, 0, 0) 89%);
  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;
}
.follow-new-container .follow-new-content img {
  width: 326px;
  height: 178px;
  border-radius: 8px;
}
.follow-new-container .bottom-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.follow-new-container .tag-bg {
  position: absolute;
  top: 8px;
  right: 12px;
}
.follow-new-container .map-name {
  position: relative;
  font-size: 22px;
  padding: 11px 0 0 22px;
  margin: 0 0 2px -8px;
  color: #fff;
  height: 44px;
}
.follow-new-container .map-name::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-759px -549px;
width:187px;
height:44px;

}
.follow-new-container .authors {
  font-family: "NotoSansSC", sans-serif;
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.follow-new-container .author-name {
  margin-bottom: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.follow-new-container .author-name::before {
  content: "";
  margin-right: 6px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-902px -923px;
width:26px;
height:20px;

}
.follow-new-container .collaborator-name {
  margin-left: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.follow-new-container .collaborator-name::before {
  content: "";
  margin-right: 6px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-314px -923px;
width:25px;
height:26px;

}
.follow-new-container .friend-wrap {
  font-size: 18px;
  font-family: "NotoSansSC", sans-serif;
  color: rgba(255, 255, 255, 0.7);
}
.follow-new-container .friend-wrap .yellow {
  color: #ffe76f;
}
.like-container {
  position: relative;
  width: 1446px;
  height: 616px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/like-bg_521c1d6a.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 20px;
}
.like-container .like-content {
  position: absolute;
  left: 50%;
  top: 64px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.like-container .like-content .level-item {
  cursor: pointer;
  position: relative;
  width: 451px;
  height: 250px;
  margin: 0 22px 22px 0;
  border-radius: 8px;
  background: #fff;
  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;
}
.like-container .like-content .level-item:nth-child(3),
.like-container .like-content .level-item:nth-child(6) {
  margin: 0 0 22px 0;
}
.like-container .like-content img {
  width: 447px;
  height: 246px;
  border-radius: 8px;
}
.like-container .bottom-content {
  position: absolute;
  left: 2px;
  bottom: 2px;
  width: 447px;
  height: 69px;
  border-radius: 0 0 8px 8px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.51)), color-stop(28%, rgba(0, 0, 0, 0.33)), to(rgba(0, 0, 0, 0.23)));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.51) 0%, rgba(0, 0, 0, 0.33) 28%, rgba(0, 0, 0, 0.23) 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px;
}
.like-container .map-name {
  font-size: 22px;
  color: #fff;
}
.like-container .authors {
  font-family: "NotoSansSC", sans-serif;
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.like-container .author-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;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.like-container .author-name::before {
  content: "";
  margin-right: 6px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-902px -923px;
width:26px;
height:20px;

}
.like-container .collaborator-name {
  margin-left: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.like-container .collaborator-name::before {
  content: "";
  margin-right: 6px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-314px -923px;
width:25px;
height:26px;

}
.like-container .friend-wrap {
  font-size: 18px;
  font-family: "NotoSansSC", sans-serif;
  color: rgba(255, 255, 255, 0.7);
}
.like-container .friend-wrap .yellow {
  color: #ffe76f;
}
.more-btn {
  position: absolute;
  right: 20px;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-0px -779px;
width:88px;
height:66px;

}
.more-btn:hover {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-92px -779px;
width:88px;
height:66px;

}
.change-btn {
  position: absolute;
  right: 20px;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-336px -597px;
width:120px;
height:65px;

}
.change-btn:hover {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-460px -597px;
width:120px;
height:65px;

}
.data-empty {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-501px -176px;
width:266px;
height:152px;

}
.container-nav {
  position: absolute;
  z-index: 999;
  top: 0;
  left: 50%;
  width: 100%;
  min-width: 1500px;
  max-width: 2560px;
  height: 62px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  font-size: 22px;
  color: rgba(255, 255, 250, 0.84);
  padding: 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.container-nav::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 100%;
  height: 62px;
  max-width: 2560px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/nav-bg_4d262bce.png) no-repeat center left;
  background-size: 100% 100%;
}
.container-nav #leihuo-top {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding-left: 20px;
}
.container-nav #leihuo-top #logo {
  width: 130px;
  height: 52px;
}
.container-nav #leihuo-top #logo img {
  width: 100%;
  height: 100%;
}
.container-nav #leihuo-top #leihuo_top_content {
  display: none;
}
.container-nav .container-nav-list {
  width: 100%;
}
.container-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: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.container-nav .nav-list a {
  width: 207px;
  height: 62px;
  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;
}
.container-nav .nav-list a:hover,
.container-nav .nav-list a.active {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/nav-active_ad885e7f.png) no-repeat center center;
}
.container-star .star-wrap {
  margin-top: 4px;
  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;
}
.container-star .star-wrap .star-item {
  margin: 2px 12px 0 0;
}
.container-star .star-wrap .star-item.star-0 {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-455px -923px;
width:23px;
height:23px;

}
.container-star .star-wrap .star-item.star-1 {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-482px -923px;
width:23px;
height:23px;

}
.container-star .star-wrap .star-item.star-2 {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-509px -923px;
width:23px;
height:23px;

}
.container-star .star-wrap .star-item.star-3 {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-536px -923px;
width:23px;
height:23px;

}
.container-star .star-wrap .star-item.star-4 {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-563px -923px;
width:23px;
height:23px;

}
.container-star .star-wrap .star-item.star-5 {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-590px -923px;
width:23px;
height:23px;

}
.container-star .star-wrap .star-item.star-6 {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-617px -923px;
width:23px;
height:23px;

}
.container-star .star-wrap .star-item.star-7 {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-644px -923px;
width:23px;
height:23px;

}
.container-star .star-wrap .star-item.star-8 {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-671px -923px;
width:23px;
height:23px;

}
.container-star .star-wrap .star-item.star-9 {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-698px -923px;
width:23px;
height:23px;

}
.container-star .star-wrap .star-item.has {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-725px -923px;
width:23px;
height:23px;

}
.title-contain {
  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;
}
.title-contain .desc {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 125px;
  height: 18px;
  opacity: 1;
  background: rgba(48, 89, 159, 0.7);
  -webkit-filter: blur(10px);
          filter: blur(10px);
}
.title-contain .content {
  position: relative;
  font-size: 26px;
  font-family: 'fzcjljt', sans-serif;
  letter-spacing: -0.08em;
  background: linear-gradient(118deg, rgba(106, 255, 222, 0.7) -3%, rgba(255, 255, 255, 0) 20%), linear-gradient(291deg, rgba(118, 132, 255, 0.6) -3%, rgba(255, 255, 255, 0) 21%), #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.title-contain::before {
  position: relative;
  z-index: 1;
  content: "";
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-673px -721px;
width:42px;
height:39px;

}
.title-contain::after {
  position: relative;
  z-index: 1;
  content: "";
  margin-left: -10px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-949px -721px;
width:49px;
height:33px;

}
.login-index {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin: 0 10px;
}
.login-index .login-inited .info {
  font-size: 16px;
  font-family: "NotoSansSC", sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.login-index .login-inited .info img {
  width: 30px;
  height: 30px;
  border-radius: 221.47px;
  border: 1px solid #79a1cd;
  margin: 0 0 0 10px;
}
.login-index .login-inited .info .switch-btn {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-848px -849px;
width:30px;
height:30px;

}
.login-index .login-inited .info .logout-btn {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-882px -849px;
width:30px;
height:30px;

}
.login-index .login-inited .info .record-btn {
  font-size: 15.36px;
  color: #fff;
  width: 94px;
  height: 32px;
  border-radius: 640px;
  letter-spacing: -0.04em;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: #7e9ece;
  font-family: 'fzcjljt', sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.login-index .login-inited .info button {
  margin: 0 0 0 10px;
}
.login-index .login-inited .info button:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.login-index .btn-login {
  cursor: pointer;
  width: 73px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 16px;
  background: #7e9ece;
}
.login-index .btn-login:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.subtitle-container {
  width: 399px;
  height: 24px;
}
.subtitle-container .subtitle-content {
  width: 100%;
  height: 100%;
  font-size: 22px;
  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-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.subtitle-container .subtitle-content::before {
  content: '';
  display: block;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-544px -779px;
width:84px;
height:9px;

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);
  margin-right: 23px;
}
.subtitle-container .subtitle-content::after {
  content: '';
  display: block;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-544px -779px;
width:84px;
height:9px;

  margin-left: 23px;
}
.comment {
  position: relative;
  left: -34px;
  width: calc(100% + 68px);
  min-height: calc(100% - 614px);
  background-color: #f6f6ff;
  padding: 20px 20px 100px;
}
.comment .top-comment {
  position: relative;
  width: 100%;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.comment .top-comment::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  height: 1px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(39, 80, 178, 0)), color-stop(50%, rgba(39, 80, 178, 0.24)), to(rgba(39, 80, 178, 0)));
  background: linear-gradient(270deg, rgba(39, 80, 178, 0) 0%, rgba(39, 80, 178, 0.24) 50%, rgba(39, 80, 178, 0) 100%);
}
.comment .top-comment .avatar-wrap {
  width: 50px;
  height: 50px;
  margin-right: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.comment .top-comment .avatar-wrap img {
  width: 50px;
  height: 50px;
}
.comment .scroll-temp {
  position: relative;
  width: 100%;
}
.comment .scroll-temp::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #f0fafd;
}
.comment .scroll-temp::-webkit-scrollbar-thumb {
  background-color: #999;
}
.comment .scroll-temp .comment-item {
  position: relative;
  padding: 20px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.comment .scroll-temp .comment-item .comment-wrap {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.comment .scroll-temp .comment-item .comment-input {
  margin: 10px 0 10px 0;
}
.comment .scroll-temp .comment-item .avatar-wrap {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 50px;
  height: 50px;
}
.comment .scroll-temp .comment-item .avatar-wrap img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.comment .scroll-temp .comment-item .avatar-wrap.mine::after {
  content: "\6211\7684";
  font-family: 'fzcjljt', sans-serif;
  position: absolute;
  left: 50%;
  bottom: -5px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 32px;
  height: 14px;
  border-radius: 14px;
  background: #b98c67;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}
.comment .scroll-temp .comment-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 668px;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(39, 80, 178, 0)), color-stop(50%, rgba(39, 80, 178, 0.1)), to(rgba(39, 80, 178, 0)));
  background: linear-gradient(270deg, rgba(39, 80, 178, 0) 0%, rgba(39, 80, 178, 0.1) 50%, rgba(39, 80, 178, 0) 100%);
}
.comment .scroll-temp .comment-content {
  width: 100%;
  margin-left: 10px;
  font-size: 18px;
}
.comment .scroll-temp .comment-content .comment-top:hover .icon-wrap .pl-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.comment .scroll-temp .comment-content .name {
  cursor: pointer;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #384a86;
}
.comment .scroll-temp .comment-content .text {
  word-break: break-word;
  color: #2d303a;
  margin-bottom: 4px;
  max-width: 400px;
}
.comment .scroll-temp .comment-content .text svg {
  width: 32px;
  height: 32px;
  font-size: 0;
}
.comment .scroll-temp .comment-content .text svg.bigEmoj {
  width: 115px;
  height: 115px;
}
.comment .scroll-temp .comment-content .time {
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4f6aa1;
}
.comment .scroll-temp .comment-content .time .dele-icon {
  cursor: pointer;
  margin-left: 10px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-664px -792px;
width:12px;
height:12px;

}
.comment .scroll-temp .comment-content .time .dele-icon:hover {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-680px -792px;
width:12px;
height:12px;

}
.comment .scroll-temp .comment-content .pl {
  margin-top: 4px;
  cursor: pointer;
}
.comment .scroll-temp .comment-content .pl .status-zk {
  width: 78px;
  height: 17px;
  border-radius: 4px;
  background: #6b82b0;
  font-size: 12px;
  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;
}
.comment .scroll-temp .comment-content .pl .status-zk::after {
  content: "";
  margin-left: 4px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-994px -298px;
width:9px;
height:6px;

}
.comment .scroll-temp .comment-content .pl .status-sq {
  width: 48px;
  height: 17px;
  border-radius: 4px;
  background: #6b82b0;
  font-size: 12px;
  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;
}
.comment .scroll-temp .comment-content .pl .status-sq::after {
  content: "";
  margin-left: 4px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-994px -298px;
width:9px;
height:6px;

}
.comment .scroll-temp .icon-wrap {
  position: absolute;
  top: 46px;
  right: 5px;
  font-size: 16px;
  text-align: right;
  color: #98b3e9;
  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;
}
.comment .scroll-temp .icon-wrap .like-wrap {
  margin-right: 8px;
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.comment .scroll-temp .icon-wrap .like-wrap .icon-like {
  margin-right: 4px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png) no-repeat;background-size:1007px 1006px;
background-position:-962px -393px;
width:24px;
height:24px;

}
.comment .scroll-temp .icon-wrap .like-wrap .icon-like:hover {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png) no-repeat;background-size:1007px 1006px;
background-position:-343px -923px;
width:24px;
height:24px;

}
.comment .scroll-temp .icon-wrap .like-wrap .icon-like.likes {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png) no-repeat;background-size:1007px 1006px;
background-position:-371px -923px;
width:24px;
height:24px;

}
.comment .scroll-temp .icon-wrap .pl-wrap {
  cursor: pointer;
  position: relative;
  display: none;
  margin-right: 6px;
}
.comment .scroll-temp .icon-wrap .pl-wrap .icon-pl {
  margin-right: 4px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png) no-repeat;background-size:1007px 1006px;
background-position:-399px -923px;
width:24px;
height:24px;

}
.comment .scroll-temp .icon-wrap .pl-wrap .icon-pl:hover {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png) no-repeat;background-size:1007px 1006px;
background-position:-427px -923px;
width:24px;
height:24px;

}
.comment .scroll-temp .comment-empty {
  margin-top: 40px;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 266px;
  height: 152px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/comment-empty_0fb4364a.png) no-repeat;
  background-size: 100% 100%;
}
.comment .scroll-temp .comment-wrap-child {
  padding-top: 20px;
  width: 563px;
}
.comment .scroll-temp .comment-wrap-child .comment-item .comment-child {
  width: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.comment .scroll-temp .comment-wrap-child .comment-item .comment-child .comment-content {
  width: calc(100% - 60px);
}
.comment .scroll-temp .comment-wrap-child .comment-item .comment-child .comment-input {
  margin: 10px 0 0 55px;
}
.comment .scroll-temp .comment-wrap-child .comment-item .comment-child .comment-input .commentText {
  width: 433px;
}
.comment .scroll-temp .comment-wrap-child .comment-item::after {
  top: 0;
  left: 0;
  bottom: auto;
  -webkit-transform: none;
          transform: none;
  width: 600px;
}
.comment .comment-not-open {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: 'fzcjljt', sans-serif;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #4a64ac;
  font-size: 24px;
}
.comment .comment-not-open::before {
  content: "";
  margin-bottom: 15px;
  width: 108px;
  height: 82px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-img_befe3921.png) no-repeat;
  background-size: 100% 100%;
}
.comment .el-pagination .el-pager li {
  background: transparent;
  font-size: 16px;
  padding: 0 12px !important;
  height: 28px;
  color: #4f6aa1;
  border-radius: 14px;
  min-width: auto;
  margin: 0 4px !important;
}
.comment .el-pagination .el-pager li.active {
  color: #fff;
  background: #7a8abf;
}
.comment .el-pagination .el-pagination__jump {
  margin-left: 10px;
}
.comment-input {
  margin-top: 3px;
  position: relative;
  width: 548px;
  min-height: 44px;
  border-radius: 22px;
  background: #dce5f7;
}
.comment-input .el-textarea__inner,
.comment-input .el-input__count {
  background: rgba(255, 255, 255, 0);
  border-width: 0;
  font-size: 18px;
  -webkit-text-fill-color: #174256;
}
.comment-input .el-textarea__inner {
  min-height: 42px;
  height: 42px;
  line-height: 32px;
}
.comment-input .el-input__count {
  position: absolute;
  bottom: 7px;
}
.comment-input .commentText {
  display: inline-block;
  width: 472px;
  padding-right: 80px;
  text-align: left;
}
.comment-input textarea::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: #f0fafd;
}
.comment-input textarea::-webkit-scrollbar-thumb {
  background-color: #999;
}
.comment-input .look {
  position: absolute;
  right: 80px;
  bottom: 7px;
  z-index: 2;
}
.comment-input .look .look-bg {
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-916px -849px;
width:30px;
height:30px;

}
.comment-input .look .look-bg:hover {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-950px -849px;
width:30px;
height:30px;

}
.comment-input .look-icon-bg {
  padding: 65px;
  background-color: #fff;
  display: inline-block;
  position: absolute;
  left: -51px;
  top: -142px;
}
.comment-input .look-icon-bg::before {
  position: absolute;
  bottom: -5px;
  content: "";
  border: 6px solid #fff;
  width: 5px;
  height: 5px;
  border-left-color: transparent;
  border-top-color: transparent;
  -webkit-transform: translateX(-7px) rotate(45deg);
          transform: translateX(-7px) rotate(45deg);
}
.comment-input .look-icon-bg .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 115px;
  height: 115px;
  font-size: 0;
  margin: 0;
}
.comment-input .look-icon-bg .icon-back {
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: 2px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-153px -957px;
width:17px;
height:17px;

}
.comment-input .look-icon-bg .icon-back:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.comment-input .look-content {
  z-index: 3;
  position: absolute;
  right: -108px;
  top: 35px;
  padding-top: 10px;
  width: 497px;
  height: 224px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/emoj-bg_44739665.png);
  background-size: 100% 100%;
}
.comment-input .look-scroll {
  margin: 0 auto;
  width: 470px;
  padding: 0 10px;
  height: 141px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 10px;
}
.comment-input .look-scroll .look-icon {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  z-index: 999;
}
.comment-input .look-scroll .look-icon .look-icon-temp {
  width: 46px;
  height: 46px;
  overflow: hidden;
}
.comment-input .look-scroll .look-icon .look-icon-temp.popo {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.comment-input .look-scroll .look-icon .jh,
.comment-input .look-scroll .look-icon .nxh {
  margin-bottom: 10px;
}
.comment-input .look-scroll .look-icon .look-icon-item {
  cursor: pointer;
  position: relative;
}
.comment-input .look-scroll .look-icon .look-icon-item:hover .look-temp {
  display: block;
}
.comment-input .look-scroll .look-icon .look-icon-item .el-button {
  width: 0 !important;
  height: 0 !important;
  padding: 16px;
  opacity: 0;
}
.comment-input .look-scroll .look-icon .look-icon-item .look-temp {
  width: 0;
  height: 0;
  display: none;
}
.comment-input .look-scroll .look-icon .look-icon-item .look-temp .el-popover__title {
  display: none;
}
.comment-input .look-scroll .look-icon .look-icon-item .look-temp button {
  display: inline-block;
}
.comment-input .look-scroll .look-icon .look-icon-item .look-temp div {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.comment-input .look-scroll::-webkit-scrollbar {
  width: 4px;
  height: 3px;
  background-color: rgba(120, 146, 206, 0.24);
  border-radius: 4px;
}
.comment-input .look-scroll::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #7892ce;
}
.comment-input .look-nav {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-wrap: nowrap;
  height: 50px;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.comment-input .look-nav::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #f0fafd;
}
.comment-input .look-nav::-webkit-scrollbar-thumb {
  background-color: #438198;
}
.comment-input .look-nav .look-nav-scroll {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.comment-input .look-nav .look-nav-scroll div {
  cursor: pointer;
  font-family: "NotoSansSC", sans-serif;
  font-size: 18px;
  padding: 0 10px;
  color: #4f6aa1;
}
.comment-input .look-nav .look-nav-scroll .ca-lock {
  height: 33px;
  line-height: 33px;
  border-radius: 4px;
  background: #7892ce;
  color: #fff;
}
.comment-input .btn-primary {
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 70px;
  height: 38px;
  border-radius: 22px;
  opacity: 1;
  background: #7892ce;
  color: #fff;
}
.comment-input .btn-primary:hover {
  background: #a5c2ff;
}
.part_challenge {
  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-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 2560px;
  height: 1080px;
  min-height: 1571px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/bg-create_dc077abb.jpg) center no-repeat;
  padding-top: 61px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.part_challenge .countdown_box {
  width: 1002px;
  height: 97px;
  margin-top: 30px;
  border-radius: 10px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 9px 18px 10px 98px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1005.9960119641077px 1006px;
background-position:-0px -0px;

}
.part_challenge .countdown_box .left {
  margin-top: 9px;
  font-size: 22px;
}
.part_challenge .countdown_box .left .level_type {
  margin-top: 14px;
}
.part_challenge .countdown_box .left .level_type span {
  border-radius: 15px;
  padding: 4px 13px;
  color: #4f6aa1;
  font-size: 18px;
  background-color: rgba(255, 255, 255, 0.7);
  margin-right: 10px;
}
.part_challenge .countdown_box .right {
  font-size: 18px;
}
.part_challenge .countdown_box .right span {
  color: #ffe76f;
}
.part_challenge .countdown-empty {
  font-size: 32px;
  line-height: 76px;
  text-align: center;
}
.part_challenge .level_pool {
  margin: 30px auto 6px auto;
}
.part_challenge .level_pool .header {
  text-align: center;
}
.part_challenge .level_pool .header .subtitle-container {
  margin: 0 auto;
  margin-bottom: 10px;
}
.part_challenge .level_pool .header span {
  width: 63px;
  border-radius: 15px;
  padding: 4px 13px;
  color: #4f6aa1;
  font-size: 18px;
  background-color: rgba(255, 255, 255, 0.5);
}
.part_challenge .level_pool .swiperBox {
  margin-top: 27px;
  position: relative;
  width: 1016px;
}
.part_challenge .level_pool .swiperBox .challenge_s {
  width: 100%;
  height: 355px;
  margin: 0 auto;
}
.part_challenge .level_pool .swiperBox .challenge_s .swiper-wrapper {
  height: 100%;
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item {
  height: 100%;
  width: 225px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 80px;
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item .author_box {
  width: 225px;
  font-size: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item .author_box .author_img {
  width: 111px;
  height: 111px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.16);
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item .author_box .author_img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item .author_box .author_info {
  font-size: 13px;
  margin-top: 6px;
  text-align: center;
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item .author_box .author_info .level-author-box {
  display: none;
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-active {
  width: 225px;
  font-size: 22px;
  padding-bottom: 0;
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-active .author_box {
  width: 225px;
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-active .author_box .author_img {
  width: 225px;
  height: 225px;
  border: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:998.1277533039648px 997.1365638766521px;
background-position:-0px -100.11013215859032px;

  -o-border-image: linear-gradient(128deg, #fff 5%, rgba(255, 255, 255, 0) 88%);

     border-image: linear-gradient(128deg, #fff 5%, rgba(255, 255, 255, 0) 88%);
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-active .author_box .author_img img {
  width: 207px;
  height: 207px;
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-active .author_box .author_info {
  margin-top: 6px;
  font-size: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-active .author_box .author_info .level_name {
  padding: 10px 0;
  text-align: center;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-270px -437px;
width:237px;
height:44px;

}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-active .author_box .author_info .level-author-box {
  margin-top: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-active .author_box .author_info .level-author-box .level_author {
  font-size: 18px;
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-active .author_box .author_info .level-author-box .challenge-follow-btn {
  width: 62.2px;
  height: 26.21px;
  margin-left: 10px;
  font-size: 16px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  cursor: pointer;
  background: linear-gradient(288deg, #5C70B3 2%, #6A97C8 100%);
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-active .author_box .author_info .level-author-box .challenge-follow-btn:hover {
  background: linear-gradient(288deg, #657ED0 2%, #6FA4DF 100%), linear-gradient(288deg, #738AD4 2%, #7EACDF 100%);
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-active .author_box .author_info .level-author-box .challenge-follow-btn.focused {
  color: #7084AD;
  background: #fff;
  border: 1px solid #7084AD;
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-active .author_box .author_info .level-author-box .challenge-follow-btn.focused:hover {
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-prev,
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-next {
  width: 225px;
  font-size: 18px;
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-prev .author_box,
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-next .author_box {
  width: 146px;
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-prev .author_box .author_img,
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-next .author_box .author_img {
  width: 146px;
  height: 146px;
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-prev .author_box .author_info,
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-next .author_box .author_info {
  margin-top: 8px;
  font-size: 16px;
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-prev {
  padding-left: 15px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.part_challenge .level_pool .swiperBox .challenge_s .challenge_item.swiper-slide-next {
  padding-right: 15px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.part_challenge .level_pool .swiperBox .challenge_next,
.part_challenge .level_pool .swiperBox .challenge_prev {
  width: 32px;
  height: 41px;
  cursor: pointer;
  position: absolute;
  top: 36%;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-456px -849px;

}
.part_challenge .level_pool .swiperBox .challenge_next:hover,
.part_challenge .level_pool .swiperBox .challenge_prev:hover {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-492px -849px;
width:32px;
height:41px;

}
.part_challenge .level_pool .swiperBox .challenge_next {
  right: -72px;
}
.part_challenge .level_pool .swiperBox .challenge_prev {
  left: -72px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.part_challenge .level_pool .swiperBox-empty {
  width: 100%;
  margin-top: 27px;
  position: relative;
  min-height: 320px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/empty_071a7933.png) no-repeat center;
}
.part_challenge .challenge-desc-box {
  width: 280px;
  height: 104px;
  margin: 0 auto;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/level-pool-des-bg_05ed5c41.png);
  background-size: 100%;
  padding: 8px 12px 0 12px;
  font-size: 14px;
  margin-bottom: 36px;
}
.part_challenge .challenge_rule {
  width: 1002px;
  font-size: 18px;
  line-height: 29px;
}
.part_challenge .challenge_rule span {
  color: #ffe76f;
}
.container-creativity {
  width: 100%;
  height: 1510px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/bg-create_dc077abb.jpg) center -61px no-repeat;
  overflow: hidden;
  padding-top: 60px;
}
.container-creativity .view-change {
  width: 349px;
  height: 64px;
  margin: 30px auto 32px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.container-creativity .view-change .view-map,
.container-creativity .view-change .view-juji {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  font-size: 22px;
  background: linear-gradient(117deg, rgba(106, 255, 222, 0.35) -3%, rgba(255, 255, 255, 0) 30%), linear-gradient(290deg, rgba(51, 255, 228, 0.3) -3%, rgba(255, 255, 255, 0) 41%), rgba(225, 241, 255, 0.8);
  -webkit-background-clip: text;
          background-clip: text;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.container-creativity .view-change .view-map:hover,
.container-creativity .view-change .view-juji:hover {
  position: relative;
  font-size: 24px;
}
.container-creativity .view-change .view-map:hover::before,
.container-creativity .view-change .view-juji:hover::before {
  position: absolute;
  display: block;
  content: "";
  left: -2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-765px -721px;
width:42px;
height:39px;

}
.container-creativity .view-change .view-map:hover::after,
.container-creativity .view-change .view-juji:hover::after {
  position: absolute;
  display: block;
  content: "";
  right: 8px;
  bottom: 2px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-297px -849px;
width:49px;
height:47px;

}
.container-creativity .view-change .view-map:not(.view-active) {
  background: linear-gradient(117deg, rgba(106, 255, 222, 0.35) -3%, rgba(255, 255, 255, 0) 30%), linear-gradient(290deg, rgba(51, 255, 228, 0.3) -3%, rgba(255, 255, 255, 0) 41%), rgba(225, 241, 255, 0.8);
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.container-creativity .view-change .view-map:not(.view-active):hover {
  background: linear-gradient(118deg, rgba(106, 255, 222, 0.7) -3%, rgba(255, 255, 255, 0) 30%), linear-gradient(291deg, rgba(51, 255, 228, 0.6) -3%, rgba(255, 255, 255, 0) 41%), #FFF;
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.container-creativity .view-change .view-map:not(.view-active):hover ~ .underline-juji::before {
  -webkit-animation: view_home 300ms forwards;
          animation: view_home 300ms forwards;
}
.container-creativity .view-change .view-juji:not(.view-active) {
  background: linear-gradient(117deg, rgba(106, 255, 222, 0.35) -3%, rgba(255, 255, 255, 0) 30%), linear-gradient(290deg, rgba(51, 255, 228, 0.3) -3%, rgba(255, 255, 255, 0) 41%), rgba(225, 241, 255, 0.8);
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.container-creativity .view-change .view-juji:not(.view-active):hover {
  background: linear-gradient(118deg, rgba(106, 255, 222, 0.7) -3%, rgba(255, 255, 255, 0) 30%), linear-gradient(291deg, rgba(51, 255, 228, 0.6) -3%, rgba(255, 255, 255, 0) 41%), #FFF;
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.container-creativity .view-change .view-juji:not(.view-active):hover + .underline-map::before {
  -webkit-animation: view_manage 300ms forwards;
          animation: view_manage 300ms forwards;
}
.container-creativity .view-change .view-active {
  position: relative;
  font-size: 24px;
}
.container-creativity .view-change .view-active::before {
  position: absolute;
  display: block;
  content: "";
  left: -2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-765px -721px;
width:42px;
height:39px;

}
.container-creativity .view-change .view-active::after {
  position: absolute;
  display: block;
  content: "";
  right: 8px;
  bottom: 2px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-297px -849px;
width:49px;
height:47px;

}
.container-creativity .view-change .underline-map,
.container-creativity .view-change .underline-juji {
  position: absolute;
  height: 5px;
  bottom: 0;
  left: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-584px -644px;
width:349px;

}
.container-creativity .view-change .underline-map::before,
.container-creativity .view-change .underline-juji::before {
  content: "";
  display: block;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-814px -149px;
width:155px;
height:5px;

}
.container-creativity .view-change .underline-map.un-underline::before,
.container-creativity .view-change .underline-juji.un-underline::before {
  background: none;
}
.container-creativity .view-change .underline-map::before {
  -webkit-animation: view_home 300ms forwards;
          animation: view_home 300ms forwards;
}
.container-creativity .view-change .underline-juji::before {
  -webkit-animation: view_manage 300ms forwards;
          animation: view_manage 300ms forwards;
}
.container-creativity .create-list,
.container-creativity .create-juji {
  width: 1446px;
  height: 1208px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/list-bg_8f38ad64.png) no-repeat;
  background-size: 100%;
  margin: 0 auto;
  padding: 20px 24px;
}
.container-creativity .create-list .filter-tab,
.container-creativity .create-juji .filter-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 3;
}
.container-creativity .create-list .filter-tab .contest-tab .el-select,
.container-creativity .create-juji .filter-tab .contest-tab .el-select {
  margin-right: 15px;
}
.container-creativity .create-list .filter-tab .contest-tab .el-select .el-select__tags span,
.container-creativity .create-juji .filter-tab .contest-tab .el-select .el-select__tags span {
  background: transparent;
}
.container-creativity .create-list .filter-tab .contest-tab .el-select .el-select__tags span .el-tag,
.container-creativity .create-juji .filter-tab .contest-tab .el-select .el-select__tags span .el-tag {
  border: none;
  font-size: 14px;
  line-height: 25px;
  color: #4f6aa1;
}
.container-creativity .create-list .filter-tab .contest-tab .el-select .el-select__tags span .el-tag .el-tag__close,
.container-creativity .create-juji .filter-tab .contest-tab .el-select .el-select__tags span .el-tag .el-tag__close {
  font-size: 0;
  display: inline-block;
  top: -1px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-644px -792px;
width:16px;
height:16px;

}
.container-creativity .create-list .filter-tab .contest-tab .el-select .el-input .el-input__inner,
.container-creativity .create-juji .filter-tab .contest-tab .el-select .el-input .el-input__inner {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 30px;
  font-size: 16px;
  color: #4f6aa1;
  min-width: 146px;
  max-width: 146px;
  height: 30px;
  line-height: 30px;
}
.container-creativity .create-list .filter-tab .contest-tab .el-select .el-input .el-input__inner:focus,
.container-creativity .create-juji .filter-tab .contest-tab .el-select .el-input .el-input__inner:focus {
  border: none;
}
.container-creativity .create-list .filter-tab .contest-tab .el-select .el-input .el-input__inner::-webkit-input-placeholder, .container-creativity .create-juji .filter-tab .contest-tab .el-select .el-input .el-input__inner::-webkit-input-placeholder {
  color: #4f6aa1;
  opacity: 0.7;
}
.container-creativity .create-list .filter-tab .contest-tab .el-select .el-input .el-input__inner::-moz-placeholder, .container-creativity .create-juji .filter-tab .contest-tab .el-select .el-input .el-input__inner::-moz-placeholder {
  color: #4f6aa1;
  opacity: 0.7;
}
.container-creativity .create-list .filter-tab .contest-tab .el-select .el-input .el-input__inner:-ms-input-placeholder, .container-creativity .create-juji .filter-tab .contest-tab .el-select .el-input .el-input__inner:-ms-input-placeholder {
  color: #4f6aa1;
  opacity: 0.7;
}
.container-creativity .create-list .filter-tab .contest-tab .el-select .el-input .el-input__inner::-ms-input-placeholder, .container-creativity .create-juji .filter-tab .contest-tab .el-select .el-input .el-input__inner::-ms-input-placeholder {
  color: #4f6aa1;
  opacity: 0.7;
}
.container-creativity .create-list .filter-tab .contest-tab .el-select .el-input .el-input__inner::placeholder,
.container-creativity .create-juji .filter-tab .contest-tab .el-select .el-input .el-input__inner::placeholder {
  color: #4f6aa1;
  opacity: 0.7;
}
.container-creativity .create-list .filter-tab .contest-tab .el-select .el-input .el-input__suffix .el-input__suffix-inner,
.container-creativity .create-juji .filter-tab .contest-tab .el-select .el-input .el-input__suffix .el-input__suffix-inner {
  line-height: 30px;
}
.container-creativity .create-list .filter-tab .contest-tab .el-select .el-input .el-input__suffix .el-input__suffix-inner .el-select__caret,
.container-creativity .create-juji .filter-tab .contest-tab .el-select .el-input .el-input__suffix .el-input__suffix-inner .el-select__caret {
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-28px -957px;
width:24px;
height:19px;

  line-height: 30px;
}
.container-creativity .create-list .filter-tab .contest-tab .el-select .el-input.is-focus .el-input__inner,
.container-creativity .create-juji .filter-tab .contest-tab .el-select .el-input.is-focus .el-input__inner {
  border: none;
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select,
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  position: relative;
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select p,
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select p {
  cursor: pointer;
  width: 146px;
  height: 30px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.6);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 7px 0 12px;
  font-size: 16px;
  color: #4F6AA1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select p:after,
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select p:after {
  content: '';
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-28px -957px;
width:24px;
height:19px;

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select .select-box,
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select .select-box {
  display: none;
  position: absolute;
  top: 44px;
  left: 0;
  background: #fff;
  border-radius: 8px;
  width: 274px;
  min-height: 300px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 14px 12px 20px;
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select .select-box:before,
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select .select-box:before {
  content: '';
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-965px -312px;
width:12px;
height:7px;

  position: absolute;
  top: -7px;
  left: 65px;
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select .select-box .select-item-box,
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select .select-box .select-item-box {
  margin-bottom: 12px;
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select .select-box .select-item-box .label,
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select .select-box .select-item-box .label {
  font-size: 14px;
  line-height: 20px;
  color: #5E6372;
  margin-bottom: 6px;
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select .select-box .select-item-box ul,
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select .select-box .select-item-box ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select .select-box .select-item-box ul li,
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select .select-box .select-item-box ul li {
  cursor: pointer;
  width: 58px;
  height: 21px;
  margin: 6px 6px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  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;
  border: 1px solid #5E6372;
  font-size: 12px;
  color: #5E6372;
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select .select-box .select-item-box ul li:hover,
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select .select-box .select-item-box ul li:hover {
  border-color: #7DA1D3;
  color: #7DA1D3;
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select .select-box .select-item-box ul li.active,
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select .select-box .select-item-box ul li.active {
  background: #718FCA;
  border-color: #718FCA;
  color: #fff;
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select .select-box .select-item-box ul li:nth-of-type(-n+4),
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select .select-box .select-item-box ul li:nth-of-type(-n+4) {
  margin-top: 0;
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select .select-box .select-item-box ul li:nth-of-type(4n),
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select .select-box .select-item-box ul li:nth-of-type(4n) {
  margin-right: 0;
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select .select-box .btn-box,
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select .select-box .btn-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select .select-box .btn-box .btn-clear,
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select .select-box .btn-box .btn-clear {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-856px -393px;
width:74px;
height:24px;

  margin: 0 7px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: #384A86;
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select .select-box .btn-box .btn-clear:hover,
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select .select-box .btn-box .btn-clear:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select .select-box .btn-box .btn-ok,
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select .select-box .btn-box .btn-ok {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-903px -674px;
width:74px;
height:24px;

  margin: 0 7px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: #F8FFFD;
  text-shadow: 0 0 2.48px rgba(7, 0, 85, 0.51);
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select .select-box .btn-box .btn-ok:hover,
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select .select-box .btn-box .btn-ok:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select.active p:after,
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select.active p:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.container-creativity .create-list .filter-tab .contest-tab .multiple-select.active .select-box,
.container-creativity .create-juji .filter-tab .contest-tab .multiple-select.active .select-box {
  display: block;
}
.container-creativity .create-list .filter-tab .contest-tab.disabled-tab,
.container-creativity .create-juji .filter-tab .contest-tab.disabled-tab {
  opacity: 0;
  pointer-events: none;
}
.container-creativity .create-list .filter-tab .contest-search,
.container-creativity .create-juji .filter-tab .contest-search {
  width: 176px;
  height: 30px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 30px;
  padding: 0 10px 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.container-creativity .create-list .filter-tab .contest-search .el-input,
.container-creativity .create-juji .filter-tab .contest-search .el-input {
  font-size: 16px;
  width: 135px;
  position: relative;
  z-index: 2;
}
.container-creativity .create-list .filter-tab .contest-search .el-input input,
.container-creativity .create-juji .filter-tab .contest-search .el-input input {
  border: none;
  background: transparent;
  width: 110px;
  height: 100%;
  line-height: 30px;
  font-size: 16px;
  color: #4f6aa1;
  padding: 0;
}
.container-creativity .create-list .filter-tab .contest-search .el-input input::-webkit-input-placeholder, .container-creativity .create-juji .filter-tab .contest-search .el-input input::-webkit-input-placeholder {
  color: #4f6aa1;
  opacity: 0.6;
}
.container-creativity .create-list .filter-tab .contest-search .el-input input::-moz-placeholder, .container-creativity .create-juji .filter-tab .contest-search .el-input input::-moz-placeholder {
  color: #4f6aa1;
  opacity: 0.6;
}
.container-creativity .create-list .filter-tab .contest-search .el-input input:-ms-input-placeholder, .container-creativity .create-juji .filter-tab .contest-search .el-input input:-ms-input-placeholder {
  color: #4f6aa1;
  opacity: 0.6;
}
.container-creativity .create-list .filter-tab .contest-search .el-input input::-ms-input-placeholder, .container-creativity .create-juji .filter-tab .contest-search .el-input input::-ms-input-placeholder {
  color: #4f6aa1;
  opacity: 0.6;
}
.container-creativity .create-list .filter-tab .contest-search .el-input input::placeholder,
.container-creativity .create-juji .filter-tab .contest-search .el-input input::placeholder {
  color: #4f6aa1;
  opacity: 0.6;
}
.container-creativity .create-list .filter-tab .contest-search .el-input .el-input__suffix,
.container-creativity .create-juji .filter-tab .contest-search .el-input .el-input__suffix {
  top: 1px;
}
.container-creativity .create-list .filter-tab .contest-search .el-input .el-input__suffix i,
.container-creativity .create-juji .filter-tab .contest-search .el-input .el-input__suffix i {
  display: inline-block;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-644px -792px;
width:16px;
height:16px;

  font-size: 0;
}
.container-creativity .create-list .filter-tab .contest-search .btn,
.container-creativity .create-juji .filter-tab .contest-search .btn {
  cursor: pointer;
  font-size: 0;
  position: relative;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-131px -957px;
width:18px;
height:18px;

}
.container-creativity .create-list .list-content,
.container-creativity .create-juji .list-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  min-height: 1000px;
}
.container-creativity .create-list .list-content .workshop-item,
.container-creativity .create-juji .list-content .workshop-item {
  margin: 10px 0;
}
.container-creativity .create-list .list-content .workshop-item:nth-child(1),
.container-creativity .create-juji .list-content .workshop-item:nth-child(1),
.container-creativity .create-list .list-content .workshop-item:nth-child(2),
.container-creativity .create-juji .list-content .workshop-item:nth-child(2),
.container-creativity .create-list .list-content .workshop-item:nth-child(3),
.container-creativity .create-juji .list-content .workshop-item:nth-child(3) {
  margin-top: 20px;
}
.container-creativity .create-list .list-content > i,
.container-creativity .create-juji .list-content > i {
  width: 451px;
}
.container-creativity .create-list .empty-container,
.container-creativity .create-juji .empty-container {
  padding-top: 180px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.container-creativity .create-list .empty-container .empty-img,
.container-creativity .create-juji .empty-container .empty-img {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-426px -488px;
width:138px;
height:105px;

}
.container-creativity .create-list .empty-container .empty-desc,
.container-creativity .create-juji .empty-container .empty-desc {
  margin-top: 13px;
  font-size: 22px;
  -webkit-background-clip: text;
          background-clip: text;
  color: linear-gradient(93deg, #FFF -3%, #FFF 114%);
  text-shadow: 0 0 10px rgba(197, 241, 255, 0.92);
}
.container-creativity .create-list .btns,
.container-creativity .create-juji .btns {
  margin-top: 10px;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  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;
}
.container-creativity .create-list .btns .btn,
.container-creativity .create-juji .btns .btn {
  font-size: 0;
  cursor: pointer;
  width: 28px;
  height: 28px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-right_b5a5b406.png) no-repeat;
  background-size: contain;
}
.container-creativity .create-list .btns .btn:hover,
.container-creativity .create-juji .btns .btn:hover {
  opacity: 0.85;
}
.container-creativity .create-list .btns .btn-prev,
.container-creativity .create-juji .btns .btn-prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.container-creativity .create-list .btns .btn.disabled,
.container-creativity .create-juji .btns .btn.disabled {
  width: 28px;
  height: 28px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-left_f26fb1cc.png) no-repeat;
  background-size: contain;
  pointer-events: none;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.container-creativity .create-list .btns .btn.disabled.btn-prev,
.container-creativity .create-juji .btns .btn.disabled.btn-prev {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.container-creativity .create-list .btns .current-page,
.container-creativity .create-juji .btns .current-page {
  margin: 0 16px;
  font-size: 22px;
  color: #FFF;
  padding: 0 17px;
  background: #7A8ABF;
  border-radius: 39px;
  line-height: 28px;
}
.container-creativity .creat-idea {
  background: transparent;
  padding-top: 0;
  position: relative;
}
.container-creativity .creat-idea .home-container,
.container-creativity .creat-idea .manage-container {
  margin-top: 0;
}
.container-creativity .creat-idea .back {
  font-size: 18px;
  color: #fff;
  position: absolute;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  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;
  left: 50%;
  -webkit-transform: translateX(-730px);
          transform: translateX(-730px);
  top: 50px;
  cursor: pointer;
}
.container-creativity .creat-idea .back i {
  display: inline-block;
  width: 49px;
  height: 29px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-back_381ee72a.png) no-repeat;
  background-size: contain;
  margin-right: 4px;
}
.container-creativity .creat-idea .back:hover {
  opacity: 0.9;
}
.container-creativity .creat-idea .nav-change {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 30px 0;
  position: relative;
}
.container-creativity .creat-idea .nav-change::after {
  content: '';
  width: 349px;
  height: 1px;
  position: absolute;
  bottom: 10px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(226, 238, 255, 0)), color-stop(9%, rgba(220, 235, 255, 0.3)), color-stop(90%, rgba(223, 236, 255, 0.3)), color-stop(99%, rgba(225, 237, 255, 0)));
  background: linear-gradient(270deg, rgba(226, 238, 255, 0) 0%, rgba(220, 235, 255, 0.3) 9%, rgba(223, 236, 255, 0.3) 90%, rgba(225, 237, 255, 0) 99%);
}
.container-creativity .creat-idea .nav-change .underline-icon {
  width: 155px;
  height: 5px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-arr_aaf8bd80.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-160px);
          transform: translateX(-160px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.container-creativity .creat-idea .nav-change .view-home,
.container-creativity .creat-idea .nav-change .view-manage {
  font-size: 0;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 171px;
  height: 64px;
}
.container-creativity .creat-idea .nav-change .view-home:hover,
.container-creativity .creat-idea .nav-change .view-manage:hover,
.container-creativity .creat-idea .nav-change .view-home.view-active,
.container-creativity .creat-idea .nav-change .view-manage.view-active {
  font-size: 0;
}
.container-creativity .creat-idea .nav-change .view-home {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/nav1_06d6c345.png);
  background-size: 100%;
}
.container-creativity .creat-idea .nav-change .view-home:hover,
.container-creativity .creat-idea .nav-change .view-home.view-active {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/nav1-h_8356de16.png);
  background-size: 100%;
}
.container-creativity .creat-idea .nav-change .view-home:hover + .view-manage + .underline-icon,
.container-creativity .creat-idea .nav-change .view-home.view-active + .view-manage + .underline-icon {
  -webkit-transform: translateX(-160px);
          transform: translateX(-160px);
}
.container-creativity .creat-idea .nav-change .view-home:hover + .view-manage + .underline-icon {
  -webkit-transform: translateX(-160px) !important;
          transform: translateX(-160px) !important;
}
.container-creativity .creat-idea .nav-change .view-manage {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/nav2_e114ac53.png);
  background-size: 100%;
}
.container-creativity .creat-idea .nav-change .view-manage:hover,
.container-creativity .creat-idea .nav-change .view-manage.view-active {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/nav2-h_830e4075.png);
  background-size: 100%;
}
.container-creativity .creat-idea .nav-change .view-manage:hover + .underline-icon,
.container-creativity .creat-idea .nav-change .view-manage.view-active + .underline-icon {
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
}
.container-creativity .creat-idea .nav-change .view-manage:hover + .underline-icon {
  -webkit-transform: translateX(15px) !important;
          transform: translateX(15px) !important;
}
.container-creativity .creat-idea .user-info-box {
  width: 1446px;
  height: 294px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/info-bg_af008a74.png) no-repeat;
  background-size: contain;
  padding: 30px 246px;
}
.container-creativity .creat-idea .user-product-box {
  position: relative;
  margin-top: 40px;
  max-height: 489px;
  width: 1446px;
  height: 489px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/product-bg_9d4e5fb8.png) no-repeat;
  background-size: contain;
}
.el-select-dropdown {
  border-radius: 8px;
  background: #f5f9fa;
}
.el-select-dropdown .popper__arrow {
  display: none;
}
.el-select-dropdown .el-select-dropdown__list .create-tab-opt {
  width: 176px;
}
.el-select-dropdown .el-select-dropdown__list .create-tab-opt .el-select-group__title {
  font-size: 14px;
  color: #5e6372;
}
.el-select-dropdown .el-select-dropdown__list .create-tab-opt .el-select-group {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.el-select-dropdown .el-select-dropdown__list .create-tab-opt .el-select-group li {
  font-size: 12px;
  padding: 2px 20px;
  color: #5e6372;
  border: 1px solid #5e6372;
  display: inline-block;
  margin: 5px 2px 5px 10px;
  line-height: 15px;
  height: 21px;
}
.el-select-dropdown .el-select-dropdown__list .create-tab-opt .el-select-group li.selected {
  color: #fff;
  background: #5F76C1;
  border-color: #5F76C1;
}
.el-select-dropdown .el-select-dropdown__list .create-tab-opt .el-select-group li.selected::after {
  display: none;
}
.el-select-dropdown.follow-select {
  background: rgba(255, 255, 255, 0.9);
}
.el-select-dropdown.follow-select .popper__arrow {
  display: block;
}
.el-select-dropdown.follow-select .el-select-dropdown__list .el-select-dropdown__item {
  color: #2d303a;
  font-size: 16px;
  height: 38px;
  line-height: 38px;
}
.el-select-dropdown.follow-select .el-select-dropdown__list .el-select-dropdown__item.selected,
.el-select-dropdown.follow-select .el-select-dropdown__list .el-select-dropdown__item.hover {
  font-weight: normal;
  width: 100%;
  height: 38px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/select-bg_333fe72b.png);
  background-size: 100% 100%;
}
.el-select-dropdown.manage-select .popper__arrow {
  display: block;
}
.el-select-dropdown.manage-select .el-scrollbar {
  padding: 5px 0 0;
}
.el-select-dropdown.manage-select .el-scrollbar .el-scrollbar__bar {
  display: none;
}
.el-select-dropdown.manage-select .el-select-dropdown__list .el-select-dropdown__item {
  color: #2d303a;
  font-size: 16px;
  height: 38px;
  line-height: 38px;
}
.el-select-dropdown.manage-select .el-select-dropdown__list .el-select-dropdown__item.hover {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/select-bg_333fe72b.png) no-repeat;
  background-size: 100% 100%;
}
#app .el-pagination,
.mask .el-pagination {
  text-align: center;
  margin-top: 15px;
}
#app .el-pagination button,
.mask .el-pagination button {
  background: transparent;
  color: #4f6aa1;
}
#app .el-pagination button:disabled,
.mask .el-pagination button:disabled {
  color: rgba(255, 255, 255, 0.6);
}
#app .el-pagination .btn-prev .el-icon,
.mask .el-pagination .btn-prev .el-icon,
#app .el-pagination .btn-next .el-icon,
.mask .el-pagination .btn-next .el-icon {
  font-size: 16px;
}
#app .el-pagination .el-pager li,
.mask .el-pagination .el-pager li {
  background: transparent;
  font-size: 16px;
  padding: 0 17px;
  height: 28px;
  color: #4f6aa1;
  border-radius: 14px;
  min-width: auto;
  margin: 0 8px;
}
#app .el-pagination .el-pager li.active,
.mask .el-pagination .el-pager li.active {
  color: #fff;
  background: #7A8ABF;
}
#app .el-pagination .el-pagination__jump,
.mask .el-pagination .el-pagination__jump {
  font-size: 16px;
  color: #4f6aa1;
}
#app .el-pagination .el-pagination__jump .el-input,
.mask .el-pagination .el-pagination__jump .el-input {
  width: 64px;
  height: 28px;
  margin: 0 7px;
}
#app .el-pagination .el-pagination__jump .el-input .el-input__inner,
.mask .el-pagination .el-pagination__jump .el-input .el-input__inner {
  border-radius: 14px;
  border: 1px solid #4f6aa1;
  background: transparent;
  font-size: 16px;
  color: #4f6aa1;
}
@-webkit-keyframes view_manage {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(180px);
            transform: translateX(180px);
  }
}
@keyframes view_manage {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(180px);
            transform: translateX(180px);
  }
}
@-webkit-keyframes view_home {
  0% {
    -webkit-transform: translateX(180px);
            transform: translateX(180px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes view_home {
  0% {
    -webkit-transform: translateX(180px);
            transform: translateX(180px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.container-collect {
  width: 100%;
  height: 1510px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/bg-create_dc077abb.jpg) center top no-repeat;
  overflow: hidden;
  padding-top: 60px;
  position: relative;
}
.container-collect .collect-nav {
  margin-top: 21px;
  position: relative;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  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;
}
.container-collect .collect-nav .after-icon {
  width: 155px;
  height: 5px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-arr_aaf8bd80.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 11px;
  left: 50%;
  -webkit-transform: translateX(-240px);
          transform: translateX(-240px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.container-collect .collect-nav .item {
  cursor: pointer;
  position: relative;
}
.container-collect .collect-nav .item-0 {
  width: 171px;
  height: 64px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/btn1_927a41e0.png) no-repeat;
  background-size: contain;
}
.container-collect .collect-nav .item-0:hover,
.container-collect .collect-nav .item-0.active {
  width: 171px;
  height: 64px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/btn1-h_1999e0f5.png) no-repeat;
  background-size: contain;
}
.container-collect .collect-nav .item-0:hover + .item + .item + .after-icon,
.container-collect .collect-nav .item-0.active + .item + .item + .after-icon {
  -webkit-transform: translateX(-240px);
          transform: translateX(-240px);
}
.container-collect .collect-nav .item-0:hover + .item + .item + .after-icon {
  -webkit-transform: translateX(-240px) !important;
          transform: translateX(-240px) !important;
}
.container-collect .collect-nav .item-1 {
  width: 171px;
  height: 64px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/btn2_71b77a18.png) no-repeat;
  background-size: contain;
}
.container-collect .collect-nav .item-1:hover,
.container-collect .collect-nav .item-1.active {
  width: 171px;
  height: 64px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/btn2-h_01c76f12.png) no-repeat;
  background-size: contain;
}
.container-collect .collect-nav .item-1:hover + .item + .after-icon,
.container-collect .collect-nav .item-1.active + .item + .after-icon {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.container-collect .collect-nav .item-1:hover + .item + .after-icon {
  -webkit-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
}
.container-collect .collect-nav .item-2 {
  width: 171px;
  height: 64px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/btn3_8e7da6a8.png) no-repeat;
  background-size: contain;
}
.container-collect .collect-nav .item-2:hover,
.container-collect .collect-nav .item-2.active {
  width: 171px;
  height: 64px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/btn3-h_d0adba1d.png) no-repeat;
  background-size: contain;
}
.container-collect .collect-nav .item-2:hover + .after-icon,
.container-collect .collect-nav .item-2.active + .after-icon {
  -webkit-transform: translateX(95px);
          transform: translateX(95px);
}
.container-collect .collect-nav .item-2:hover + .after-icon {
  -webkit-transform: translateX(95px) !important;
          transform: translateX(95px) !important;
}
.container-collect .collect-nav::after {
  content: '';
  position: absolute;
  height: 1px;
  width: 523px;
  bottom: 10px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(226, 238, 255, 0)), color-stop(9%, rgba(220, 235, 255, 0.3)), color-stop(90%, rgba(223, 236, 255, 0.3)), color-stop(99%, rgba(225, 237, 255, 0)));
  background: linear-gradient(270deg, rgba(226, 238, 255, 0) 0%, rgba(220, 235, 255, 0.3) 9%, rgba(223, 236, 255, 0.3) 90%, rgba(225, 237, 255, 0) 99%);
}
.container-collect .favorites {
  width: 1446px;
  margin: auto;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
.container-collect .favorites .add-classify {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-0px -674px;
width:102px;
height:101px;

  margin: 9px 0;
  cursor: pointer;
}
.container-collect .favorites .classify-list {
  width: 1326px;
  margin-left: 18px;
  position: relative;
}
.container-collect .favorites .classify-list .swiper-container {
  width: 100%;
}
.container-collect .favorites .classify-list .swiper-container .swiper-slide {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-270px -332px;
width:196px;
height:101px;

  margin: 9px;
  cursor: pointer;
}
.container-collect .favorites .classify-list .swiper-container .swiper-slide:nth-child(1) {
  margin-left: 0;
}
.container-collect .favorites .classify-list .swiper-container .swiper-slide .bg {
  width: 100%;
  height: 100%;
  padding: 2px 20px 0;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.container-collect .favorites .classify-list .swiper-container .swiper-slide p {
  font-size: 22px;
  color: #fff;
  text-align: center;
  opacity: 0.8;
  line-height: 1.2;
}
.container-collect .favorites .classify-list .swiper-container .swiper-slide.active,
.container-collect .favorites .classify-list .swiper-container .swiper-slide:hover {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-470px -332px;
width:196px;
height:101px;

}
.container-collect .favorites .classify-list .swiper-container .swiper-slide.active p,
.container-collect .favorites .classify-list .swiper-container .swiper-slide:hover p {
  opacity: 1;
}
.container-collect .favorites .classify-list .swiper-container .swiper-slide.is-optional {
  position: relative;
}
.container-collect .favorites .classify-list .swiper-container .swiper-slide.is-optional p {
  opacity: 0.8;
}
.container-collect .favorites .classify-list .swiper-container .swiper-slide.is-optional p.icon-circle {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid #fff;
  background: rgba(18, 60, 124, 0.16);
  position: absolute;
  bottom: -5px;
  right: -5px;
}
.container-collect .favorites .classify-list .swiper-container .swiper-slide.is-optional.active p.icon-circle {
  border: none;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-956px -274px;
width:34px;
height:34px;

}
.container-collect .favorites .classify-list .swiper-button-next {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-744px -849px;
width:34px;
height:34px;

  position: absolute;
  opacity: 1;
  right: -17px;
}
.container-collect .collect-content {
  width: 1446px;
  height: 972px;
  margin: 21px auto 30px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/clooect-content-bg_62606937.png) no-repeat;
  background-size: 100%;
  padding: 17px 26px;
}
.container-collect .collect-content .top {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.container-collect .collect-content .top .name {
  font-size: 26px;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  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;
}
.container-collect .collect-content .top .name i {
  display: inline-block;
  width: 42px;
  height: 39px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/top-name-icon_4cc4298a.png) no-repeat;
  background-size: contain;
}
.container-collect .collect-content .top .name span {
  display: inline-block;
  cursor: pointer;
  width: 26px;
  height: 26px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-edit_781c2d98.png) no-repeat;
  background-size: contain;
}
.container-collect .collect-content .top .name span:hover {
  opacity: 0.85;
}
.container-collect .collect-content .top .btns {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  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;
}
.container-collect .collect-content .top .btns .btn-delate,
.container-collect .collect-content .top .btns .btn-manage {
  border: 1px solid #fff;
  border-radius: 32px;
  width: 115px;
  height: 32px;
  font-size: 16px;
  font-family: 'NotoSansSC', serif;
  line-height: 28px;
  text-align: center;
  margin: 0 11px;
  cursor: pointer;
}
.container-collect .collect-content .top .btns .btn-delate:hover,
.container-collect .collect-content .top .btns .btn-manage:hover {
  opacity: 0.9;
}
.container-collect .collect-content .top .btns .btn-delate i,
.container-collect .collect-content .top .btns .btn-manage i {
  display: inline-block;
  position: relative;
  top: 5px;
  margin-right: 8px;
}
.container-collect .collect-content .top .btns .btn-delate i {
  width: 18px;
  height: 18px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-del_4e60e5a3.png) no-repeat;
  background-size: contain;
  top: 3px;
}
.container-collect .collect-content .top .btns .btn-manage i {
  width: 20px;
  height: 20px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-set_5c63b763.png) no-repeat;
  background-size: contain;
}
.container-collect .collect-content .list {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  min-height: 840px;
}
.container-collect .collect-content .list > i {
  width: 451px;
  margin: 10px 0;
}
.container-collect .collect-content .btns {
  margin-top: 10px;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  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;
}
.container-collect .collect-content .btns .btn {
  font-size: 0;
  cursor: pointer;
  width: 28px;
  height: 28px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-right_b5a5b406.png) no-repeat;
  background-size: contain;
}
.container-collect .collect-content .btns .btn:hover {
  opacity: 0.85;
}
.container-collect .collect-content .btns .btn-prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.container-collect .collect-content .btns .btn.disabled {
  width: 28px;
  height: 28px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-left_f26fb1cc.png) no-repeat;
  background-size: contain;
  pointer-events: none;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.container-collect .collect-content .btns .btn.disabled.btn-prev {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.container-collect .collect-content .btns .current-page {
  margin: 0 16px;
  font-size: 22px;
  color: #FFF;
  padding: 0 17px;
  background: #7A8ABF;
  border-radius: 39px;
  line-height: 28px;
}
.container-collect .collect-content .empty-container {
  padding-top: 180px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.container-collect .collect-content .empty-container .empty-img {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-426px -488px;
width:138px;
height:105px;

}
.container-collect .collect-content .empty-container .empty-desc {
  margin-top: 13px;
  font-size: 22px;
  -webkit-background-clip: text;
          background-clip: text;
  color: linear-gradient(93deg, #FFF -3%, #FFF 114%);
  text-shadow: 0 0 10px rgba(197, 241, 255, 0.92);
}
.container-collect .follow-works .collect-content .top {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.container-collect .follow-works .collect-content .top .el-select .el-input .el-input__inner {
  background: rgba(255, 255, 255, 0.6);
  border: none;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  width: 149px;
  color: #4F6AA1;
  font-size: 16px;
}
.container-collect .follow-works .collect-content .top .el-select .el-input .el-input__suffix {
  top: 5px;
}
.container-collect .follow-works .collect-content .top .el-select .el-input .el-input__suffix .el-select__caret {
  line-height: 30px;
  width: 24px;
  height: 19px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/tab-icon-jt_60477c48.png) no-repeat;
  background-size: contain;
}
.container-collect .follow-works .collect-content .top .el-select .el-input .el-input__suffix .el-select__caret::before,
.container-collect .follow-works .collect-content .top .el-select .el-input .el-input__suffix .el-select__caret::after {
  content: '';
}
.container-collect .follow-works .collect-content .top .btns {
  margin-left: 10px;
  margin-top: 0;
}
.container-collect .follow-works .collect-content .top .btns .btn-sort {
  cursor: pointer;
}
.container-collect .follow-works .collect-content .top .btns .btn-sort-asc {
  width: 30px;
  height: 30px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-sort_3e728170.png) no-repeat;
  background-size: contain;
}
.container-collect .follow-works .collect-content .top .btns .btn-sort-desc {
  width: 30px;
  height: 30px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-sort2_93b4df4b.png) no-repeat;
  background-size: contain;
}
.container-collect .paly-history .collect-content {
  height: 926px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/clooect-content-bg3_3e0d7407.png) no-repeat;
  background-size: 100%;
}
.container-collect .del-mask {
  width: 100%;
  height: calc(100% - 284px);
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.container-collect .del-mask .del-pop {
  padding: 17px 50px 30px 20px;
  width: 811px;
  height: 376px;
  color: black;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/bg_ac80aad5.png) no-repeat;
  background-size: 100%;
  font-family: 'fzcjljt', serif;
  margin: 137px auto 0;
}
.container-collect .del-mask .del-pop .pop-content {
  height: 100%;
}
.container-collect .del-mask .del-pop .message-title {
  text-align: center;
  font-size: 32px;
  background: linear-gradient(285deg, #6F00FF -24%, #BD8BFF -24%, rgba(0, 43, 255, 0) 30%, rgba(38, 183, 255, 0) 30%), linear-gradient(120deg, rgba(46, 227, 255, 0.51) 0%, rgba(0, 157, 255, 0) 27%, rgba(38, 183, 255, 0) 27%), #FFF;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.15);
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.container-collect .del-mask .del-pop .message-title::after,
.container-collect .del-mask .del-pop .message-title::before {
  content: '';
  display: inline-block;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-760px -653px;
width:84px;
height:9px;

}
.container-collect .del-mask .del-pop .message-title::after {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-848px -653px;
width:84px;
height:9px;

}
.container-collect .del-mask .del-pop .message-content {
  margin-top: 85px;
  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;
  color: #253D7E;
  font-size: 22px;
  text-align: center;
}
.container-collect .del-mask .del-pop .message-content.center {
  text-align: center;
}
.container-collect .del-mask .del-pop .message-content .red {
  color: #F55;
  font-size: 18px;
}
.container-collect .del-mask .del-pop .message-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 60px;
}
.container-collect .del-mask .del-pop .message-btns button {
  margin: 0 10px;
  font-family: 'fzcjljt', serif;
  font-size: 22px;
}
.container-collect .del-mask .del-pop .message-btns button:hover {
  opacity: 0.9;
}
.container-collect .del-mask .del-pop .pop-btn-confirm {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-493px -674px;
width:134px;
height:43px;

  color: #F8FFFD;
}
.container-collect .del-mask .del-pop .pop-btn-cancel {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-631px -674px;
width:134px;
height:43px;

  color: #384A86;
}
.part_idea,
.creat-idea {
  padding-top: 61px;
  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-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 1571px;
  width: 100%;
  max-width: 2560px;
  margin: 0 auto;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/bg-create_dc077abb.jpg) center no-repeat;
  position: relative;
}
.part_idea .view-change,
.creat-idea .view-change {
  width: 524px;
  height: 64px;
  margin: 30px auto 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.part_idea .view-change .view-home,
.creat-idea .view-change .view-home,
.part_idea .view-change .view-manage,
.creat-idea .view-change .view-manage,
.part_idea .view-change .view-juji,
.creat-idea .view-change .view-juji {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  font-size: 22px;
  background: linear-gradient(117deg, rgba(106, 255, 222, 0.35) -3%, rgba(255, 255, 255, 0) 30%), linear-gradient(290deg, rgba(51, 255, 228, 0.3) -3%, rgba(255, 255, 255, 0) 41%), rgba(225, 241, 255, 0.8);
  -webkit-background-clip: text;
          background-clip: text;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.part_idea .view-change .view-home:hover,
.creat-idea .view-change .view-home:hover,
.part_idea .view-change .view-manage:hover,
.creat-idea .view-change .view-manage:hover,
.part_idea .view-change .view-juji:hover,
.creat-idea .view-change .view-juji:hover {
  position: relative;
  font-size: 24px;
}
.part_idea .view-change .view-home:hover::before,
.creat-idea .view-change .view-home:hover::before,
.part_idea .view-change .view-manage:hover::before,
.creat-idea .view-change .view-manage:hover::before,
.part_idea .view-change .view-juji:hover::before,
.creat-idea .view-change .view-juji:hover::before {
  position: absolute;
  display: block;
  content: "";
  left: -2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-903px -721px;
width:42px;
height:39px;

}
.part_idea .view-change .view-home:hover::after,
.creat-idea .view-change .view-home:hover::after,
.part_idea .view-change .view-manage:hover::after,
.creat-idea .view-change .view-manage:hover::after,
.part_idea .view-change .view-juji:hover::after,
.creat-idea .view-change .view-juji:hover::after {
  position: absolute;
  display: block;
  content: "";
  right: 8px;
  bottom: 2px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-403px -849px;
width:49px;
height:47px;

}
.part_idea .view-change .view-home:not(.view-active),
.creat-idea .view-change .view-home:not(.view-active) {
  background: linear-gradient(117deg, rgba(106, 255, 222, 0.35) -3%, rgba(255, 255, 255, 0) 30%), linear-gradient(290deg, rgba(51, 255, 228, 0.3) -3%, rgba(255, 255, 255, 0) 41%), rgba(225, 241, 255, 0.8);
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.part_idea .view-change .view-home:not(.view-active):hover,
.creat-idea .view-change .view-home:not(.view-active):hover {
  background: linear-gradient(118deg, rgba(106, 255, 222, 0.7) -3%, rgba(255, 255, 255, 0) 30%), linear-gradient(291deg, rgba(51, 255, 228, 0.6) -3%, rgba(255, 255, 255, 0) 41%), #FFF;
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.part_idea .view-change .view-home:not(.view-active):hover ~ .underline-line:before,
.creat-idea .view-change .view-home:not(.view-active):hover ~ .underline-line:before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.part_idea .view-change .view-home.view-active ~ .underline-line:before,
.creat-idea .view-change .view-home.view-active ~ .underline-line:before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.part_idea .view-change .view-manage:not(.view-active),
.creat-idea .view-change .view-manage:not(.view-active) {
  background: linear-gradient(117deg, rgba(106, 255, 222, 0.35) -3%, rgba(255, 255, 255, 0) 30%), linear-gradient(290deg, rgba(51, 255, 228, 0.3) -3%, rgba(255, 255, 255, 0) 41%), rgba(225, 241, 255, 0.8);
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.part_idea .view-change .view-manage:not(.view-active):hover,
.creat-idea .view-change .view-manage:not(.view-active):hover {
  background: linear-gradient(118deg, rgba(106, 255, 222, 0.7) -3%, rgba(255, 255, 255, 0) 30%), linear-gradient(291deg, rgba(51, 255, 228, 0.6) -3%, rgba(255, 255, 255, 0) 41%), #FFF;
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.part_idea .view-change .view-manage:not(.view-active):hover ~ .underline-line:before,
.creat-idea .view-change .view-manage:not(.view-active):hover ~ .underline-line:before {
  -webkit-transform: translateX(180px);
          transform: translateX(180px);
}
.part_idea .view-change .view-manage.view-active ~ .underline-line:before,
.creat-idea .view-change .view-manage.view-active ~ .underline-line:before {
  -webkit-transform: translateX(180px);
          transform: translateX(180px);
}
.part_idea .view-change .view-juji:not(.view-active),
.creat-idea .view-change .view-juji:not(.view-active) {
  background: linear-gradient(117deg, rgba(106, 255, 222, 0.35) -3%, rgba(255, 255, 255, 0) 30%), linear-gradient(290deg, rgba(51, 255, 228, 0.3) -3%, rgba(255, 255, 255, 0) 41%), rgba(225, 241, 255, 0.8);
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.part_idea .view-change .view-juji:not(.view-active):hover,
.creat-idea .view-change .view-juji:not(.view-active):hover {
  background: linear-gradient(118deg, rgba(106, 255, 222, 0.7) -3%, rgba(255, 255, 255, 0) 30%), linear-gradient(291deg, rgba(51, 255, 228, 0.6) -3%, rgba(255, 255, 255, 0) 41%), #FFF;
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.part_idea .view-change .view-juji:not(.view-active):hover ~ .underline-line:before,
.creat-idea .view-change .view-juji:not(.view-active):hover ~ .underline-line:before {
  -webkit-transform: translateX(360px);
          transform: translateX(360px);
}
.part_idea .view-change .view-juji.view-active ~ .underline-line:before,
.creat-idea .view-change .view-juji.view-active ~ .underline-line:before {
  -webkit-transform: translateX(360px);
          transform: translateX(360px);
}
.part_idea .view-change .view-active,
.creat-idea .view-change .view-active {
  position: relative;
  font-size: 24px;
}
.part_idea .view-change .view-active::before,
.creat-idea .view-change .view-active::before {
  position: absolute;
  display: block;
  content: "";
  left: -2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-903px -721px;
width:42px;
height:39px;

}
.part_idea .view-change .view-active::after,
.creat-idea .view-change .view-active::after {
  position: absolute;
  display: block;
  content: "";
  right: 8px;
  bottom: 2px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-403px -849px;
width:49px;
height:47px;

}
.part_idea .view-change .underline-home,
.creat-idea .view-change .underline-home,
.part_idea .view-change .underline-manage,
.creat-idea .view-change .underline-manage,
.part_idea .view-change .underline-juji,
.creat-idea .view-change .underline-juji {
  position: absolute;
  height: 5px;
  bottom: 0;
  left: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-106px -767px;
width:514px;

}
.part_idea .view-change .underline-home::before,
.creat-idea .view-change .underline-home::before,
.part_idea .view-change .underline-manage::before,
.creat-idea .view-change .underline-manage::before,
.part_idea .view-change .underline-juji::before,
.creat-idea .view-change .underline-juji::before {
  content: "";
  display: block;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-814px -158px;
width:155px;
height:5px;

  -webkit-transition: 0.3s;

  transition: 0.3s;
}
.part_idea .view-change .underline-home.un-underline::before,
.creat-idea .view-change .underline-home.un-underline::before,
.part_idea .view-change .underline-manage.un-underline::before,
.creat-idea .view-change .underline-manage.un-underline::before,
.part_idea .view-change .underline-juji.un-underline::before,
.creat-idea .view-change .underline-juji.un-underline::before {
  background: none;
}
.part_idea .return-btn,
.creat-idea .return-btn {
  position: absolute;
  left: 191px;
  top: 113px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.part_idea .return-btn::before,
.creat-idea .return-btn::before {
  display: block;
  margin-right: 4px;
  content: "";
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-491px -779px;
width:49px;
height:29px;

}
.part_idea .return-btn:hover::before,
.creat-idea .return-btn:hover::before {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.part_idea .btns,
.creat-idea .btns {
  margin-top: 10px;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  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;
}
.part_idea .btns .btn,
.creat-idea .btns .btn {
  font-size: 0;
  cursor: pointer;
}
.part_idea .btns .btn:hover,
.creat-idea .btns .btn:hover {
  opacity: 0.85;
}
.part_idea .btns .btn-prev,
.creat-idea .btns .btn-prev {
  width: 28px;
  height: 28px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-left_f26fb1cc.png) no-repeat;
  background-size: contain;
}
.part_idea .btns .btn-next,
.creat-idea .btns .btn-next {
  width: 28px;
  height: 28px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-right_b5a5b406.png) no-repeat;
  background-size: contain;
}
.part_idea .btns .current-page,
.creat-idea .btns .current-page {
  margin: 0 16px;
  font-size: 22px;
  color: #fff;
  padding: 0 17px;
  background: #7a8abf;
  border-radius: 39px;
  line-height: 28px;
}
.user-info-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.user-info-container .user-grade-info {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-231px -101px;
width:579px;
height:71px;

  position: relative;
  padding: 11px 0;
  padding-left: 50px;
}
.user-info-container .user-grade-info .user-avatar {
  position: absolute;
  left: -45px;
  top: -9px;
  border-radius: 50%;
  overflow: hidden;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-400px -674px;
width:89px;
height:89px;

  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;
}
.user-info-container .user-grade-info .user-avatar img {
  width: 79px;
  height: 79px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  background: #c6d8f0;
  border: 1px solid #FFF;
}
.user-info-container .user-grade-info .upgrade-info {
  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;
}
.user-info-container .user-grade-info .upgrade-info .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  min-height: 28px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-info-container .user-grade-info .upgrade-info .info .username {
  font-size: 24px;
  color: #253D7E;
  margin-right: 7px;
}
.user-info-container .user-grade-info .upgrade-info .info .upgrade-name {
  font-size: 20px;
  border-radius: 25px;
  width: 113px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: linear-gradient(286deg, #9F8762 -1%, #C1A978 100%);
}
.user-info-container .user-grade-info .upgrade-info .upgrade-box {
  position: relative;
  width: 380px;
  margin-top: 13.5px;
}
.user-info-container .user-grade-info .upgrade-info .upgrade-box .el-progress {
  position: absolute;
  top: -6px;
  left: 0;
  width: 100%;
  height: 100%;
}
.user-info-container .user-grade-info .upgrade-info .upgrade-box .el-progress .el-progress-bar {
  padding: 0;
}
.user-info-container .user-grade-info .upgrade-info .upgrade-box .el-progress .el-progress-bar .el-progress-bar__outer {
  width: 100%;
  background: rgba(255, 255, 255, 0.73);
}
.user-info-container .user-grade-info .upgrade-info .upgrade-box .el-progress .el-progress-bar .el-progress-bar__outer .el-progress-bar__inner {
  background: -webkit-gradient(linear, right top, left top, color-stop(-3%, #6AD5FF), color-stop(13%, rgba(98, 131, 191, 0))), #6283BF;
  background: linear-gradient(270deg, #6AD5FF -3%, rgba(98, 131, 191, 0) 13%), #6283BF;
}
.user-info-container .user-grade-info .upgrade-info .upgrade-box .el-progress .el-progress__text {
  display: none;
}
.user-info-container .user-grade-info .upgrade-info .upgrade-box .upgrade-num {
  position: absolute;
  right: 0;
  font-size: 20px;
  color: #384A86;
  bottom: 9px;
}
.user-info-container .user-grade-info .upgrade-info .btn-gz {
  width: 89px;
  height: 35px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/btn-gz-bg_f49423ca.png) no-repeat;
  background-size: contain;
  position: absolute;
  left: 460px;
  top: 50%;
  font-size: 20px;
  text-align: center;
  line-height: 34px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.user-info-container .user-grade-info .upgrade-info .btn-gz:hover {
  width: 89px;
  height: 35px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/btn-gz-bg-h_708470c0.png) no-repeat;
  background-size: contain;
}
.user-info-container .user-grade-info .upgrade-info .btn-gz.followed {
  background: transparent;
  border: 1px solid #395896;
  border-radius: 20px;
  color: #395896;
}
.user-info-container .user-grade-info .upgrade-info .btn-gz.followed:hover {
  opacity: 0.85;
}
.user-info-container .user-play-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 39px;
  width: 869.17px;
  height: 97px;
}
.user-info-container .user-play-info .play-info {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.user-info-container .user-play-info .play-info::after {
  position: absolute;
  display: block;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  height: 82.5px;
  width: 2px;
  border-right: 2px dashed rgba(255, 255, 255, 0.29);
}
.user-info-container .user-play-info .play-info:first-child {
  padding-right: 69px;
}
.user-info-container .user-play-info .play-info:nth-child(2) {
  padding: 0 69px;
}
.user-info-container .user-play-info .play-info:last-child {
  padding: 20px 0 20px 69px;
}
.user-info-container .user-play-info .play-info:last-child::after {
  display: none;
}
.user-info-container .user-play-info .play-info:last-child .info {
  position: relative;
}
.user-info-container .user-play-info .play-info .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-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #fff;
  font-size: 18px;
}
.user-info-container .user-play-info .play-info .info .info-title {
  margin-right: 24px;
}
.user-info-container .user-play-info .play-info .info.star::after {
  display: block;
  content: "";
  margin-left: 8px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-174px -957px;
width:17px;
height:17px;

}
.user-info-container .user-play-info .play-info .info.flower .info-title {
  width: 126px;
}
.user-info-container .user-play-info .play-info .info.flower::before {
  display: block;
  content: "";
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-56px -957px;
width:21px;
height:19px;

}
.user-info-container .user-play-info .play-info .info.star-filled::before {
  display: block;
  content: "";
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-81px -957px;
width:21px;
height:19px;

}
.user-info-container .user-play-info .play-info .info.share::before {
  display: block;
  content: "";
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-106px -957px;
width:21px;
height:19px;

}
.user-info-container .user-play-info .play-info .info .check {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  right: -82px;
  width: 61px;
  height: 25px;
  border-radius: 25px;
  border: 1px solid #fff;
  padding: 2px 0 2px 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 14px;
}
.user-info-container .user-play-info .play-info .info .check::after {
  margin-left: 4px;
  display: block;
  content: "";
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-982px -466px;
width:6px;
height:9px;

}
.user-info-container .user-play-info .play-info .info .check:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.user-info-container .user-play-info .play-info.isShowTA .check {
  display: none;
}
.user-info-container span {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.user-product-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 33px 28px 0 28px;
}
.user-product-container .product-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-product-container .product-box .product-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  color: #253D7E;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-511px -437px;
width:239px;
height:43px;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;
}
.user-product-container .product-box .product-title::before {
  display: block;
  content: "";
  margin-right: 7px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-981px -359px;
width:20px;
height:25px;

}
.user-product-container .product-box:nth-child(2) {
  margin: 0 24px;
}
.user-product-container .product-box:nth-child(2) .product-title::before {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-982px -437px;
width:20px;
height:25px;

}
.user-product-container .product-box:last-child .product-title::before {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-981px -332px;
width:22px;
height:23px;

}
.user-product-container .product-box .product-img {
  width: 451px;
  height: 250px;
  position: relative;
  margin: 19px 0 5px 0;
  background: #bdc3dd;
  border-radius: 8px;
}
.user-product-container .product-box .product-img .img-box {
  width: 100%;
  margin: 2px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
.user-product-container .product-box .product-img .img-box img {
  width: 447px;
  height: 246px;
}
.user-product-container .product-box .product-img .img-desc {
  width: calc(100% - 4px);
  height: 46px;
  position: absolute;
  bottom: 2px;
  left: 2px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.51)), color-stop(28%, rgba(0, 0, 0, 0.33)), to(rgba(0, 0, 0, 0.23)));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.51) 0%, rgba(0, 0, 0, 0.33) 28%, rgba(0, 0, 0, 0.23) 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;
  font-size: 22px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.user-product-container .product-box .product-desc {
  margin-top: 3px;
  margin-bottom: 14px;
  text-align: center;
  font-size: 18px;
  line-height: normal;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.user-product-container .product-box .product-desc .line1 span {
  color: #FFE76F;
}
.user-product-container .product-box.no-product .product-img {
  background-color: rgba(37, 70, 124, 0.26);
  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;
}
.user-product-container .product-box.no-product .product-img .img-box img {
  display: none;
}
.user-product-container .product-box.no-product .product-img .img-box .placeholder {
  width: 100%;
  text-align: center;
  font-size: 22px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.user-product-container .product-box.no-product .product-img .img-desc {
  display: none;
}
.user-product-container .product-box.no-product .product-desc {
  display: none;
}
.view-container .home-container {
  margin-top: 32px;
}
.view-container .home-container .user-info-box {
  width: 1446px;
  height: 294px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/info-bg_af008a74.png) no-repeat;
  background-size: contain;
  padding: 30px 246px;
}
.view-container .home-container .user-product-box {
  position: relative;
  margin-top: 40px;
  max-height: 489px;
  width: 1446px;
  height: 489px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/product-bg_9d4e5fb8.png) no-repeat;
  background-size: contain;
}
.view-container .manage-container {
  margin-top: 20px;
}
.level-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-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.level-list .level-box {
  margin-top: 20px;
  padding: 20px 24px 30px 24px;
  width: 1446px;
  height: 1208px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/manage-bg_61b372e1.png) no-repeat;
  background-size: contain;
}
.level-list .level-box .level-filter-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.level-list .level-box .level-filter-tab .contest-tab {
  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;
}
.level-list .level-box .level-filter-tab .contest-tab .el-select .el-select__tags span {
  background: transparent;
}
.level-list .level-box .level-filter-tab .contest-tab .el-select .el-select__tags span .el-tag {
  border: none;
  font-size: 14px;
  line-height: 25px;
  color: #4F6AA1;
}
.level-list .level-box .level-filter-tab .contest-tab .el-select .el-select__tags span .el-tag .el-tag__close {
  font-size: 0;
  display: inline-block;
  top: -1px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-644px -792px;
width:16px;
height:16px;

}
.level-list .level-box .level-filter-tab .contest-tab .el-select .el-input .el-input__inner {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 30px;
  font-size: 16px;
  color: #4F6AA1;
  min-width: 146px;
  max-width: 170px;
  height: 30px;
  line-height: 30px;
}
.level-list .level-box .level-filter-tab .contest-tab .el-select .el-input .el-input__inner:focus {
  border: none;
}
.level-list .level-box .level-filter-tab .contest-tab .el-select .el-input .el-input__inner::-webkit-input-placeholder {
  color: #4F6AA1;
  opacity: 0.7;
}
.level-list .level-box .level-filter-tab .contest-tab .el-select .el-input .el-input__inner::-moz-placeholder {
  color: #4F6AA1;
  opacity: 0.7;
}
.level-list .level-box .level-filter-tab .contest-tab .el-select .el-input .el-input__inner:-ms-input-placeholder {
  color: #4F6AA1;
  opacity: 0.7;
}
.level-list .level-box .level-filter-tab .contest-tab .el-select .el-input .el-input__inner::-ms-input-placeholder {
  color: #4F6AA1;
  opacity: 0.7;
}
.level-list .level-box .level-filter-tab .contest-tab .el-select .el-input .el-input__inner::placeholder {
  color: #4F6AA1;
  opacity: 0.7;
}
.level-list .level-box .level-filter-tab .contest-tab .el-select .el-input .el-input__suffix .el-input__suffix-inner {
  line-height: 30px;
}
.level-list .level-box .level-filter-tab .contest-tab .el-select .el-input .el-input__suffix .el-input__suffix-inner .el-select__caret {
  font-size: 0;
  line-height: 30px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-28px -957px;
width:24px;
height:19px;

}
.level-list .level-box .level-filter-tab .contest-tab .el-select .el-input.is-focus .el-input__inner {
  border: none;
}
.level-list .level-box .level-filter-tab .contest-tab .btns {
  margin-left: 10px;
  margin-top: 0;
}
.level-list .level-box .level-filter-tab .contest-tab .btns .btn-sort {
  cursor: pointer;
}
.level-list .level-box .level-filter-tab .contest-tab .btns .btn-sort-asc {
  width: 30px;
  height: 30px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-sort_3e728170.png) no-repeat;
  background-size: contain;
}
.level-list .level-box .level-filter-tab .contest-tab .btns .btn-sort-desc {
  width: 30px;
  height: 30px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-sort2_93b4df4b.png) no-repeat;
  background-size: contain;
}
.level-list .level-box .level-filter-tab .contest-search {
  width: 176px;
  height: 30px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 30px;
  padding: 0 10px 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.level-list .level-box .level-filter-tab .contest-search .el-input {
  font-size: 16px;
  width: 135px;
  position: relative;
  z-index: 2;
}
.level-list .level-box .level-filter-tab .contest-search .el-input input {
  border: none;
  background: transparent;
  width: 110px;
  height: 100%;
  line-height: 30px;
  font-size: 16px;
  color: #4F6AA1;
  padding: 0;
}
.level-list .level-box .level-filter-tab .contest-search .el-input input::-webkit-input-placeholder {
  color: #4F6AA1;
  opacity: 0.6;
}
.level-list .level-box .level-filter-tab .contest-search .el-input input::-moz-placeholder {
  color: #4F6AA1;
  opacity: 0.6;
}
.level-list .level-box .level-filter-tab .contest-search .el-input input:-ms-input-placeholder {
  color: #4F6AA1;
  opacity: 0.6;
}
.level-list .level-box .level-filter-tab .contest-search .el-input input::-ms-input-placeholder {
  color: #4F6AA1;
  opacity: 0.6;
}
.level-list .level-box .level-filter-tab .contest-search .el-input input::placeholder {
  color: #4F6AA1;
  opacity: 0.6;
}
.level-list .level-box .level-filter-tab .contest-search .el-input .el-input__suffix {
  top: 1px;
}
.level-list .level-box .level-filter-tab .contest-search .el-input .el-input__suffix i {
  display: inline-block;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-644px -792px;
width:16px;
height:16px;

}
.level-list .level-box .level-filter-tab .contest-search .btn {
  cursor: pointer;
  font-size: 0;
  position: relative;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-131px -957px;
width:18px;
height:18px;

}
.level-list .level-box .level-lists .list-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  min-height: 1060px;
}
.level-list .level-box .level-lists .empty-container {
  padding-top: 180px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.level-list .level-box .level-lists .empty-container .empty-img {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-426px -488px;
width:138px;
height:105px;

}
.level-list .level-box .level-lists .empty-container .empty-desc {
  margin-top: 13px;
  font-size: 22px;
  -webkit-background-clip: text;
          background-clip: text;
  color: linear-gradient(93deg, #FFF -3%, #FFF 114%);
  text-shadow: 0 0 10px rgba(197, 241, 255, 0.92);
}
.info-container {
  margin-top: 30px;
}
.info-container .top-container {
  height: 226px;
  width: 916px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.info-container .top-container .card-container {
  padding: 19px 20px 25px 20px;
  width: 438px;
  height: 226px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/card-bg_6a754508.png) no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.info-container .top-container .card-container .desc {
  margin-top: 7px;
  margin-bottom: 18px;
  font-size: 18px;
}
.info-container .top-container .card-container .desc span {
  color: #FFE76F;
}
.info-container .top-container .card-container .line {
  width: 310px;
  height: 2px;
  border-top: 2px dashed rgba(255, 255, 255, 0.29);
}
.info-container .top-container .card-container .user-box {
  margin-top: 19px;
  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-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.info-container .top-container .card-container .user-box .avatar-box {
  width: 94px;
  height: 89px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-302px -674px;

  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;
}
.info-container .top-container .card-container .user-box .avatar-box .avatar {
  width: 79px;
  height: 79px;
}
.info-container .top-container .card-container .user-box .avatar-box .avatar img {
  width: 79px;
  height: 79px;
}
.info-container .top-container .card-container .user-box .avatar-box.empty-box {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-957px -488px;
width:43px;
height:43px;

}
.info-container .top-container .card-container .user-box .card-info {
  font-size: 16px;
  line-height: 26.2px;
  margin-left: 10px;
  max-width: 176px;
}
.info-container .top-container .card-container .user-box .card-info span {
  color: #FFE76F;
}
.info-container .top-container .card-container .user-box .card-info.empty-info {
  margin-left: 35px;
}
.info-container .top-container .card-container.active {
  width: 438px;
  height: 226px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/card-bg-active_bac480eb.png) no-repeat;
  background-size: contain;
}
.info-container .top-container .card-container.active .subtitle-container {
  position: relative;
}
.info-container .top-container .card-container.active .subtitle-container .subtitle-desc {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 88px;
  height: 24px;
  opacity: 1;
  background: rgba(48, 89, 159, 0.7);
  -webkit-filter: blur(10px);
          filter: blur(10px);
}
.info-container .top-container .card-container.active .subtitle-container .subtitle-content {
  position: relative;
  background: linear-gradient(118deg, rgba(106, 255, 222, 0.7) -3%, rgba(255, 255, 255, 0) 20%), linear-gradient(291deg, rgba(118, 132, 255, 0.6) -3%, rgba(255, 255, 255, 0) 21%), #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  z-index: 9;
}
.info-container .star-list {
  margin-top: 25px;
  padding: 17px 19px 20px 19px;
  width: 1446px;
  height: 840px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/star-bg_208ea0c7.png) no-repeat;
  background-size: contain;
}
.info-container .star-list .star-box-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-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;
  height: 39px;
}
.info-container .star-list .star-box-tab .star-tab-left {
  font-size: 26px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.info-container .star-list .star-box-tab .star-tab-left .desc {
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 98px;
  height: 29px;
  opacity: 1;
  background: rgba(48, 89, 159, 0.7);
  -webkit-filter: blur(20px);
          filter: blur(20px);
}
.info-container .star-list .star-box-tab .star-tab-left span {
  position: relative;
  background: linear-gradient(118deg, rgba(106, 255, 222, 0.7) -3%, rgba(255, 255, 255, 0) 20%), linear-gradient(291deg, rgba(118, 132, 255, 0.6) -3%, rgba(255, 255, 255, 0) 21%), #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.info-container .star-list .star-box-tab .star-tab-left span::before {
  display: block;
  content: "";
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-903px -721px;
width:42px;
height:39px;

}
.info-container .star-list .star-box-tab .star-tab-right {
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.info-container .star-list .star-box-tab .star-tab-right::after {
  margin-left: 10px;
  display: block;
  content: "";
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-0px -923px;
width:30px;
height:30px;

}
.info-container .star-list .star-box-tab .star-tab-right:hover::after {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.info-container .star-list .star-box-tab .star-tab-right.desc::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.info-container .star-list .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  min-height: 682px;
  gap: 20px;
  margin-top: 23px;
  margin-bottom: 31px;
}
.info-container .star-list .list .list-empty {
  margin: auto;
  margin-top: 241px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-0px -332px;
width:266px;
height:152px;

}
.info-container .star-list .btns {
  margin-top: 10px;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  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;
}
.info-container .star-list .btns .btn {
  font-size: 0;
  cursor: pointer;
}
.info-container .star-list .btns .btn:hover {
  opacity: 0.85;
}
.info-container .star-list .btns .btn-prev {
  width: 28px;
  height: 28px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-left_f26fb1cc.png) no-repeat;
  background-size: contain;
}
.info-container .star-list .btns .btn-next {
  width: 28px;
  height: 28px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-right_b5a5b406.png) no-repeat;
  background-size: contain;
}
.info-container .star-list .btns .btn.notFirstBtn {
  -webkit-transform: rotate(180deg) !important;
          transform: rotate(180deg) !important;
  width: 28px !important;
  height: 28px !important;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-right_b5a5b406.png) no-repeat !important;
  background-size: contain !important;
}
.info-container .star-list .btns .current-page {
  margin: 0 16px;
  font-size: 22px;
  color: #fff;
  padding: 0 17px;
  background: #7a8abf;
  border-radius: 39px;
  line-height: 28px;
}
.fans-item {
  padding: 4px 33px 4px 9px;
  width: 456px;
  height: 97px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/fans-item-bg_48644e57.png) no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.fans-item .fans-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.fans-item .fans-left .avatar-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-302px -674px;
width:94px;
height:89px;

}
.fans-item .fans-left .avatar-box .avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 87px;
  height: 87px;
}
.fans-item .fans-left .avatar-box .avatar img {
  width: 79px;
  height: 79px;
}
.fans-item .fans-left .fans-info {
  height: 100%;
  margin-left: 5px;
  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: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fans-item .fans-left .fans-info .username {
  font-size: 24px;
  line-height: 24px;
  color: #253D7E;
}
.fans-item .fans-left .fans-info .grade {
  margin-top: 10px;
  width: 114px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  border-radius: 15px;
  background: linear-gradient(274deg, #967C54 -2%, #BBA278 74%);
}
.fans-item .fans-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.fans-item .fans-right .fans-focus-btn {
  width: 78px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  font-size: 20px;
  border-radius: 15px;
  background: linear-gradient(288deg, #5C70B3 2%, #6A97C8 100%);
  margin-right: 4.5px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 0.5px solid #fff;
}
.fans-item .fans-right .fans-focus-btn:hover {
  background: linear-gradient(288deg, #657ED0 2%, #6FA4DF 100%), linear-gradient(288deg, #738AD4 2%, #7EACDF 100%);
}
.fans-item .fans-right .fans-focus-btn.focused {
  color: #7084AD;
  background: #fff;
  border: 1px solid #7084AD;
}
.fans-item .fans-right .target-fans-home {
  display: block;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-815px -849px;
width:29px;
height:33px;

}
.fans-item:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.focus-item {
  width: 682px;
  height: 323px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/focus-list-item-bg_81ca1bde.png) no-repeat;
  background-size: contain;
  padding: 13px 18px 26px 11px;
}
.focus-item .top-info-box {
  height: 89px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.focus-item .top-info-box .info-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.focus-item .top-info-box .info-left .avatar-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-302px -674px;
width:94px;
height:89px;

}
.focus-item .top-info-box .info-left .avatar-box .avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 87px;
  height: 87px;
}
.focus-item .top-info-box .info-left .avatar-box .avatar img {
  width: 79px;
  height: 79px;
}
.focus-item .top-info-box .info-left .info .username {
  font-size: 24px;
  line-height: 24px;
  color: #253D7E;
}
.focus-item .top-info-box .info-left .info .grade {
  margin-top: 10px;
  width: 114px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  border-radius: 15px;
  background: linear-gradient(274deg, #967C54 -2%, #BBA278 74%);
}
.focus-item .top-info-box .info-right-btn {
  width: 78px;
  height: 33px;
  background: linear-gradient(288deg, #5C70B3 2%, #6A97C8 100%);
  border-radius: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  cursor: pointer;
  border: 0.5px solid #fff;
  font-size: 20px;
}
.focus-item .top-info-box .info-right-btn::after {
  display: block;
  content: "";
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-815px -849px;
width:29px;
height:33px;

}
.focus-item .top-info-box .info-right-btn:hover {
  background: linear-gradient(288deg, #657ED0 2%, #6FA4DF 100%);
}
.focus-item .focus-map-box {
  margin-top: 16px;
  width: 650px;
  height: 178px;
}
.focus-item .focus-map-box .focus-map {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.focus-item .focus-map-box .focus-map .focus-map-box-empty {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 178px;
  font-size: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.focus-item .focus-map-box .focus-map .map-box {
  width: 320px;
  height: 178px;
  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;
  background-color: #d3d5ea;
  border-radius: 8px;
  overflow: hidden;
}
.focus-item .focus-map-box .focus-map .map-box img {
  width: 316px;
  height: 174px;
  border-radius: 8px;
}
.focus-item .focus-map-box .focus-map .map-box:last-child {
  margin-left: 10px;
}
.focus-item .focus-map-box .focus-map .map-box .focus-desc-box {
  position: absolute;
  height: 44px;
  width: 100%;
  bottom: 0;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.51)), color-stop(28%, rgba(0, 0, 0, 0.33)), to(rgba(0, 0, 0, 0.23)));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.51) 0%, rgba(0, 0, 0, 0.33) 28%, rgba(0, 0, 0, 0.23) 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-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 8px;
  padding-right: 8px;
}
.focus-item .focus-map-box .focus-map .map-box .focus-desc-box .focus-map-name {
  white-space: nowrap;
  font-size: 22px;
}
.focus-item .focus-map-box .focus-map .map-box .focus-desc-box .focus-map-tag {
  text-align: center;
  margin-right: 4px;
  line-height: 31px;
  height: 31px;
  font-size: 20px;
  width: 77px;
  height: 32px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/focus-tag-bg_c298fbb3.png) no-repeat;
  background-size: contain;
}
.focus-item .focus-map-box .focus-map .map-box .focus-desc-box .focus-map-tag:last-child {
  margin: 0;
}
.tag-bg {
  min-width: 77px;
  height: 32px;
  line-height: 32px;
  padding: 1px 10px 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/tag-1_3c7a9e58.png) no-repeat, url(https://h.res.netease.com/pc/zt/20240729112326/assets/tag-2_418d83a1.png) no-repeat, url(https://h.res.netease.com/pc/zt/20240729112326/assets/tag-3_8a2b2727.png) no-repeat;
  background-position: left center, center center, right center;
  background-size: 20px 32px, calc(100% - 18px - 18px) 32px, 20px 32px;
  color: #fff;
  font-family: 'fzcjljt', sans-serif;
  font-size: 20px;
  text-align: center;
}
.img-status {
  width: 100%;
  height: 100%;
  background: #2e3643;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "NotoSansSC", sans-serif;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.img-status-2::before {
  content: "";
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-338px -779px;
width:43px;
height:43px;

  margin-bottom: 10px;
}
.img-status-2::after {
  content: "\56FE\7247\5BA1\6838\4E2D";
}
.img-status-3::before {
  content: "";
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-338px -779px;
width:43px;
height:43px;

  margin-bottom: 10px;
}
.img-status-3::after {
  content: "\56FE\7247\5BA1\6838\4E0D\901A\8FC7";
}
.cj-1 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/800_4e1fef78.png) no-repeat;
  background-size: cover;
}
.cj-2 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/801_58de78dd.png) no-repeat;
  background-size: cover;
}
.cj-3 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/802_79d70bfe.png) no-repeat;
  background-size: cover;
}
.cj-4 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/803_5d616388.png) no-repeat;
  background-size: cover;
}
.cj-5 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/804_51d3ff26.png) no-repeat;
  background-size: cover;
}
.cj-6 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/805_3fa82c67.png) no-repeat;
  background-size: cover;
}
.cj-7 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/806_b70918fe.png) no-repeat;
  background-size: cover;
}
.cj-8 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/807_4b0eb2e9.png) no-repeat;
  background-size: cover;
}
.cj-9 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/808_3ef2dc86.png) no-repeat;
  background-size: cover;
}
.cj-10 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/809_fd3d237d.png) no-repeat;
  background-size: cover;
}
.cj-11 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/810_532a38e2.png) no-repeat;
  background-size: cover;
}
.cj-12 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/811_b2042d7a.png) no-repeat;
  background-size: cover;
}
.cj-13 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/812_90f43996.png) no-repeat;
  background-size: cover;
}
.cj-14 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/813_be868ce1.png) no-repeat;
  background-size: cover;
}
.cj-15 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/814_c521abc1.png) no-repeat;
  background-size: cover;
}
.cj-16 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/815_e5a51563.png) no-repeat;
  background-size: cover;
}
.cj-17 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/816_53c3cb13.png) no-repeat;
  background-size: cover;
}
.cj-18 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/817_e5ee5c5f.png) no-repeat;
  background-size: cover;
}
.cj-19 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/818_843b80f4.png) no-repeat;
  background-size: cover;
}
.cj-20 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/819_16c719ed.png) no-repeat;
  background-size: cover;
}
.cj-21 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/820_eb8da7c2.png) no-repeat;
  background-size: cover;
}
.cj-22 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/821_162842ca.png) no-repeat;
  background-size: cover;
}
.cdd-1 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/700_b02e85c2.png) no-repeat;
  background-size: cover;
}
.cdd-2 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/701_61dfc5b0.png) no-repeat;
  background-size: cover;
}
.cdd-3 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/702_1cab9601.png) no-repeat;
  background-size: cover;
}
.cdd-4 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/703_59414318.png) no-repeat;
  background-size: cover;
}
.cdd-5 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/704_708212b5.png) no-repeat;
  background-size: cover;
}
.cdd-6 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/705_8d39ea05.png) no-repeat;
  background-size: cover;
}
.cdd-7 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/706_a8a5bad3.png) no-repeat;
  background-size: cover;
}
.cdd-8 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/707_a77c4f7c.png) no-repeat;
  background-size: cover;
}
.cdd-9 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/708_782882d1.png) no-repeat;
  background-size: cover;
}
.cdd-10 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/709_e04f76e1.png) no-repeat;
  background-size: cover;
}
.cdd-11 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/710_86f253e1.png) no-repeat;
  background-size: cover;
}
.cdd-12 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/711_a800c18d.png) no-repeat;
  background-size: cover;
}
.cdd-13 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/712_63ad3b85.png) no-repeat;
  background-size: cover;
}
.cdd-14 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/713_f30831ec.png) no-repeat;
  background-size: cover;
}
.cdd-15 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/714_8ec9128d.png) no-repeat;
  background-size: cover;
}
.cdd-16 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/715_89d4620c.png) no-repeat;
  background-size: cover;
}
.jh-1 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_400_png 0.917s steps(1) infinite;
          animation: keyframes_400_png 0.917s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/400_36ed0f43.png);
  background-size: 610.4% 203.5%;
}
@-webkit-keyframes keyframes_400_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  9.1% {
    background-position: -1px -118px;
    /* no */
  }
  18.2% {
    background-position: -118px -118px;
    /* no */
  }
  27.3% {
    background-position: -235px -1px;
    /* no */
  }
  36.4% {
    background-position: -235px -118px;
    /* no */
  }
  45.5% {
    background-position: -352px -1px;
    /* no */
  }
  54.5% {
    background-position: -352px -118px;
    /* no */
  }
  63.6% {
    background-position: -469px -1px;
    /* no */
  }
  72.7% {
    background-position: -469px -118px;
    /* no */
  }
  81.8% {
    background-position: -586px -1px;
    /* no */
  }
  90.9% {
    background-position: -118px -1px;
    /* no */
  }
}
@keyframes keyframes_400_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  9.1% {
    background-position: -1px -118px;
    /* no */
  }
  18.2% {
    background-position: -118px -118px;
    /* no */
  }
  27.3% {
    background-position: -235px -1px;
    /* no */
  }
  36.4% {
    background-position: -235px -118px;
    /* no */
  }
  45.5% {
    background-position: -352px -1px;
    /* no */
  }
  54.5% {
    background-position: -352px -118px;
    /* no */
  }
  63.6% {
    background-position: -469px -1px;
    /* no */
  }
  72.7% {
    background-position: -469px -118px;
    /* no */
  }
  81.8% {
    background-position: -586px -1px;
    /* no */
  }
  90.9% {
    background-position: -118px -1px;
    /* no */
  }
}
.jh-2 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_401_png 1.917s steps(1) infinite;
          animation: keyframes_401_png 1.917s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/401_24f5f7a9.png);
  background-size: 813.9% 305.2%;
}
@-webkit-keyframes keyframes_401_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  4.3% {
    background-position: -118px -1px;
    /* no */
  }
  8.7% {
    background-position: -469px -118px;
    /* no */
  }
  13.0% {
    background-position: -1px -235px;
    /* no */
  }
  17.4% {
    background-position: -118px -235px;
    /* no */
  }
  21.7% {
    background-position: -235px -235px;
    /* no */
  }
  26.1% {
    background-position: -352px -235px;
    /* no */
  }
  30.4% {
    background-position: -469px -235px;
    /* no */
  }
  34.8% {
    background-position: -586px -235px;
    /* no */
  }
  39.1% {
    background-position: -703px -235px;
    /* no */
  }
  43.5% {
    background-position: -235px -1px;
    /* no */
  }
  47.8% {
    background-position: -352px -1px;
    /* no */
  }
  52.2% {
    background-position: -469px -1px;
    /* no */
  }
  56.5% {
    background-position: -586px -1px;
    /* no */
  }
  60.9% {
    background-position: -703px -1px;
    /* no */
  }
  65.2% {
    background-position: -820px -1px;
    /* no */
  }
  69.6% {
    background-position: -1px -118px;
    /* no */
  }
  73.9% {
    background-position: -118px -118px;
    /* no */
  }
  78.3% {
    background-position: -235px -118px;
    /* no */
  }
  82.6% {
    background-position: -352px -118px;
    /* no */
  }
  87.0% {
    background-position: -586px -118px;
    /* no */
  }
  91.3% {
    background-position: -703px -118px;
    /* no */
  }
  95.7% {
    background-position: -820px -118px;
    /* no */
  }
}
@keyframes keyframes_401_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  4.3% {
    background-position: -118px -1px;
    /* no */
  }
  8.7% {
    background-position: -469px -118px;
    /* no */
  }
  13.0% {
    background-position: -1px -235px;
    /* no */
  }
  17.4% {
    background-position: -118px -235px;
    /* no */
  }
  21.7% {
    background-position: -235px -235px;
    /* no */
  }
  26.1% {
    background-position: -352px -235px;
    /* no */
  }
  30.4% {
    background-position: -469px -235px;
    /* no */
  }
  34.8% {
    background-position: -586px -235px;
    /* no */
  }
  39.1% {
    background-position: -703px -235px;
    /* no */
  }
  43.5% {
    background-position: -235px -1px;
    /* no */
  }
  47.8% {
    background-position: -352px -1px;
    /* no */
  }
  52.2% {
    background-position: -469px -1px;
    /* no */
  }
  56.5% {
    background-position: -586px -1px;
    /* no */
  }
  60.9% {
    background-position: -703px -1px;
    /* no */
  }
  65.2% {
    background-position: -820px -1px;
    /* no */
  }
  69.6% {
    background-position: -1px -118px;
    /* no */
  }
  73.9% {
    background-position: -118px -118px;
    /* no */
  }
  78.3% {
    background-position: -235px -118px;
    /* no */
  }
  82.6% {
    background-position: -352px -118px;
    /* no */
  }
  87.0% {
    background-position: -586px -118px;
    /* no */
  }
  91.3% {
    background-position: -703px -118px;
    /* no */
  }
  95.7% {
    background-position: -820px -118px;
    /* no */
  }
}
.jh-3 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_402_png 2.083s steps(1) infinite;
          animation: keyframes_402_png 2.083s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/402_e6c04a6a.png);
  background-size: 712.2% 407%;
}
@-webkit-keyframes keyframes_402_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  4.0% {
    background-position: -1px -118px;
    /* no */
  }
  8.0% {
    background-position: -352px -118px;
    /* no */
  }
  12.0% {
    background-position: -352px -352px;
    /* no */
  }
  16.0% {
    background-position: -469px -235px;
    /* no */
  }
  20.0% {
    background-position: -586px -118px;
    /* no */
  }
  24.0% {
    background-position: -703px -1px;
    /* no */
  }
  28.0% {
    background-position: -469px -352px;
    /* no */
  }
  32.0% {
    background-position: -586px -235px;
    /* no */
  }
  36.0% {
    background-position: -703px -118px;
    /* no */
  }
  40.0% {
    background-position: -118px -1px;
    /* no */
  }
  44.0% {
    background-position: -1px -235px;
    /* no */
  }
  48.0% {
    background-position: -118px -118px;
    /* no */
  }
  52.0% {
    background-position: -235px -1px;
    /* no */
  }
  56.0% {
    background-position: -1px -352px;
    /* no */
  }
  60.0% {
    background-position: -118px -235px;
    /* no */
  }
  64.0% {
    background-position: -235px -118px;
    /* no */
  }
  68.0% {
    background-position: -352px -1px;
    /* no */
  }
  72.0% {
    background-position: -118px -352px;
    /* no */
  }
  76.0% {
    background-position: -235px -235px;
    /* no */
  }
  80.0% {
    background-position: -469px -1px;
    /* no */
  }
  84.0% {
    background-position: -235px -352px;
    /* no */
  }
  88.0% {
    background-position: -352px -235px;
    /* no */
  }
  92.0% {
    background-position: -469px -118px;
    /* no */
  }
  96.0% {
    background-position: -586px -1px;
    /* no */
  }
}
@keyframes keyframes_402_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  4.0% {
    background-position: -1px -118px;
    /* no */
  }
  8.0% {
    background-position: -352px -118px;
    /* no */
  }
  12.0% {
    background-position: -352px -352px;
    /* no */
  }
  16.0% {
    background-position: -469px -235px;
    /* no */
  }
  20.0% {
    background-position: -586px -118px;
    /* no */
  }
  24.0% {
    background-position: -703px -1px;
    /* no */
  }
  28.0% {
    background-position: -469px -352px;
    /* no */
  }
  32.0% {
    background-position: -586px -235px;
    /* no */
  }
  36.0% {
    background-position: -703px -118px;
    /* no */
  }
  40.0% {
    background-position: -118px -1px;
    /* no */
  }
  44.0% {
    background-position: -1px -235px;
    /* no */
  }
  48.0% {
    background-position: -118px -118px;
    /* no */
  }
  52.0% {
    background-position: -235px -1px;
    /* no */
  }
  56.0% {
    background-position: -1px -352px;
    /* no */
  }
  60.0% {
    background-position: -118px -235px;
    /* no */
  }
  64.0% {
    background-position: -235px -118px;
    /* no */
  }
  68.0% {
    background-position: -352px -1px;
    /* no */
  }
  72.0% {
    background-position: -118px -352px;
    /* no */
  }
  76.0% {
    background-position: -235px -235px;
    /* no */
  }
  80.0% {
    background-position: -469px -1px;
    /* no */
  }
  84.0% {
    background-position: -235px -352px;
    /* no */
  }
  88.0% {
    background-position: -352px -235px;
    /* no */
  }
  92.0% {
    background-position: -469px -118px;
    /* no */
  }
  96.0% {
    background-position: -586px -1px;
    /* no */
  }
}
.jh-4 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_403_png 2.25s steps(1) infinite;
          animation: keyframes_403_png 2.25s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/403_7babffb6.png);
  background-size: 407% 712.2%;
}
@-webkit-keyframes keyframes_403_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  3.7% {
    background-position: -118px -1px;
    /* no */
  }
  7.4% {
    background-position: -1px -352px;
    /* no */
  }
  11.1% {
    background-position: -1px -586px;
    /* no */
  }
  14.8% {
    background-position: -118px -586px;
    /* no */
  }
  18.5% {
    background-position: -235px -586px;
    /* no */
  }
  22.2% {
    background-position: -352px -586px;
    /* no */
  }
  25.9% {
    background-position: -1px -703px;
    /* no */
  }
  29.6% {
    background-position: -118px -703px;
    /* no */
  }
  33.3% {
    background-position: -235px -703px;
    /* no */
  }
  37.0% {
    background-position: -235px -1px;
    /* no */
  }
  40.7% {
    background-position: -352px -1px;
    /* no */
  }
  44.4% {
    background-position: -1px -118px;
    /* no */
  }
  48.1% {
    background-position: -118px -118px;
    /* no */
  }
  51.9% {
    background-position: -235px -118px;
    /* no */
  }
  55.6% {
    background-position: -352px -118px;
    /* no */
  }
  59.3% {
    background-position: -1px -235px;
    /* no */
  }
  63.0% {
    background-position: -118px -235px;
    /* no */
  }
  66.7% {
    background-position: -235px -235px;
    /* no */
  }
  70.4% {
    background-position: -352px -235px;
    /* no */
  }
  74.1% {
    background-position: -118px -352px;
    /* no */
  }
  77.8% {
    background-position: -235px -352px;
    /* no */
  }
  81.5% {
    background-position: -352px -352px;
    /* no */
  }
  85.2% {
    background-position: -1px -469px;
    /* no */
  }
  88.9% {
    background-position: -118px -469px;
    /* no */
  }
  92.6% {
    background-position: -235px -469px;
    /* no */
  }
  96.3% {
    background-position: -352px -469px;
    /* no */
  }
}
@keyframes keyframes_403_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  3.7% {
    background-position: -118px -1px;
    /* no */
  }
  7.4% {
    background-position: -1px -352px;
    /* no */
  }
  11.1% {
    background-position: -1px -586px;
    /* no */
  }
  14.8% {
    background-position: -118px -586px;
    /* no */
  }
  18.5% {
    background-position: -235px -586px;
    /* no */
  }
  22.2% {
    background-position: -352px -586px;
    /* no */
  }
  25.9% {
    background-position: -1px -703px;
    /* no */
  }
  29.6% {
    background-position: -118px -703px;
    /* no */
  }
  33.3% {
    background-position: -235px -703px;
    /* no */
  }
  37.0% {
    background-position: -235px -1px;
    /* no */
  }
  40.7% {
    background-position: -352px -1px;
    /* no */
  }
  44.4% {
    background-position: -1px -118px;
    /* no */
  }
  48.1% {
    background-position: -118px -118px;
    /* no */
  }
  51.9% {
    background-position: -235px -118px;
    /* no */
  }
  55.6% {
    background-position: -352px -118px;
    /* no */
  }
  59.3% {
    background-position: -1px -235px;
    /* no */
  }
  63.0% {
    background-position: -118px -235px;
    /* no */
  }
  66.7% {
    background-position: -235px -235px;
    /* no */
  }
  70.4% {
    background-position: -352px -235px;
    /* no */
  }
  74.1% {
    background-position: -118px -352px;
    /* no */
  }
  77.8% {
    background-position: -235px -352px;
    /* no */
  }
  81.5% {
    background-position: -352px -352px;
    /* no */
  }
  85.2% {
    background-position: -1px -469px;
    /* no */
  }
  88.9% {
    background-position: -118px -469px;
    /* no */
  }
  92.6% {
    background-position: -235px -469px;
    /* no */
  }
  96.3% {
    background-position: -352px -469px;
    /* no */
  }
}
.jh-5 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_404_png 0.583s steps(1) infinite;
          animation: keyframes_404_png 0.583s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/404_ea4becbf.jpg);
  background-size: 712.2% 101.7%;
}
@-webkit-keyframes keyframes_404_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  14.3% {
    background-position: -118px -1px;
    /* no */
  }
  28.6% {
    background-position: -235px -1px;
    /* no */
  }
  42.9% {
    background-position: -352px -1px;
    /* no */
  }
  57.1% {
    background-position: -469px -1px;
    /* no */
  }
  71.4% {
    background-position: -586px -1px;
    /* no */
  }
  85.7% {
    background-position: -703px -1px;
    /* no */
  }
}
@keyframes keyframes_404_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  14.3% {
    background-position: -118px -1px;
    /* no */
  }
  28.6% {
    background-position: -235px -1px;
    /* no */
  }
  42.9% {
    background-position: -352px -1px;
    /* no */
  }
  57.1% {
    background-position: -469px -1px;
    /* no */
  }
  71.4% {
    background-position: -586px -1px;
    /* no */
  }
  85.7% {
    background-position: -703px -1px;
    /* no */
  }
}
.jh-6 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_405_png 0.75s steps(1) infinite;
          animation: keyframes_405_png 0.75s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/405_a80ff59c.png);
  background-size: 508.7% 203.5%;
}
@-webkit-keyframes keyframes_405_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  11.1% {
    background-position: -1px -118px;
    /* no */
  }
  22.2% {
    background-position: -118px -1px;
    /* no */
  }
  33.3% {
    background-position: -118px -118px;
    /* no */
  }
  44.4% {
    background-position: -235px -1px;
    /* no */
  }
  55.6% {
    background-position: -235px -118px;
    /* no */
  }
  66.7% {
    background-position: -352px -1px;
    /* no */
  }
  77.8% {
    background-position: -352px -118px;
    /* no */
  }
  88.9% {
    background-position: -469px -1px;
    /* no */
  }
}
@keyframes keyframes_405_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  11.1% {
    background-position: -1px -118px;
    /* no */
  }
  22.2% {
    background-position: -118px -1px;
    /* no */
  }
  33.3% {
    background-position: -118px -118px;
    /* no */
  }
  44.4% {
    background-position: -235px -1px;
    /* no */
  }
  55.6% {
    background-position: -235px -118px;
    /* no */
  }
  66.7% {
    background-position: -352px -1px;
    /* no */
  }
  77.8% {
    background-position: -352px -118px;
    /* no */
  }
  88.9% {
    background-position: -469px -1px;
    /* no */
  }
}
.jh-7 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_406_png 2.25s steps(1) infinite;
          animation: keyframes_406_png 2.25s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/406_be754e66.png);
  background-size: 407% 712.2%;
}
@-webkit-keyframes keyframes_406_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  3.7% {
    background-position: -118px -1px;
    /* no */
  }
  7.4% {
    background-position: -1px -352px;
    /* no */
  }
  11.1% {
    background-position: -1px -586px;
    /* no */
  }
  14.8% {
    background-position: -118px -586px;
    /* no */
  }
  18.5% {
    background-position: -235px -586px;
    /* no */
  }
  22.2% {
    background-position: -352px -586px;
    /* no */
  }
  25.9% {
    background-position: -1px -703px;
    /* no */
  }
  29.6% {
    background-position: -118px -703px;
    /* no */
  }
  33.3% {
    background-position: -235px -703px;
    /* no */
  }
  37.0% {
    background-position: -235px -1px;
    /* no */
  }
  40.7% {
    background-position: -352px -1px;
    /* no */
  }
  44.4% {
    background-position: -1px -118px;
    /* no */
  }
  48.1% {
    background-position: -118px -118px;
    /* no */
  }
  51.9% {
    background-position: -235px -118px;
    /* no */
  }
  55.6% {
    background-position: -352px -118px;
    /* no */
  }
  59.3% {
    background-position: -1px -235px;
    /* no */
  }
  63.0% {
    background-position: -118px -235px;
    /* no */
  }
  66.7% {
    background-position: -235px -235px;
    /* no */
  }
  70.4% {
    background-position: -352px -235px;
    /* no */
  }
  74.1% {
    background-position: -118px -352px;
    /* no */
  }
  77.8% {
    background-position: -235px -352px;
    /* no */
  }
  81.5% {
    background-position: -352px -352px;
    /* no */
  }
  85.2% {
    background-position: -1px -469px;
    /* no */
  }
  88.9% {
    background-position: -118px -469px;
    /* no */
  }
  92.6% {
    background-position: -235px -469px;
    /* no */
  }
  96.3% {
    background-position: -352px -469px;
    /* no */
  }
}
@keyframes keyframes_406_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  3.7% {
    background-position: -118px -1px;
    /* no */
  }
  7.4% {
    background-position: -1px -352px;
    /* no */
  }
  11.1% {
    background-position: -1px -586px;
    /* no */
  }
  14.8% {
    background-position: -118px -586px;
    /* no */
  }
  18.5% {
    background-position: -235px -586px;
    /* no */
  }
  22.2% {
    background-position: -352px -586px;
    /* no */
  }
  25.9% {
    background-position: -1px -703px;
    /* no */
  }
  29.6% {
    background-position: -118px -703px;
    /* no */
  }
  33.3% {
    background-position: -235px -703px;
    /* no */
  }
  37.0% {
    background-position: -235px -1px;
    /* no */
  }
  40.7% {
    background-position: -352px -1px;
    /* no */
  }
  44.4% {
    background-position: -1px -118px;
    /* no */
  }
  48.1% {
    background-position: -118px -118px;
    /* no */
  }
  51.9% {
    background-position: -235px -118px;
    /* no */
  }
  55.6% {
    background-position: -352px -118px;
    /* no */
  }
  59.3% {
    background-position: -1px -235px;
    /* no */
  }
  63.0% {
    background-position: -118px -235px;
    /* no */
  }
  66.7% {
    background-position: -235px -235px;
    /* no */
  }
  70.4% {
    background-position: -352px -235px;
    /* no */
  }
  74.1% {
    background-position: -118px -352px;
    /* no */
  }
  77.8% {
    background-position: -235px -352px;
    /* no */
  }
  81.5% {
    background-position: -352px -352px;
    /* no */
  }
  85.2% {
    background-position: -1px -469px;
    /* no */
  }
  88.9% {
    background-position: -118px -469px;
    /* no */
  }
  92.6% {
    background-position: -235px -469px;
    /* no */
  }
  96.3% {
    background-position: -352px -469px;
    /* no */
  }
}
.jh-8 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_407_png 1.917s steps(1) infinite;
          animation: keyframes_407_png 1.917s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/407_5336d8e2.png);
  background-size: 813.9% 305.2%;
}
@-webkit-keyframes keyframes_407_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  4.3% {
    background-position: -118px -1px;
    /* no */
  }
  8.7% {
    background-position: -469px -118px;
    /* no */
  }
  13.0% {
    background-position: -1px -235px;
    /* no */
  }
  17.4% {
    background-position: -118px -235px;
    /* no */
  }
  21.7% {
    background-position: -235px -235px;
    /* no */
  }
  26.1% {
    background-position: -352px -235px;
    /* no */
  }
  30.4% {
    background-position: -469px -235px;
    /* no */
  }
  34.8% {
    background-position: -586px -235px;
    /* no */
  }
  39.1% {
    background-position: -703px -235px;
    /* no */
  }
  43.5% {
    background-position: -235px -1px;
    /* no */
  }
  47.8% {
    background-position: -352px -1px;
    /* no */
  }
  52.2% {
    background-position: -469px -1px;
    /* no */
  }
  56.5% {
    background-position: -586px -1px;
    /* no */
  }
  60.9% {
    background-position: -703px -1px;
    /* no */
  }
  65.2% {
    background-position: -820px -1px;
    /* no */
  }
  69.6% {
    background-position: -1px -118px;
    /* no */
  }
  73.9% {
    background-position: -118px -118px;
    /* no */
  }
  78.3% {
    background-position: -235px -118px;
    /* no */
  }
  82.6% {
    background-position: -352px -118px;
    /* no */
  }
  87.0% {
    background-position: -586px -118px;
    /* no */
  }
  91.3% {
    background-position: -703px -118px;
    /* no */
  }
  95.7% {
    background-position: -820px -118px;
    /* no */
  }
}
@keyframes keyframes_407_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  4.3% {
    background-position: -118px -1px;
    /* no */
  }
  8.7% {
    background-position: -469px -118px;
    /* no */
  }
  13.0% {
    background-position: -1px -235px;
    /* no */
  }
  17.4% {
    background-position: -118px -235px;
    /* no */
  }
  21.7% {
    background-position: -235px -235px;
    /* no */
  }
  26.1% {
    background-position: -352px -235px;
    /* no */
  }
  30.4% {
    background-position: -469px -235px;
    /* no */
  }
  34.8% {
    background-position: -586px -235px;
    /* no */
  }
  39.1% {
    background-position: -703px -235px;
    /* no */
  }
  43.5% {
    background-position: -235px -1px;
    /* no */
  }
  47.8% {
    background-position: -352px -1px;
    /* no */
  }
  52.2% {
    background-position: -469px -1px;
    /* no */
  }
  56.5% {
    background-position: -586px -1px;
    /* no */
  }
  60.9% {
    background-position: -703px -1px;
    /* no */
  }
  65.2% {
    background-position: -820px -1px;
    /* no */
  }
  69.6% {
    background-position: -1px -118px;
    /* no */
  }
  73.9% {
    background-position: -118px -118px;
    /* no */
  }
  78.3% {
    background-position: -235px -118px;
    /* no */
  }
  82.6% {
    background-position: -352px -118px;
    /* no */
  }
  87.0% {
    background-position: -586px -118px;
    /* no */
  }
  91.3% {
    background-position: -703px -118px;
    /* no */
  }
  95.7% {
    background-position: -820px -118px;
    /* no */
  }
}
.jh-9 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_408_png 1.333s steps(1) infinite;
          animation: keyframes_408_png 1.333s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/408_3f0f183b.jpg);
  background-size: 813.9% 203.5%;
}
@-webkit-keyframes keyframes_408_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  6.2% {
    background-position: -1px -118px;
    /* no */
  }
  12.5% {
    background-position: -469px -1px;
    /* no */
  }
  18.8% {
    background-position: -469px -118px;
    /* no */
  }
  25.0% {
    background-position: -586px -1px;
    /* no */
  }
  31.2% {
    background-position: -586px -118px;
    /* no */
  }
  37.5% {
    background-position: -703px -1px;
    /* no */
  }
  43.8% {
    background-position: -703px -118px;
    /* no */
  }
  50.0% {
    background-position: -820px -1px;
    /* no */
  }
  56.2% {
    background-position: -820px -118px;
    /* no */
  }
  62.5% {
    background-position: -118px -1px;
    /* no */
  }
  68.8% {
    background-position: -118px -118px;
    /* no */
  }
  75.0% {
    background-position: -235px -1px;
    /* no */
  }
  81.2% {
    background-position: -235px -118px;
    /* no */
  }
  87.5% {
    background-position: -352px -1px;
    /* no */
  }
  93.8% {
    background-position: -352px -118px;
    /* no */
  }
}
@keyframes keyframes_408_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  6.2% {
    background-position: -1px -118px;
    /* no */
  }
  12.5% {
    background-position: -469px -1px;
    /* no */
  }
  18.8% {
    background-position: -469px -118px;
    /* no */
  }
  25.0% {
    background-position: -586px -1px;
    /* no */
  }
  31.2% {
    background-position: -586px -118px;
    /* no */
  }
  37.5% {
    background-position: -703px -1px;
    /* no */
  }
  43.8% {
    background-position: -703px -118px;
    /* no */
  }
  50.0% {
    background-position: -820px -1px;
    /* no */
  }
  56.2% {
    background-position: -820px -118px;
    /* no */
  }
  62.5% {
    background-position: -118px -1px;
    /* no */
  }
  68.8% {
    background-position: -118px -118px;
    /* no */
  }
  75.0% {
    background-position: -235px -1px;
    /* no */
  }
  81.2% {
    background-position: -235px -118px;
    /* no */
  }
  87.5% {
    background-position: -352px -1px;
    /* no */
  }
  93.8% {
    background-position: -352px -118px;
    /* no */
  }
}
.jh-10 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_409_png 1.667s steps(1) infinite;
          animation: keyframes_409_png 1.667s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/409_9fdd8ce2.jpg);
  background-size: 508.7% 407%;
}
@-webkit-keyframes keyframes_409_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  5.0% {
    background-position: -1px -118px;
    /* no */
  }
  10.0% {
    background-position: -352px -1px;
    /* no */
  }
  15.0% {
    background-position: -352px -118px;
    /* no */
  }
  20.0% {
    background-position: -352px -235px;
    /* no */
  }
  25.0% {
    background-position: -352px -352px;
    /* no */
  }
  30.0% {
    background-position: -469px -1px;
    /* no */
  }
  35.0% {
    background-position: -469px -118px;
    /* no */
  }
  40.0% {
    background-position: -469px -235px;
    /* no */
  }
  45.0% {
    background-position: -469px -352px;
    /* no */
  }
  50.0% {
    background-position: -1px -235px;
    /* no */
  }
  55.0% {
    background-position: -1px -352px;
    /* no */
  }
  60.0% {
    background-position: -118px -1px;
    /* no */
  }
  65.0% {
    background-position: -118px -118px;
    /* no */
  }
  70.0% {
    background-position: -118px -235px;
    /* no */
  }
  75.0% {
    background-position: -118px -352px;
    /* no */
  }
  80.0% {
    background-position: -235px -1px;
    /* no */
  }
  85.0% {
    background-position: -235px -118px;
    /* no */
  }
  90.0% {
    background-position: -235px -235px;
    /* no */
  }
  95.0% {
    background-position: -235px -352px;
    /* no */
  }
}
@keyframes keyframes_409_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  5.0% {
    background-position: -1px -118px;
    /* no */
  }
  10.0% {
    background-position: -352px -1px;
    /* no */
  }
  15.0% {
    background-position: -352px -118px;
    /* no */
  }
  20.0% {
    background-position: -352px -235px;
    /* no */
  }
  25.0% {
    background-position: -352px -352px;
    /* no */
  }
  30.0% {
    background-position: -469px -1px;
    /* no */
  }
  35.0% {
    background-position: -469px -118px;
    /* no */
  }
  40.0% {
    background-position: -469px -235px;
    /* no */
  }
  45.0% {
    background-position: -469px -352px;
    /* no */
  }
  50.0% {
    background-position: -1px -235px;
    /* no */
  }
  55.0% {
    background-position: -1px -352px;
    /* no */
  }
  60.0% {
    background-position: -118px -1px;
    /* no */
  }
  65.0% {
    background-position: -118px -118px;
    /* no */
  }
  70.0% {
    background-position: -118px -235px;
    /* no */
  }
  75.0% {
    background-position: -118px -352px;
    /* no */
  }
  80.0% {
    background-position: -235px -1px;
    /* no */
  }
  85.0% {
    background-position: -235px -118px;
    /* no */
  }
  90.0% {
    background-position: -235px -235px;
    /* no */
  }
  95.0% {
    background-position: -235px -352px;
    /* no */
  }
}
.jh-11 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_410_png 1.167s steps(1) infinite;
          animation: keyframes_410_png 1.167s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/410_ce46d31f.jpg);
  background-size: 712.2% 203.5%;
}
@-webkit-keyframes keyframes_410_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  7.1% {
    background-position: -1px -118px;
    /* no */
  }
  14.3% {
    background-position: -352px -1px;
    /* no */
  }
  21.4% {
    background-position: -352px -118px;
    /* no */
  }
  28.6% {
    background-position: -469px -1px;
    /* no */
  }
  35.7% {
    background-position: -469px -118px;
    /* no */
  }
  42.9% {
    background-position: -586px -1px;
    /* no */
  }
  50.0% {
    background-position: -586px -118px;
    /* no */
  }
  57.1% {
    background-position: -703px -1px;
    /* no */
  }
  64.3% {
    background-position: -703px -118px;
    /* no */
  }
  71.4% {
    background-position: -118px -1px;
    /* no */
  }
  78.6% {
    background-position: -118px -118px;
    /* no */
  }
  85.7% {
    background-position: -235px -1px;
    /* no */
  }
  92.9% {
    background-position: -235px -118px;
    /* no */
  }
}
@keyframes keyframes_410_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  7.1% {
    background-position: -1px -118px;
    /* no */
  }
  14.3% {
    background-position: -352px -1px;
    /* no */
  }
  21.4% {
    background-position: -352px -118px;
    /* no */
  }
  28.6% {
    background-position: -469px -1px;
    /* no */
  }
  35.7% {
    background-position: -469px -118px;
    /* no */
  }
  42.9% {
    background-position: -586px -1px;
    /* no */
  }
  50.0% {
    background-position: -586px -118px;
    /* no */
  }
  57.1% {
    background-position: -703px -1px;
    /* no */
  }
  64.3% {
    background-position: -703px -118px;
    /* no */
  }
  71.4% {
    background-position: -118px -1px;
    /* no */
  }
  78.6% {
    background-position: -118px -118px;
    /* no */
  }
  85.7% {
    background-position: -235px -1px;
    /* no */
  }
  92.9% {
    background-position: -235px -118px;
    /* no */
  }
}
.jh-12 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_411_png 0.917s steps(1) infinite;
          animation: keyframes_411_png 0.917s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/411_363fe649.png);
  background-size: 610.4% 203.5%;
}
@-webkit-keyframes keyframes_411_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  9.1% {
    background-position: -1px -118px;
    /* no */
  }
  18.2% {
    background-position: -118px -118px;
    /* no */
  }
  27.3% {
    background-position: -235px -1px;
    /* no */
  }
  36.4% {
    background-position: -235px -118px;
    /* no */
  }
  45.5% {
    background-position: -352px -1px;
    /* no */
  }
  54.5% {
    background-position: -352px -118px;
    /* no */
  }
  63.6% {
    background-position: -469px -1px;
    /* no */
  }
  72.7% {
    background-position: -469px -118px;
    /* no */
  }
  81.8% {
    background-position: -586px -1px;
    /* no */
  }
  90.9% {
    background-position: -118px -1px;
    /* no */
  }
}
@keyframes keyframes_411_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  9.1% {
    background-position: -1px -118px;
    /* no */
  }
  18.2% {
    background-position: -118px -118px;
    /* no */
  }
  27.3% {
    background-position: -235px -1px;
    /* no */
  }
  36.4% {
    background-position: -235px -118px;
    /* no */
  }
  45.5% {
    background-position: -352px -1px;
    /* no */
  }
  54.5% {
    background-position: -352px -118px;
    /* no */
  }
  63.6% {
    background-position: -469px -1px;
    /* no */
  }
  72.7% {
    background-position: -469px -118px;
    /* no */
  }
  81.8% {
    background-position: -586px -1px;
    /* no */
  }
  90.9% {
    background-position: -118px -1px;
    /* no */
  }
}
.jh-13 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_412_png 1.333s steps(1) infinite;
          animation: keyframes_412_png 1.333s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/412_7cc5e059.jpg);
  background-size: 813.9% 203.5%;
}
@-webkit-keyframes keyframes_412_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  6.2% {
    background-position: -1px -118px;
    /* no */
  }
  12.5% {
    background-position: -469px -1px;
    /* no */
  }
  18.8% {
    background-position: -469px -118px;
    /* no */
  }
  25.0% {
    background-position: -586px -1px;
    /* no */
  }
  31.2% {
    background-position: -586px -118px;
    /* no */
  }
  37.5% {
    background-position: -703px -1px;
    /* no */
  }
  43.8% {
    background-position: -703px -118px;
    /* no */
  }
  50.0% {
    background-position: -820px -1px;
    /* no */
  }
  56.2% {
    background-position: -820px -118px;
    /* no */
  }
  62.5% {
    background-position: -118px -1px;
    /* no */
  }
  68.8% {
    background-position: -118px -118px;
    /* no */
  }
  75.0% {
    background-position: -235px -1px;
    /* no */
  }
  81.2% {
    background-position: -235px -118px;
    /* no */
  }
  87.5% {
    background-position: -352px -1px;
    /* no */
  }
  93.8% {
    background-position: -352px -118px;
    /* no */
  }
}
@keyframes keyframes_412_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  6.2% {
    background-position: -1px -118px;
    /* no */
  }
  12.5% {
    background-position: -469px -1px;
    /* no */
  }
  18.8% {
    background-position: -469px -118px;
    /* no */
  }
  25.0% {
    background-position: -586px -1px;
    /* no */
  }
  31.2% {
    background-position: -586px -118px;
    /* no */
  }
  37.5% {
    background-position: -703px -1px;
    /* no */
  }
  43.8% {
    background-position: -703px -118px;
    /* no */
  }
  50.0% {
    background-position: -820px -1px;
    /* no */
  }
  56.2% {
    background-position: -820px -118px;
    /* no */
  }
  62.5% {
    background-position: -118px -1px;
    /* no */
  }
  68.8% {
    background-position: -118px -118px;
    /* no */
  }
  75.0% {
    background-position: -235px -1px;
    /* no */
  }
  81.2% {
    background-position: -235px -118px;
    /* no */
  }
  87.5% {
    background-position: -352px -1px;
    /* no */
  }
  93.8% {
    background-position: -352px -118px;
    /* no */
  }
}
.jh-14 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_413_png 1s steps(1) infinite;
          animation: keyframes_413_png 1s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/413_3522e325.jpg);
  background-size: 610.4% 203.5%;
}
@-webkit-keyframes keyframes_413_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  8.3% {
    background-position: -1px -118px;
    /* no */
  }
  16.7% {
    background-position: -235px -1px;
    /* no */
  }
  25.0% {
    background-position: -235px -118px;
    /* no */
  }
  33.3% {
    background-position: -352px -1px;
    /* no */
  }
  41.7% {
    background-position: -352px -118px;
    /* no */
  }
  50.0% {
    background-position: -469px -1px;
    /* no */
  }
  58.3% {
    background-position: -469px -118px;
    /* no */
  }
  66.7% {
    background-position: -586px -1px;
    /* no */
  }
  75.0% {
    background-position: -586px -118px;
    /* no */
  }
  83.3% {
    background-position: -118px -1px;
    /* no */
  }
  91.7% {
    background-position: -118px -118px;
    /* no */
  }
}
@keyframes keyframes_413_png {
  0.0% {
    background-position: -1px -1px;
    /* no */
  }
  8.3% {
    background-position: -1px -118px;
    /* no */
  }
  16.7% {
    background-position: -235px -1px;
    /* no */
  }
  25.0% {
    background-position: -235px -118px;
    /* no */
  }
  33.3% {
    background-position: -352px -1px;
    /* no */
  }
  41.7% {
    background-position: -352px -118px;
    /* no */
  }
  50.0% {
    background-position: -469px -1px;
    /* no */
  }
  58.3% {
    background-position: -469px -118px;
    /* no */
  }
  66.7% {
    background-position: -586px -1px;
    /* no */
  }
  75.0% {
    background-position: -586px -118px;
    /* no */
  }
  83.3% {
    background-position: -118px -1px;
    /* no */
  }
  91.7% {
    background-position: -118px -118px;
    /* no */
  }
}
.jh-15 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_414_png 2.25s steps(1) infinite;
          animation: keyframes_414_png 2.25s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/414_453dba91.png);
  background-size: 400% 700%;
}
@-webkit-keyframes keyframes_414_png {
  0.0% {
    background-position: 0 0;
  }
  3.7% {
    background-position: -115px 0;
    /* no */
  }
  7.4% {
    background-position: -230px 0;
    /* no */
  }
  11.1% {
    background-position: -345px 0;
    /* no */
  }
  14.8% {
    background-position: 0 -115px;
    /* no */
  }
  18.5% {
    background-position: -115px -115px;
    /* no */
  }
  22.2% {
    background-position: -230px -115px;
    /* no */
  }
  25.9% {
    background-position: -345px -115px;
    /* no */
  }
  29.6% {
    background-position: 0 -230px;
    /* no */
  }
  33.3% {
    background-position: -115px -230px;
    /* no */
  }
  37.0% {
    background-position: -230px -230px;
    /* no */
  }
  40.7% {
    background-position: -345px -230px;
    /* no */
  }
  44.4% {
    background-position: 0 -345px;
    /* no */
  }
  48.1% {
    background-position: -115px -345px;
    /* no */
  }
  51.9% {
    background-position: -230px -345px;
    /* no */
  }
  55.6% {
    background-position: -345px -345px;
    /* no */
  }
  59.3% {
    background-position: 0 -460px;
    /* no */
  }
  63.0% {
    background-position: -115px -460px;
    /* no */
  }
  66.7% {
    background-position: -230px -460px;
    /* no */
  }
  70.4% {
    background-position: -345px -460px;
    /* no */
  }
  74.1% {
    background-position: 0 -575px;
    /* no */
  }
  77.8% {
    background-position: -115px -575px;
    /* no */
  }
  81.5% {
    background-position: -230px -575px;
    /* no */
  }
  85.2% {
    background-position: -345px -575px;
    /* no */
  }
  88.9% {
    background-position: 0 -690px;
    /* no */
  }
  92.6% {
    background-position: -115px -690px;
    /* no */
  }
  96.3% {
    background-position: -230px -690px;
    /* no */
  }
}
@keyframes keyframes_414_png {
  0.0% {
    background-position: 0 0;
  }
  3.7% {
    background-position: -115px 0;
    /* no */
  }
  7.4% {
    background-position: -230px 0;
    /* no */
  }
  11.1% {
    background-position: -345px 0;
    /* no */
  }
  14.8% {
    background-position: 0 -115px;
    /* no */
  }
  18.5% {
    background-position: -115px -115px;
    /* no */
  }
  22.2% {
    background-position: -230px -115px;
    /* no */
  }
  25.9% {
    background-position: -345px -115px;
    /* no */
  }
  29.6% {
    background-position: 0 -230px;
    /* no */
  }
  33.3% {
    background-position: -115px -230px;
    /* no */
  }
  37.0% {
    background-position: -230px -230px;
    /* no */
  }
  40.7% {
    background-position: -345px -230px;
    /* no */
  }
  44.4% {
    background-position: 0 -345px;
    /* no */
  }
  48.1% {
    background-position: -115px -345px;
    /* no */
  }
  51.9% {
    background-position: -230px -345px;
    /* no */
  }
  55.6% {
    background-position: -345px -345px;
    /* no */
  }
  59.3% {
    background-position: 0 -460px;
    /* no */
  }
  63.0% {
    background-position: -115px -460px;
    /* no */
  }
  66.7% {
    background-position: -230px -460px;
    /* no */
  }
  70.4% {
    background-position: -345px -460px;
    /* no */
  }
  74.1% {
    background-position: 0 -575px;
    /* no */
  }
  77.8% {
    background-position: -115px -575px;
    /* no */
  }
  81.5% {
    background-position: -230px -575px;
    /* no */
  }
  85.2% {
    background-position: -345px -575px;
    /* no */
  }
  88.9% {
    background-position: 0 -690px;
    /* no */
  }
  92.6% {
    background-position: -115px -690px;
    /* no */
  }
  96.3% {
    background-position: -230px -690px;
    /* no */
  }
}
.jh-16 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_415_png 3s steps(1) infinite;
          animation: keyframes_415_png 3s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/415_7091e837.png);
  background-size: 800% 500%;
}
@-webkit-keyframes keyframes_415_png {
  0.0% {
    background-position: 0 0;
  }
  2.8% {
    background-position: -115px 0;
    /* no */
  }
  5.6% {
    background-position: -230px 0;
    /* no */
  }
  8.3% {
    background-position: -345px 0;
    /* no */
  }
  11.1% {
    background-position: -460px 0;
    /* no */
  }
  13.9% {
    background-position: -575px 0;
    /* no */
  }
  16.7% {
    background-position: -690px 0;
    /* no */
  }
  19.4% {
    background-position: -805px 0;
    /* no */
  }
  22.2% {
    background-position: 0 -115px;
    /* no */
  }
  25.0% {
    background-position: -115px -115px;
    /* no */
  }
  27.8% {
    background-position: -230px -115px;
    /* no */
  }
  30.6% {
    background-position: -345px -115px;
    /* no */
  }
  33.3% {
    background-position: -460px -115px;
    /* no */
  }
  36.1% {
    background-position: -575px -115px;
    /* no */
  }
  38.9% {
    background-position: -690px -115px;
    /* no */
  }
  41.7% {
    background-position: -805px -115px;
    /* no */
  }
  44.4% {
    background-position: 0 -230px;
    /* no */
  }
  47.2% {
    background-position: -115px -230px;
    /* no */
  }
  50.0% {
    background-position: -230px -230px;
    /* no */
  }
  52.8% {
    background-position: -345px -230px;
    /* no */
  }
  55.6% {
    background-position: -460px -230px;
    /* no */
  }
  58.3% {
    background-position: -575px -230px;
    /* no */
  }
  61.1% {
    background-position: -690px -230px;
    /* no */
  }
  63.9% {
    background-position: -805px -230px;
    /* no */
  }
  66.7% {
    background-position: 0 -345px;
    /* no */
  }
  69.4% {
    background-position: -115px -345px;
    /* no */
  }
  72.2% {
    background-position: -230px -345px;
    /* no */
  }
  75.0% {
    background-position: -345px -345px;
    /* no */
  }
  77.8% {
    background-position: -460px -345px;
    /* no */
  }
  80.6% {
    background-position: -575px -345px;
    /* no */
  }
  83.3% {
    background-position: -690px -345px;
    /* no */
  }
  86.1% {
    background-position: -805px -345px;
    /* no */
  }
  88.9% {
    background-position: 0 -460px;
    /* no */
  }
  91.7% {
    background-position: -115px -460px;
    /* no */
  }
  94.4% {
    background-position: -230px -460px;
    /* no */
  }
  97.2% {
    background-position: -345px -460px;
    /* no */
  }
}
@keyframes keyframes_415_png {
  0.0% {
    background-position: 0 0;
  }
  2.8% {
    background-position: -115px 0;
    /* no */
  }
  5.6% {
    background-position: -230px 0;
    /* no */
  }
  8.3% {
    background-position: -345px 0;
    /* no */
  }
  11.1% {
    background-position: -460px 0;
    /* no */
  }
  13.9% {
    background-position: -575px 0;
    /* no */
  }
  16.7% {
    background-position: -690px 0;
    /* no */
  }
  19.4% {
    background-position: -805px 0;
    /* no */
  }
  22.2% {
    background-position: 0 -115px;
    /* no */
  }
  25.0% {
    background-position: -115px -115px;
    /* no */
  }
  27.8% {
    background-position: -230px -115px;
    /* no */
  }
  30.6% {
    background-position: -345px -115px;
    /* no */
  }
  33.3% {
    background-position: -460px -115px;
    /* no */
  }
  36.1% {
    background-position: -575px -115px;
    /* no */
  }
  38.9% {
    background-position: -690px -115px;
    /* no */
  }
  41.7% {
    background-position: -805px -115px;
    /* no */
  }
  44.4% {
    background-position: 0 -230px;
    /* no */
  }
  47.2% {
    background-position: -115px -230px;
    /* no */
  }
  50.0% {
    background-position: -230px -230px;
    /* no */
  }
  52.8% {
    background-position: -345px -230px;
    /* no */
  }
  55.6% {
    background-position: -460px -230px;
    /* no */
  }
  58.3% {
    background-position: -575px -230px;
    /* no */
  }
  61.1% {
    background-position: -690px -230px;
    /* no */
  }
  63.9% {
    background-position: -805px -230px;
    /* no */
  }
  66.7% {
    background-position: 0 -345px;
    /* no */
  }
  69.4% {
    background-position: -115px -345px;
    /* no */
  }
  72.2% {
    background-position: -230px -345px;
    /* no */
  }
  75.0% {
    background-position: -345px -345px;
    /* no */
  }
  77.8% {
    background-position: -460px -345px;
    /* no */
  }
  80.6% {
    background-position: -575px -345px;
    /* no */
  }
  83.3% {
    background-position: -690px -345px;
    /* no */
  }
  86.1% {
    background-position: -805px -345px;
    /* no */
  }
  88.9% {
    background-position: 0 -460px;
    /* no */
  }
  91.7% {
    background-position: -115px -460px;
    /* no */
  }
  94.4% {
    background-position: -230px -460px;
    /* no */
  }
  97.2% {
    background-position: -345px -460px;
    /* no */
  }
}
.jh-17 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_416_png 1.917s steps(1) infinite;
          animation: keyframes_416_png 1.917s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/416_57a66008.png);
  background-size: 800% 300%;
}
@-webkit-keyframes keyframes_416_png {
  0.0% {
    background-position: 0 0;
  }
  4.3% {
    background-position: -115px 0;
    /* no */
  }
  8.7% {
    background-position: -230px 0;
    /* no */
  }
  13.0% {
    background-position: -345px 0;
    /* no */
  }
  17.4% {
    background-position: -460px 0;
    /* no */
  }
  21.7% {
    background-position: -575px 0;
    /* no */
  }
  26.1% {
    background-position: -690px 0;
    /* no */
  }
  30.4% {
    background-position: -805px 0;
    /* no */
  }
  34.8% {
    background-position: 0 -115px;
    /* no */
  }
  39.1% {
    background-position: -115px -115px;
    /* no */
  }
  43.5% {
    background-position: -230px -115px;
    /* no */
  }
  47.8% {
    background-position: -345px -115px;
    /* no */
  }
  52.2% {
    background-position: -460px -115px;
    /* no */
  }
  56.5% {
    background-position: -575px -115px;
    /* no */
  }
  60.9% {
    background-position: -690px -115px;
    /* no */
  }
  65.2% {
    background-position: -805px -115px;
    /* no */
  }
  69.6% {
    background-position: 0 -230px;
    /* no */
  }
  73.9% {
    background-position: -115px -230px;
    /* no */
  }
  78.3% {
    background-position: -230px -230px;
    /* no */
  }
  82.6% {
    background-position: -345px -230px;
    /* no */
  }
  87.0% {
    background-position: -460px -230px;
    /* no */
  }
  91.3% {
    background-position: -575px -230px;
    /* no */
  }
  95.7% {
    background-position: -690px -230px;
    /* no */
  }
}
@keyframes keyframes_416_png {
  0.0% {
    background-position: 0 0;
  }
  4.3% {
    background-position: -115px 0;
    /* no */
  }
  8.7% {
    background-position: -230px 0;
    /* no */
  }
  13.0% {
    background-position: -345px 0;
    /* no */
  }
  17.4% {
    background-position: -460px 0;
    /* no */
  }
  21.7% {
    background-position: -575px 0;
    /* no */
  }
  26.1% {
    background-position: -690px 0;
    /* no */
  }
  30.4% {
    background-position: -805px 0;
    /* no */
  }
  34.8% {
    background-position: 0 -115px;
    /* no */
  }
  39.1% {
    background-position: -115px -115px;
    /* no */
  }
  43.5% {
    background-position: -230px -115px;
    /* no */
  }
  47.8% {
    background-position: -345px -115px;
    /* no */
  }
  52.2% {
    background-position: -460px -115px;
    /* no */
  }
  56.5% {
    background-position: -575px -115px;
    /* no */
  }
  60.9% {
    background-position: -690px -115px;
    /* no */
  }
  65.2% {
    background-position: -805px -115px;
    /* no */
  }
  69.6% {
    background-position: 0 -230px;
    /* no */
  }
  73.9% {
    background-position: -115px -230px;
    /* no */
  }
  78.3% {
    background-position: -230px -230px;
    /* no */
  }
  82.6% {
    background-position: -345px -230px;
    /* no */
  }
  87.0% {
    background-position: -460px -230px;
    /* no */
  }
  91.3% {
    background-position: -575px -230px;
    /* no */
  }
  95.7% {
    background-position: -690px -230px;
    /* no */
  }
}
.jh-18 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_417_png 1s steps(1) infinite;
          animation: keyframes_417_png 1s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/417_cff9d37e.jpg);
  background-size: 200% 600%;
}
@-webkit-keyframes keyframes_417_png {
  0.0% {
    background-position: 0 0;
  }
  8.3% {
    background-position: -115px 0;
    /* no */
  }
  16.7% {
    background-position: 0 -115px;
    /* no */
  }
  25.0% {
    background-position: -115px -115px;
    /* no */
  }
  33.3% {
    background-position: 0 -230px;
    /* no */
  }
  41.7% {
    background-position: -115px -230px;
    /* no */
  }
  50.0% {
    background-position: 0 -345px;
    /* no */
  }
  58.3% {
    background-position: -115px -345px;
    /* no */
  }
  66.7% {
    background-position: 0 -460px;
    /* no */
  }
  75.0% {
    background-position: -115px -460px;
    /* no */
  }
  83.3% {
    background-position: 0 -575px;
    /* no */
  }
  91.7% {
    background-position: -115px -575px;
    /* no */
  }
}
@keyframes keyframes_417_png {
  0.0% {
    background-position: 0 0;
  }
  8.3% {
    background-position: -115px 0;
    /* no */
  }
  16.7% {
    background-position: 0 -115px;
    /* no */
  }
  25.0% {
    background-position: -115px -115px;
    /* no */
  }
  33.3% {
    background-position: 0 -230px;
    /* no */
  }
  41.7% {
    background-position: -115px -230px;
    /* no */
  }
  50.0% {
    background-position: 0 -345px;
    /* no */
  }
  58.3% {
    background-position: -115px -345px;
    /* no */
  }
  66.7% {
    background-position: 0 -460px;
    /* no */
  }
  75.0% {
    background-position: -115px -460px;
    /* no */
  }
  83.3% {
    background-position: 0 -575px;
    /* no */
  }
  91.7% {
    background-position: -115px -575px;
    /* no */
  }
}
.jh-19 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_418_png 1.333s steps(1) infinite;
          animation: keyframes_418_png 1.333s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/418_b48f63b2.jpg);
  background-size: 800% 200%;
}
@-webkit-keyframes keyframes_418_png {
  0.0% {
    background-position: 0 0;
  }
  6.2% {
    background-position: -115px 0;
    /* no */
  }
  12.5% {
    background-position: -230px 0;
    /* no */
  }
  18.8% {
    background-position: -345px 0;
    /* no */
  }
  25.0% {
    background-position: -460px 0;
    /* no */
  }
  31.2% {
    background-position: -575px 0;
    /* no */
  }
  37.5% {
    background-position: -690px 0;
    /* no */
  }
  43.8% {
    background-position: -805px 0;
    /* no */
  }
  50.0% {
    background-position: 0 -115px;
    /* no */
  }
  56.2% {
    background-position: -115px -115px;
    /* no */
  }
  62.5% {
    background-position: -230px -115px;
    /* no */
  }
  68.8% {
    background-position: -345px -115px;
    /* no */
  }
  75.0% {
    background-position: -460px -115px;
    /* no */
  }
  81.2% {
    background-position: -575px -115px;
    /* no */
  }
  87.5% {
    background-position: -690px -115px;
    /* no */
  }
  93.8% {
    background-position: -805px -115px;
    /* no */
  }
}
@keyframes keyframes_418_png {
  0.0% {
    background-position: 0 0;
  }
  6.2% {
    background-position: -115px 0;
    /* no */
  }
  12.5% {
    background-position: -230px 0;
    /* no */
  }
  18.8% {
    background-position: -345px 0;
    /* no */
  }
  25.0% {
    background-position: -460px 0;
    /* no */
  }
  31.2% {
    background-position: -575px 0;
    /* no */
  }
  37.5% {
    background-position: -690px 0;
    /* no */
  }
  43.8% {
    background-position: -805px 0;
    /* no */
  }
  50.0% {
    background-position: 0 -115px;
    /* no */
  }
  56.2% {
    background-position: -115px -115px;
    /* no */
  }
  62.5% {
    background-position: -230px -115px;
    /* no */
  }
  68.8% {
    background-position: -345px -115px;
    /* no */
  }
  75.0% {
    background-position: -460px -115px;
    /* no */
  }
  81.2% {
    background-position: -575px -115px;
    /* no */
  }
  87.5% {
    background-position: -690px -115px;
    /* no */
  }
  93.8% {
    background-position: -805px -115px;
    /* no */
  }
}
.jh-20 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_419_png 3s steps(1) infinite;
          animation: keyframes_419_png 3s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/419_8d388ade.png);
  background-size: 800% 500%;
}
@-webkit-keyframes keyframes_419_png {
  0.0% {
    background-position: 0 0;
  }
  2.8% {
    background-position: -115px 0;
    /* no */
  }
  5.6% {
    background-position: -230px 0;
    /* no */
  }
  8.3% {
    background-position: -345px 0;
    /* no */
  }
  11.1% {
    background-position: -460px 0;
    /* no */
  }
  13.9% {
    background-position: -575px 0;
    /* no */
  }
  16.7% {
    background-position: -690px 0;
    /* no */
  }
  19.4% {
    background-position: -805px 0;
    /* no */
  }
  22.2% {
    background-position: 0 -115px;
    /* no */
  }
  25.0% {
    background-position: -115px -115px;
    /* no */
  }
  27.8% {
    background-position: -230px -115px;
    /* no */
  }
  30.6% {
    background-position: -345px -115px;
    /* no */
  }
  33.3% {
    background-position: -460px -115px;
    /* no */
  }
  36.1% {
    background-position: -575px -115px;
    /* no */
  }
  38.9% {
    background-position: -690px -115px;
    /* no */
  }
  41.7% {
    background-position: -805px -115px;
    /* no */
  }
  44.4% {
    background-position: 0 -230px;
    /* no */
  }
  47.2% {
    background-position: -115px -230px;
    /* no */
  }
  50.0% {
    background-position: -230px -230px;
    /* no */
  }
  52.8% {
    background-position: -345px -230px;
    /* no */
  }
  55.6% {
    background-position: -460px -230px;
    /* no */
  }
  58.3% {
    background-position: -575px -230px;
    /* no */
  }
  61.1% {
    background-position: -690px -230px;
    /* no */
  }
  63.9% {
    background-position: -805px -230px;
    /* no */
  }
  66.7% {
    background-position: 0 -345px;
    /* no */
  }
  69.4% {
    background-position: -115px -345px;
    /* no */
  }
  72.2% {
    background-position: -230px -345px;
    /* no */
  }
  75.0% {
    background-position: -345px -345px;
    /* no */
  }
  77.8% {
    background-position: -460px -345px;
    /* no */
  }
  80.6% {
    background-position: -575px -345px;
    /* no */
  }
  83.3% {
    background-position: -690px -345px;
    /* no */
  }
  86.1% {
    background-position: -805px -345px;
    /* no */
  }
  88.9% {
    background-position: 0 -460px;
    /* no */
  }
  91.7% {
    background-position: -115px -460px;
    /* no */
  }
  94.4% {
    background-position: -230px -460px;
    /* no */
  }
  97.2% {
    background-position: -345px -460px;
    /* no */
  }
}
@keyframes keyframes_419_png {
  0.0% {
    background-position: 0 0;
  }
  2.8% {
    background-position: -115px 0;
    /* no */
  }
  5.6% {
    background-position: -230px 0;
    /* no */
  }
  8.3% {
    background-position: -345px 0;
    /* no */
  }
  11.1% {
    background-position: -460px 0;
    /* no */
  }
  13.9% {
    background-position: -575px 0;
    /* no */
  }
  16.7% {
    background-position: -690px 0;
    /* no */
  }
  19.4% {
    background-position: -805px 0;
    /* no */
  }
  22.2% {
    background-position: 0 -115px;
    /* no */
  }
  25.0% {
    background-position: -115px -115px;
    /* no */
  }
  27.8% {
    background-position: -230px -115px;
    /* no */
  }
  30.6% {
    background-position: -345px -115px;
    /* no */
  }
  33.3% {
    background-position: -460px -115px;
    /* no */
  }
  36.1% {
    background-position: -575px -115px;
    /* no */
  }
  38.9% {
    background-position: -690px -115px;
    /* no */
  }
  41.7% {
    background-position: -805px -115px;
    /* no */
  }
  44.4% {
    background-position: 0 -230px;
    /* no */
  }
  47.2% {
    background-position: -115px -230px;
    /* no */
  }
  50.0% {
    background-position: -230px -230px;
    /* no */
  }
  52.8% {
    background-position: -345px -230px;
    /* no */
  }
  55.6% {
    background-position: -460px -230px;
    /* no */
  }
  58.3% {
    background-position: -575px -230px;
    /* no */
  }
  61.1% {
    background-position: -690px -230px;
    /* no */
  }
  63.9% {
    background-position: -805px -230px;
    /* no */
  }
  66.7% {
    background-position: 0 -345px;
    /* no */
  }
  69.4% {
    background-position: -115px -345px;
    /* no */
  }
  72.2% {
    background-position: -230px -345px;
    /* no */
  }
  75.0% {
    background-position: -345px -345px;
    /* no */
  }
  77.8% {
    background-position: -460px -345px;
    /* no */
  }
  80.6% {
    background-position: -575px -345px;
    /* no */
  }
  83.3% {
    background-position: -690px -345px;
    /* no */
  }
  86.1% {
    background-position: -805px -345px;
    /* no */
  }
  88.9% {
    background-position: 0 -460px;
    /* no */
  }
  91.7% {
    background-position: -115px -460px;
    /* no */
  }
  94.4% {
    background-position: -230px -460px;
    /* no */
  }
  97.2% {
    background-position: -345px -460px;
    /* no */
  }
}
.jh-21 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_420_png 2.333s steps(1) infinite;
          animation: keyframes_420_png 2.333s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/420_20ae7e18.jpg);
  background-size: 400% 700%;
}
@-webkit-keyframes keyframes_420_png {
  0.0% {
    background-position: 0 0;
  }
  3.6% {
    background-position: -115px 0;
    /* no */
  }
  7.1% {
    background-position: -230px 0;
    /* no */
  }
  10.7% {
    background-position: -345px 0;
    /* no */
  }
  14.3% {
    background-position: 0 -115px;
    /* no */
  }
  17.9% {
    background-position: -115px -115px;
    /* no */
  }
  21.4% {
    background-position: -230px -115px;
    /* no */
  }
  25.0% {
    background-position: -345px -115px;
    /* no */
  }
  28.6% {
    background-position: 0 -230px;
    /* no */
  }
  32.1% {
    background-position: -115px -230px;
    /* no */
  }
  35.7% {
    background-position: -230px -230px;
    /* no */
  }
  39.3% {
    background-position: -345px -230px;
    /* no */
  }
  42.9% {
    background-position: 0 -345px;
    /* no */
  }
  46.4% {
    background-position: -115px -345px;
    /* no */
  }
  50.0% {
    background-position: -230px -345px;
    /* no */
  }
  53.6% {
    background-position: -345px -345px;
    /* no */
  }
  57.1% {
    background-position: 0 -460px;
    /* no */
  }
  60.7% {
    background-position: -115px -460px;
    /* no */
  }
  64.3% {
    background-position: -230px -460px;
    /* no */
  }
  67.9% {
    background-position: -345px -460px;
    /* no */
  }
  71.4% {
    background-position: 0 -575px;
    /* no */
  }
  75.0% {
    background-position: -115px -575px;
    /* no */
  }
  78.6% {
    background-position: -230px -575px;
    /* no */
  }
  82.1% {
    background-position: -345px -575px;
    /* no */
  }
  85.7% {
    background-position: 0 -690px;
    /* no */
  }
  89.3% {
    background-position: -115px -690px;
    /* no */
  }
  92.9% {
    background-position: -230px -690px;
    /* no */
  }
  96.4% {
    background-position: -345px -690px;
    /* no */
  }
}
@keyframes keyframes_420_png {
  0.0% {
    background-position: 0 0;
  }
  3.6% {
    background-position: -115px 0;
    /* no */
  }
  7.1% {
    background-position: -230px 0;
    /* no */
  }
  10.7% {
    background-position: -345px 0;
    /* no */
  }
  14.3% {
    background-position: 0 -115px;
    /* no */
  }
  17.9% {
    background-position: -115px -115px;
    /* no */
  }
  21.4% {
    background-position: -230px -115px;
    /* no */
  }
  25.0% {
    background-position: -345px -115px;
    /* no */
  }
  28.6% {
    background-position: 0 -230px;
    /* no */
  }
  32.1% {
    background-position: -115px -230px;
    /* no */
  }
  35.7% {
    background-position: -230px -230px;
    /* no */
  }
  39.3% {
    background-position: -345px -230px;
    /* no */
  }
  42.9% {
    background-position: 0 -345px;
    /* no */
  }
  46.4% {
    background-position: -115px -345px;
    /* no */
  }
  50.0% {
    background-position: -230px -345px;
    /* no */
  }
  53.6% {
    background-position: -345px -345px;
    /* no */
  }
  57.1% {
    background-position: 0 -460px;
    /* no */
  }
  60.7% {
    background-position: -115px -460px;
    /* no */
  }
  64.3% {
    background-position: -230px -460px;
    /* no */
  }
  67.9% {
    background-position: -345px -460px;
    /* no */
  }
  71.4% {
    background-position: 0 -575px;
    /* no */
  }
  75.0% {
    background-position: -115px -575px;
    /* no */
  }
  78.6% {
    background-position: -230px -575px;
    /* no */
  }
  82.1% {
    background-position: -345px -575px;
    /* no */
  }
  85.7% {
    background-position: 0 -690px;
    /* no */
  }
  89.3% {
    background-position: -115px -690px;
    /* no */
  }
  92.9% {
    background-position: -230px -690px;
    /* no */
  }
  96.4% {
    background-position: -345px -690px;
    /* no */
  }
}
.jh-22 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_421_png 1.417s steps(1) infinite;
          animation: keyframes_421_png 1.417s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/421_4a59c7ef.png);
  background-size: 400% 500%;
}
@-webkit-keyframes keyframes_421_png {
  0.0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -115px 0;
    /* no */
  }
  11.8% {
    background-position: -230px 0;
    /* no */
  }
  17.6% {
    background-position: -345px 0;
    /* no */
  }
  23.5% {
    background-position: 0 -115px;
    /* no */
  }
  29.4% {
    background-position: -115px -115px;
    /* no */
  }
  35.3% {
    background-position: -230px -115px;
    /* no */
  }
  41.2% {
    background-position: -345px -115px;
    /* no */
  }
  47.1% {
    background-position: 0 -230px;
    /* no */
  }
  52.9% {
    background-position: -115px -230px;
    /* no */
  }
  58.8% {
    background-position: -230px -230px;
    /* no */
  }
  64.7% {
    background-position: -345px -230px;
    /* no */
  }
  70.6% {
    background-position: 0 -345px;
    /* no */
  }
  76.5% {
    background-position: -115px -345px;
    /* no */
  }
  82.4% {
    background-position: -230px -345px;
    /* no */
  }
  88.2% {
    background-position: -345px -345px;
    /* no */
  }
  94.1% {
    background-position: 0 -460px;
    /* no */
  }
}
@keyframes keyframes_421_png {
  0.0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -115px 0;
    /* no */
  }
  11.8% {
    background-position: -230px 0;
    /* no */
  }
  17.6% {
    background-position: -345px 0;
    /* no */
  }
  23.5% {
    background-position: 0 -115px;
    /* no */
  }
  29.4% {
    background-position: -115px -115px;
    /* no */
  }
  35.3% {
    background-position: -230px -115px;
    /* no */
  }
  41.2% {
    background-position: -345px -115px;
    /* no */
  }
  47.1% {
    background-position: 0 -230px;
    /* no */
  }
  52.9% {
    background-position: -115px -230px;
    /* no */
  }
  58.8% {
    background-position: -230px -230px;
    /* no */
  }
  64.7% {
    background-position: -345px -230px;
    /* no */
  }
  70.6% {
    background-position: 0 -345px;
    /* no */
  }
  76.5% {
    background-position: -115px -345px;
    /* no */
  }
  82.4% {
    background-position: -230px -345px;
    /* no */
  }
  88.2% {
    background-position: -345px -345px;
    /* no */
  }
  94.1% {
    background-position: 0 -460px;
    /* no */
  }
}
.jh-23 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_422_png 1.417s steps(1) infinite;
          animation: keyframes_422_png 1.417s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/422_4bf01f42.png);
  background-size: 400% 500%;
}
@-webkit-keyframes keyframes_422_png {
  0.0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -115px 0;
    /* no */
  }
  11.8% {
    background-position: -230px 0;
    /* no */
  }
  17.6% {
    background-position: -345px 0;
    /* no */
  }
  23.5% {
    background-position: 0 -115px;
    /* no */
  }
  29.4% {
    background-position: -115px -115px;
    /* no */
  }
  35.3% {
    background-position: -230px -115px;
    /* no */
  }
  41.2% {
    background-position: -345px -115px;
    /* no */
  }
  47.1% {
    background-position: 0 -230px;
    /* no */
  }
  52.9% {
    background-position: -115px -230px;
    /* no */
  }
  58.8% {
    background-position: -230px -230px;
    /* no */
  }
  64.7% {
    background-position: -345px -230px;
    /* no */
  }
  70.6% {
    background-position: 0 -345px;
    /* no */
  }
  76.5% {
    background-position: -115px -345px;
    /* no */
  }
  82.4% {
    background-position: -230px -345px;
    /* no */
  }
  88.2% {
    background-position: -345px -345px;
    /* no */
  }
  94.1% {
    background-position: 0 -460px;
    /* no */
  }
}
@keyframes keyframes_422_png {
  0.0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -115px 0;
    /* no */
  }
  11.8% {
    background-position: -230px 0;
    /* no */
  }
  17.6% {
    background-position: -345px 0;
    /* no */
  }
  23.5% {
    background-position: 0 -115px;
    /* no */
  }
  29.4% {
    background-position: -115px -115px;
    /* no */
  }
  35.3% {
    background-position: -230px -115px;
    /* no */
  }
  41.2% {
    background-position: -345px -115px;
    /* no */
  }
  47.1% {
    background-position: 0 -230px;
    /* no */
  }
  52.9% {
    background-position: -115px -230px;
    /* no */
  }
  58.8% {
    background-position: -230px -230px;
    /* no */
  }
  64.7% {
    background-position: -345px -230px;
    /* no */
  }
  70.6% {
    background-position: 0 -345px;
    /* no */
  }
  76.5% {
    background-position: -115px -345px;
    /* no */
  }
  82.4% {
    background-position: -230px -345px;
    /* no */
  }
  88.2% {
    background-position: -345px -345px;
    /* no */
  }
  94.1% {
    background-position: 0 -460px;
    /* no */
  }
}
.jh-24 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_423_png 0.583s steps(1) infinite;
          animation: keyframes_423_png 0.583s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/423_95dc5116.jpg);
  background-size: 700% 100%;
}
@-webkit-keyframes keyframes_423_png {
  0.0% {
    background-position: 0 0;
  }
  14.3% {
    background-position: -115px 0;
    /* no */
  }
  28.6% {
    background-position: -230px 0;
    /* no */
  }
  42.9% {
    background-position: -345px 0;
    /* no */
  }
  57.1% {
    background-position: -460px 0;
    /* no */
  }
  71.4% {
    background-position: -575px 0;
    /* no */
  }
  85.7% {
    background-position: -690px 0;
    /* no */
  }
}
@keyframes keyframes_423_png {
  0.0% {
    background-position: 0 0;
  }
  14.3% {
    background-position: -115px 0;
    /* no */
  }
  28.6% {
    background-position: -230px 0;
    /* no */
  }
  42.9% {
    background-position: -345px 0;
    /* no */
  }
  57.1% {
    background-position: -460px 0;
    /* no */
  }
  71.4% {
    background-position: -575px 0;
    /* no */
  }
  85.7% {
    background-position: -690px 0;
    /* no */
  }
}
.jh-25 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_424_png 0.75s steps(1) infinite;
          animation: keyframes_424_png 0.75s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/424_899f2bbb.png);
  background-size: 200% 500%;
}
@-webkit-keyframes keyframes_424_png {
  0.0% {
    background-position: 0 0;
  }
  11.1% {
    background-position: -115px 0;
    /* no */
  }
  22.2% {
    background-position: 0 -115px;
    /* no */
  }
  33.3% {
    background-position: -115px -115px;
    /* no */
  }
  44.4% {
    background-position: 0 -230px;
    /* no */
  }
  55.6% {
    background-position: -115px -230px;
    /* no */
  }
  66.7% {
    background-position: 0 -345px;
    /* no */
  }
  77.8% {
    background-position: -115px -345px;
    /* no */
  }
  88.9% {
    background-position: 0 -460px;
    /* no */
  }
}
@keyframes keyframes_424_png {
  0.0% {
    background-position: 0 0;
  }
  11.1% {
    background-position: -115px 0;
    /* no */
  }
  22.2% {
    background-position: 0 -115px;
    /* no */
  }
  33.3% {
    background-position: -115px -115px;
    /* no */
  }
  44.4% {
    background-position: 0 -230px;
    /* no */
  }
  55.6% {
    background-position: -115px -230px;
    /* no */
  }
  66.7% {
    background-position: 0 -345px;
    /* no */
  }
  77.8% {
    background-position: -115px -345px;
    /* no */
  }
  88.9% {
    background-position: 0 -460px;
    /* no */
  }
}
.jh-26 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_425_png 1.917s steps(1) infinite;
          animation: keyframes_425_png 1.917s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/425_0bbc3e91.png);
  background-size: 800% 300%;
}
@-webkit-keyframes keyframes_425_png {
  0.0% {
    background-position: 0 0;
  }
  4.3% {
    background-position: -115px 0;
    /* no */
  }
  8.7% {
    background-position: -230px 0;
    /* no */
  }
  13.0% {
    background-position: -345px 0;
    /* no */
  }
  17.4% {
    background-position: -460px 0;
    /* no */
  }
  21.7% {
    background-position: -575px 0;
    /* no */
  }
  26.1% {
    background-position: -690px 0;
    /* no */
  }
  30.4% {
    background-position: -805px 0;
    /* no */
  }
  34.8% {
    background-position: 0 -115px;
    /* no */
  }
  39.1% {
    background-position: -115px -115px;
    /* no */
  }
  43.5% {
    background-position: -230px -115px;
    /* no */
  }
  47.8% {
    background-position: -345px -115px;
    /* no */
  }
  52.2% {
    background-position: -460px -115px;
    /* no */
  }
  56.5% {
    background-position: -575px -115px;
    /* no */
  }
  60.9% {
    background-position: -690px -115px;
    /* no */
  }
  65.2% {
    background-position: -805px -115px;
    /* no */
  }
  69.6% {
    background-position: 0 -230px;
    /* no */
  }
  73.9% {
    background-position: -115px -230px;
    /* no */
  }
  78.3% {
    background-position: -230px -230px;
    /* no */
  }
  82.6% {
    background-position: -345px -230px;
    /* no */
  }
  87.0% {
    background-position: -460px -230px;
    /* no */
  }
  91.3% {
    background-position: -575px -230px;
    /* no */
  }
  95.7% {
    background-position: -690px -230px;
    /* no */
  }
}
@keyframes keyframes_425_png {
  0.0% {
    background-position: 0 0;
  }
  4.3% {
    background-position: -115px 0;
    /* no */
  }
  8.7% {
    background-position: -230px 0;
    /* no */
  }
  13.0% {
    background-position: -345px 0;
    /* no */
  }
  17.4% {
    background-position: -460px 0;
    /* no */
  }
  21.7% {
    background-position: -575px 0;
    /* no */
  }
  26.1% {
    background-position: -690px 0;
    /* no */
  }
  30.4% {
    background-position: -805px 0;
    /* no */
  }
  34.8% {
    background-position: 0 -115px;
    /* no */
  }
  39.1% {
    background-position: -115px -115px;
    /* no */
  }
  43.5% {
    background-position: -230px -115px;
    /* no */
  }
  47.8% {
    background-position: -345px -115px;
    /* no */
  }
  52.2% {
    background-position: -460px -115px;
    /* no */
  }
  56.5% {
    background-position: -575px -115px;
    /* no */
  }
  60.9% {
    background-position: -690px -115px;
    /* no */
  }
  65.2% {
    background-position: -805px -115px;
    /* no */
  }
  69.6% {
    background-position: 0 -230px;
    /* no */
  }
  73.9% {
    background-position: -115px -230px;
    /* no */
  }
  78.3% {
    background-position: -230px -230px;
    /* no */
  }
  82.6% {
    background-position: -345px -230px;
    /* no */
  }
  87.0% {
    background-position: -460px -230px;
    /* no */
  }
  91.3% {
    background-position: -575px -230px;
    /* no */
  }
  95.7% {
    background-position: -690px -230px;
    /* no */
  }
}
.jh-27 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_426_png 3.917s steps(1) infinite;
          animation: keyframes_426_png 3.917s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/426_b5803f2b.png);
  background-size: 800% 600%;
}
@-webkit-keyframes keyframes_426_png {
  0.0% {
    background-position: 0 0;
  }
  2.1% {
    background-position: -115px 0;
    /* no */
  }
  4.3% {
    background-position: -230px 0;
    /* no */
  }
  6.4% {
    background-position: -345px 0;
    /* no */
  }
  8.5% {
    background-position: -460px 0;
    /* no */
  }
  10.6% {
    background-position: -575px 0;
    /* no */
  }
  12.8% {
    background-position: -690px 0;
    /* no */
  }
  14.9% {
    background-position: -805px 0;
    /* no */
  }
  17.0% {
    background-position: 0 -115px;
    /* no */
  }
  19.1% {
    background-position: -115px -115px;
    /* no */
  }
  21.3% {
    background-position: -230px -115px;
    /* no */
  }
  23.4% {
    background-position: -345px -115px;
    /* no */
  }
  25.5% {
    background-position: -460px -115px;
    /* no */
  }
  27.7% {
    background-position: -575px -115px;
    /* no */
  }
  29.8% {
    background-position: -690px -115px;
    /* no */
  }
  31.9% {
    background-position: -805px -115px;
    /* no */
  }
  34.0% {
    background-position: 0 -230px;
    /* no */
  }
  36.2% {
    background-position: -115px -230px;
    /* no */
  }
  38.3% {
    background-position: -230px -230px;
    /* no */
  }
  40.4% {
    background-position: -345px -230px;
    /* no */
  }
  42.6% {
    background-position: -460px -230px;
    /* no */
  }
  44.7% {
    background-position: -575px -230px;
    /* no */
  }
  46.8% {
    background-position: -690px -230px;
    /* no */
  }
  48.9% {
    background-position: -805px -230px;
    /* no */
  }
  51.1% {
    background-position: 0 -345px;
    /* no */
  }
  53.2% {
    background-position: -115px -345px;
    /* no */
  }
  55.3% {
    background-position: -230px -345px;
    /* no */
  }
  57.4% {
    background-position: -345px -345px;
    /* no */
  }
  59.6% {
    background-position: -460px -345px;
    /* no */
  }
  61.7% {
    background-position: -575px -345px;
    /* no */
  }
  63.8% {
    background-position: -690px -345px;
    /* no */
  }
  66.0% {
    background-position: -805px -345px;
    /* no */
  }
  68.1% {
    background-position: 0 -460px;
    /* no */
  }
  70.2% {
    background-position: -115px -460px;
    /* no */
  }
  72.3% {
    background-position: -230px -460px;
    /* no */
  }
  74.5% {
    background-position: -345px -460px;
    /* no */
  }
  76.6% {
    background-position: -460px -460px;
    /* no */
  }
  78.7% {
    background-position: -575px -460px;
    /* no */
  }
  80.9% {
    background-position: -690px -460px;
    /* no */
  }
  83.0% {
    background-position: -805px -460px;
    /* no */
  }
  85.1% {
    background-position: 0 -575px;
    /* no */
  }
  87.2% {
    background-position: -115px -575px;
    /* no */
  }
  89.4% {
    background-position: -230px -575px;
    /* no */
  }
  91.5% {
    background-position: -345px -575px;
    /* no */
  }
  93.6% {
    background-position: -460px -575px;
    /* no */
  }
  95.7% {
    background-position: -575px -575px;
    /* no */
  }
  97.9% {
    background-position: -690px -575px;
    /* no */
  }
}
@keyframes keyframes_426_png {
  0.0% {
    background-position: 0 0;
  }
  2.1% {
    background-position: -115px 0;
    /* no */
  }
  4.3% {
    background-position: -230px 0;
    /* no */
  }
  6.4% {
    background-position: -345px 0;
    /* no */
  }
  8.5% {
    background-position: -460px 0;
    /* no */
  }
  10.6% {
    background-position: -575px 0;
    /* no */
  }
  12.8% {
    background-position: -690px 0;
    /* no */
  }
  14.9% {
    background-position: -805px 0;
    /* no */
  }
  17.0% {
    background-position: 0 -115px;
    /* no */
  }
  19.1% {
    background-position: -115px -115px;
    /* no */
  }
  21.3% {
    background-position: -230px -115px;
    /* no */
  }
  23.4% {
    background-position: -345px -115px;
    /* no */
  }
  25.5% {
    background-position: -460px -115px;
    /* no */
  }
  27.7% {
    background-position: -575px -115px;
    /* no */
  }
  29.8% {
    background-position: -690px -115px;
    /* no */
  }
  31.9% {
    background-position: -805px -115px;
    /* no */
  }
  34.0% {
    background-position: 0 -230px;
    /* no */
  }
  36.2% {
    background-position: -115px -230px;
    /* no */
  }
  38.3% {
    background-position: -230px -230px;
    /* no */
  }
  40.4% {
    background-position: -345px -230px;
    /* no */
  }
  42.6% {
    background-position: -460px -230px;
    /* no */
  }
  44.7% {
    background-position: -575px -230px;
    /* no */
  }
  46.8% {
    background-position: -690px -230px;
    /* no */
  }
  48.9% {
    background-position: -805px -230px;
    /* no */
  }
  51.1% {
    background-position: 0 -345px;
    /* no */
  }
  53.2% {
    background-position: -115px -345px;
    /* no */
  }
  55.3% {
    background-position: -230px -345px;
    /* no */
  }
  57.4% {
    background-position: -345px -345px;
    /* no */
  }
  59.6% {
    background-position: -460px -345px;
    /* no */
  }
  61.7% {
    background-position: -575px -345px;
    /* no */
  }
  63.8% {
    background-position: -690px -345px;
    /* no */
  }
  66.0% {
    background-position: -805px -345px;
    /* no */
  }
  68.1% {
    background-position: 0 -460px;
    /* no */
  }
  70.2% {
    background-position: -115px -460px;
    /* no */
  }
  72.3% {
    background-position: -230px -460px;
    /* no */
  }
  74.5% {
    background-position: -345px -460px;
    /* no */
  }
  76.6% {
    background-position: -460px -460px;
    /* no */
  }
  78.7% {
    background-position: -575px -460px;
    /* no */
  }
  80.9% {
    background-position: -690px -460px;
    /* no */
  }
  83.0% {
    background-position: -805px -460px;
    /* no */
  }
  85.1% {
    background-position: 0 -575px;
    /* no */
  }
  87.2% {
    background-position: -115px -575px;
    /* no */
  }
  89.4% {
    background-position: -230px -575px;
    /* no */
  }
  91.5% {
    background-position: -345px -575px;
    /* no */
  }
  93.6% {
    background-position: -460px -575px;
    /* no */
  }
  95.7% {
    background-position: -575px -575px;
    /* no */
  }
  97.9% {
    background-position: -690px -575px;
    /* no */
  }
}
.jh-28 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_427_png 2.167s steps(1) infinite;
          animation: keyframes_427_png 2.167s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/427_d5857ee3.png);
  background-size: 400% 700%;
}
@-webkit-keyframes keyframes_427_png {
  0.0% {
    background-position: 0 0;
  }
  3.8% {
    background-position: -115px 0;
    /* no */
  }
  7.7% {
    background-position: -230px 0;
    /* no */
  }
  11.5% {
    background-position: -345px 0;
    /* no */
  }
  15.4% {
    background-position: 0 -115px;
    /* no */
  }
  19.2% {
    background-position: -115px -115px;
    /* no */
  }
  23.1% {
    background-position: -230px -115px;
    /* no */
  }
  26.9% {
    background-position: -345px -115px;
    /* no */
  }
  30.8% {
    background-position: 0 -230px;
    /* no */
  }
  34.6% {
    background-position: -115px -230px;
    /* no */
  }
  38.5% {
    background-position: -230px -230px;
    /* no */
  }
  42.3% {
    background-position: -345px -230px;
    /* no */
  }
  46.2% {
    background-position: 0 -345px;
    /* no */
  }
  50.0% {
    background-position: -115px -345px;
    /* no */
  }
  53.8% {
    background-position: -230px -345px;
    /* no */
  }
  57.7% {
    background-position: -345px -345px;
    /* no */
  }
  61.5% {
    background-position: 0 -460px;
    /* no */
  }
  65.4% {
    background-position: -115px -460px;
    /* no */
  }
  69.2% {
    background-position: -230px -460px;
    /* no */
  }
  73.1% {
    background-position: -345px -460px;
    /* no */
  }
  76.9% {
    background-position: 0 -575px;
    /* no */
  }
  80.8% {
    background-position: -115px -575px;
    /* no */
  }
  84.6% {
    background-position: -230px -575px;
    /* no */
  }
  88.5% {
    background-position: -345px -575px;
    /* no */
  }
  92.3% {
    background-position: 0 -690px;
    /* no */
  }
  96.2% {
    background-position: -115px -690px;
    /* no */
  }
}
@keyframes keyframes_427_png {
  0.0% {
    background-position: 0 0;
  }
  3.8% {
    background-position: -115px 0;
    /* no */
  }
  7.7% {
    background-position: -230px 0;
    /* no */
  }
  11.5% {
    background-position: -345px 0;
    /* no */
  }
  15.4% {
    background-position: 0 -115px;
    /* no */
  }
  19.2% {
    background-position: -115px -115px;
    /* no */
  }
  23.1% {
    background-position: -230px -115px;
    /* no */
  }
  26.9% {
    background-position: -345px -115px;
    /* no */
  }
  30.8% {
    background-position: 0 -230px;
    /* no */
  }
  34.6% {
    background-position: -115px -230px;
    /* no */
  }
  38.5% {
    background-position: -230px -230px;
    /* no */
  }
  42.3% {
    background-position: -345px -230px;
    /* no */
  }
  46.2% {
    background-position: 0 -345px;
    /* no */
  }
  50.0% {
    background-position: -115px -345px;
    /* no */
  }
  53.8% {
    background-position: -230px -345px;
    /* no */
  }
  57.7% {
    background-position: -345px -345px;
    /* no */
  }
  61.5% {
    background-position: 0 -460px;
    /* no */
  }
  65.4% {
    background-position: -115px -460px;
    /* no */
  }
  69.2% {
    background-position: -230px -460px;
    /* no */
  }
  73.1% {
    background-position: -345px -460px;
    /* no */
  }
  76.9% {
    background-position: 0 -575px;
    /* no */
  }
  80.8% {
    background-position: -115px -575px;
    /* no */
  }
  84.6% {
    background-position: -230px -575px;
    /* no */
  }
  88.5% {
    background-position: -345px -575px;
    /* no */
  }
  92.3% {
    background-position: 0 -690px;
    /* no */
  }
  96.2% {
    background-position: -115px -690px;
    /* no */
  }
}
.jh-29 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_428_png 2.167s steps(1) infinite;
          animation: keyframes_428_png 2.167s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/428_addc4a26.png);
  background-size: 400% 700%;
}
@-webkit-keyframes keyframes_428_png {
  0.0% {
    background-position: 0 0;
  }
  3.8% {
    background-position: -115px 0;
    /* no */
  }
  7.7% {
    background-position: -230px 0;
    /* no */
  }
  11.5% {
    background-position: -345px 0;
    /* no */
  }
  15.4% {
    background-position: 0 -115px;
    /* no */
  }
  19.2% {
    background-position: -115px -115px;
    /* no */
  }
  23.1% {
    background-position: -230px -115px;
    /* no */
  }
  26.9% {
    background-position: -345px -115px;
    /* no */
  }
  30.8% {
    background-position: 0 -230px;
    /* no */
  }
  34.6% {
    background-position: -115px -230px;
    /* no */
  }
  38.5% {
    background-position: -230px -230px;
    /* no */
  }
  42.3% {
    background-position: -345px -230px;
    /* no */
  }
  46.2% {
    background-position: 0 -345px;
    /* no */
  }
  50.0% {
    background-position: -115px -345px;
    /* no */
  }
  53.8% {
    background-position: -230px -345px;
    /* no */
  }
  57.7% {
    background-position: -345px -345px;
    /* no */
  }
  61.5% {
    background-position: 0 -460px;
    /* no */
  }
  65.4% {
    background-position: -115px -460px;
    /* no */
  }
  69.2% {
    background-position: -230px -460px;
    /* no */
  }
  73.1% {
    background-position: -345px -460px;
    /* no */
  }
  76.9% {
    background-position: 0 -575px;
    /* no */
  }
  80.8% {
    background-position: -115px -575px;
    /* no */
  }
  84.6% {
    background-position: -230px -575px;
    /* no */
  }
  88.5% {
    background-position: -345px -575px;
    /* no */
  }
  92.3% {
    background-position: 0 -690px;
    /* no */
  }
  96.2% {
    background-position: -115px -690px;
    /* no */
  }
}
@keyframes keyframes_428_png {
  0.0% {
    background-position: 0 0;
  }
  3.8% {
    background-position: -115px 0;
    /* no */
  }
  7.7% {
    background-position: -230px 0;
    /* no */
  }
  11.5% {
    background-position: -345px 0;
    /* no */
  }
  15.4% {
    background-position: 0 -115px;
    /* no */
  }
  19.2% {
    background-position: -115px -115px;
    /* no */
  }
  23.1% {
    background-position: -230px -115px;
    /* no */
  }
  26.9% {
    background-position: -345px -115px;
    /* no */
  }
  30.8% {
    background-position: 0 -230px;
    /* no */
  }
  34.6% {
    background-position: -115px -230px;
    /* no */
  }
  38.5% {
    background-position: -230px -230px;
    /* no */
  }
  42.3% {
    background-position: -345px -230px;
    /* no */
  }
  46.2% {
    background-position: 0 -345px;
    /* no */
  }
  50.0% {
    background-position: -115px -345px;
    /* no */
  }
  53.8% {
    background-position: -230px -345px;
    /* no */
  }
  57.7% {
    background-position: -345px -345px;
    /* no */
  }
  61.5% {
    background-position: 0 -460px;
    /* no */
  }
  65.4% {
    background-position: -115px -460px;
    /* no */
  }
  69.2% {
    background-position: -230px -460px;
    /* no */
  }
  73.1% {
    background-position: -345px -460px;
    /* no */
  }
  76.9% {
    background-position: 0 -575px;
    /* no */
  }
  80.8% {
    background-position: -115px -575px;
    /* no */
  }
  84.6% {
    background-position: -230px -575px;
    /* no */
  }
  88.5% {
    background-position: -345px -575px;
    /* no */
  }
  92.3% {
    background-position: 0 -690px;
    /* no */
  }
  96.2% {
    background-position: -115px -690px;
    /* no */
  }
}
.jh-30 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: keyframes_429_png 2.75s steps(1) infinite;
          animation: keyframes_429_png 2.75s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/429_8cb7b569.png);
  background-size: 700% 500%;
}
@-webkit-keyframes keyframes_429_png {
  0.0% {
    background-position: 0 0;
  }
  3.0% {
    background-position: -115px 0;
    /* no */
  }
  6.1% {
    background-position: -230px 0;
    /* no */
  }
  9.1% {
    background-position: -345px 0;
    /* no */
  }
  12.1% {
    background-position: -460px 0;
    /* no */
  }
  15.2% {
    background-position: -575px 0;
    /* no */
  }
  18.2% {
    background-position: -690px 0;
    /* no */
  }
  21.2% {
    background-position: 0 -115px;
    /* no */
  }
  24.2% {
    background-position: -115px -115px;
    /* no */
  }
  27.3% {
    background-position: -230px -115px;
    /* no */
  }
  30.3% {
    background-position: -345px -115px;
    /* no */
  }
  33.3% {
    background-position: -460px -115px;
    /* no */
  }
  36.4% {
    background-position: -575px -115px;
    /* no */
  }
  39.4% {
    background-position: -690px -115px;
    /* no */
  }
  42.4% {
    background-position: 0 -230px;
    /* no */
  }
  45.5% {
    background-position: -115px -230px;
    /* no */
  }
  48.5% {
    background-position: -230px -230px;
    /* no */
  }
  51.5% {
    background-position: -345px -230px;
    /* no */
  }
  54.5% {
    background-position: -460px -230px;
    /* no */
  }
  57.6% {
    background-position: -575px -230px;
    /* no */
  }
  60.6% {
    background-position: -690px -230px;
    /* no */
  }
  63.6% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  69.7% {
    background-position: -230px -345px;
    /* no */
  }
  72.7% {
    background-position: -345px -345px;
    /* no */
  }
  75.8% {
    background-position: -460px -345px;
    /* no */
  }
  78.8% {
    background-position: -575px -345px;
    /* no */
  }
  81.8% {
    background-position: -690px -345px;
    /* no */
  }
  84.8% {
    background-position: 0 -460px;
    /* no */
  }
  87.9% {
    background-position: -115px -460px;
    /* no */
  }
  90.9% {
    background-position: -230px -460px;
    /* no */
  }
  93.9% {
    background-position: -345px -460px;
    /* no */
  }
  97.0% {
    background-position: -460px -460px;
    /* no */
  }
}
@keyframes keyframes_429_png {
  0.0% {
    background-position: 0 0;
  }
  3.0% {
    background-position: -115px 0;
    /* no */
  }
  6.1% {
    background-position: -230px 0;
    /* no */
  }
  9.1% {
    background-position: -345px 0;
    /* no */
  }
  12.1% {
    background-position: -460px 0;
    /* no */
  }
  15.2% {
    background-position: -575px 0;
    /* no */
  }
  18.2% {
    background-position: -690px 0;
    /* no */
  }
  21.2% {
    background-position: 0 -115px;
    /* no */
  }
  24.2% {
    background-position: -115px -115px;
    /* no */
  }
  27.3% {
    background-position: -230px -115px;
    /* no */
  }
  30.3% {
    background-position: -345px -115px;
    /* no */
  }
  33.3% {
    background-position: -460px -115px;
    /* no */
  }
  36.4% {
    background-position: -575px -115px;
    /* no */
  }
  39.4% {
    background-position: -690px -115px;
    /* no */
  }
  42.4% {
    background-position: 0 -230px;
    /* no */
  }
  45.5% {
    background-position: -115px -230px;
    /* no */
  }
  48.5% {
    background-position: -230px -230px;
    /* no */
  }
  51.5% {
    background-position: -345px -230px;
    /* no */
  }
  54.5% {
    background-position: -460px -230px;
    /* no */
  }
  57.6% {
    background-position: -575px -230px;
    /* no */
  }
  60.6% {
    background-position: -690px -230px;
    /* no */
  }
  63.6% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  69.7% {
    background-position: -230px -345px;
    /* no */
  }
  72.7% {
    background-position: -345px -345px;
    /* no */
  }
  75.8% {
    background-position: -460px -345px;
    /* no */
  }
  78.8% {
    background-position: -575px -345px;
    /* no */
  }
  81.8% {
    background-position: -690px -345px;
    /* no */
  }
  84.8% {
    background-position: 0 -460px;
    /* no */
  }
  87.9% {
    background-position: -115px -460px;
    /* no */
  }
  90.9% {
    background-position: -230px -460px;
    /* no */
  }
  93.9% {
    background-position: -345px -460px;
    /* no */
  }
  97.0% {
    background-position: -460px -460px;
    /* no */
  }
}
.jh-31 {
  height: 116px;
  /* no */
  width: 116px;
  /* no */
  -webkit-animation: sprite_yuhecheng_1_1 2.75s steps(1) infinite;
          animation: sprite_yuhecheng_1_1 2.75s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/430_c901ed5c.png);
  background-size: 700% 700%;
}
@-webkit-keyframes sprite_yuhecheng_1_1 {
  0% {
    background-position: 0 0;
    /* no */
  }
  2.1% {
    background-position: -116px 0;
    /* no */
  }
  4.2% {
    background-position: -232px 0;
    /* no */
  }
  6.3% {
    background-position: -348px 0;
    /* no */
  }
  8.3% {
    background-position: -464px 0;
    /* no */
  }
  10.4% {
    background-position: -580px 0;
    /* no */
  }
  12.5% {
    background-position: -696px 0;
    /* no */
  }
  14.6% {
    background-position: 0 -116px;
    /* no */
  }
  16.7% {
    background-position: -116px -116px;
    /* no */
  }
  18.8% {
    background-position: -232px -116px;
    /* no */
  }
  20.8% {
    background-position: -348px -116px;
    /* no */
  }
  22.9% {
    background-position: -464px -116px;
    /* no */
  }
  25% {
    background-position: -580px -116px;
    /* no */
  }
  27.1% {
    background-position: -696px -116px;
    /* no */
  }
  29.2% {
    background-position: 0 -232px;
    /* no */
  }
  31.3% {
    background-position: -116px -232px;
    /* no */
  }
  33.3% {
    background-position: -232px -232px;
    /* no */
  }
  35.4% {
    background-position: -348px -232px;
    /* no */
  }
  37.5% {
    background-position: -464px -232px;
    /* no */
  }
  39.6% {
    background-position: -580px -232px;
    /* no */
  }
  41.7% {
    background-position: -696px -232px;
    /* no */
  }
  43.8% {
    background-position: 0 -348px;
    /* no */
  }
  45.8% {
    background-position: -116px -348px;
    /* no */
  }
  47.9% {
    background-position: -232px -348px;
    /* no */
  }
  50% {
    background-position: -348px -348px;
    /* no */
  }
  52.1% {
    background-position: -464px -348px;
    /* no */
  }
  54.2% {
    background-position: -580px -348px;
    /* no */
  }
  56.3% {
    background-position: -696px -348px;
    /* no */
  }
  58.3% {
    background-position: 0 -464px;
    /* no */
  }
  60.4% {
    background-position: -116px -464px;
    /* no */
  }
  62.5% {
    background-position: -232px -464px;
    /* no */
  }
  64.6% {
    background-position: -348px -464px;
    /* no */
  }
  66.7% {
    background-position: -464px -464px;
    /* no */
  }
  68.8% {
    background-position: -580px -464px;
    /* no */
  }
  70.8% {
    background-position: -696px -464px;
    /* no */
  }
  72.9% {
    background-position: 0 -580px;
    /* no */
  }
  75% {
    background-position: -116px -580px;
    /* no */
  }
  77.1% {
    background-position: -232px -580px;
    /* no */
  }
  79.2% {
    background-position: -348px -580px;
    /* no */
  }
  81.3% {
    background-position: -464px -580px;
    /* no */
  }
  83.3% {
    background-position: -580px -580px;
    /* no */
  }
  85.4% {
    background-position: -696px -580px;
    /* no */
  }
  87.5% {
    background-position: 0 -696px;
    /* no */
  }
  89.6% {
    background-position: -116px -696px;
    /* no */
  }
  91.7% {
    background-position: -232px -696px;
    /* no */
  }
  93.8% {
    background-position: -348px -696px;
    /* no */
  }
  95.8% {
    background-position: -464px -696px;
    /* no */
  }
  97.9% {
    background-position: -580px -696px;
    /* no */
  }
  100% {
    background-position: -580px -696px;
    /* no */
  }
}
@keyframes sprite_yuhecheng_1_1 {
  0% {
    background-position: 0 0;
    /* no */
  }
  2.1% {
    background-position: -116px 0;
    /* no */
  }
  4.2% {
    background-position: -232px 0;
    /* no */
  }
  6.3% {
    background-position: -348px 0;
    /* no */
  }
  8.3% {
    background-position: -464px 0;
    /* no */
  }
  10.4% {
    background-position: -580px 0;
    /* no */
  }
  12.5% {
    background-position: -696px 0;
    /* no */
  }
  14.6% {
    background-position: 0 -116px;
    /* no */
  }
  16.7% {
    background-position: -116px -116px;
    /* no */
  }
  18.8% {
    background-position: -232px -116px;
    /* no */
  }
  20.8% {
    background-position: -348px -116px;
    /* no */
  }
  22.9% {
    background-position: -464px -116px;
    /* no */
  }
  25% {
    background-position: -580px -116px;
    /* no */
  }
  27.1% {
    background-position: -696px -116px;
    /* no */
  }
  29.2% {
    background-position: 0 -232px;
    /* no */
  }
  31.3% {
    background-position: -116px -232px;
    /* no */
  }
  33.3% {
    background-position: -232px -232px;
    /* no */
  }
  35.4% {
    background-position: -348px -232px;
    /* no */
  }
  37.5% {
    background-position: -464px -232px;
    /* no */
  }
  39.6% {
    background-position: -580px -232px;
    /* no */
  }
  41.7% {
    background-position: -696px -232px;
    /* no */
  }
  43.8% {
    background-position: 0 -348px;
    /* no */
  }
  45.8% {
    background-position: -116px -348px;
    /* no */
  }
  47.9% {
    background-position: -232px -348px;
    /* no */
  }
  50% {
    background-position: -348px -348px;
    /* no */
  }
  52.1% {
    background-position: -464px -348px;
    /* no */
  }
  54.2% {
    background-position: -580px -348px;
    /* no */
  }
  56.3% {
    background-position: -696px -348px;
    /* no */
  }
  58.3% {
    background-position: 0 -464px;
    /* no */
  }
  60.4% {
    background-position: -116px -464px;
    /* no */
  }
  62.5% {
    background-position: -232px -464px;
    /* no */
  }
  64.6% {
    background-position: -348px -464px;
    /* no */
  }
  66.7% {
    background-position: -464px -464px;
    /* no */
  }
  68.8% {
    background-position: -580px -464px;
    /* no */
  }
  70.8% {
    background-position: -696px -464px;
    /* no */
  }
  72.9% {
    background-position: 0 -580px;
    /* no */
  }
  75% {
    background-position: -116px -580px;
    /* no */
  }
  77.1% {
    background-position: -232px -580px;
    /* no */
  }
  79.2% {
    background-position: -348px -580px;
    /* no */
  }
  81.3% {
    background-position: -464px -580px;
    /* no */
  }
  83.3% {
    background-position: -580px -580px;
    /* no */
  }
  85.4% {
    background-position: -696px -580px;
    /* no */
  }
  87.5% {
    background-position: 0 -696px;
    /* no */
  }
  89.6% {
    background-position: -116px -696px;
    /* no */
  }
  91.7% {
    background-position: -232px -696px;
    /* no */
  }
  93.8% {
    background-position: -348px -696px;
    /* no */
  }
  95.8% {
    background-position: -464px -696px;
    /* no */
  }
  97.9% {
    background-position: -580px -696px;
    /* no */
  }
  100% {
    background-position: -580px -696px;
    /* no */
  }
}
.jh-32 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: sprite_image_0_26__png_1 2.25s steps(1) infinite;
          animation: sprite_image_0_26__png_1 2.25s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/431_4911fae1.png);
  background-size: 600% 500%;
}
@-webkit-keyframes sprite_image_0_26__png_1 {
  0% {
    background-position: 0 0;
    /* no */
  }
  3.7% {
    background-position: -115px 0;
    /* no */
  }
  7.4% {
    background-position: -230px 0;
    /* no */
  }
  11.1% {
    background-position: -345px 0;
    /* no */
  }
  14.8% {
    background-position: -460px 0;
    /* no */
  }
  18.5% {
    background-position: -575px 0;
    /* no */
  }
  22.2% {
    background-position: 0 -115px;
    /* no */
  }
  25.9% {
    background-position: -115px -115px;
    /* no */
  }
  29.6% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37% {
    background-position: -460px -115px;
    /* no */
  }
  40.7% {
    background-position: -575px -115px;
    /* no */
  }
  44.4% {
    background-position: 0 -230px;
    /* no */
  }
  48.1% {
    background-position: -115px -230px;
    /* no */
  }
  51.9% {
    background-position: -230px -230px;
    /* no */
  }
  55.6% {
    background-position: -345px -230px;
    /* no */
  }
  59.3% {
    background-position: -460px -230px;
    /* no */
  }
  63% {
    background-position: -575px -230px;
    /* no */
  }
  66.7% {
    background-position: 0 -345px;
    /* no */
  }
  70.4% {
    background-position: -115px -345px;
    /* no */
  }
  74.1% {
    background-position: -230px -345px;
    /* no */
  }
  77.8% {
    background-position: -345px -345px;
    /* no */
  }
  81.5% {
    background-position: -460px -345px;
    /* no */
  }
  85.2% {
    background-position: -575px -345px;
    /* no */
  }
  88.9% {
    background-position: 0 -460px;
    /* no */
  }
  92.6% {
    background-position: -115px -460px;
    /* no */
  }
  96.3% {
    background-position: -230px -460px;
    /* no */
  }
  100% {
    background-position: -230px -460px;
    /* no */
  }
}
@keyframes sprite_image_0_26__png_1 {
  0% {
    background-position: 0 0;
    /* no */
  }
  3.7% {
    background-position: -115px 0;
    /* no */
  }
  7.4% {
    background-position: -230px 0;
    /* no */
  }
  11.1% {
    background-position: -345px 0;
    /* no */
  }
  14.8% {
    background-position: -460px 0;
    /* no */
  }
  18.5% {
    background-position: -575px 0;
    /* no */
  }
  22.2% {
    background-position: 0 -115px;
    /* no */
  }
  25.9% {
    background-position: -115px -115px;
    /* no */
  }
  29.6% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37% {
    background-position: -460px -115px;
    /* no */
  }
  40.7% {
    background-position: -575px -115px;
    /* no */
  }
  44.4% {
    background-position: 0 -230px;
    /* no */
  }
  48.1% {
    background-position: -115px -230px;
    /* no */
  }
  51.9% {
    background-position: -230px -230px;
    /* no */
  }
  55.6% {
    background-position: -345px -230px;
    /* no */
  }
  59.3% {
    background-position: -460px -230px;
    /* no */
  }
  63% {
    background-position: -575px -230px;
    /* no */
  }
  66.7% {
    background-position: 0 -345px;
    /* no */
  }
  70.4% {
    background-position: -115px -345px;
    /* no */
  }
  74.1% {
    background-position: -230px -345px;
    /* no */
  }
  77.8% {
    background-position: -345px -345px;
    /* no */
  }
  81.5% {
    background-position: -460px -345px;
    /* no */
  }
  85.2% {
    background-position: -575px -345px;
    /* no */
  }
  88.9% {
    background-position: 0 -460px;
    /* no */
  }
  92.6% {
    background-position: -115px -460px;
    /* no */
  }
  96.3% {
    background-position: -230px -460px;
    /* no */
  }
  100% {
    background-position: -230px -460px;
    /* no */
  }
}
.jh-33 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: sprite_image_0_29__png_1 2.75s steps(1) infinite;
          animation: sprite_image_0_29__png_1 2.75s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/432_3a67d1a1.jpg);
  background-size: 600% 500%;
}
@-webkit-keyframes sprite_image_0_29__png_1 {
  0% {
    background-position: 0 0;
    /* no */
  }
  3.3% {
    background-position: -115px 0;
    /* no */
  }
  6.7% {
    background-position: -230px 0;
    /* no */
  }
  10% {
    background-position: -345px 0;
    /* no */
  }
  13.3% {
    background-position: -460px 0;
    /* no */
  }
  16.7% {
    background-position: -575px 0;
    /* no */
  }
  20% {
    background-position: 0 -115px;
    /* no */
  }
  23.3% {
    background-position: -115px -115px;
    /* no */
  }
  26.7% {
    background-position: -230px -115px;
    /* no */
  }
  30% {
    background-position: -345px -115px;
    /* no */
  }
  33.3% {
    background-position: -460px -115px;
    /* no */
  }
  36.7% {
    background-position: -575px -115px;
    /* no */
  }
  40% {
    background-position: 0 -230px;
    /* no */
  }
  43.3% {
    background-position: -115px -230px;
    /* no */
  }
  46.7% {
    background-position: -230px -230px;
    /* no */
  }
  50% {
    background-position: -345px -230px;
    /* no */
  }
  53.3% {
    background-position: -460px -230px;
    /* no */
  }
  56.7% {
    background-position: -575px -230px;
    /* no */
  }
  60% {
    background-position: 0 -345px;
    /* no */
  }
  63.3% {
    background-position: -115px -345px;
    /* no */
  }
  66.7% {
    background-position: -230px -345px;
    /* no */
  }
  70% {
    background-position: -345px -345px;
    /* no */
  }
  73.3% {
    background-position: -460px -345px;
    /* no */
  }
  76.7% {
    background-position: -575px -345px;
    /* no */
  }
  80% {
    background-position: 0 -460px;
    /* no */
  }
  83.3% {
    background-position: -115px -460px;
    /* no */
  }
  86.7% {
    background-position: -230px -460px;
    /* no */
  }
  90% {
    background-position: -345px -460px;
    /* no */
  }
  93.3% {
    background-position: -460px -460px;
    /* no */
  }
  96.7% {
    background-position: -575px -460px;
    /* no */
  }
  100% {
    background-position: -575px -460px;
    /* no */
  }
}
@keyframes sprite_image_0_29__png_1 {
  0% {
    background-position: 0 0;
    /* no */
  }
  3.3% {
    background-position: -115px 0;
    /* no */
  }
  6.7% {
    background-position: -230px 0;
    /* no */
  }
  10% {
    background-position: -345px 0;
    /* no */
  }
  13.3% {
    background-position: -460px 0;
    /* no */
  }
  16.7% {
    background-position: -575px 0;
    /* no */
  }
  20% {
    background-position: 0 -115px;
    /* no */
  }
  23.3% {
    background-position: -115px -115px;
    /* no */
  }
  26.7% {
    background-position: -230px -115px;
    /* no */
  }
  30% {
    background-position: -345px -115px;
    /* no */
  }
  33.3% {
    background-position: -460px -115px;
    /* no */
  }
  36.7% {
    background-position: -575px -115px;
    /* no */
  }
  40% {
    background-position: 0 -230px;
    /* no */
  }
  43.3% {
    background-position: -115px -230px;
    /* no */
  }
  46.7% {
    background-position: -230px -230px;
    /* no */
  }
  50% {
    background-position: -345px -230px;
    /* no */
  }
  53.3% {
    background-position: -460px -230px;
    /* no */
  }
  56.7% {
    background-position: -575px -230px;
    /* no */
  }
  60% {
    background-position: 0 -345px;
    /* no */
  }
  63.3% {
    background-position: -115px -345px;
    /* no */
  }
  66.7% {
    background-position: -230px -345px;
    /* no */
  }
  70% {
    background-position: -345px -345px;
    /* no */
  }
  73.3% {
    background-position: -460px -345px;
    /* no */
  }
  76.7% {
    background-position: -575px -345px;
    /* no */
  }
  80% {
    background-position: 0 -460px;
    /* no */
  }
  83.3% {
    background-position: -115px -460px;
    /* no */
  }
  86.7% {
    background-position: -230px -460px;
    /* no */
  }
  90% {
    background-position: -345px -460px;
    /* no */
  }
  93.3% {
    background-position: -460px -460px;
    /* no */
  }
  96.7% {
    background-position: -575px -460px;
    /* no */
  }
  100% {
    background-position: -575px -460px;
    /* no */
  }
}
.jh-34 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: sprite_image_0_29__png_1 2.75s steps(1) infinite;
          animation: sprite_image_0_29__png_1 2.75s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/433_7e132129.jpg);
  background-size: 600% 500%;
}
@keyframes sprite_image_0_29__png_1 {
  0% {
    background-position: 0 0;
    /* no */
  }
  3.3% {
    background-position: -115px 0;
    /* no */
  }
  6.7% {
    background-position: -230px 0;
    /* no */
  }
  10% {
    background-position: -345px 0;
    /* no */
  }
  13.3% {
    background-position: -460px 0;
    /* no */
  }
  16.7% {
    background-position: -575px 0;
    /* no */
  }
  20% {
    background-position: 0 -115px;
    /* no */
  }
  23.3% {
    background-position: -115px -115px;
    /* no */
  }
  26.7% {
    background-position: -230px -115px;
    /* no */
  }
  30% {
    background-position: -345px -115px;
    /* no */
  }
  33.3% {
    background-position: -460px -115px;
    /* no */
  }
  36.7% {
    background-position: -575px -115px;
    /* no */
  }
  40% {
    background-position: 0 -230px;
    /* no */
  }
  43.3% {
    background-position: -115px -230px;
    /* no */
  }
  46.7% {
    background-position: -230px -230px;
    /* no */
  }
  50% {
    background-position: -345px -230px;
    /* no */
  }
  53.3% {
    background-position: -460px -230px;
    /* no */
  }
  56.7% {
    background-position: -575px -230px;
    /* no */
  }
  60% {
    background-position: 0 -345px;
    /* no */
  }
  63.3% {
    background-position: -115px -345px;
    /* no */
  }
  66.7% {
    background-position: -230px -345px;
    /* no */
  }
  70% {
    background-position: -345px -345px;
    /* no */
  }
  73.3% {
    background-position: -460px -345px;
    /* no */
  }
  76.7% {
    background-position: -575px -345px;
    /* no */
  }
  80% {
    background-position: 0 -460px;
    /* no */
  }
  83.3% {
    background-position: -115px -460px;
    /* no */
  }
  86.7% {
    background-position: -230px -460px;
    /* no */
  }
  90% {
    background-position: -345px -460px;
    /* no */
  }
  93.3% {
    background-position: -460px -460px;
    /* no */
  }
  96.7% {
    background-position: -575px -460px;
    /* no */
  }
  100% {
    background-position: -575px -460px;
    /* no */
  }
}
.jh-35 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: sprite_image_0_29__png_1 2.5s steps(1) infinite;
          animation: sprite_image_0_29__png_1 2.5s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/434_82cde779.jpg);
  background-size: 600% 500%;
}
@keyframes sprite_image_0_29__png_1 {
  0% {
    background-position: 0 0;
    /* no */
  }
  3.3% {
    background-position: -115px 0;
    /* no */
  }
  6.7% {
    background-position: -230px 0;
    /* no */
  }
  10% {
    background-position: -345px 0;
    /* no */
  }
  13.3% {
    background-position: -460px 0;
    /* no */
  }
  16.7% {
    background-position: -575px 0;
    /* no */
  }
  20% {
    background-position: 0 -115px;
    /* no */
  }
  23.3% {
    background-position: -115px -115px;
    /* no */
  }
  26.7% {
    background-position: -230px -115px;
    /* no */
  }
  30% {
    background-position: -345px -115px;
    /* no */
  }
  33.3% {
    background-position: -460px -115px;
    /* no */
  }
  36.7% {
    background-position: -575px -115px;
    /* no */
  }
  40% {
    background-position: 0 -230px;
    /* no */
  }
  43.3% {
    background-position: -115px -230px;
    /* no */
  }
  46.7% {
    background-position: -230px -230px;
    /* no */
  }
  50% {
    background-position: -345px -230px;
    /* no */
  }
  53.3% {
    background-position: -460px -230px;
    /* no */
  }
  56.7% {
    background-position: -575px -230px;
    /* no */
  }
  60% {
    background-position: 0 -345px;
    /* no */
  }
  63.3% {
    background-position: -115px -345px;
    /* no */
  }
  66.7% {
    background-position: -230px -345px;
    /* no */
  }
  70% {
    background-position: -345px -345px;
    /* no */
  }
  73.3% {
    background-position: -460px -345px;
    /* no */
  }
  76.7% {
    background-position: -575px -345px;
    /* no */
  }
  80% {
    background-position: 0 -460px;
    /* no */
  }
  83.3% {
    background-position: -115px -460px;
    /* no */
  }
  86.7% {
    background-position: -230px -460px;
    /* no */
  }
  90% {
    background-position: -345px -460px;
    /* no */
  }
  93.3% {
    background-position: -460px -460px;
    /* no */
  }
  96.7% {
    background-position: -575px -460px;
    /* no */
  }
  100% {
    background-position: -575px -460px;
    /* no */
  }
}
.jh-36 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: sprite_image_0_35__png_1 3s steps(1) infinite;
          animation: sprite_image_0_35__png_1 3s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/435_b98e1b42.jpg);
  background-size: 600% 600%;
}
@-webkit-keyframes sprite_image_0_35__png_1 {
  0% {
    background-position: 0 0;
    /* no */
  }
  2.8% {
    background-position: -115px 0;
    /* no */
  }
  5.6% {
    background-position: -230px 0;
    /* no */
  }
  8.3% {
    background-position: -345px 0;
    /* no */
  }
  11.1% {
    background-position: -460px 0;
    /* no */
  }
  13.9% {
    background-position: -575px 0;
    /* no */
  }
  16.7% {
    background-position: 0 -115px;
    /* no */
  }
  19.4% {
    background-position: -115px -115px;
    /* no */
  }
  22.2% {
    background-position: -230px -115px;
    /* no */
  }
  25% {
    background-position: -345px -115px;
    /* no */
  }
  27.8% {
    background-position: -460px -115px;
    /* no */
  }
  30.6% {
    background-position: -575px -115px;
    /* no */
  }
  33.3% {
    background-position: 0 -230px;
    /* no */
  }
  36.1% {
    background-position: -115px -230px;
    /* no */
  }
  38.9% {
    background-position: -230px -230px;
    /* no */
  }
  41.7% {
    background-position: -345px -230px;
    /* no */
  }
  44.4% {
    background-position: -460px -230px;
    /* no */
  }
  47.2% {
    background-position: -575px -230px;
    /* no */
  }
  50% {
    background-position: 0 -345px;
    /* no */
  }
  52.8% {
    background-position: -115px -345px;
    /* no */
  }
  55.6% {
    background-position: -230px -345px;
    /* no */
  }
  58.3% {
    background-position: -345px -345px;
    /* no */
  }
  61.1% {
    background-position: -460px -345px;
    /* no */
  }
  63.9% {
    background-position: -575px -345px;
    /* no */
  }
  66.7% {
    background-position: 0 -460px;
    /* no */
  }
  69.4% {
    background-position: -115px -460px;
    /* no */
  }
  72.2% {
    background-position: -230px -460px;
    /* no */
  }
  75% {
    background-position: -345px -460px;
    /* no */
  }
  77.8% {
    background-position: -460px -460px;
    /* no */
  }
  80.6% {
    background-position: -575px -460px;
    /* no */
  }
  83.3% {
    background-position: 0 -575px;
    /* no */
  }
  86.1% {
    background-position: -115px -575px;
    /* no */
  }
  88.9% {
    background-position: -230px -575px;
    /* no */
  }
  91.7% {
    background-position: -345px -575px;
    /* no */
  }
  94.4% {
    background-position: -460px -575px;
    /* no */
  }
  97.2% {
    background-position: -575px -575px;
    /* no */
  }
  100% {
    background-position: -575px -575px;
    /* no */
  }
}
@keyframes sprite_image_0_35__png_1 {
  0% {
    background-position: 0 0;
    /* no */
  }
  2.8% {
    background-position: -115px 0;
    /* no */
  }
  5.6% {
    background-position: -230px 0;
    /* no */
  }
  8.3% {
    background-position: -345px 0;
    /* no */
  }
  11.1% {
    background-position: -460px 0;
    /* no */
  }
  13.9% {
    background-position: -575px 0;
    /* no */
  }
  16.7% {
    background-position: 0 -115px;
    /* no */
  }
  19.4% {
    background-position: -115px -115px;
    /* no */
  }
  22.2% {
    background-position: -230px -115px;
    /* no */
  }
  25% {
    background-position: -345px -115px;
    /* no */
  }
  27.8% {
    background-position: -460px -115px;
    /* no */
  }
  30.6% {
    background-position: -575px -115px;
    /* no */
  }
  33.3% {
    background-position: 0 -230px;
    /* no */
  }
  36.1% {
    background-position: -115px -230px;
    /* no */
  }
  38.9% {
    background-position: -230px -230px;
    /* no */
  }
  41.7% {
    background-position: -345px -230px;
    /* no */
  }
  44.4% {
    background-position: -460px -230px;
    /* no */
  }
  47.2% {
    background-position: -575px -230px;
    /* no */
  }
  50% {
    background-position: 0 -345px;
    /* no */
  }
  52.8% {
    background-position: -115px -345px;
    /* no */
  }
  55.6% {
    background-position: -230px -345px;
    /* no */
  }
  58.3% {
    background-position: -345px -345px;
    /* no */
  }
  61.1% {
    background-position: -460px -345px;
    /* no */
  }
  63.9% {
    background-position: -575px -345px;
    /* no */
  }
  66.7% {
    background-position: 0 -460px;
    /* no */
  }
  69.4% {
    background-position: -115px -460px;
    /* no */
  }
  72.2% {
    background-position: -230px -460px;
    /* no */
  }
  75% {
    background-position: -345px -460px;
    /* no */
  }
  77.8% {
    background-position: -460px -460px;
    /* no */
  }
  80.6% {
    background-position: -575px -460px;
    /* no */
  }
  83.3% {
    background-position: 0 -575px;
    /* no */
  }
  86.1% {
    background-position: -115px -575px;
    /* no */
  }
  88.9% {
    background-position: -230px -575px;
    /* no */
  }
  91.7% {
    background-position: -345px -575px;
    /* no */
  }
  94.4% {
    background-position: -460px -575px;
    /* no */
  }
  97.2% {
    background-position: -575px -575px;
    /* no */
  }
  100% {
    background-position: -575px -575px;
    /* no */
  }
}
.jh-37 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  -webkit-animation: sprite_image_0_23__png_1 2s steps(1) infinite;
          animation: sprite_image_0_23__png_1 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/436_ec1056f2.jpg);
  background-size: 500% 500%;
}
@-webkit-keyframes sprite_image_0_23__png_1 {
  0% {
    background-position: 0 0;
    /* no */
  }
  4.2% {
    background-position: -115px 0;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
@keyframes sprite_image_0_23__png_1 {
  0% {
    background-position: 0 0;
    /* no */
  }
  4.2% {
    background-position: -115px 0;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
.jh-38 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  -webkit-animation: sprite_image_0_23__png_2 2s steps(1) infinite;
          animation: sprite_image_0_23__png_2 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/437_058923fe.jpg);
  background-size: 500% 500%;
}
@-webkit-keyframes sprite_image_0_23__png_2 {
  0% {
    background-position: 0 0;
    /* no */
  }
  4.2% {
    background-position: -115px 0;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
@keyframes sprite_image_0_23__png_2 {
  0% {
    background-position: 0 0;
    /* no */
  }
  4.2% {
    background-position: -115px 0;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
.jh-39 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  -webkit-animation: sprite_image_0_23__png_3 2s steps(1) infinite;
          animation: sprite_image_0_23__png_3 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/438_5a0cd7c9.jpg);
  background-size: 500% 500%;
}
@-webkit-keyframes sprite_image_0_23__png_3 {
  0% {
    background-position: 0 0;
    /* no */
  }
  4.2% {
    background-position: -115px 0;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
@keyframes sprite_image_0_23__png_3 {
  0% {
    background-position: 0 0;
    /* no */
  }
  4.2% {
    background-position: -115px 0;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
.jh-40 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  -webkit-animation: sprite_image_0_23__png_4 2s steps(1) infinite;
          animation: sprite_image_0_23__png_4 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/439_61b33d40.jpg);
  background-size: 500% 500%;
}
@-webkit-keyframes sprite_image_0_23__png_4 {
  0% {
    background-position: 0 0;
    /* no */
  }
  4.2% {
    background-position: -115px 0;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
@keyframes sprite_image_0_23__png_4 {
  0% {
    background-position: 0 0;
    /* no */
  }
  4.2% {
    background-position: -115px 0;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
.jh-41 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  -webkit-animation: sprite_image_0_23__png_5 2s steps(1) infinite;
          animation: sprite_image_0_23__png_5 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/440_8d55cf49.jpg);
  background-size: 500% 500%;
}
@-webkit-keyframes sprite_image_0_23__png_5 {
  0% {
    background-position: 0 0;
    /* no */
  }
  4.2% {
    background-position: -115px 0;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
@keyframes sprite_image_0_23__png_5 {
  0% {
    background-position: 0 0;
    /* no */
  }
  4.2% {
    background-position: -115px 0;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
.jh-42 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  -webkit-animation: sprite_image_0_23__png_6 2s steps(1) infinite;
          animation: sprite_image_0_23__png_6 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/441_2585d329.jpg);
  background-size: 500% 500%;
}
@-webkit-keyframes sprite_image_0_23__png_6 {
  0% {
    background-position: 0 0;
    /* no */
  }
  4.2% {
    background-position: -115px 0;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
@keyframes sprite_image_0_23__png_6 {
  0% {
    background-position: 0 0;
    /* no */
  }
  4.2% {
    background-position: -115px 0;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
.nxh-1 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: key_jh_30 6s steps(1) infinite;
          animation: key_jh_30 6s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/jh-31_603962a0.png);
  background-size: 1400% 1300%;
}
@-webkit-keyframes key_jh_30 {
  0% {
    background-position: 0 0;
  }
  0.6% {
    background-position: -115px 0;
    /* no */
  }
  1.1% {
    background-position: -230px 0;
    /* no */
  }
  1.7% {
    background-position: -345px 0;
    /* no */
  }
  2.2% {
    background-position: -460px 0;
    /* no */
  }
  2.8% {
    background-position: -575px 0;
    /* no */
  }
  3.3% {
    background-position: -690px 0;
    /* no */
  }
  3.9% {
    background-position: -805px 0;
    /* no */
  }
  4.4% {
    background-position: -920px 0;
    /* no */
  }
  5% {
    background-position: -1035px 0;
    /* no */
  }
  5.6% {
    background-position: -1150px 0;
    /* no */
  }
  6.1% {
    background-position: -1265px 0;
    /* no */
  }
  6.7% {
    background-position: -1380px 0;
    /* no */
  }
  7.2% {
    background-position: -1495px 0;
    /* no */
  }
  7.8% {
    background-position: 0 -115px;
    /* no */
  }
  8.3% {
    background-position: -115px -115px;
    /* no */
  }
  8.9% {
    background-position: -230px -115px;
    /* no */
  }
  9.4% {
    background-position: -345px -115px;
    /* no */
  }
  10% {
    background-position: -460px -115px;
    /* no */
  }
  10.6% {
    background-position: -575px -115px;
    /* no */
  }
  11.1% {
    background-position: -690px -115px;
    /* no */
  }
  11.7% {
    background-position: -805px -115px;
    /* no */
  }
  12.2% {
    background-position: -920px -115px;
    /* no */
  }
  12.8% {
    background-position: -1035px -115px;
    /* no */
  }
  13.3% {
    background-position: -1150px -115px;
    /* no */
  }
  13.9% {
    background-position: -1265px -115px;
    /* no */
  }
  14.4% {
    background-position: -1380px -115px;
    /* no */
  }
  15% {
    background-position: -1495px -115px;
    /* no */
  }
  15.6% {
    background-position: 0 -230px;
    /* no */
  }
  16.1% {
    background-position: -115px -230px;
    /* no */
  }
  16.7% {
    background-position: -230px -230px;
    /* no */
  }
  17.2% {
    background-position: -345px -230px;
    /* no */
  }
  17.8% {
    background-position: -460px -230px;
    /* no */
  }
  18.3% {
    background-position: -575px -230px;
    /* no */
  }
  18.9% {
    background-position: -690px -230px;
    /* no */
  }
  19.4% {
    background-position: -805px -230px;
    /* no */
  }
  20% {
    background-position: -920px -230px;
    /* no */
  }
  20.6% {
    background-position: -1035px -230px;
    /* no */
  }
  21.1% {
    background-position: -1150px -230px;
    /* no */
  }
  21.7% {
    background-position: -1265px -230px;
    /* no */
  }
  22.2% {
    background-position: -1380px -230px;
    /* no */
  }
  22.8% {
    background-position: -1495px -230px;
    /* no */
  }
  23.3% {
    background-position: 0 -345px;
    /* no */
  }
  23.9% {
    background-position: -115px -345px;
    /* no */
  }
  24.4% {
    background-position: -230px -345px;
    /* no */
  }
  25% {
    background-position: -345px -345px;
    /* no */
  }
  25.6% {
    background-position: -460px -345px;
    /* no */
  }
  26.1% {
    background-position: -575px -345px;
    /* no */
  }
  26.7% {
    background-position: -690px -345px;
    /* no */
  }
  27.2% {
    background-position: -805px -345px;
    /* no */
  }
  27.8% {
    background-position: -920px -345px;
    /* no */
  }
  28.3% {
    background-position: -1035px -345px;
    /* no */
  }
  28.9% {
    background-position: -1150px -345px;
    /* no */
  }
  29.4% {
    background-position: -1265px -345px;
    /* no */
  }
  30% {
    background-position: -1380px -345px;
    /* no */
  }
  30.6% {
    background-position: -1495px -345px;
    /* no */
  }
  31.1% {
    background-position: 0 -460px;
    /* no */
  }
  31.7% {
    background-position: -115px -460px;
    /* no */
  }
  32.2% {
    background-position: -230px -460px;
    /* no */
  }
  32.8% {
    background-position: -345px -460px;
    /* no */
  }
  33.3% {
    background-position: -460px -460px;
    /* no */
  }
  33.9% {
    background-position: -575px -460px;
    /* no */
  }
  34.4% {
    background-position: -690px -460px;
    /* no */
  }
  35% {
    background-position: -805px -460px;
    /* no */
  }
  35.6% {
    background-position: -920px -460px;
    /* no */
  }
  36.1% {
    background-position: -1035px -460px;
    /* no */
  }
  36.7% {
    background-position: -1150px -460px;
    /* no */
  }
  37.2% {
    background-position: -1265px -460px;
    /* no */
  }
  37.8% {
    background-position: -1380px -460px;
    /* no */
  }
  38.3% {
    background-position: -1495px -460px;
    /* no */
  }
  38.9% {
    background-position: 0 -575px;
    /* no */
  }
  39.4% {
    background-position: -115px -575px;
    /* no */
  }
  40% {
    background-position: -230px -575px;
    /* no */
  }
  40.6% {
    background-position: -345px -575px;
    /* no */
  }
  41.1% {
    background-position: -460px -575px;
    /* no */
  }
  41.7% {
    background-position: -575px -575px;
    /* no */
  }
  42.2% {
    background-position: -690px -575px;
    /* no */
  }
  42.8% {
    background-position: -805px -575px;
    /* no */
  }
  43.3% {
    background-position: -920px -575px;
    /* no */
  }
  43.9% {
    background-position: -1035px -575px;
    /* no */
  }
  44.4% {
    background-position: -1150px -575px;
    /* no */
  }
  45% {
    background-position: -1265px -575px;
    /* no */
  }
  45.6% {
    background-position: -1380px -575px;
    /* no */
  }
  46.1% {
    background-position: -1495px -575px;
    /* no */
  }
  46.7% {
    background-position: 0 -690px;
    /* no */
  }
  47.2% {
    background-position: -115px -690px;
    /* no */
  }
  47.8% {
    background-position: -230px -690px;
    /* no */
  }
  48.3% {
    background-position: -345px -690px;
    /* no */
  }
  48.9% {
    background-position: -460px -690px;
    /* no */
  }
  49.4% {
    background-position: -575px -690px;
    /* no */
  }
  50% {
    background-position: -690px -690px;
    /* no */
  }
  50.6% {
    background-position: -805px -690px;
    /* no */
  }
  51.1% {
    background-position: -920px -690px;
    /* no */
  }
  51.7% {
    background-position: -1035px -690px;
    /* no */
  }
  52.2% {
    background-position: -1150px -690px;
    /* no */
  }
  52.8% {
    background-position: -1265px -690px;
    /* no */
  }
  53.3% {
    background-position: -1380px -690px;
    /* no */
  }
  53.9% {
    background-position: -1495px -690px;
    /* no */
  }
  54.4% {
    background-position: 0 -805px;
    /* no */
  }
  55% {
    background-position: -115px -805px;
    /* no */
  }
  55.6% {
    background-position: -230px -805px;
    /* no */
  }
  56.1% {
    background-position: -345px -805px;
    /* no */
  }
  56.7% {
    background-position: -460px -805px;
    /* no */
  }
  57.2% {
    background-position: -575px -805px;
    /* no */
  }
  57.8% {
    background-position: -690px -805px;
    /* no */
  }
  58.3% {
    background-position: -805px -805px;
    /* no */
  }
  58.9% {
    background-position: -920px -805px;
    /* no */
  }
  59.4% {
    background-position: -1035px -805px;
    /* no */
  }
  60% {
    background-position: -1150px -805px;
    /* no */
  }
  60.6% {
    background-position: -1265px -805px;
    /* no */
  }
  61.1% {
    background-position: -1380px -805px;
    /* no */
  }
  61.7% {
    background-position: -1495px -805px;
    /* no */
  }
  62.2% {
    background-position: 0 -920px;
    /* no */
  }
  62.8% {
    background-position: -115px -920px;
    /* no */
  }
  63.3% {
    background-position: -230px -920px;
    /* no */
  }
  63.9% {
    background-position: -345px -920px;
    /* no */
  }
  64.4% {
    background-position: -460px -920px;
    /* no */
  }
  65% {
    background-position: -575px -920px;
    /* no */
  }
  65.6% {
    background-position: -690px -920px;
    /* no */
  }
  66.1% {
    background-position: -805px -920px;
    /* no */
  }
  66.7% {
    background-position: -920px -920px;
    /* no */
  }
  67.2% {
    background-position: -1035px -920px;
    /* no */
  }
  67.8% {
    background-position: -1150px -920px;
    /* no */
  }
  68.3% {
    background-position: -1265px -920px;
    /* no */
  }
  68.9% {
    background-position: -1380px -920px;
    /* no */
  }
  69.4% {
    background-position: -1495px -920px;
    /* no */
  }
  70% {
    background-position: 0 -1035px;
    /* no */
  }
  70.6% {
    background-position: -115px -1035px;
    /* no */
  }
  71.1% {
    background-position: -230px -1035px;
    /* no */
  }
  71.7% {
    background-position: -345px -1035px;
    /* no */
  }
  72.2% {
    background-position: -460px -1035px;
    /* no */
  }
  72.8% {
    background-position: -575px -1035px;
    /* no */
  }
  73.3% {
    background-position: -690px -1035px;
    /* no */
  }
  73.9% {
    background-position: -805px -1035px;
    /* no */
  }
  74.4% {
    background-position: -920px -1035px;
    /* no */
  }
  75% {
    background-position: -1035px -1035px;
    /* no */
  }
  75.6% {
    background-position: -1150px -1035px;
    /* no */
  }
  76.1% {
    background-position: -1265px -1035px;
    /* no */
  }
  76.7% {
    background-position: -1380px -1035px;
    /* no */
  }
  77.2% {
    background-position: -1495px -1035px;
    /* no */
  }
  77.8% {
    background-position: 0 -1150px;
    /* no */
  }
  78.3% {
    background-position: -115px -1150px;
    /* no */
  }
  78.9% {
    background-position: -230px -1150px;
    /* no */
  }
  79.4% {
    background-position: -345px -1150px;
    /* no */
  }
  80% {
    background-position: -460px -1150px;
    /* no */
  }
  80.6% {
    background-position: -575px -1150px;
    /* no */
  }
  81.1% {
    background-position: -690px -1150px;
    /* no */
  }
  81.7% {
    background-position: -805px -1150px;
    /* no */
  }
  82.2% {
    background-position: -920px -1150px;
    /* no */
  }
  82.8% {
    background-position: -1035px -1150px;
    /* no */
  }
  83.3% {
    background-position: -1150px -1150px;
    /* no */
  }
  83.9% {
    background-position: -1265px -1150px;
    /* no */
  }
  84.4% {
    background-position: -1380px -1150px;
    /* no */
  }
  85% {
    background-position: -1495px -1150px;
    /* no */
  }
  85.6% {
    background-position: 0 -1265px;
    /* no */
  }
  86.1% {
    background-position: -115px -1265px;
    /* no */
  }
  86.7% {
    background-position: -230px -1265px;
    /* no */
  }
  87.2% {
    background-position: -345px -1265px;
    /* no */
  }
  87.8% {
    background-position: -460px -1265px;
    /* no */
  }
  88.3% {
    background-position: -575px -1265px;
    /* no */
  }
  88.9% {
    background-position: -690px -1265px;
    /* no */
  }
  89.4% {
    background-position: -805px -1265px;
    /* no */
  }
  90% {
    background-position: -920px -1265px;
    /* no */
  }
  90.6% {
    background-position: -1035px -1265px;
    /* no */
  }
  91.1% {
    background-position: -1150px -1265px;
    /* no */
  }
  91.7% {
    background-position: -1265px -1265px;
    /* no */
  }
  92.2% {
    background-position: -1380px -1265px;
    /* no */
  }
  92.8% {
    background-position: -1495px -1265px;
    /* no */
  }
  93.3% {
    background-position: 0 -1380px;
    /* no */
  }
  93.9% {
    background-position: -115px -1380px;
    /* no */
  }
  94.4% {
    background-position: -230px -1380px;
    /* no */
  }
  95% {
    background-position: -345px -1380px;
    /* no */
  }
  95.6% {
    background-position: -460px -1380px;
    /* no */
  }
  96.1% {
    background-position: -575px -1380px;
    /* no */
  }
  96.7% {
    background-position: -690px -1380px;
    /* no */
  }
  97.2% {
    background-position: -805px -1380px;
    /* no */
  }
  97.8% {
    background-position: -920px -1380px;
    /* no */
  }
  98.3% {
    background-position: -1035px -1380px;
    /* no */
  }
  98.9% {
    background-position: -1150px -1380px;
    /* no */
  }
  99.4% {
    background-position: -1265px -1380px;
    /* no */
  }
  100% {
    background-position: -1265px -1380px;
    /* no */
  }
}
@keyframes key_jh_30 {
  0% {
    background-position: 0 0;
  }
  0.6% {
    background-position: -115px 0;
    /* no */
  }
  1.1% {
    background-position: -230px 0;
    /* no */
  }
  1.7% {
    background-position: -345px 0;
    /* no */
  }
  2.2% {
    background-position: -460px 0;
    /* no */
  }
  2.8% {
    background-position: -575px 0;
    /* no */
  }
  3.3% {
    background-position: -690px 0;
    /* no */
  }
  3.9% {
    background-position: -805px 0;
    /* no */
  }
  4.4% {
    background-position: -920px 0;
    /* no */
  }
  5% {
    background-position: -1035px 0;
    /* no */
  }
  5.6% {
    background-position: -1150px 0;
    /* no */
  }
  6.1% {
    background-position: -1265px 0;
    /* no */
  }
  6.7% {
    background-position: -1380px 0;
    /* no */
  }
  7.2% {
    background-position: -1495px 0;
    /* no */
  }
  7.8% {
    background-position: 0 -115px;
    /* no */
  }
  8.3% {
    background-position: -115px -115px;
    /* no */
  }
  8.9% {
    background-position: -230px -115px;
    /* no */
  }
  9.4% {
    background-position: -345px -115px;
    /* no */
  }
  10% {
    background-position: -460px -115px;
    /* no */
  }
  10.6% {
    background-position: -575px -115px;
    /* no */
  }
  11.1% {
    background-position: -690px -115px;
    /* no */
  }
  11.7% {
    background-position: -805px -115px;
    /* no */
  }
  12.2% {
    background-position: -920px -115px;
    /* no */
  }
  12.8% {
    background-position: -1035px -115px;
    /* no */
  }
  13.3% {
    background-position: -1150px -115px;
    /* no */
  }
  13.9% {
    background-position: -1265px -115px;
    /* no */
  }
  14.4% {
    background-position: -1380px -115px;
    /* no */
  }
  15% {
    background-position: -1495px -115px;
    /* no */
  }
  15.6% {
    background-position: 0 -230px;
    /* no */
  }
  16.1% {
    background-position: -115px -230px;
    /* no */
  }
  16.7% {
    background-position: -230px -230px;
    /* no */
  }
  17.2% {
    background-position: -345px -230px;
    /* no */
  }
  17.8% {
    background-position: -460px -230px;
    /* no */
  }
  18.3% {
    background-position: -575px -230px;
    /* no */
  }
  18.9% {
    background-position: -690px -230px;
    /* no */
  }
  19.4% {
    background-position: -805px -230px;
    /* no */
  }
  20% {
    background-position: -920px -230px;
    /* no */
  }
  20.6% {
    background-position: -1035px -230px;
    /* no */
  }
  21.1% {
    background-position: -1150px -230px;
    /* no */
  }
  21.7% {
    background-position: -1265px -230px;
    /* no */
  }
  22.2% {
    background-position: -1380px -230px;
    /* no */
  }
  22.8% {
    background-position: -1495px -230px;
    /* no */
  }
  23.3% {
    background-position: 0 -345px;
    /* no */
  }
  23.9% {
    background-position: -115px -345px;
    /* no */
  }
  24.4% {
    background-position: -230px -345px;
    /* no */
  }
  25% {
    background-position: -345px -345px;
    /* no */
  }
  25.6% {
    background-position: -460px -345px;
    /* no */
  }
  26.1% {
    background-position: -575px -345px;
    /* no */
  }
  26.7% {
    background-position: -690px -345px;
    /* no */
  }
  27.2% {
    background-position: -805px -345px;
    /* no */
  }
  27.8% {
    background-position: -920px -345px;
    /* no */
  }
  28.3% {
    background-position: -1035px -345px;
    /* no */
  }
  28.9% {
    background-position: -1150px -345px;
    /* no */
  }
  29.4% {
    background-position: -1265px -345px;
    /* no */
  }
  30% {
    background-position: -1380px -345px;
    /* no */
  }
  30.6% {
    background-position: -1495px -345px;
    /* no */
  }
  31.1% {
    background-position: 0 -460px;
    /* no */
  }
  31.7% {
    background-position: -115px -460px;
    /* no */
  }
  32.2% {
    background-position: -230px -460px;
    /* no */
  }
  32.8% {
    background-position: -345px -460px;
    /* no */
  }
  33.3% {
    background-position: -460px -460px;
    /* no */
  }
  33.9% {
    background-position: -575px -460px;
    /* no */
  }
  34.4% {
    background-position: -690px -460px;
    /* no */
  }
  35% {
    background-position: -805px -460px;
    /* no */
  }
  35.6% {
    background-position: -920px -460px;
    /* no */
  }
  36.1% {
    background-position: -1035px -460px;
    /* no */
  }
  36.7% {
    background-position: -1150px -460px;
    /* no */
  }
  37.2% {
    background-position: -1265px -460px;
    /* no */
  }
  37.8% {
    background-position: -1380px -460px;
    /* no */
  }
  38.3% {
    background-position: -1495px -460px;
    /* no */
  }
  38.9% {
    background-position: 0 -575px;
    /* no */
  }
  39.4% {
    background-position: -115px -575px;
    /* no */
  }
  40% {
    background-position: -230px -575px;
    /* no */
  }
  40.6% {
    background-position: -345px -575px;
    /* no */
  }
  41.1% {
    background-position: -460px -575px;
    /* no */
  }
  41.7% {
    background-position: -575px -575px;
    /* no */
  }
  42.2% {
    background-position: -690px -575px;
    /* no */
  }
  42.8% {
    background-position: -805px -575px;
    /* no */
  }
  43.3% {
    background-position: -920px -575px;
    /* no */
  }
  43.9% {
    background-position: -1035px -575px;
    /* no */
  }
  44.4% {
    background-position: -1150px -575px;
    /* no */
  }
  45% {
    background-position: -1265px -575px;
    /* no */
  }
  45.6% {
    background-position: -1380px -575px;
    /* no */
  }
  46.1% {
    background-position: -1495px -575px;
    /* no */
  }
  46.7% {
    background-position: 0 -690px;
    /* no */
  }
  47.2% {
    background-position: -115px -690px;
    /* no */
  }
  47.8% {
    background-position: -230px -690px;
    /* no */
  }
  48.3% {
    background-position: -345px -690px;
    /* no */
  }
  48.9% {
    background-position: -460px -690px;
    /* no */
  }
  49.4% {
    background-position: -575px -690px;
    /* no */
  }
  50% {
    background-position: -690px -690px;
    /* no */
  }
  50.6% {
    background-position: -805px -690px;
    /* no */
  }
  51.1% {
    background-position: -920px -690px;
    /* no */
  }
  51.7% {
    background-position: -1035px -690px;
    /* no */
  }
  52.2% {
    background-position: -1150px -690px;
    /* no */
  }
  52.8% {
    background-position: -1265px -690px;
    /* no */
  }
  53.3% {
    background-position: -1380px -690px;
    /* no */
  }
  53.9% {
    background-position: -1495px -690px;
    /* no */
  }
  54.4% {
    background-position: 0 -805px;
    /* no */
  }
  55% {
    background-position: -115px -805px;
    /* no */
  }
  55.6% {
    background-position: -230px -805px;
    /* no */
  }
  56.1% {
    background-position: -345px -805px;
    /* no */
  }
  56.7% {
    background-position: -460px -805px;
    /* no */
  }
  57.2% {
    background-position: -575px -805px;
    /* no */
  }
  57.8% {
    background-position: -690px -805px;
    /* no */
  }
  58.3% {
    background-position: -805px -805px;
    /* no */
  }
  58.9% {
    background-position: -920px -805px;
    /* no */
  }
  59.4% {
    background-position: -1035px -805px;
    /* no */
  }
  60% {
    background-position: -1150px -805px;
    /* no */
  }
  60.6% {
    background-position: -1265px -805px;
    /* no */
  }
  61.1% {
    background-position: -1380px -805px;
    /* no */
  }
  61.7% {
    background-position: -1495px -805px;
    /* no */
  }
  62.2% {
    background-position: 0 -920px;
    /* no */
  }
  62.8% {
    background-position: -115px -920px;
    /* no */
  }
  63.3% {
    background-position: -230px -920px;
    /* no */
  }
  63.9% {
    background-position: -345px -920px;
    /* no */
  }
  64.4% {
    background-position: -460px -920px;
    /* no */
  }
  65% {
    background-position: -575px -920px;
    /* no */
  }
  65.6% {
    background-position: -690px -920px;
    /* no */
  }
  66.1% {
    background-position: -805px -920px;
    /* no */
  }
  66.7% {
    background-position: -920px -920px;
    /* no */
  }
  67.2% {
    background-position: -1035px -920px;
    /* no */
  }
  67.8% {
    background-position: -1150px -920px;
    /* no */
  }
  68.3% {
    background-position: -1265px -920px;
    /* no */
  }
  68.9% {
    background-position: -1380px -920px;
    /* no */
  }
  69.4% {
    background-position: -1495px -920px;
    /* no */
  }
  70% {
    background-position: 0 -1035px;
    /* no */
  }
  70.6% {
    background-position: -115px -1035px;
    /* no */
  }
  71.1% {
    background-position: -230px -1035px;
    /* no */
  }
  71.7% {
    background-position: -345px -1035px;
    /* no */
  }
  72.2% {
    background-position: -460px -1035px;
    /* no */
  }
  72.8% {
    background-position: -575px -1035px;
    /* no */
  }
  73.3% {
    background-position: -690px -1035px;
    /* no */
  }
  73.9% {
    background-position: -805px -1035px;
    /* no */
  }
  74.4% {
    background-position: -920px -1035px;
    /* no */
  }
  75% {
    background-position: -1035px -1035px;
    /* no */
  }
  75.6% {
    background-position: -1150px -1035px;
    /* no */
  }
  76.1% {
    background-position: -1265px -1035px;
    /* no */
  }
  76.7% {
    background-position: -1380px -1035px;
    /* no */
  }
  77.2% {
    background-position: -1495px -1035px;
    /* no */
  }
  77.8% {
    background-position: 0 -1150px;
    /* no */
  }
  78.3% {
    background-position: -115px -1150px;
    /* no */
  }
  78.9% {
    background-position: -230px -1150px;
    /* no */
  }
  79.4% {
    background-position: -345px -1150px;
    /* no */
  }
  80% {
    background-position: -460px -1150px;
    /* no */
  }
  80.6% {
    background-position: -575px -1150px;
    /* no */
  }
  81.1% {
    background-position: -690px -1150px;
    /* no */
  }
  81.7% {
    background-position: -805px -1150px;
    /* no */
  }
  82.2% {
    background-position: -920px -1150px;
    /* no */
  }
  82.8% {
    background-position: -1035px -1150px;
    /* no */
  }
  83.3% {
    background-position: -1150px -1150px;
    /* no */
  }
  83.9% {
    background-position: -1265px -1150px;
    /* no */
  }
  84.4% {
    background-position: -1380px -1150px;
    /* no */
  }
  85% {
    background-position: -1495px -1150px;
    /* no */
  }
  85.6% {
    background-position: 0 -1265px;
    /* no */
  }
  86.1% {
    background-position: -115px -1265px;
    /* no */
  }
  86.7% {
    background-position: -230px -1265px;
    /* no */
  }
  87.2% {
    background-position: -345px -1265px;
    /* no */
  }
  87.8% {
    background-position: -460px -1265px;
    /* no */
  }
  88.3% {
    background-position: -575px -1265px;
    /* no */
  }
  88.9% {
    background-position: -690px -1265px;
    /* no */
  }
  89.4% {
    background-position: -805px -1265px;
    /* no */
  }
  90% {
    background-position: -920px -1265px;
    /* no */
  }
  90.6% {
    background-position: -1035px -1265px;
    /* no */
  }
  91.1% {
    background-position: -1150px -1265px;
    /* no */
  }
  91.7% {
    background-position: -1265px -1265px;
    /* no */
  }
  92.2% {
    background-position: -1380px -1265px;
    /* no */
  }
  92.8% {
    background-position: -1495px -1265px;
    /* no */
  }
  93.3% {
    background-position: 0 -1380px;
    /* no */
  }
  93.9% {
    background-position: -115px -1380px;
    /* no */
  }
  94.4% {
    background-position: -230px -1380px;
    /* no */
  }
  95% {
    background-position: -345px -1380px;
    /* no */
  }
  95.6% {
    background-position: -460px -1380px;
    /* no */
  }
  96.1% {
    background-position: -575px -1380px;
    /* no */
  }
  96.7% {
    background-position: -690px -1380px;
    /* no */
  }
  97.2% {
    background-position: -805px -1380px;
    /* no */
  }
  97.8% {
    background-position: -920px -1380px;
    /* no */
  }
  98.3% {
    background-position: -1035px -1380px;
    /* no */
  }
  98.9% {
    background-position: -1150px -1380px;
    /* no */
  }
  99.4% {
    background-position: -1265px -1380px;
    /* no */
  }
  100% {
    background-position: -1265px -1380px;
    /* no */
  }
}
.nxh-2 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: key_jh_31 6s steps(1) infinite;
          animation: key_jh_31 6s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/jh-32_7c17e08c.png);
  background-size: 1400% 1300%;
}
@-webkit-keyframes key_jh_31 {
  0% {
    background-position: 0 0;
  }
  0.6% {
    background-position: -115px 0;
    /* no */
  }
  1.1% {
    background-position: -230px 0;
    /* no */
  }
  1.7% {
    background-position: -345px 0;
    /* no */
  }
  2.2% {
    background-position: -460px 0;
    /* no */
  }
  2.8% {
    background-position: -575px 0;
    /* no */
  }
  3.3% {
    background-position: -690px 0;
    /* no */
  }
  3.9% {
    background-position: -805px 0;
    /* no */
  }
  4.4% {
    background-position: -920px 0;
    /* no */
  }
  5% {
    background-position: -1035px 0;
    /* no */
  }
  5.6% {
    background-position: -1150px 0;
    /* no */
  }
  6.1% {
    background-position: -1265px 0;
    /* no */
  }
  6.7% {
    background-position: -1380px 0;
    /* no */
  }
  7.2% {
    background-position: -1495px 0;
    /* no */
  }
  7.8% {
    background-position: 0 -115px;
    /* no */
  }
  8.3% {
    background-position: -115px -115px;
    /* no */
  }
  8.9% {
    background-position: -230px -115px;
    /* no */
  }
  9.4% {
    background-position: -345px -115px;
    /* no */
  }
  10% {
    background-position: -460px -115px;
    /* no */
  }
  10.6% {
    background-position: -575px -115px;
    /* no */
  }
  11.1% {
    background-position: -690px -115px;
    /* no */
  }
  11.7% {
    background-position: -805px -115px;
    /* no */
  }
  12.2% {
    background-position: -920px -115px;
    /* no */
  }
  12.8% {
    background-position: -1035px -115px;
    /* no */
  }
  13.3% {
    background-position: -1150px -115px;
    /* no */
  }
  13.9% {
    background-position: -1265px -115px;
    /* no */
  }
  14.4% {
    background-position: -1380px -115px;
    /* no */
  }
  15% {
    background-position: -1495px -115px;
    /* no */
  }
  15.6% {
    background-position: 0 -230px;
    /* no */
  }
  16.1% {
    background-position: -115px -230px;
    /* no */
  }
  16.7% {
    background-position: -230px -230px;
    /* no */
  }
  17.2% {
    background-position: -345px -230px;
    /* no */
  }
  17.8% {
    background-position: -460px -230px;
    /* no */
  }
  18.3% {
    background-position: -575px -230px;
    /* no */
  }
  18.9% {
    background-position: -690px -230px;
    /* no */
  }
  19.4% {
    background-position: -805px -230px;
    /* no */
  }
  20% {
    background-position: -920px -230px;
    /* no */
  }
  20.6% {
    background-position: -1035px -230px;
    /* no */
  }
  21.1% {
    background-position: -1150px -230px;
    /* no */
  }
  21.7% {
    background-position: -1265px -230px;
    /* no */
  }
  22.2% {
    background-position: -1380px -230px;
    /* no */
  }
  22.8% {
    background-position: -1495px -230px;
    /* no */
  }
  23.3% {
    background-position: 0 -345px;
    /* no */
  }
  23.9% {
    background-position: -115px -345px;
    /* no */
  }
  24.4% {
    background-position: -230px -345px;
    /* no */
  }
  25% {
    background-position: -345px -345px;
    /* no */
  }
  25.6% {
    background-position: -460px -345px;
    /* no */
  }
  26.1% {
    background-position: -575px -345px;
    /* no */
  }
  26.7% {
    background-position: -690px -345px;
    /* no */
  }
  27.2% {
    background-position: -805px -345px;
    /* no */
  }
  27.8% {
    background-position: -920px -345px;
    /* no */
  }
  28.3% {
    background-position: -1035px -345px;
    /* no */
  }
  28.9% {
    background-position: -1150px -345px;
    /* no */
  }
  29.4% {
    background-position: -1265px -345px;
    /* no */
  }
  30% {
    background-position: -1380px -345px;
    /* no */
  }
  30.6% {
    background-position: -1495px -345px;
    /* no */
  }
  31.1% {
    background-position: 0 -460px;
    /* no */
  }
  31.7% {
    background-position: -115px -460px;
    /* no */
  }
  32.2% {
    background-position: -230px -460px;
    /* no */
  }
  32.8% {
    background-position: -345px -460px;
    /* no */
  }
  33.3% {
    background-position: -460px -460px;
    /* no */
  }
  33.9% {
    background-position: -575px -460px;
    /* no */
  }
  34.4% {
    background-position: -690px -460px;
    /* no */
  }
  35% {
    background-position: -805px -460px;
    /* no */
  }
  35.6% {
    background-position: -920px -460px;
    /* no */
  }
  36.1% {
    background-position: -1035px -460px;
    /* no */
  }
  36.7% {
    background-position: -1150px -460px;
    /* no */
  }
  37.2% {
    background-position: -1265px -460px;
    /* no */
  }
  37.8% {
    background-position: -1380px -460px;
    /* no */
  }
  38.3% {
    background-position: -1495px -460px;
    /* no */
  }
  38.9% {
    background-position: 0 -575px;
    /* no */
  }
  39.4% {
    background-position: -115px -575px;
    /* no */
  }
  40% {
    background-position: -230px -575px;
    /* no */
  }
  40.6% {
    background-position: -345px -575px;
    /* no */
  }
  41.1% {
    background-position: -460px -575px;
    /* no */
  }
  41.7% {
    background-position: -575px -575px;
    /* no */
  }
  42.2% {
    background-position: -690px -575px;
    /* no */
  }
  42.8% {
    background-position: -805px -575px;
    /* no */
  }
  43.3% {
    background-position: -920px -575px;
    /* no */
  }
  43.9% {
    background-position: -1035px -575px;
    /* no */
  }
  44.4% {
    background-position: -1150px -575px;
    /* no */
  }
  45% {
    background-position: -1265px -575px;
    /* no */
  }
  45.6% {
    background-position: -1380px -575px;
    /* no */
  }
  46.1% {
    background-position: -1495px -575px;
    /* no */
  }
  46.7% {
    background-position: 0 -690px;
    /* no */
  }
  47.2% {
    background-position: -115px -690px;
    /* no */
  }
  47.8% {
    background-position: -230px -690px;
    /* no */
  }
  48.3% {
    background-position: -345px -690px;
    /* no */
  }
  48.9% {
    background-position: -460px -690px;
    /* no */
  }
  49.4% {
    background-position: -575px -690px;
    /* no */
  }
  50% {
    background-position: -690px -690px;
    /* no */
  }
  50.6% {
    background-position: -805px -690px;
    /* no */
  }
  51.1% {
    background-position: -920px -690px;
    /* no */
  }
  51.7% {
    background-position: -1035px -690px;
    /* no */
  }
  52.2% {
    background-position: -1150px -690px;
    /* no */
  }
  52.8% {
    background-position: -1265px -690px;
    /* no */
  }
  53.3% {
    background-position: -1380px -690px;
    /* no */
  }
  53.9% {
    background-position: -1495px -690px;
    /* no */
  }
  54.4% {
    background-position: 0 -805px;
    /* no */
  }
  55% {
    background-position: -115px -805px;
    /* no */
  }
  55.6% {
    background-position: -230px -805px;
    /* no */
  }
  56.1% {
    background-position: -345px -805px;
    /* no */
  }
  56.7% {
    background-position: -460px -805px;
    /* no */
  }
  57.2% {
    background-position: -575px -805px;
    /* no */
  }
  57.8% {
    background-position: -690px -805px;
    /* no */
  }
  58.3% {
    background-position: -805px -805px;
    /* no */
  }
  58.9% {
    background-position: -920px -805px;
    /* no */
  }
  59.4% {
    background-position: -1035px -805px;
    /* no */
  }
  60% {
    background-position: -1150px -805px;
    /* no */
  }
  60.6% {
    background-position: -1265px -805px;
    /* no */
  }
  61.1% {
    background-position: -1380px -805px;
    /* no */
  }
  61.7% {
    background-position: -1495px -805px;
    /* no */
  }
  62.2% {
    background-position: 0 -920px;
    /* no */
  }
  62.8% {
    background-position: -115px -920px;
    /* no */
  }
  63.3% {
    background-position: -230px -920px;
    /* no */
  }
  63.9% {
    background-position: -345px -920px;
    /* no */
  }
  64.4% {
    background-position: -460px -920px;
    /* no */
  }
  65% {
    background-position: -575px -920px;
    /* no */
  }
  65.6% {
    background-position: -690px -920px;
    /* no */
  }
  66.1% {
    background-position: -805px -920px;
    /* no */
  }
  66.7% {
    background-position: -920px -920px;
    /* no */
  }
  67.2% {
    background-position: -1035px -920px;
    /* no */
  }
  67.8% {
    background-position: -1150px -920px;
    /* no */
  }
  68.3% {
    background-position: -1265px -920px;
    /* no */
  }
  68.9% {
    background-position: -1380px -920px;
    /* no */
  }
  69.4% {
    background-position: -1495px -920px;
    /* no */
  }
  70% {
    background-position: 0 -1035px;
    /* no */
  }
  70.6% {
    background-position: -115px -1035px;
    /* no */
  }
  71.1% {
    background-position: -230px -1035px;
    /* no */
  }
  71.7% {
    background-position: -345px -1035px;
    /* no */
  }
  72.2% {
    background-position: -460px -1035px;
    /* no */
  }
  72.8% {
    background-position: -575px -1035px;
    /* no */
  }
  73.3% {
    background-position: -690px -1035px;
    /* no */
  }
  73.9% {
    background-position: -805px -1035px;
    /* no */
  }
  74.4% {
    background-position: -920px -1035px;
    /* no */
  }
  75% {
    background-position: -1035px -1035px;
    /* no */
  }
  75.6% {
    background-position: -1150px -1035px;
    /* no */
  }
  76.1% {
    background-position: -1265px -1035px;
    /* no */
  }
  76.7% {
    background-position: -1380px -1035px;
    /* no */
  }
  77.2% {
    background-position: -1495px -1035px;
    /* no */
  }
  77.8% {
    background-position: 0 -1150px;
    /* no */
  }
  78.3% {
    background-position: -115px -1150px;
    /* no */
  }
  78.9% {
    background-position: -230px -1150px;
    /* no */
  }
  79.4% {
    background-position: -345px -1150px;
    /* no */
  }
  80% {
    background-position: -460px -1150px;
    /* no */
  }
  80.6% {
    background-position: -575px -1150px;
    /* no */
  }
  81.1% {
    background-position: -690px -1150px;
    /* no */
  }
  81.7% {
    background-position: -805px -1150px;
    /* no */
  }
  82.2% {
    background-position: -920px -1150px;
    /* no */
  }
  82.8% {
    background-position: -1035px -1150px;
    /* no */
  }
  83.3% {
    background-position: -1150px -1150px;
    /* no */
  }
  83.9% {
    background-position: -1265px -1150px;
    /* no */
  }
  84.4% {
    background-position: -1380px -1150px;
    /* no */
  }
  85% {
    background-position: -1495px -1150px;
    /* no */
  }
  85.6% {
    background-position: 0 -1265px;
    /* no */
  }
  86.1% {
    background-position: -115px -1265px;
    /* no */
  }
  86.7% {
    background-position: -230px -1265px;
    /* no */
  }
  87.2% {
    background-position: -345px -1265px;
    /* no */
  }
  87.8% {
    background-position: -460px -1265px;
    /* no */
  }
  88.3% {
    background-position: -575px -1265px;
    /* no */
  }
  88.9% {
    background-position: -690px -1265px;
    /* no */
  }
  89.4% {
    background-position: -805px -1265px;
    /* no */
  }
  90% {
    background-position: -920px -1265px;
    /* no */
  }
  90.6% {
    background-position: -1035px -1265px;
    /* no */
  }
  91.1% {
    background-position: -1150px -1265px;
    /* no */
  }
  91.7% {
    background-position: -1265px -1265px;
    /* no */
  }
  92.2% {
    background-position: -1380px -1265px;
    /* no */
  }
  92.8% {
    background-position: -1495px -1265px;
    /* no */
  }
  93.3% {
    background-position: 0 -1380px;
    /* no */
  }
  93.9% {
    background-position: -115px -1380px;
    /* no */
  }
  94.4% {
    background-position: -230px -1380px;
    /* no */
  }
  95% {
    background-position: -345px -1380px;
    /* no */
  }
  95.6% {
    background-position: -460px -1380px;
    /* no */
  }
  96.1% {
    background-position: -575px -1380px;
    /* no */
  }
  96.7% {
    background-position: -690px -1380px;
    /* no */
  }
  97.2% {
    background-position: -805px -1380px;
    /* no */
  }
  97.8% {
    background-position: -920px -1380px;
    /* no */
  }
  98.3% {
    background-position: -1035px -1380px;
    /* no */
  }
  98.9% {
    background-position: -1150px -1380px;
    /* no */
  }
  99.4% {
    background-position: -1265px -1380px;
    /* no */
  }
  100% {
    background-position: -1265px -1380px;
    /* no */
  }
}
@keyframes key_jh_31 {
  0% {
    background-position: 0 0;
  }
  0.6% {
    background-position: -115px 0;
    /* no */
  }
  1.1% {
    background-position: -230px 0;
    /* no */
  }
  1.7% {
    background-position: -345px 0;
    /* no */
  }
  2.2% {
    background-position: -460px 0;
    /* no */
  }
  2.8% {
    background-position: -575px 0;
    /* no */
  }
  3.3% {
    background-position: -690px 0;
    /* no */
  }
  3.9% {
    background-position: -805px 0;
    /* no */
  }
  4.4% {
    background-position: -920px 0;
    /* no */
  }
  5% {
    background-position: -1035px 0;
    /* no */
  }
  5.6% {
    background-position: -1150px 0;
    /* no */
  }
  6.1% {
    background-position: -1265px 0;
    /* no */
  }
  6.7% {
    background-position: -1380px 0;
    /* no */
  }
  7.2% {
    background-position: -1495px 0;
    /* no */
  }
  7.8% {
    background-position: 0 -115px;
    /* no */
  }
  8.3% {
    background-position: -115px -115px;
    /* no */
  }
  8.9% {
    background-position: -230px -115px;
    /* no */
  }
  9.4% {
    background-position: -345px -115px;
    /* no */
  }
  10% {
    background-position: -460px -115px;
    /* no */
  }
  10.6% {
    background-position: -575px -115px;
    /* no */
  }
  11.1% {
    background-position: -690px -115px;
    /* no */
  }
  11.7% {
    background-position: -805px -115px;
    /* no */
  }
  12.2% {
    background-position: -920px -115px;
    /* no */
  }
  12.8% {
    background-position: -1035px -115px;
    /* no */
  }
  13.3% {
    background-position: -1150px -115px;
    /* no */
  }
  13.9% {
    background-position: -1265px -115px;
    /* no */
  }
  14.4% {
    background-position: -1380px -115px;
    /* no */
  }
  15% {
    background-position: -1495px -115px;
    /* no */
  }
  15.6% {
    background-position: 0 -230px;
    /* no */
  }
  16.1% {
    background-position: -115px -230px;
    /* no */
  }
  16.7% {
    background-position: -230px -230px;
    /* no */
  }
  17.2% {
    background-position: -345px -230px;
    /* no */
  }
  17.8% {
    background-position: -460px -230px;
    /* no */
  }
  18.3% {
    background-position: -575px -230px;
    /* no */
  }
  18.9% {
    background-position: -690px -230px;
    /* no */
  }
  19.4% {
    background-position: -805px -230px;
    /* no */
  }
  20% {
    background-position: -920px -230px;
    /* no */
  }
  20.6% {
    background-position: -1035px -230px;
    /* no */
  }
  21.1% {
    background-position: -1150px -230px;
    /* no */
  }
  21.7% {
    background-position: -1265px -230px;
    /* no */
  }
  22.2% {
    background-position: -1380px -230px;
    /* no */
  }
  22.8% {
    background-position: -1495px -230px;
    /* no */
  }
  23.3% {
    background-position: 0 -345px;
    /* no */
  }
  23.9% {
    background-position: -115px -345px;
    /* no */
  }
  24.4% {
    background-position: -230px -345px;
    /* no */
  }
  25% {
    background-position: -345px -345px;
    /* no */
  }
  25.6% {
    background-position: -460px -345px;
    /* no */
  }
  26.1% {
    background-position: -575px -345px;
    /* no */
  }
  26.7% {
    background-position: -690px -345px;
    /* no */
  }
  27.2% {
    background-position: -805px -345px;
    /* no */
  }
  27.8% {
    background-position: -920px -345px;
    /* no */
  }
  28.3% {
    background-position: -1035px -345px;
    /* no */
  }
  28.9% {
    background-position: -1150px -345px;
    /* no */
  }
  29.4% {
    background-position: -1265px -345px;
    /* no */
  }
  30% {
    background-position: -1380px -345px;
    /* no */
  }
  30.6% {
    background-position: -1495px -345px;
    /* no */
  }
  31.1% {
    background-position: 0 -460px;
    /* no */
  }
  31.7% {
    background-position: -115px -460px;
    /* no */
  }
  32.2% {
    background-position: -230px -460px;
    /* no */
  }
  32.8% {
    background-position: -345px -460px;
    /* no */
  }
  33.3% {
    background-position: -460px -460px;
    /* no */
  }
  33.9% {
    background-position: -575px -460px;
    /* no */
  }
  34.4% {
    background-position: -690px -460px;
    /* no */
  }
  35% {
    background-position: -805px -460px;
    /* no */
  }
  35.6% {
    background-position: -920px -460px;
    /* no */
  }
  36.1% {
    background-position: -1035px -460px;
    /* no */
  }
  36.7% {
    background-position: -1150px -460px;
    /* no */
  }
  37.2% {
    background-position: -1265px -460px;
    /* no */
  }
  37.8% {
    background-position: -1380px -460px;
    /* no */
  }
  38.3% {
    background-position: -1495px -460px;
    /* no */
  }
  38.9% {
    background-position: 0 -575px;
    /* no */
  }
  39.4% {
    background-position: -115px -575px;
    /* no */
  }
  40% {
    background-position: -230px -575px;
    /* no */
  }
  40.6% {
    background-position: -345px -575px;
    /* no */
  }
  41.1% {
    background-position: -460px -575px;
    /* no */
  }
  41.7% {
    background-position: -575px -575px;
    /* no */
  }
  42.2% {
    background-position: -690px -575px;
    /* no */
  }
  42.8% {
    background-position: -805px -575px;
    /* no */
  }
  43.3% {
    background-position: -920px -575px;
    /* no */
  }
  43.9% {
    background-position: -1035px -575px;
    /* no */
  }
  44.4% {
    background-position: -1150px -575px;
    /* no */
  }
  45% {
    background-position: -1265px -575px;
    /* no */
  }
  45.6% {
    background-position: -1380px -575px;
    /* no */
  }
  46.1% {
    background-position: -1495px -575px;
    /* no */
  }
  46.7% {
    background-position: 0 -690px;
    /* no */
  }
  47.2% {
    background-position: -115px -690px;
    /* no */
  }
  47.8% {
    background-position: -230px -690px;
    /* no */
  }
  48.3% {
    background-position: -345px -690px;
    /* no */
  }
  48.9% {
    background-position: -460px -690px;
    /* no */
  }
  49.4% {
    background-position: -575px -690px;
    /* no */
  }
  50% {
    background-position: -690px -690px;
    /* no */
  }
  50.6% {
    background-position: -805px -690px;
    /* no */
  }
  51.1% {
    background-position: -920px -690px;
    /* no */
  }
  51.7% {
    background-position: -1035px -690px;
    /* no */
  }
  52.2% {
    background-position: -1150px -690px;
    /* no */
  }
  52.8% {
    background-position: -1265px -690px;
    /* no */
  }
  53.3% {
    background-position: -1380px -690px;
    /* no */
  }
  53.9% {
    background-position: -1495px -690px;
    /* no */
  }
  54.4% {
    background-position: 0 -805px;
    /* no */
  }
  55% {
    background-position: -115px -805px;
    /* no */
  }
  55.6% {
    background-position: -230px -805px;
    /* no */
  }
  56.1% {
    background-position: -345px -805px;
    /* no */
  }
  56.7% {
    background-position: -460px -805px;
    /* no */
  }
  57.2% {
    background-position: -575px -805px;
    /* no */
  }
  57.8% {
    background-position: -690px -805px;
    /* no */
  }
  58.3% {
    background-position: -805px -805px;
    /* no */
  }
  58.9% {
    background-position: -920px -805px;
    /* no */
  }
  59.4% {
    background-position: -1035px -805px;
    /* no */
  }
  60% {
    background-position: -1150px -805px;
    /* no */
  }
  60.6% {
    background-position: -1265px -805px;
    /* no */
  }
  61.1% {
    background-position: -1380px -805px;
    /* no */
  }
  61.7% {
    background-position: -1495px -805px;
    /* no */
  }
  62.2% {
    background-position: 0 -920px;
    /* no */
  }
  62.8% {
    background-position: -115px -920px;
    /* no */
  }
  63.3% {
    background-position: -230px -920px;
    /* no */
  }
  63.9% {
    background-position: -345px -920px;
    /* no */
  }
  64.4% {
    background-position: -460px -920px;
    /* no */
  }
  65% {
    background-position: -575px -920px;
    /* no */
  }
  65.6% {
    background-position: -690px -920px;
    /* no */
  }
  66.1% {
    background-position: -805px -920px;
    /* no */
  }
  66.7% {
    background-position: -920px -920px;
    /* no */
  }
  67.2% {
    background-position: -1035px -920px;
    /* no */
  }
  67.8% {
    background-position: -1150px -920px;
    /* no */
  }
  68.3% {
    background-position: -1265px -920px;
    /* no */
  }
  68.9% {
    background-position: -1380px -920px;
    /* no */
  }
  69.4% {
    background-position: -1495px -920px;
    /* no */
  }
  70% {
    background-position: 0 -1035px;
    /* no */
  }
  70.6% {
    background-position: -115px -1035px;
    /* no */
  }
  71.1% {
    background-position: -230px -1035px;
    /* no */
  }
  71.7% {
    background-position: -345px -1035px;
    /* no */
  }
  72.2% {
    background-position: -460px -1035px;
    /* no */
  }
  72.8% {
    background-position: -575px -1035px;
    /* no */
  }
  73.3% {
    background-position: -690px -1035px;
    /* no */
  }
  73.9% {
    background-position: -805px -1035px;
    /* no */
  }
  74.4% {
    background-position: -920px -1035px;
    /* no */
  }
  75% {
    background-position: -1035px -1035px;
    /* no */
  }
  75.6% {
    background-position: -1150px -1035px;
    /* no */
  }
  76.1% {
    background-position: -1265px -1035px;
    /* no */
  }
  76.7% {
    background-position: -1380px -1035px;
    /* no */
  }
  77.2% {
    background-position: -1495px -1035px;
    /* no */
  }
  77.8% {
    background-position: 0 -1150px;
    /* no */
  }
  78.3% {
    background-position: -115px -1150px;
    /* no */
  }
  78.9% {
    background-position: -230px -1150px;
    /* no */
  }
  79.4% {
    background-position: -345px -1150px;
    /* no */
  }
  80% {
    background-position: -460px -1150px;
    /* no */
  }
  80.6% {
    background-position: -575px -1150px;
    /* no */
  }
  81.1% {
    background-position: -690px -1150px;
    /* no */
  }
  81.7% {
    background-position: -805px -1150px;
    /* no */
  }
  82.2% {
    background-position: -920px -1150px;
    /* no */
  }
  82.8% {
    background-position: -1035px -1150px;
    /* no */
  }
  83.3% {
    background-position: -1150px -1150px;
    /* no */
  }
  83.9% {
    background-position: -1265px -1150px;
    /* no */
  }
  84.4% {
    background-position: -1380px -1150px;
    /* no */
  }
  85% {
    background-position: -1495px -1150px;
    /* no */
  }
  85.6% {
    background-position: 0 -1265px;
    /* no */
  }
  86.1% {
    background-position: -115px -1265px;
    /* no */
  }
  86.7% {
    background-position: -230px -1265px;
    /* no */
  }
  87.2% {
    background-position: -345px -1265px;
    /* no */
  }
  87.8% {
    background-position: -460px -1265px;
    /* no */
  }
  88.3% {
    background-position: -575px -1265px;
    /* no */
  }
  88.9% {
    background-position: -690px -1265px;
    /* no */
  }
  89.4% {
    background-position: -805px -1265px;
    /* no */
  }
  90% {
    background-position: -920px -1265px;
    /* no */
  }
  90.6% {
    background-position: -1035px -1265px;
    /* no */
  }
  91.1% {
    background-position: -1150px -1265px;
    /* no */
  }
  91.7% {
    background-position: -1265px -1265px;
    /* no */
  }
  92.2% {
    background-position: -1380px -1265px;
    /* no */
  }
  92.8% {
    background-position: -1495px -1265px;
    /* no */
  }
  93.3% {
    background-position: 0 -1380px;
    /* no */
  }
  93.9% {
    background-position: -115px -1380px;
    /* no */
  }
  94.4% {
    background-position: -230px -1380px;
    /* no */
  }
  95% {
    background-position: -345px -1380px;
    /* no */
  }
  95.6% {
    background-position: -460px -1380px;
    /* no */
  }
  96.1% {
    background-position: -575px -1380px;
    /* no */
  }
  96.7% {
    background-position: -690px -1380px;
    /* no */
  }
  97.2% {
    background-position: -805px -1380px;
    /* no */
  }
  97.8% {
    background-position: -920px -1380px;
    /* no */
  }
  98.3% {
    background-position: -1035px -1380px;
    /* no */
  }
  98.9% {
    background-position: -1150px -1380px;
    /* no */
  }
  99.4% {
    background-position: -1265px -1380px;
    /* no */
  }
  100% {
    background-position: -1265px -1380px;
    /* no */
  }
}
.nxh-3 {
  height: 116px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: key_jh_32 1.75s steps(1) infinite;
          animation: key_jh_32 1.75s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/jh-33_1bf5c66d.png);
  background-size: 800% 700%;
}
@-webkit-keyframes key_jh_32 {
  0% {
    background-position: 0 0;
  }
  1.9% {
    background-position: -115px 0;
    /* no */
  }
  3.8% {
    background-position: -230px 0;
    /* no */
  }
  5.7% {
    background-position: -345px 0;
    /* no */
  }
  7.5% {
    background-position: -460px 0;
    /* no */
  }
  9.4% {
    background-position: -575px 0;
    /* no */
  }
  11.3% {
    background-position: -690px 0;
    /* no */
  }
  13.2% {
    background-position: -805px 0;
    /* no */
  }
  15.1% {
    background-position: 0 -116px;
    /* no */
  }
  17% {
    background-position: -115px -116px;
    /* no */
  }
  18.9% {
    background-position: -230px -116px;
    /* no */
  }
  20.8% {
    background-position: -345px -116px;
    /* no */
  }
  22.6% {
    background-position: -460px -116px;
    /* no */
  }
  24.5% {
    background-position: -575px -116px;
    /* no */
  }
  26.4% {
    background-position: -690px -116px;
    /* no */
  }
  28.3% {
    background-position: -805px -116px;
    /* no */
  }
  30.2% {
    background-position: 0 -232px;
    /* no */
  }
  32.1% {
    background-position: -115px -232px;
    /* no */
  }
  34% {
    background-position: -230px -232px;
    /* no */
  }
  35.8% {
    background-position: -345px -232px;
    /* no */
  }
  37.7% {
    background-position: -460px -232px;
    /* no */
  }
  39.6% {
    background-position: -575px -232px;
    /* no */
  }
  41.5% {
    background-position: -690px -232px;
    /* no */
  }
  43.4% {
    background-position: -805px -232px;
    /* no */
  }
  45.3% {
    background-position: 0 -348px;
    /* no */
  }
  47.2% {
    background-position: -115px -348px;
    /* no */
  }
  49.1% {
    background-position: -230px -348px;
    /* no */
  }
  50.9% {
    background-position: -345px -348px;
    /* no */
  }
  52.8% {
    background-position: -460px -348px;
    /* no */
  }
  54.7% {
    background-position: -575px -348px;
    /* no */
  }
  56.6% {
    background-position: -690px -348px;
    /* no */
  }
  58.5% {
    background-position: -805px -348px;
    /* no */
  }
  60.4% {
    background-position: 0 -464px;
    /* no */
  }
  62.3% {
    background-position: -115px -464px;
    /* no */
  }
  64.2% {
    background-position: -230px -464px;
    /* no */
  }
  66% {
    background-position: -345px -464px;
    /* no */
  }
  67.9% {
    background-position: -460px -464px;
    /* no */
  }
  69.8% {
    background-position: -575px -464px;
    /* no */
  }
  71.7% {
    background-position: -690px -464px;
    /* no */
  }
  73.6% {
    background-position: -805px -464px;
    /* no */
  }
  75.5% {
    background-position: 0 -580px;
    /* no */
  }
  77.4% {
    background-position: -115px -580px;
    /* no */
  }
  79.2% {
    background-position: -230px -580px;
    /* no */
  }
  81.1% {
    background-position: -345px -580px;
    /* no */
  }
  83% {
    background-position: -460px -580px;
    /* no */
  }
  84.9% {
    background-position: -575px -580px;
    /* no */
  }
  86.8% {
    background-position: -690px -580px;
    /* no */
  }
  88.7% {
    background-position: -805px -580px;
    /* no */
  }
  90.6% {
    background-position: 0 -696px;
    /* no */
  }
  92.5% {
    background-position: -115px -696px;
    /* no */
  }
  94.3% {
    background-position: -230px -696px;
    /* no */
  }
  96.2% {
    background-position: -345px -696px;
    /* no */
  }
  98.1% {
    background-position: -460px -696px;
    /* no */
  }
  100% {
    background-position: -460px -696px;
    /* no */
  }
}
@keyframes key_jh_32 {
  0% {
    background-position: 0 0;
  }
  1.9% {
    background-position: -115px 0;
    /* no */
  }
  3.8% {
    background-position: -230px 0;
    /* no */
  }
  5.7% {
    background-position: -345px 0;
    /* no */
  }
  7.5% {
    background-position: -460px 0;
    /* no */
  }
  9.4% {
    background-position: -575px 0;
    /* no */
  }
  11.3% {
    background-position: -690px 0;
    /* no */
  }
  13.2% {
    background-position: -805px 0;
    /* no */
  }
  15.1% {
    background-position: 0 -116px;
    /* no */
  }
  17% {
    background-position: -115px -116px;
    /* no */
  }
  18.9% {
    background-position: -230px -116px;
    /* no */
  }
  20.8% {
    background-position: -345px -116px;
    /* no */
  }
  22.6% {
    background-position: -460px -116px;
    /* no */
  }
  24.5% {
    background-position: -575px -116px;
    /* no */
  }
  26.4% {
    background-position: -690px -116px;
    /* no */
  }
  28.3% {
    background-position: -805px -116px;
    /* no */
  }
  30.2% {
    background-position: 0 -232px;
    /* no */
  }
  32.1% {
    background-position: -115px -232px;
    /* no */
  }
  34% {
    background-position: -230px -232px;
    /* no */
  }
  35.8% {
    background-position: -345px -232px;
    /* no */
  }
  37.7% {
    background-position: -460px -232px;
    /* no */
  }
  39.6% {
    background-position: -575px -232px;
    /* no */
  }
  41.5% {
    background-position: -690px -232px;
    /* no */
  }
  43.4% {
    background-position: -805px -232px;
    /* no */
  }
  45.3% {
    background-position: 0 -348px;
    /* no */
  }
  47.2% {
    background-position: -115px -348px;
    /* no */
  }
  49.1% {
    background-position: -230px -348px;
    /* no */
  }
  50.9% {
    background-position: -345px -348px;
    /* no */
  }
  52.8% {
    background-position: -460px -348px;
    /* no */
  }
  54.7% {
    background-position: -575px -348px;
    /* no */
  }
  56.6% {
    background-position: -690px -348px;
    /* no */
  }
  58.5% {
    background-position: -805px -348px;
    /* no */
  }
  60.4% {
    background-position: 0 -464px;
    /* no */
  }
  62.3% {
    background-position: -115px -464px;
    /* no */
  }
  64.2% {
    background-position: -230px -464px;
    /* no */
  }
  66% {
    background-position: -345px -464px;
    /* no */
  }
  67.9% {
    background-position: -460px -464px;
    /* no */
  }
  69.8% {
    background-position: -575px -464px;
    /* no */
  }
  71.7% {
    background-position: -690px -464px;
    /* no */
  }
  73.6% {
    background-position: -805px -464px;
    /* no */
  }
  75.5% {
    background-position: 0 -580px;
    /* no */
  }
  77.4% {
    background-position: -115px -580px;
    /* no */
  }
  79.2% {
    background-position: -230px -580px;
    /* no */
  }
  81.1% {
    background-position: -345px -580px;
    /* no */
  }
  83% {
    background-position: -460px -580px;
    /* no */
  }
  84.9% {
    background-position: -575px -580px;
    /* no */
  }
  86.8% {
    background-position: -690px -580px;
    /* no */
  }
  88.7% {
    background-position: -805px -580px;
    /* no */
  }
  90.6% {
    background-position: 0 -696px;
    /* no */
  }
  92.5% {
    background-position: -115px -696px;
    /* no */
  }
  94.3% {
    background-position: -230px -696px;
    /* no */
  }
  96.2% {
    background-position: -345px -696px;
    /* no */
  }
  98.1% {
    background-position: -460px -696px;
    /* no */
  }
  100% {
    background-position: -460px -696px;
    /* no */
  }
}
.nxh-4 {
  height: 115px;
  /* no */
  width: 116px;
  /* no */
  -webkit-animation: key_jh_33 3s steps(1) infinite;
          animation: key_jh_33 3s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/jh-34_0ba7dbc6.png);
  background-size: 1000% 900%;
}
@-webkit-keyframes key_jh_33 {
  0% {
    background-position: 0 0;
  }
  1.1% {
    background-position: -116px 0;
    /* no */
  }
  2.2% {
    background-position: -232px 0;
    /* no */
  }
  3.3% {
    background-position: -348px 0;
    /* no */
  }
  4.4% {
    background-position: -464px 0;
    /* no */
  }
  5.6% {
    background-position: -580px 0;
    /* no */
  }
  6.7% {
    background-position: -696px 0;
    /* no */
  }
  7.8% {
    background-position: -812px 0;
    /* no */
  }
  8.9% {
    background-position: -928px 0;
    /* no */
  }
  10% {
    background-position: -1044px 0;
    /* no */
  }
  11.1% {
    background-position: 0 -115px;
    /* no */
  }
  12.2% {
    background-position: -116px -115px;
    /* no */
  }
  13.3% {
    background-position: -232px -115px;
    /* no */
  }
  14.4% {
    background-position: -348px -115px;
    /* no */
  }
  15.6% {
    background-position: -464px -115px;
    /* no */
  }
  16.7% {
    background-position: -580px -115px;
    /* no */
  }
  17.8% {
    background-position: -696px -115px;
    /* no */
  }
  18.9% {
    background-position: -812px -115px;
    /* no */
  }
  20% {
    background-position: -928px -115px;
    /* no */
  }
  21.1% {
    background-position: -1044px -115px;
    /* no */
  }
  22.2% {
    background-position: 0 -230px;
    /* no */
  }
  23.3% {
    background-position: -116px -230px;
    /* no */
  }
  24.4% {
    background-position: -232px -230px;
    /* no */
  }
  25.6% {
    background-position: -348px -230px;
    /* no */
  }
  26.7% {
    background-position: -464px -230px;
    /* no */
  }
  27.8% {
    background-position: -580px -230px;
    /* no */
  }
  28.9% {
    background-position: -696px -230px;
    /* no */
  }
  30% {
    background-position: -812px -230px;
    /* no */
  }
  31.1% {
    background-position: -928px -230px;
    /* no */
  }
  32.2% {
    background-position: -1044px -230px;
    /* no */
  }
  33.3% {
    background-position: 0 -345px;
    /* no */
  }
  34.4% {
    background-position: -116px -345px;
    /* no */
  }
  35.6% {
    background-position: -232px -345px;
    /* no */
  }
  36.7% {
    background-position: -348px -345px;
    /* no */
  }
  37.8% {
    background-position: -464px -345px;
    /* no */
  }
  38.9% {
    background-position: -580px -345px;
    /* no */
  }
  40% {
    background-position: -696px -345px;
    /* no */
  }
  41.1% {
    background-position: -812px -345px;
    /* no */
  }
  42.2% {
    background-position: -928px -345px;
    /* no */
  }
  43.3% {
    background-position: -1044px -345px;
    /* no */
  }
  44.4% {
    background-position: 0 -460px;
    /* no */
  }
  45.6% {
    background-position: -116px -460px;
    /* no */
  }
  46.7% {
    background-position: -232px -460px;
    /* no */
  }
  47.8% {
    background-position: -348px -460px;
    /* no */
  }
  48.9% {
    background-position: -464px -460px;
    /* no */
  }
  50% {
    background-position: -580px -460px;
    /* no */
  }
  51.1% {
    background-position: -696px -460px;
    /* no */
  }
  52.2% {
    background-position: -812px -460px;
    /* no */
  }
  53.3% {
    background-position: -928px -460px;
    /* no */
  }
  54.4% {
    background-position: -1044px -460px;
    /* no */
  }
  55.6% {
    background-position: 0 -575px;
    /* no */
  }
  56.7% {
    background-position: -116px -575px;
    /* no */
  }
  57.8% {
    background-position: -232px -575px;
    /* no */
  }
  58.9% {
    background-position: -348px -575px;
    /* no */
  }
  60% {
    background-position: -464px -575px;
    /* no */
  }
  61.1% {
    background-position: -580px -575px;
    /* no */
  }
  62.2% {
    background-position: -696px -575px;
    /* no */
  }
  63.3% {
    background-position: -812px -575px;
    /* no */
  }
  64.4% {
    background-position: -928px -575px;
    /* no */
  }
  65.6% {
    background-position: -1044px -575px;
    /* no */
  }
  66.7% {
    background-position: 0 -690px;
    /* no */
  }
  67.8% {
    background-position: -116px -690px;
    /* no */
  }
  68.9% {
    background-position: -232px -690px;
    /* no */
  }
  70% {
    background-position: -348px -690px;
    /* no */
  }
  71.1% {
    background-position: -464px -690px;
    /* no */
  }
  72.2% {
    background-position: -580px -690px;
    /* no */
  }
  73.3% {
    background-position: -696px -690px;
    /* no */
  }
  74.4% {
    background-position: -812px -690px;
    /* no */
  }
  75.6% {
    background-position: -928px -690px;
    /* no */
  }
  76.7% {
    background-position: -1044px -690px;
    /* no */
  }
  77.8% {
    background-position: 0 -805px;
    /* no */
  }
  78.9% {
    background-position: -116px -805px;
    /* no */
  }
  80% {
    background-position: -232px -805px;
    /* no */
  }
  81.1% {
    background-position: -348px -805px;
    /* no */
  }
  82.2% {
    background-position: -464px -805px;
    /* no */
  }
  83.3% {
    background-position: -580px -805px;
    /* no */
  }
  84.4% {
    background-position: -696px -805px;
    /* no */
  }
  85.6% {
    background-position: -812px -805px;
    /* no */
  }
  86.7% {
    background-position: -928px -805px;
    /* no */
  }
  87.8% {
    background-position: -1044px -805px;
    /* no */
  }
  88.9% {
    background-position: 0 -920px;
    /* no */
  }
  90% {
    background-position: -116px -920px;
    /* no */
  }
  91.1% {
    background-position: -232px -920px;
    /* no */
  }
  92.2% {
    background-position: -348px -920px;
    /* no */
  }
  93.3% {
    background-position: -464px -920px;
    /* no */
  }
  94.4% {
    background-position: -580px -920px;
    /* no */
  }
  95.6% {
    background-position: -696px -920px;
    /* no */
  }
  96.7% {
    background-position: -812px -920px;
    /* no */
  }
  97.8% {
    background-position: -928px -920px;
    /* no */
  }
  98.9% {
    background-position: -1044px -920px;
    /* no */
  }
  100% {
    background-position: -1044px -920px;
    /* no */
  }
}
@keyframes key_jh_33 {
  0% {
    background-position: 0 0;
  }
  1.1% {
    background-position: -116px 0;
    /* no */
  }
  2.2% {
    background-position: -232px 0;
    /* no */
  }
  3.3% {
    background-position: -348px 0;
    /* no */
  }
  4.4% {
    background-position: -464px 0;
    /* no */
  }
  5.6% {
    background-position: -580px 0;
    /* no */
  }
  6.7% {
    background-position: -696px 0;
    /* no */
  }
  7.8% {
    background-position: -812px 0;
    /* no */
  }
  8.9% {
    background-position: -928px 0;
    /* no */
  }
  10% {
    background-position: -1044px 0;
    /* no */
  }
  11.1% {
    background-position: 0 -115px;
    /* no */
  }
  12.2% {
    background-position: -116px -115px;
    /* no */
  }
  13.3% {
    background-position: -232px -115px;
    /* no */
  }
  14.4% {
    background-position: -348px -115px;
    /* no */
  }
  15.6% {
    background-position: -464px -115px;
    /* no */
  }
  16.7% {
    background-position: -580px -115px;
    /* no */
  }
  17.8% {
    background-position: -696px -115px;
    /* no */
  }
  18.9% {
    background-position: -812px -115px;
    /* no */
  }
  20% {
    background-position: -928px -115px;
    /* no */
  }
  21.1% {
    background-position: -1044px -115px;
    /* no */
  }
  22.2% {
    background-position: 0 -230px;
    /* no */
  }
  23.3% {
    background-position: -116px -230px;
    /* no */
  }
  24.4% {
    background-position: -232px -230px;
    /* no */
  }
  25.6% {
    background-position: -348px -230px;
    /* no */
  }
  26.7% {
    background-position: -464px -230px;
    /* no */
  }
  27.8% {
    background-position: -580px -230px;
    /* no */
  }
  28.9% {
    background-position: -696px -230px;
    /* no */
  }
  30% {
    background-position: -812px -230px;
    /* no */
  }
  31.1% {
    background-position: -928px -230px;
    /* no */
  }
  32.2% {
    background-position: -1044px -230px;
    /* no */
  }
  33.3% {
    background-position: 0 -345px;
    /* no */
  }
  34.4% {
    background-position: -116px -345px;
    /* no */
  }
  35.6% {
    background-position: -232px -345px;
    /* no */
  }
  36.7% {
    background-position: -348px -345px;
    /* no */
  }
  37.8% {
    background-position: -464px -345px;
    /* no */
  }
  38.9% {
    background-position: -580px -345px;
    /* no */
  }
  40% {
    background-position: -696px -345px;
    /* no */
  }
  41.1% {
    background-position: -812px -345px;
    /* no */
  }
  42.2% {
    background-position: -928px -345px;
    /* no */
  }
  43.3% {
    background-position: -1044px -345px;
    /* no */
  }
  44.4% {
    background-position: 0 -460px;
    /* no */
  }
  45.6% {
    background-position: -116px -460px;
    /* no */
  }
  46.7% {
    background-position: -232px -460px;
    /* no */
  }
  47.8% {
    background-position: -348px -460px;
    /* no */
  }
  48.9% {
    background-position: -464px -460px;
    /* no */
  }
  50% {
    background-position: -580px -460px;
    /* no */
  }
  51.1% {
    background-position: -696px -460px;
    /* no */
  }
  52.2% {
    background-position: -812px -460px;
    /* no */
  }
  53.3% {
    background-position: -928px -460px;
    /* no */
  }
  54.4% {
    background-position: -1044px -460px;
    /* no */
  }
  55.6% {
    background-position: 0 -575px;
    /* no */
  }
  56.7% {
    background-position: -116px -575px;
    /* no */
  }
  57.8% {
    background-position: -232px -575px;
    /* no */
  }
  58.9% {
    background-position: -348px -575px;
    /* no */
  }
  60% {
    background-position: -464px -575px;
    /* no */
  }
  61.1% {
    background-position: -580px -575px;
    /* no */
  }
  62.2% {
    background-position: -696px -575px;
    /* no */
  }
  63.3% {
    background-position: -812px -575px;
    /* no */
  }
  64.4% {
    background-position: -928px -575px;
    /* no */
  }
  65.6% {
    background-position: -1044px -575px;
    /* no */
  }
  66.7% {
    background-position: 0 -690px;
    /* no */
  }
  67.8% {
    background-position: -116px -690px;
    /* no */
  }
  68.9% {
    background-position: -232px -690px;
    /* no */
  }
  70% {
    background-position: -348px -690px;
    /* no */
  }
  71.1% {
    background-position: -464px -690px;
    /* no */
  }
  72.2% {
    background-position: -580px -690px;
    /* no */
  }
  73.3% {
    background-position: -696px -690px;
    /* no */
  }
  74.4% {
    background-position: -812px -690px;
    /* no */
  }
  75.6% {
    background-position: -928px -690px;
    /* no */
  }
  76.7% {
    background-position: -1044px -690px;
    /* no */
  }
  77.8% {
    background-position: 0 -805px;
    /* no */
  }
  78.9% {
    background-position: -116px -805px;
    /* no */
  }
  80% {
    background-position: -232px -805px;
    /* no */
  }
  81.1% {
    background-position: -348px -805px;
    /* no */
  }
  82.2% {
    background-position: -464px -805px;
    /* no */
  }
  83.3% {
    background-position: -580px -805px;
    /* no */
  }
  84.4% {
    background-position: -696px -805px;
    /* no */
  }
  85.6% {
    background-position: -812px -805px;
    /* no */
  }
  86.7% {
    background-position: -928px -805px;
    /* no */
  }
  87.8% {
    background-position: -1044px -805px;
    /* no */
  }
  88.9% {
    background-position: 0 -920px;
    /* no */
  }
  90% {
    background-position: -116px -920px;
    /* no */
  }
  91.1% {
    background-position: -232px -920px;
    /* no */
  }
  92.2% {
    background-position: -348px -920px;
    /* no */
  }
  93.3% {
    background-position: -464px -920px;
    /* no */
  }
  94.4% {
    background-position: -580px -920px;
    /* no */
  }
  95.6% {
    background-position: -696px -920px;
    /* no */
  }
  96.7% {
    background-position: -812px -920px;
    /* no */
  }
  97.8% {
    background-position: -928px -920px;
    /* no */
  }
  98.9% {
    background-position: -1044px -920px;
    /* no */
  }
  100% {
    background-position: -1044px -920px;
    /* no */
  }
}
.nxh-5 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: key_jh_34 6.9s steps(1) infinite;
          animation: key_jh_34 6.9s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/jh-35_b48fdb74.png);
  background-size: 1500% 1400%;
}
@-webkit-keyframes key_jh_34 {
  0% {
    background-position: 0 0;
  }
  0.5% {
    background-position: -115px 0;
    /* no */
  }
  1% {
    background-position: -230px 0;
    /* no */
  }
  1.4% {
    background-position: -345px 0;
    /* no */
  }
  1.9% {
    background-position: -460px 0;
    /* no */
  }
  2.4% {
    background-position: -575px 0;
    /* no */
  }
  2.9% {
    background-position: -690px 0;
    /* no */
  }
  3.4% {
    background-position: -805px 0;
    /* no */
  }
  3.9% {
    background-position: -920px 0;
    /* no */
  }
  4.3% {
    background-position: -1035px 0;
    /* no */
  }
  4.8% {
    background-position: -1150px 0;
    /* no */
  }
  5.3% {
    background-position: -1265px 0;
    /* no */
  }
  5.8% {
    background-position: -1380px 0;
    /* no */
  }
  6.3% {
    background-position: -1495px 0;
    /* no */
  }
  6.8% {
    background-position: -1610px 0;
    /* no */
  }
  7.2% {
    background-position: 0 -115px;
    /* no */
  }
  7.7% {
    background-position: -115px -115px;
    /* no */
  }
  8.2% {
    background-position: -230px -115px;
    /* no */
  }
  8.7% {
    background-position: -345px -115px;
    /* no */
  }
  9.2% {
    background-position: -460px -115px;
    /* no */
  }
  9.7% {
    background-position: -575px -115px;
    /* no */
  }
  10.1% {
    background-position: -690px -115px;
    /* no */
  }
  10.6% {
    background-position: -805px -115px;
    /* no */
  }
  11.1% {
    background-position: -920px -115px;
    /* no */
  }
  11.6% {
    background-position: -1035px -115px;
    /* no */
  }
  12.1% {
    background-position: -1150px -115px;
    /* no */
  }
  12.6% {
    background-position: -1265px -115px;
    /* no */
  }
  13% {
    background-position: -1380px -115px;
    /* no */
  }
  13.5% {
    background-position: -1495px -115px;
    /* no */
  }
  14% {
    background-position: -1610px -115px;
    /* no */
  }
  14.5% {
    background-position: 0 -230px;
    /* no */
  }
  15% {
    background-position: -115px -230px;
    /* no */
  }
  15.5% {
    background-position: -230px -230px;
    /* no */
  }
  15.9% {
    background-position: -345px -230px;
    /* no */
  }
  16.4% {
    background-position: -460px -230px;
    /* no */
  }
  16.9% {
    background-position: -575px -230px;
    /* no */
  }
  17.4% {
    background-position: -690px -230px;
    /* no */
  }
  17.9% {
    background-position: -805px -230px;
    /* no */
  }
  18.4% {
    background-position: -920px -230px;
    /* no */
  }
  18.8% {
    background-position: -1035px -230px;
    /* no */
  }
  19.3% {
    background-position: -1150px -230px;
    /* no */
  }
  19.8% {
    background-position: -1265px -230px;
    /* no */
  }
  20.3% {
    background-position: -1380px -230px;
    /* no */
  }
  20.8% {
    background-position: -1495px -230px;
    /* no */
  }
  21.3% {
    background-position: -1610px -230px;
    /* no */
  }
  21.7% {
    background-position: 0 -345px;
    /* no */
  }
  22.2% {
    background-position: -115px -345px;
    /* no */
  }
  22.7% {
    background-position: -230px -345px;
    /* no */
  }
  23.2% {
    background-position: -345px -345px;
    /* no */
  }
  23.7% {
    background-position: -460px -345px;
    /* no */
  }
  24.2% {
    background-position: -575px -345px;
    /* no */
  }
  24.6% {
    background-position: -690px -345px;
    /* no */
  }
  25.1% {
    background-position: -805px -345px;
    /* no */
  }
  25.6% {
    background-position: -920px -345px;
    /* no */
  }
  26.1% {
    background-position: -1035px -345px;
    /* no */
  }
  26.6% {
    background-position: -1150px -345px;
    /* no */
  }
  27.1% {
    background-position: -1265px -345px;
    /* no */
  }
  27.5% {
    background-position: -1380px -345px;
    /* no */
  }
  28% {
    background-position: -1495px -345px;
    /* no */
  }
  28.5% {
    background-position: -1610px -345px;
    /* no */
  }
  29% {
    background-position: 0 -460px;
    /* no */
  }
  29.5% {
    background-position: -115px -460px;
    /* no */
  }
  30% {
    background-position: -230px -460px;
    /* no */
  }
  30.4% {
    background-position: -345px -460px;
    /* no */
  }
  30.9% {
    background-position: -460px -460px;
    /* no */
  }
  31.4% {
    background-position: -575px -460px;
    /* no */
  }
  31.9% {
    background-position: -690px -460px;
    /* no */
  }
  32.4% {
    background-position: -805px -460px;
    /* no */
  }
  32.9% {
    background-position: -920px -460px;
    /* no */
  }
  33.3% {
    background-position: -1035px -460px;
    /* no */
  }
  33.8% {
    background-position: -1150px -460px;
    /* no */
  }
  34.3% {
    background-position: -1265px -460px;
    /* no */
  }
  34.8% {
    background-position: -1380px -460px;
    /* no */
  }
  35.3% {
    background-position: -1495px -460px;
    /* no */
  }
  35.7% {
    background-position: -1610px -460px;
    /* no */
  }
  36.2% {
    background-position: 0 -575px;
    /* no */
  }
  36.7% {
    background-position: -115px -575px;
    /* no */
  }
  37.2% {
    background-position: -230px -575px;
    /* no */
  }
  37.7% {
    background-position: -345px -575px;
    /* no */
  }
  38.2% {
    background-position: -460px -575px;
    /* no */
  }
  38.6% {
    background-position: -575px -575px;
    /* no */
  }
  39.1% {
    background-position: -690px -575px;
    /* no */
  }
  39.6% {
    background-position: -805px -575px;
    /* no */
  }
  40.1% {
    background-position: -920px -575px;
    /* no */
  }
  40.6% {
    background-position: -1035px -575px;
    /* no */
  }
  41.1% {
    background-position: -1150px -575px;
    /* no */
  }
  41.5% {
    background-position: -1265px -575px;
    /* no */
  }
  42% {
    background-position: -1380px -575px;
    /* no */
  }
  42.5% {
    background-position: -1495px -575px;
    /* no */
  }
  43% {
    background-position: -1610px -575px;
    /* no */
  }
  43.5% {
    background-position: 0 -690px;
    /* no */
  }
  44% {
    background-position: -115px -690px;
    /* no */
  }
  44.4% {
    background-position: -230px -690px;
    /* no */
  }
  44.9% {
    background-position: -345px -690px;
    /* no */
  }
  45.4% {
    background-position: -460px -690px;
    /* no */
  }
  45.9% {
    background-position: -575px -690px;
    /* no */
  }
  46.4% {
    background-position: -690px -690px;
    /* no */
  }
  46.9% {
    background-position: -805px -690px;
    /* no */
  }
  47.3% {
    background-position: -920px -690px;
    /* no */
  }
  47.8% {
    background-position: -1035px -690px;
    /* no */
  }
  48.3% {
    background-position: -1150px -690px;
    /* no */
  }
  48.8% {
    background-position: -1265px -690px;
    /* no */
  }
  49.3% {
    background-position: -1380px -690px;
    /* no */
  }
  49.8% {
    background-position: -1495px -690px;
    /* no */
  }
  50.2% {
    background-position: -1610px -690px;
    /* no */
  }
  50.7% {
    background-position: 0 -805px;
    /* no */
  }
  51.2% {
    background-position: -115px -805px;
    /* no */
  }
  51.7% {
    background-position: -230px -805px;
    /* no */
  }
  52.2% {
    background-position: -345px -805px;
    /* no */
  }
  52.7% {
    background-position: -460px -805px;
    /* no */
  }
  53.1% {
    background-position: -575px -805px;
    /* no */
  }
  53.6% {
    background-position: -690px -805px;
    /* no */
  }
  54.1% {
    background-position: -805px -805px;
    /* no */
  }
  54.6% {
    background-position: -920px -805px;
    /* no */
  }
  55.1% {
    background-position: -1035px -805px;
    /* no */
  }
  55.6% {
    background-position: -1150px -805px;
    /* no */
  }
  56% {
    background-position: -1265px -805px;
    /* no */
  }
  56.5% {
    background-position: -1380px -805px;
    /* no */
  }
  57% {
    background-position: -1495px -805px;
    /* no */
  }
  57.5% {
    background-position: -1610px -805px;
    /* no */
  }
  58% {
    background-position: 0 -920px;
    /* no */
  }
  58.5% {
    background-position: -115px -920px;
    /* no */
  }
  58.9% {
    background-position: -230px -920px;
    /* no */
  }
  59.4% {
    background-position: -345px -920px;
    /* no */
  }
  59.9% {
    background-position: -460px -920px;
    /* no */
  }
  60.4% {
    background-position: -575px -920px;
    /* no */
  }
  60.9% {
    background-position: -690px -920px;
    /* no */
  }
  61.4% {
    background-position: -805px -920px;
    /* no */
  }
  61.8% {
    background-position: -920px -920px;
    /* no */
  }
  62.3% {
    background-position: -1035px -920px;
    /* no */
  }
  62.8% {
    background-position: -1150px -920px;
    /* no */
  }
  63.3% {
    background-position: -1265px -920px;
    /* no */
  }
  63.8% {
    background-position: -1380px -920px;
    /* no */
  }
  64.3% {
    background-position: -1495px -920px;
    /* no */
  }
  64.7% {
    background-position: -1610px -920px;
    /* no */
  }
  65.2% {
    background-position: 0 -1035px;
    /* no */
  }
  65.7% {
    background-position: -115px -1035px;
    /* no */
  }
  66.2% {
    background-position: -230px -1035px;
    /* no */
  }
  66.7% {
    background-position: -345px -1035px;
    /* no */
  }
  67.1% {
    background-position: -460px -1035px;
    /* no */
  }
  67.6% {
    background-position: -575px -1035px;
    /* no */
  }
  68.1% {
    background-position: -690px -1035px;
    /* no */
  }
  68.6% {
    background-position: -805px -1035px;
    /* no */
  }
  69.1% {
    background-position: -920px -1035px;
    /* no */
  }
  69.6% {
    background-position: -1035px -1035px;
    /* no */
  }
  70% {
    background-position: -1150px -1035px;
    /* no */
  }
  70.5% {
    background-position: -1265px -1035px;
    /* no */
  }
  71% {
    background-position: -1380px -1035px;
    /* no */
  }
  71.5% {
    background-position: -1495px -1035px;
    /* no */
  }
  72% {
    background-position: -1610px -1035px;
    /* no */
  }
  72.5% {
    background-position: 0 -1150px;
    /* no */
  }
  72.9% {
    background-position: -115px -1150px;
    /* no */
  }
  73.4% {
    background-position: -230px -1150px;
    /* no */
  }
  73.9% {
    background-position: -345px -1150px;
    /* no */
  }
  74.4% {
    background-position: -460px -1150px;
    /* no */
  }
  74.9% {
    background-position: -575px -1150px;
    /* no */
  }
  75.4% {
    background-position: -690px -1150px;
    /* no */
  }
  75.8% {
    background-position: -805px -1150px;
    /* no */
  }
  76.3% {
    background-position: -920px -1150px;
    /* no */
  }
  76.8% {
    background-position: -1035px -1150px;
    /* no */
  }
  77.3% {
    background-position: -1150px -1150px;
    /* no */
  }
  77.8% {
    background-position: -1265px -1150px;
    /* no */
  }
  78.3% {
    background-position: -1380px -1150px;
    /* no */
  }
  78.7% {
    background-position: -1495px -1150px;
    /* no */
  }
  79.2% {
    background-position: -1610px -1150px;
    /* no */
  }
  79.7% {
    background-position: 0 -1265px;
    /* no */
  }
  80.2% {
    background-position: -115px -1265px;
    /* no */
  }
  80.7% {
    background-position: -230px -1265px;
    /* no */
  }
  81.2% {
    background-position: -345px -1265px;
    /* no */
  }
  81.6% {
    background-position: -460px -1265px;
    /* no */
  }
  82.1% {
    background-position: -575px -1265px;
    /* no */
  }
  82.6% {
    background-position: -690px -1265px;
    /* no */
  }
  83.1% {
    background-position: -805px -1265px;
    /* no */
  }
  83.6% {
    background-position: -920px -1265px;
    /* no */
  }
  84.1% {
    background-position: -1035px -1265px;
    /* no */
  }
  84.5% {
    background-position: -1150px -1265px;
    /* no */
  }
  85% {
    background-position: -1265px -1265px;
    /* no */
  }
  85.5% {
    background-position: -1380px -1265px;
    /* no */
  }
  86% {
    background-position: -1495px -1265px;
    /* no */
  }
  86.5% {
    background-position: -1610px -1265px;
    /* no */
  }
  87% {
    background-position: 0 -1380px;
    /* no */
  }
  87.4% {
    background-position: -115px -1380px;
    /* no */
  }
  87.9% {
    background-position: -230px -1380px;
    /* no */
  }
  88.4% {
    background-position: -345px -1380px;
    /* no */
  }
  88.9% {
    background-position: -460px -1380px;
    /* no */
  }
  89.4% {
    background-position: -575px -1380px;
    /* no */
  }
  89.9% {
    background-position: -690px -1380px;
    /* no */
  }
  90.3% {
    background-position: -805px -1380px;
    /* no */
  }
  90.8% {
    background-position: -920px -1380px;
    /* no */
  }
  91.3% {
    background-position: -1035px -1380px;
    /* no */
  }
  91.8% {
    background-position: -1150px -1380px;
    /* no */
  }
  92.3% {
    background-position: -1265px -1380px;
    /* no */
  }
  92.8% {
    background-position: -1380px -1380px;
    /* no */
  }
  93.2% {
    background-position: -1495px -1380px;
    /* no */
  }
  93.7% {
    background-position: -1610px -1380px;
    /* no */
  }
  94.2% {
    background-position: 0 -1495px;
    /* no */
  }
  94.7% {
    background-position: -115px -1495px;
    /* no */
  }
  95.2% {
    background-position: -230px -1495px;
    /* no */
  }
  95.7% {
    background-position: -345px -1495px;
    /* no */
  }
  96.1% {
    background-position: -460px -1495px;
    /* no */
  }
  96.6% {
    background-position: -575px -1495px;
    /* no */
  }
  97.1% {
    background-position: -690px -1495px;
    /* no */
  }
  97.6% {
    background-position: -805px -1495px;
    /* no */
  }
  98.1% {
    background-position: -920px -1495px;
    /* no */
  }
  98.6% {
    background-position: -1035px -1495px;
    /* no */
  }
  99% {
    background-position: -1150px -1495px;
    /* no */
  }
  99.5% {
    background-position: -1265px -1495px;
    /* no */
  }
  100% {
    background-position: -1265px -1495px;
    /* no */
  }
}
@keyframes key_jh_34 {
  0% {
    background-position: 0 0;
  }
  0.5% {
    background-position: -115px 0;
    /* no */
  }
  1% {
    background-position: -230px 0;
    /* no */
  }
  1.4% {
    background-position: -345px 0;
    /* no */
  }
  1.9% {
    background-position: -460px 0;
    /* no */
  }
  2.4% {
    background-position: -575px 0;
    /* no */
  }
  2.9% {
    background-position: -690px 0;
    /* no */
  }
  3.4% {
    background-position: -805px 0;
    /* no */
  }
  3.9% {
    background-position: -920px 0;
    /* no */
  }
  4.3% {
    background-position: -1035px 0;
    /* no */
  }
  4.8% {
    background-position: -1150px 0;
    /* no */
  }
  5.3% {
    background-position: -1265px 0;
    /* no */
  }
  5.8% {
    background-position: -1380px 0;
    /* no */
  }
  6.3% {
    background-position: -1495px 0;
    /* no */
  }
  6.8% {
    background-position: -1610px 0;
    /* no */
  }
  7.2% {
    background-position: 0 -115px;
    /* no */
  }
  7.7% {
    background-position: -115px -115px;
    /* no */
  }
  8.2% {
    background-position: -230px -115px;
    /* no */
  }
  8.7% {
    background-position: -345px -115px;
    /* no */
  }
  9.2% {
    background-position: -460px -115px;
    /* no */
  }
  9.7% {
    background-position: -575px -115px;
    /* no */
  }
  10.1% {
    background-position: -690px -115px;
    /* no */
  }
  10.6% {
    background-position: -805px -115px;
    /* no */
  }
  11.1% {
    background-position: -920px -115px;
    /* no */
  }
  11.6% {
    background-position: -1035px -115px;
    /* no */
  }
  12.1% {
    background-position: -1150px -115px;
    /* no */
  }
  12.6% {
    background-position: -1265px -115px;
    /* no */
  }
  13% {
    background-position: -1380px -115px;
    /* no */
  }
  13.5% {
    background-position: -1495px -115px;
    /* no */
  }
  14% {
    background-position: -1610px -115px;
    /* no */
  }
  14.5% {
    background-position: 0 -230px;
    /* no */
  }
  15% {
    background-position: -115px -230px;
    /* no */
  }
  15.5% {
    background-position: -230px -230px;
    /* no */
  }
  15.9% {
    background-position: -345px -230px;
    /* no */
  }
  16.4% {
    background-position: -460px -230px;
    /* no */
  }
  16.9% {
    background-position: -575px -230px;
    /* no */
  }
  17.4% {
    background-position: -690px -230px;
    /* no */
  }
  17.9% {
    background-position: -805px -230px;
    /* no */
  }
  18.4% {
    background-position: -920px -230px;
    /* no */
  }
  18.8% {
    background-position: -1035px -230px;
    /* no */
  }
  19.3% {
    background-position: -1150px -230px;
    /* no */
  }
  19.8% {
    background-position: -1265px -230px;
    /* no */
  }
  20.3% {
    background-position: -1380px -230px;
    /* no */
  }
  20.8% {
    background-position: -1495px -230px;
    /* no */
  }
  21.3% {
    background-position: -1610px -230px;
    /* no */
  }
  21.7% {
    background-position: 0 -345px;
    /* no */
  }
  22.2% {
    background-position: -115px -345px;
    /* no */
  }
  22.7% {
    background-position: -230px -345px;
    /* no */
  }
  23.2% {
    background-position: -345px -345px;
    /* no */
  }
  23.7% {
    background-position: -460px -345px;
    /* no */
  }
  24.2% {
    background-position: -575px -345px;
    /* no */
  }
  24.6% {
    background-position: -690px -345px;
    /* no */
  }
  25.1% {
    background-position: -805px -345px;
    /* no */
  }
  25.6% {
    background-position: -920px -345px;
    /* no */
  }
  26.1% {
    background-position: -1035px -345px;
    /* no */
  }
  26.6% {
    background-position: -1150px -345px;
    /* no */
  }
  27.1% {
    background-position: -1265px -345px;
    /* no */
  }
  27.5% {
    background-position: -1380px -345px;
    /* no */
  }
  28% {
    background-position: -1495px -345px;
    /* no */
  }
  28.5% {
    background-position: -1610px -345px;
    /* no */
  }
  29% {
    background-position: 0 -460px;
    /* no */
  }
  29.5% {
    background-position: -115px -460px;
    /* no */
  }
  30% {
    background-position: -230px -460px;
    /* no */
  }
  30.4% {
    background-position: -345px -460px;
    /* no */
  }
  30.9% {
    background-position: -460px -460px;
    /* no */
  }
  31.4% {
    background-position: -575px -460px;
    /* no */
  }
  31.9% {
    background-position: -690px -460px;
    /* no */
  }
  32.4% {
    background-position: -805px -460px;
    /* no */
  }
  32.9% {
    background-position: -920px -460px;
    /* no */
  }
  33.3% {
    background-position: -1035px -460px;
    /* no */
  }
  33.8% {
    background-position: -1150px -460px;
    /* no */
  }
  34.3% {
    background-position: -1265px -460px;
    /* no */
  }
  34.8% {
    background-position: -1380px -460px;
    /* no */
  }
  35.3% {
    background-position: -1495px -460px;
    /* no */
  }
  35.7% {
    background-position: -1610px -460px;
    /* no */
  }
  36.2% {
    background-position: 0 -575px;
    /* no */
  }
  36.7% {
    background-position: -115px -575px;
    /* no */
  }
  37.2% {
    background-position: -230px -575px;
    /* no */
  }
  37.7% {
    background-position: -345px -575px;
    /* no */
  }
  38.2% {
    background-position: -460px -575px;
    /* no */
  }
  38.6% {
    background-position: -575px -575px;
    /* no */
  }
  39.1% {
    background-position: -690px -575px;
    /* no */
  }
  39.6% {
    background-position: -805px -575px;
    /* no */
  }
  40.1% {
    background-position: -920px -575px;
    /* no */
  }
  40.6% {
    background-position: -1035px -575px;
    /* no */
  }
  41.1% {
    background-position: -1150px -575px;
    /* no */
  }
  41.5% {
    background-position: -1265px -575px;
    /* no */
  }
  42% {
    background-position: -1380px -575px;
    /* no */
  }
  42.5% {
    background-position: -1495px -575px;
    /* no */
  }
  43% {
    background-position: -1610px -575px;
    /* no */
  }
  43.5% {
    background-position: 0 -690px;
    /* no */
  }
  44% {
    background-position: -115px -690px;
    /* no */
  }
  44.4% {
    background-position: -230px -690px;
    /* no */
  }
  44.9% {
    background-position: -345px -690px;
    /* no */
  }
  45.4% {
    background-position: -460px -690px;
    /* no */
  }
  45.9% {
    background-position: -575px -690px;
    /* no */
  }
  46.4% {
    background-position: -690px -690px;
    /* no */
  }
  46.9% {
    background-position: -805px -690px;
    /* no */
  }
  47.3% {
    background-position: -920px -690px;
    /* no */
  }
  47.8% {
    background-position: -1035px -690px;
    /* no */
  }
  48.3% {
    background-position: -1150px -690px;
    /* no */
  }
  48.8% {
    background-position: -1265px -690px;
    /* no */
  }
  49.3% {
    background-position: -1380px -690px;
    /* no */
  }
  49.8% {
    background-position: -1495px -690px;
    /* no */
  }
  50.2% {
    background-position: -1610px -690px;
    /* no */
  }
  50.7% {
    background-position: 0 -805px;
    /* no */
  }
  51.2% {
    background-position: -115px -805px;
    /* no */
  }
  51.7% {
    background-position: -230px -805px;
    /* no */
  }
  52.2% {
    background-position: -345px -805px;
    /* no */
  }
  52.7% {
    background-position: -460px -805px;
    /* no */
  }
  53.1% {
    background-position: -575px -805px;
    /* no */
  }
  53.6% {
    background-position: -690px -805px;
    /* no */
  }
  54.1% {
    background-position: -805px -805px;
    /* no */
  }
  54.6% {
    background-position: -920px -805px;
    /* no */
  }
  55.1% {
    background-position: -1035px -805px;
    /* no */
  }
  55.6% {
    background-position: -1150px -805px;
    /* no */
  }
  56% {
    background-position: -1265px -805px;
    /* no */
  }
  56.5% {
    background-position: -1380px -805px;
    /* no */
  }
  57% {
    background-position: -1495px -805px;
    /* no */
  }
  57.5% {
    background-position: -1610px -805px;
    /* no */
  }
  58% {
    background-position: 0 -920px;
    /* no */
  }
  58.5% {
    background-position: -115px -920px;
    /* no */
  }
  58.9% {
    background-position: -230px -920px;
    /* no */
  }
  59.4% {
    background-position: -345px -920px;
    /* no */
  }
  59.9% {
    background-position: -460px -920px;
    /* no */
  }
  60.4% {
    background-position: -575px -920px;
    /* no */
  }
  60.9% {
    background-position: -690px -920px;
    /* no */
  }
  61.4% {
    background-position: -805px -920px;
    /* no */
  }
  61.8% {
    background-position: -920px -920px;
    /* no */
  }
  62.3% {
    background-position: -1035px -920px;
    /* no */
  }
  62.8% {
    background-position: -1150px -920px;
    /* no */
  }
  63.3% {
    background-position: -1265px -920px;
    /* no */
  }
  63.8% {
    background-position: -1380px -920px;
    /* no */
  }
  64.3% {
    background-position: -1495px -920px;
    /* no */
  }
  64.7% {
    background-position: -1610px -920px;
    /* no */
  }
  65.2% {
    background-position: 0 -1035px;
    /* no */
  }
  65.7% {
    background-position: -115px -1035px;
    /* no */
  }
  66.2% {
    background-position: -230px -1035px;
    /* no */
  }
  66.7% {
    background-position: -345px -1035px;
    /* no */
  }
  67.1% {
    background-position: -460px -1035px;
    /* no */
  }
  67.6% {
    background-position: -575px -1035px;
    /* no */
  }
  68.1% {
    background-position: -690px -1035px;
    /* no */
  }
  68.6% {
    background-position: -805px -1035px;
    /* no */
  }
  69.1% {
    background-position: -920px -1035px;
    /* no */
  }
  69.6% {
    background-position: -1035px -1035px;
    /* no */
  }
  70% {
    background-position: -1150px -1035px;
    /* no */
  }
  70.5% {
    background-position: -1265px -1035px;
    /* no */
  }
  71% {
    background-position: -1380px -1035px;
    /* no */
  }
  71.5% {
    background-position: -1495px -1035px;
    /* no */
  }
  72% {
    background-position: -1610px -1035px;
    /* no */
  }
  72.5% {
    background-position: 0 -1150px;
    /* no */
  }
  72.9% {
    background-position: -115px -1150px;
    /* no */
  }
  73.4% {
    background-position: -230px -1150px;
    /* no */
  }
  73.9% {
    background-position: -345px -1150px;
    /* no */
  }
  74.4% {
    background-position: -460px -1150px;
    /* no */
  }
  74.9% {
    background-position: -575px -1150px;
    /* no */
  }
  75.4% {
    background-position: -690px -1150px;
    /* no */
  }
  75.8% {
    background-position: -805px -1150px;
    /* no */
  }
  76.3% {
    background-position: -920px -1150px;
    /* no */
  }
  76.8% {
    background-position: -1035px -1150px;
    /* no */
  }
  77.3% {
    background-position: -1150px -1150px;
    /* no */
  }
  77.8% {
    background-position: -1265px -1150px;
    /* no */
  }
  78.3% {
    background-position: -1380px -1150px;
    /* no */
  }
  78.7% {
    background-position: -1495px -1150px;
    /* no */
  }
  79.2% {
    background-position: -1610px -1150px;
    /* no */
  }
  79.7% {
    background-position: 0 -1265px;
    /* no */
  }
  80.2% {
    background-position: -115px -1265px;
    /* no */
  }
  80.7% {
    background-position: -230px -1265px;
    /* no */
  }
  81.2% {
    background-position: -345px -1265px;
    /* no */
  }
  81.6% {
    background-position: -460px -1265px;
    /* no */
  }
  82.1% {
    background-position: -575px -1265px;
    /* no */
  }
  82.6% {
    background-position: -690px -1265px;
    /* no */
  }
  83.1% {
    background-position: -805px -1265px;
    /* no */
  }
  83.6% {
    background-position: -920px -1265px;
    /* no */
  }
  84.1% {
    background-position: -1035px -1265px;
    /* no */
  }
  84.5% {
    background-position: -1150px -1265px;
    /* no */
  }
  85% {
    background-position: -1265px -1265px;
    /* no */
  }
  85.5% {
    background-position: -1380px -1265px;
    /* no */
  }
  86% {
    background-position: -1495px -1265px;
    /* no */
  }
  86.5% {
    background-position: -1610px -1265px;
    /* no */
  }
  87% {
    background-position: 0 -1380px;
    /* no */
  }
  87.4% {
    background-position: -115px -1380px;
    /* no */
  }
  87.9% {
    background-position: -230px -1380px;
    /* no */
  }
  88.4% {
    background-position: -345px -1380px;
    /* no */
  }
  88.9% {
    background-position: -460px -1380px;
    /* no */
  }
  89.4% {
    background-position: -575px -1380px;
    /* no */
  }
  89.9% {
    background-position: -690px -1380px;
    /* no */
  }
  90.3% {
    background-position: -805px -1380px;
    /* no */
  }
  90.8% {
    background-position: -920px -1380px;
    /* no */
  }
  91.3% {
    background-position: -1035px -1380px;
    /* no */
  }
  91.8% {
    background-position: -1150px -1380px;
    /* no */
  }
  92.3% {
    background-position: -1265px -1380px;
    /* no */
  }
  92.8% {
    background-position: -1380px -1380px;
    /* no */
  }
  93.2% {
    background-position: -1495px -1380px;
    /* no */
  }
  93.7% {
    background-position: -1610px -1380px;
    /* no */
  }
  94.2% {
    background-position: 0 -1495px;
    /* no */
  }
  94.7% {
    background-position: -115px -1495px;
    /* no */
  }
  95.2% {
    background-position: -230px -1495px;
    /* no */
  }
  95.7% {
    background-position: -345px -1495px;
    /* no */
  }
  96.1% {
    background-position: -460px -1495px;
    /* no */
  }
  96.6% {
    background-position: -575px -1495px;
    /* no */
  }
  97.1% {
    background-position: -690px -1495px;
    /* no */
  }
  97.6% {
    background-position: -805px -1495px;
    /* no */
  }
  98.1% {
    background-position: -920px -1495px;
    /* no */
  }
  98.6% {
    background-position: -1035px -1495px;
    /* no */
  }
  99% {
    background-position: -1150px -1495px;
    /* no */
  }
  99.5% {
    background-position: -1265px -1495px;
    /* no */
  }
  100% {
    background-position: -1265px -1495px;
    /* no */
  }
}
.nxh-6 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: key_jh_35 6s steps(1) infinite;
          animation: key_jh_35 6s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/jh-36_e1c0f1ca.png);
  background-size: 1400% 1300%;
}
@-webkit-keyframes key_jh_35 {
  0% {
    background-position: 0 0;
  }
  0.6% {
    background-position: -115px 0;
    /* no */
  }
  1.1% {
    background-position: -230px 0;
    /* no */
  }
  1.7% {
    background-position: -345px 0;
    /* no */
  }
  2.2% {
    background-position: -460px 0;
    /* no */
  }
  2.8% {
    background-position: -575px 0;
    /* no */
  }
  3.3% {
    background-position: -690px 0;
    /* no */
  }
  3.9% {
    background-position: -805px 0;
    /* no */
  }
  4.4% {
    background-position: -920px 0;
    /* no */
  }
  5% {
    background-position: -1035px 0;
    /* no */
  }
  5.6% {
    background-position: -1150px 0;
    /* no */
  }
  6.1% {
    background-position: -1265px 0;
    /* no */
  }
  6.7% {
    background-position: -1380px 0;
    /* no */
  }
  7.2% {
    background-position: -1495px 0;
    /* no */
  }
  7.8% {
    background-position: 0 -115px;
    /* no */
  }
  8.3% {
    background-position: -115px -115px;
    /* no */
  }
  8.9% {
    background-position: -230px -115px;
    /* no */
  }
  9.4% {
    background-position: -345px -115px;
    /* no */
  }
  10% {
    background-position: -460px -115px;
    /* no */
  }
  10.6% {
    background-position: -575px -115px;
    /* no */
  }
  11.1% {
    background-position: -690px -115px;
    /* no */
  }
  11.7% {
    background-position: -805px -115px;
    /* no */
  }
  12.2% {
    background-position: -920px -115px;
    /* no */
  }
  12.8% {
    background-position: -1035px -115px;
    /* no */
  }
  13.3% {
    background-position: -1150px -115px;
    /* no */
  }
  13.9% {
    background-position: -1265px -115px;
    /* no */
  }
  14.4% {
    background-position: -1380px -115px;
    /* no */
  }
  15% {
    background-position: -1495px -115px;
    /* no */
  }
  15.6% {
    background-position: 0 -230px;
    /* no */
  }
  16.1% {
    background-position: -115px -230px;
    /* no */
  }
  16.7% {
    background-position: -230px -230px;
    /* no */
  }
  17.2% {
    background-position: -345px -230px;
    /* no */
  }
  17.8% {
    background-position: -460px -230px;
    /* no */
  }
  18.3% {
    background-position: -575px -230px;
    /* no */
  }
  18.9% {
    background-position: -690px -230px;
    /* no */
  }
  19.4% {
    background-position: -805px -230px;
    /* no */
  }
  20% {
    background-position: -920px -230px;
    /* no */
  }
  20.6% {
    background-position: -1035px -230px;
    /* no */
  }
  21.1% {
    background-position: -1150px -230px;
    /* no */
  }
  21.7% {
    background-position: -1265px -230px;
    /* no */
  }
  22.2% {
    background-position: -1380px -230px;
    /* no */
  }
  22.8% {
    background-position: -1495px -230px;
    /* no */
  }
  23.3% {
    background-position: 0 -345px;
    /* no */
  }
  23.9% {
    background-position: -115px -345px;
    /* no */
  }
  24.4% {
    background-position: -230px -345px;
    /* no */
  }
  25% {
    background-position: -345px -345px;
    /* no */
  }
  25.6% {
    background-position: -460px -345px;
    /* no */
  }
  26.1% {
    background-position: -575px -345px;
    /* no */
  }
  26.7% {
    background-position: -690px -345px;
    /* no */
  }
  27.2% {
    background-position: -805px -345px;
    /* no */
  }
  27.8% {
    background-position: -920px -345px;
    /* no */
  }
  28.3% {
    background-position: -1035px -345px;
    /* no */
  }
  28.9% {
    background-position: -1150px -345px;
    /* no */
  }
  29.4% {
    background-position: -1265px -345px;
    /* no */
  }
  30% {
    background-position: -1380px -345px;
    /* no */
  }
  30.6% {
    background-position: -1495px -345px;
    /* no */
  }
  31.1% {
    background-position: 0 -460px;
    /* no */
  }
  31.7% {
    background-position: -115px -460px;
    /* no */
  }
  32.2% {
    background-position: -230px -460px;
    /* no */
  }
  32.8% {
    background-position: -345px -460px;
    /* no */
  }
  33.3% {
    background-position: -460px -460px;
    /* no */
  }
  33.9% {
    background-position: -575px -460px;
    /* no */
  }
  34.4% {
    background-position: -690px -460px;
    /* no */
  }
  35% {
    background-position: -805px -460px;
    /* no */
  }
  35.6% {
    background-position: -920px -460px;
    /* no */
  }
  36.1% {
    background-position: -1035px -460px;
    /* no */
  }
  36.7% {
    background-position: -1150px -460px;
    /* no */
  }
  37.2% {
    background-position: -1265px -460px;
    /* no */
  }
  37.8% {
    background-position: -1380px -460px;
    /* no */
  }
  38.3% {
    background-position: -1495px -460px;
    /* no */
  }
  38.9% {
    background-position: 0 -575px;
    /* no */
  }
  39.4% {
    background-position: -115px -575px;
    /* no */
  }
  40% {
    background-position: -230px -575px;
    /* no */
  }
  40.6% {
    background-position: -345px -575px;
    /* no */
  }
  41.1% {
    background-position: -460px -575px;
    /* no */
  }
  41.7% {
    background-position: -575px -575px;
    /* no */
  }
  42.2% {
    background-position: -690px -575px;
    /* no */
  }
  42.8% {
    background-position: -805px -575px;
    /* no */
  }
  43.3% {
    background-position: -920px -575px;
    /* no */
  }
  43.9% {
    background-position: -1035px -575px;
    /* no */
  }
  44.4% {
    background-position: -1150px -575px;
    /* no */
  }
  45% {
    background-position: -1265px -575px;
    /* no */
  }
  45.6% {
    background-position: -1380px -575px;
    /* no */
  }
  46.1% {
    background-position: -1495px -575px;
    /* no */
  }
  46.7% {
    background-position: 0 -690px;
    /* no */
  }
  47.2% {
    background-position: -115px -690px;
    /* no */
  }
  47.8% {
    background-position: -230px -690px;
    /* no */
  }
  48.3% {
    background-position: -345px -690px;
    /* no */
  }
  48.9% {
    background-position: -460px -690px;
    /* no */
  }
  49.4% {
    background-position: -575px -690px;
    /* no */
  }
  50% {
    background-position: -690px -690px;
    /* no */
  }
  50.6% {
    background-position: -805px -690px;
    /* no */
  }
  51.1% {
    background-position: -920px -690px;
    /* no */
  }
  51.7% {
    background-position: -1035px -690px;
    /* no */
  }
  52.2% {
    background-position: -1150px -690px;
    /* no */
  }
  52.8% {
    background-position: -1265px -690px;
    /* no */
  }
  53.3% {
    background-position: -1380px -690px;
    /* no */
  }
  53.9% {
    background-position: -1495px -690px;
    /* no */
  }
  54.4% {
    background-position: 0 -805px;
    /* no */
  }
  55% {
    background-position: -115px -805px;
    /* no */
  }
  55.6% {
    background-position: -230px -805px;
    /* no */
  }
  56.1% {
    background-position: -345px -805px;
    /* no */
  }
  56.7% {
    background-position: -460px -805px;
    /* no */
  }
  57.2% {
    background-position: -575px -805px;
    /* no */
  }
  57.8% {
    background-position: -690px -805px;
    /* no */
  }
  58.3% {
    background-position: -805px -805px;
    /* no */
  }
  58.9% {
    background-position: -920px -805px;
    /* no */
  }
  59.4% {
    background-position: -1035px -805px;
    /* no */
  }
  60% {
    background-position: -1150px -805px;
    /* no */
  }
  60.6% {
    background-position: -1265px -805px;
    /* no */
  }
  61.1% {
    background-position: -1380px -805px;
    /* no */
  }
  61.7% {
    background-position: -1495px -805px;
    /* no */
  }
  62.2% {
    background-position: 0 -920px;
    /* no */
  }
  62.8% {
    background-position: -115px -920px;
    /* no */
  }
  63.3% {
    background-position: -230px -920px;
    /* no */
  }
  63.9% {
    background-position: -345px -920px;
    /* no */
  }
  64.4% {
    background-position: -460px -920px;
    /* no */
  }
  65% {
    background-position: -575px -920px;
    /* no */
  }
  65.6% {
    background-position: -690px -920px;
    /* no */
  }
  66.1% {
    background-position: -805px -920px;
    /* no */
  }
  66.7% {
    background-position: -920px -920px;
    /* no */
  }
  67.2% {
    background-position: -1035px -920px;
    /* no */
  }
  67.8% {
    background-position: -1150px -920px;
    /* no */
  }
  68.3% {
    background-position: -1265px -920px;
    /* no */
  }
  68.9% {
    background-position: -1380px -920px;
    /* no */
  }
  69.4% {
    background-position: -1495px -920px;
    /* no */
  }
  70% {
    background-position: 0 -1035px;
    /* no */
  }
  70.6% {
    background-position: -115px -1035px;
    /* no */
  }
  71.1% {
    background-position: -230px -1035px;
    /* no */
  }
  71.7% {
    background-position: -345px -1035px;
    /* no */
  }
  72.2% {
    background-position: -460px -1035px;
    /* no */
  }
  72.8% {
    background-position: -575px -1035px;
    /* no */
  }
  73.3% {
    background-position: -690px -1035px;
    /* no */
  }
  73.9% {
    background-position: -805px -1035px;
    /* no */
  }
  74.4% {
    background-position: -920px -1035px;
    /* no */
  }
  75% {
    background-position: -1035px -1035px;
    /* no */
  }
  75.6% {
    background-position: -1150px -1035px;
    /* no */
  }
  76.1% {
    background-position: -1265px -1035px;
    /* no */
  }
  76.7% {
    background-position: -1380px -1035px;
    /* no */
  }
  77.2% {
    background-position: -1495px -1035px;
    /* no */
  }
  77.8% {
    background-position: 0 -1150px;
    /* no */
  }
  78.3% {
    background-position: -115px -1150px;
    /* no */
  }
  78.9% {
    background-position: -230px -1150px;
    /* no */
  }
  79.4% {
    background-position: -345px -1150px;
    /* no */
  }
  80% {
    background-position: -460px -1150px;
    /* no */
  }
  80.6% {
    background-position: -575px -1150px;
    /* no */
  }
  81.1% {
    background-position: -690px -1150px;
    /* no */
  }
  81.7% {
    background-position: -805px -1150px;
    /* no */
  }
  82.2% {
    background-position: -920px -1150px;
    /* no */
  }
  82.8% {
    background-position: -1035px -1150px;
    /* no */
  }
  83.3% {
    background-position: -1150px -1150px;
    /* no */
  }
  83.9% {
    background-position: -1265px -1150px;
    /* no */
  }
  84.4% {
    background-position: -1380px -1150px;
    /* no */
  }
  85% {
    background-position: -1495px -1150px;
    /* no */
  }
  85.6% {
    background-position: 0 -1265px;
    /* no */
  }
  86.1% {
    background-position: -115px -1265px;
    /* no */
  }
  86.7% {
    background-position: -230px -1265px;
    /* no */
  }
  87.2% {
    background-position: -345px -1265px;
    /* no */
  }
  87.8% {
    background-position: -460px -1265px;
    /* no */
  }
  88.3% {
    background-position: -575px -1265px;
    /* no */
  }
  88.9% {
    background-position: -690px -1265px;
    /* no */
  }
  89.4% {
    background-position: -805px -1265px;
    /* no */
  }
  90% {
    background-position: -920px -1265px;
    /* no */
  }
  90.6% {
    background-position: -1035px -1265px;
    /* no */
  }
  91.1% {
    background-position: -1150px -1265px;
    /* no */
  }
  91.7% {
    background-position: -1265px -1265px;
    /* no */
  }
  92.2% {
    background-position: -1380px -1265px;
    /* no */
  }
  92.8% {
    background-position: -1495px -1265px;
    /* no */
  }
  93.3% {
    background-position: 0 -1380px;
    /* no */
  }
  93.9% {
    background-position: -115px -1380px;
    /* no */
  }
  94.4% {
    background-position: -230px -1380px;
    /* no */
  }
  95% {
    background-position: -345px -1380px;
    /* no */
  }
  95.6% {
    background-position: -460px -1380px;
    /* no */
  }
  96.1% {
    background-position: -575px -1380px;
    /* no */
  }
  96.7% {
    background-position: -690px -1380px;
    /* no */
  }
  97.2% {
    background-position: -805px -1380px;
    /* no */
  }
  97.8% {
    background-position: -920px -1380px;
    /* no */
  }
  98.3% {
    background-position: -1035px -1380px;
    /* no */
  }
  98.9% {
    background-position: -1150px -1380px;
    /* no */
  }
  99.4% {
    background-position: -1265px -1380px;
    /* no */
  }
  100% {
    background-position: -1265px -1380px;
    /* no */
  }
}
@keyframes key_jh_35 {
  0% {
    background-position: 0 0;
  }
  0.6% {
    background-position: -115px 0;
    /* no */
  }
  1.1% {
    background-position: -230px 0;
    /* no */
  }
  1.7% {
    background-position: -345px 0;
    /* no */
  }
  2.2% {
    background-position: -460px 0;
    /* no */
  }
  2.8% {
    background-position: -575px 0;
    /* no */
  }
  3.3% {
    background-position: -690px 0;
    /* no */
  }
  3.9% {
    background-position: -805px 0;
    /* no */
  }
  4.4% {
    background-position: -920px 0;
    /* no */
  }
  5% {
    background-position: -1035px 0;
    /* no */
  }
  5.6% {
    background-position: -1150px 0;
    /* no */
  }
  6.1% {
    background-position: -1265px 0;
    /* no */
  }
  6.7% {
    background-position: -1380px 0;
    /* no */
  }
  7.2% {
    background-position: -1495px 0;
    /* no */
  }
  7.8% {
    background-position: 0 -115px;
    /* no */
  }
  8.3% {
    background-position: -115px -115px;
    /* no */
  }
  8.9% {
    background-position: -230px -115px;
    /* no */
  }
  9.4% {
    background-position: -345px -115px;
    /* no */
  }
  10% {
    background-position: -460px -115px;
    /* no */
  }
  10.6% {
    background-position: -575px -115px;
    /* no */
  }
  11.1% {
    background-position: -690px -115px;
    /* no */
  }
  11.7% {
    background-position: -805px -115px;
    /* no */
  }
  12.2% {
    background-position: -920px -115px;
    /* no */
  }
  12.8% {
    background-position: -1035px -115px;
    /* no */
  }
  13.3% {
    background-position: -1150px -115px;
    /* no */
  }
  13.9% {
    background-position: -1265px -115px;
    /* no */
  }
  14.4% {
    background-position: -1380px -115px;
    /* no */
  }
  15% {
    background-position: -1495px -115px;
    /* no */
  }
  15.6% {
    background-position: 0 -230px;
    /* no */
  }
  16.1% {
    background-position: -115px -230px;
    /* no */
  }
  16.7% {
    background-position: -230px -230px;
    /* no */
  }
  17.2% {
    background-position: -345px -230px;
    /* no */
  }
  17.8% {
    background-position: -460px -230px;
    /* no */
  }
  18.3% {
    background-position: -575px -230px;
    /* no */
  }
  18.9% {
    background-position: -690px -230px;
    /* no */
  }
  19.4% {
    background-position: -805px -230px;
    /* no */
  }
  20% {
    background-position: -920px -230px;
    /* no */
  }
  20.6% {
    background-position: -1035px -230px;
    /* no */
  }
  21.1% {
    background-position: -1150px -230px;
    /* no */
  }
  21.7% {
    background-position: -1265px -230px;
    /* no */
  }
  22.2% {
    background-position: -1380px -230px;
    /* no */
  }
  22.8% {
    background-position: -1495px -230px;
    /* no */
  }
  23.3% {
    background-position: 0 -345px;
    /* no */
  }
  23.9% {
    background-position: -115px -345px;
    /* no */
  }
  24.4% {
    background-position: -230px -345px;
    /* no */
  }
  25% {
    background-position: -345px -345px;
    /* no */
  }
  25.6% {
    background-position: -460px -345px;
    /* no */
  }
  26.1% {
    background-position: -575px -345px;
    /* no */
  }
  26.7% {
    background-position: -690px -345px;
    /* no */
  }
  27.2% {
    background-position: -805px -345px;
    /* no */
  }
  27.8% {
    background-position: -920px -345px;
    /* no */
  }
  28.3% {
    background-position: -1035px -345px;
    /* no */
  }
  28.9% {
    background-position: -1150px -345px;
    /* no */
  }
  29.4% {
    background-position: -1265px -345px;
    /* no */
  }
  30% {
    background-position: -1380px -345px;
    /* no */
  }
  30.6% {
    background-position: -1495px -345px;
    /* no */
  }
  31.1% {
    background-position: 0 -460px;
    /* no */
  }
  31.7% {
    background-position: -115px -460px;
    /* no */
  }
  32.2% {
    background-position: -230px -460px;
    /* no */
  }
  32.8% {
    background-position: -345px -460px;
    /* no */
  }
  33.3% {
    background-position: -460px -460px;
    /* no */
  }
  33.9% {
    background-position: -575px -460px;
    /* no */
  }
  34.4% {
    background-position: -690px -460px;
    /* no */
  }
  35% {
    background-position: -805px -460px;
    /* no */
  }
  35.6% {
    background-position: -920px -460px;
    /* no */
  }
  36.1% {
    background-position: -1035px -460px;
    /* no */
  }
  36.7% {
    background-position: -1150px -460px;
    /* no */
  }
  37.2% {
    background-position: -1265px -460px;
    /* no */
  }
  37.8% {
    background-position: -1380px -460px;
    /* no */
  }
  38.3% {
    background-position: -1495px -460px;
    /* no */
  }
  38.9% {
    background-position: 0 -575px;
    /* no */
  }
  39.4% {
    background-position: -115px -575px;
    /* no */
  }
  40% {
    background-position: -230px -575px;
    /* no */
  }
  40.6% {
    background-position: -345px -575px;
    /* no */
  }
  41.1% {
    background-position: -460px -575px;
    /* no */
  }
  41.7% {
    background-position: -575px -575px;
    /* no */
  }
  42.2% {
    background-position: -690px -575px;
    /* no */
  }
  42.8% {
    background-position: -805px -575px;
    /* no */
  }
  43.3% {
    background-position: -920px -575px;
    /* no */
  }
  43.9% {
    background-position: -1035px -575px;
    /* no */
  }
  44.4% {
    background-position: -1150px -575px;
    /* no */
  }
  45% {
    background-position: -1265px -575px;
    /* no */
  }
  45.6% {
    background-position: -1380px -575px;
    /* no */
  }
  46.1% {
    background-position: -1495px -575px;
    /* no */
  }
  46.7% {
    background-position: 0 -690px;
    /* no */
  }
  47.2% {
    background-position: -115px -690px;
    /* no */
  }
  47.8% {
    background-position: -230px -690px;
    /* no */
  }
  48.3% {
    background-position: -345px -690px;
    /* no */
  }
  48.9% {
    background-position: -460px -690px;
    /* no */
  }
  49.4% {
    background-position: -575px -690px;
    /* no */
  }
  50% {
    background-position: -690px -690px;
    /* no */
  }
  50.6% {
    background-position: -805px -690px;
    /* no */
  }
  51.1% {
    background-position: -920px -690px;
    /* no */
  }
  51.7% {
    background-position: -1035px -690px;
    /* no */
  }
  52.2% {
    background-position: -1150px -690px;
    /* no */
  }
  52.8% {
    background-position: -1265px -690px;
    /* no */
  }
  53.3% {
    background-position: -1380px -690px;
    /* no */
  }
  53.9% {
    background-position: -1495px -690px;
    /* no */
  }
  54.4% {
    background-position: 0 -805px;
    /* no */
  }
  55% {
    background-position: -115px -805px;
    /* no */
  }
  55.6% {
    background-position: -230px -805px;
    /* no */
  }
  56.1% {
    background-position: -345px -805px;
    /* no */
  }
  56.7% {
    background-position: -460px -805px;
    /* no */
  }
  57.2% {
    background-position: -575px -805px;
    /* no */
  }
  57.8% {
    background-position: -690px -805px;
    /* no */
  }
  58.3% {
    background-position: -805px -805px;
    /* no */
  }
  58.9% {
    background-position: -920px -805px;
    /* no */
  }
  59.4% {
    background-position: -1035px -805px;
    /* no */
  }
  60% {
    background-position: -1150px -805px;
    /* no */
  }
  60.6% {
    background-position: -1265px -805px;
    /* no */
  }
  61.1% {
    background-position: -1380px -805px;
    /* no */
  }
  61.7% {
    background-position: -1495px -805px;
    /* no */
  }
  62.2% {
    background-position: 0 -920px;
    /* no */
  }
  62.8% {
    background-position: -115px -920px;
    /* no */
  }
  63.3% {
    background-position: -230px -920px;
    /* no */
  }
  63.9% {
    background-position: -345px -920px;
    /* no */
  }
  64.4% {
    background-position: -460px -920px;
    /* no */
  }
  65% {
    background-position: -575px -920px;
    /* no */
  }
  65.6% {
    background-position: -690px -920px;
    /* no */
  }
  66.1% {
    background-position: -805px -920px;
    /* no */
  }
  66.7% {
    background-position: -920px -920px;
    /* no */
  }
  67.2% {
    background-position: -1035px -920px;
    /* no */
  }
  67.8% {
    background-position: -1150px -920px;
    /* no */
  }
  68.3% {
    background-position: -1265px -920px;
    /* no */
  }
  68.9% {
    background-position: -1380px -920px;
    /* no */
  }
  69.4% {
    background-position: -1495px -920px;
    /* no */
  }
  70% {
    background-position: 0 -1035px;
    /* no */
  }
  70.6% {
    background-position: -115px -1035px;
    /* no */
  }
  71.1% {
    background-position: -230px -1035px;
    /* no */
  }
  71.7% {
    background-position: -345px -1035px;
    /* no */
  }
  72.2% {
    background-position: -460px -1035px;
    /* no */
  }
  72.8% {
    background-position: -575px -1035px;
    /* no */
  }
  73.3% {
    background-position: -690px -1035px;
    /* no */
  }
  73.9% {
    background-position: -805px -1035px;
    /* no */
  }
  74.4% {
    background-position: -920px -1035px;
    /* no */
  }
  75% {
    background-position: -1035px -1035px;
    /* no */
  }
  75.6% {
    background-position: -1150px -1035px;
    /* no */
  }
  76.1% {
    background-position: -1265px -1035px;
    /* no */
  }
  76.7% {
    background-position: -1380px -1035px;
    /* no */
  }
  77.2% {
    background-position: -1495px -1035px;
    /* no */
  }
  77.8% {
    background-position: 0 -1150px;
    /* no */
  }
  78.3% {
    background-position: -115px -1150px;
    /* no */
  }
  78.9% {
    background-position: -230px -1150px;
    /* no */
  }
  79.4% {
    background-position: -345px -1150px;
    /* no */
  }
  80% {
    background-position: -460px -1150px;
    /* no */
  }
  80.6% {
    background-position: -575px -1150px;
    /* no */
  }
  81.1% {
    background-position: -690px -1150px;
    /* no */
  }
  81.7% {
    background-position: -805px -1150px;
    /* no */
  }
  82.2% {
    background-position: -920px -1150px;
    /* no */
  }
  82.8% {
    background-position: -1035px -1150px;
    /* no */
  }
  83.3% {
    background-position: -1150px -1150px;
    /* no */
  }
  83.9% {
    background-position: -1265px -1150px;
    /* no */
  }
  84.4% {
    background-position: -1380px -1150px;
    /* no */
  }
  85% {
    background-position: -1495px -1150px;
    /* no */
  }
  85.6% {
    background-position: 0 -1265px;
    /* no */
  }
  86.1% {
    background-position: -115px -1265px;
    /* no */
  }
  86.7% {
    background-position: -230px -1265px;
    /* no */
  }
  87.2% {
    background-position: -345px -1265px;
    /* no */
  }
  87.8% {
    background-position: -460px -1265px;
    /* no */
  }
  88.3% {
    background-position: -575px -1265px;
    /* no */
  }
  88.9% {
    background-position: -690px -1265px;
    /* no */
  }
  89.4% {
    background-position: -805px -1265px;
    /* no */
  }
  90% {
    background-position: -920px -1265px;
    /* no */
  }
  90.6% {
    background-position: -1035px -1265px;
    /* no */
  }
  91.1% {
    background-position: -1150px -1265px;
    /* no */
  }
  91.7% {
    background-position: -1265px -1265px;
    /* no */
  }
  92.2% {
    background-position: -1380px -1265px;
    /* no */
  }
  92.8% {
    background-position: -1495px -1265px;
    /* no */
  }
  93.3% {
    background-position: 0 -1380px;
    /* no */
  }
  93.9% {
    background-position: -115px -1380px;
    /* no */
  }
  94.4% {
    background-position: -230px -1380px;
    /* no */
  }
  95% {
    background-position: -345px -1380px;
    /* no */
  }
  95.6% {
    background-position: -460px -1380px;
    /* no */
  }
  96.1% {
    background-position: -575px -1380px;
    /* no */
  }
  96.7% {
    background-position: -690px -1380px;
    /* no */
  }
  97.2% {
    background-position: -805px -1380px;
    /* no */
  }
  97.8% {
    background-position: -920px -1380px;
    /* no */
  }
  98.3% {
    background-position: -1035px -1380px;
    /* no */
  }
  98.9% {
    background-position: -1150px -1380px;
    /* no */
  }
  99.4% {
    background-position: -1265px -1380px;
    /* no */
  }
  100% {
    background-position: -1265px -1380px;
    /* no */
  }
}
.nxh-7 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: sprite_506__01_48__png_1 6s steps(1) infinite;
          animation: sprite_506__01_48__png_1 6s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/jh-37_b07d2d3f.png);
  background-size: 1400% 1300%;
}
@-webkit-keyframes sprite_506__01_48__png_1 {
  0% {
    background-position: 0 0;
  }
  0.6% {
    background-position: -115px 0;
    /* no */
  }
  1.1% {
    background-position: -230px 0;
    /* no */
  }
  1.7% {
    background-position: -345px 0;
    /* no */
  }
  2.2% {
    background-position: -460px 0;
    /* no */
  }
  2.8% {
    background-position: -575px 0;
    /* no */
  }
  3.3% {
    background-position: -690px 0;
    /* no */
  }
  3.9% {
    background-position: -805px 0;
    /* no */
  }
  4.4% {
    background-position: -920px 0;
    /* no */
  }
  5% {
    background-position: -1035px 0;
    /* no */
  }
  5.6% {
    background-position: -1150px 0;
    /* no */
  }
  6.1% {
    background-position: -1265px 0;
    /* no */
  }
  6.7% {
    background-position: -1380px 0;
    /* no */
  }
  7.2% {
    background-position: -1495px 0;
    /* no */
  }
  7.8% {
    background-position: 0 -115px;
    /* no */
  }
  8.3% {
    background-position: -115px -115px;
    /* no */
  }
  8.9% {
    background-position: -230px -115px;
    /* no */
  }
  9.4% {
    background-position: -345px -115px;
    /* no */
  }
  10% {
    background-position: -460px -115px;
    /* no */
  }
  10.6% {
    background-position: -575px -115px;
    /* no */
  }
  11.1% {
    background-position: -690px -115px;
    /* no */
  }
  11.7% {
    background-position: -805px -115px;
    /* no */
  }
  12.2% {
    background-position: -920px -115px;
    /* no */
  }
  12.8% {
    background-position: -1035px -115px;
    /* no */
  }
  13.3% {
    background-position: -1150px -115px;
    /* no */
  }
  13.9% {
    background-position: -1265px -115px;
    /* no */
  }
  14.4% {
    background-position: -1380px -115px;
    /* no */
  }
  15% {
    background-position: -1495px -115px;
    /* no */
  }
  15.6% {
    background-position: 0 -230px;
    /* no */
  }
  16.1% {
    background-position: -115px -230px;
    /* no */
  }
  16.7% {
    background-position: -230px -230px;
    /* no */
  }
  17.2% {
    background-position: -345px -230px;
    /* no */
  }
  17.8% {
    background-position: -460px -230px;
    /* no */
  }
  18.3% {
    background-position: -575px -230px;
    /* no */
  }
  18.9% {
    background-position: -690px -230px;
    /* no */
  }
  19.4% {
    background-position: -805px -230px;
    /* no */
  }
  20% {
    background-position: -920px -230px;
    /* no */
  }
  20.6% {
    background-position: -1035px -230px;
    /* no */
  }
  21.1% {
    background-position: -1150px -230px;
    /* no */
  }
  21.7% {
    background-position: -1265px -230px;
    /* no */
  }
  22.2% {
    background-position: -1380px -230px;
    /* no */
  }
  22.8% {
    background-position: -1495px -230px;
    /* no */
  }
  23.3% {
    background-position: 0 -345px;
    /* no */
  }
  23.9% {
    background-position: -115px -345px;
    /* no */
  }
  24.4% {
    background-position: -230px -345px;
    /* no */
  }
  25% {
    background-position: -345px -345px;
    /* no */
  }
  25.6% {
    background-position: -460px -345px;
    /* no */
  }
  26.1% {
    background-position: -575px -345px;
    /* no */
  }
  26.7% {
    background-position: -690px -345px;
    /* no */
  }
  27.2% {
    background-position: -805px -345px;
    /* no */
  }
  27.8% {
    background-position: -920px -345px;
    /* no */
  }
  28.3% {
    background-position: -1035px -345px;
    /* no */
  }
  28.9% {
    background-position: -1150px -345px;
    /* no */
  }
  29.4% {
    background-position: -1265px -345px;
    /* no */
  }
  30% {
    background-position: -1380px -345px;
    /* no */
  }
  30.6% {
    background-position: -1495px -345px;
    /* no */
  }
  31.1% {
    background-position: 0 -460px;
    /* no */
  }
  31.7% {
    background-position: -115px -460px;
    /* no */
  }
  32.2% {
    background-position: -230px -460px;
    /* no */
  }
  32.8% {
    background-position: -345px -460px;
    /* no */
  }
  33.3% {
    background-position: -460px -460px;
    /* no */
  }
  33.9% {
    background-position: -575px -460px;
    /* no */
  }
  34.4% {
    background-position: -690px -460px;
    /* no */
  }
  35% {
    background-position: -805px -460px;
    /* no */
  }
  35.6% {
    background-position: -920px -460px;
    /* no */
  }
  36.1% {
    background-position: -1035px -460px;
    /* no */
  }
  36.7% {
    background-position: -1150px -460px;
    /* no */
  }
  37.2% {
    background-position: -1265px -460px;
    /* no */
  }
  37.8% {
    background-position: -1380px -460px;
    /* no */
  }
  38.3% {
    background-position: -1495px -460px;
    /* no */
  }
  38.9% {
    background-position: 0 -575px;
    /* no */
  }
  39.4% {
    background-position: -115px -575px;
    /* no */
  }
  40% {
    background-position: -230px -575px;
    /* no */
  }
  40.6% {
    background-position: -345px -575px;
    /* no */
  }
  41.1% {
    background-position: -460px -575px;
    /* no */
  }
  41.7% {
    background-position: -575px -575px;
    /* no */
  }
  42.2% {
    background-position: -690px -575px;
    /* no */
  }
  42.8% {
    background-position: -805px -575px;
    /* no */
  }
  43.3% {
    background-position: -920px -575px;
    /* no */
  }
  43.9% {
    background-position: -1035px -575px;
    /* no */
  }
  44.4% {
    background-position: -1150px -575px;
    /* no */
  }
  45% {
    background-position: -1265px -575px;
    /* no */
  }
  45.6% {
    background-position: -1380px -575px;
    /* no */
  }
  46.1% {
    background-position: -1495px -575px;
    /* no */
  }
  46.7% {
    background-position: 0 -690px;
    /* no */
  }
  47.2% {
    background-position: -115px -690px;
    /* no */
  }
  47.8% {
    background-position: -230px -690px;
    /* no */
  }
  48.3% {
    background-position: -345px -690px;
    /* no */
  }
  48.9% {
    background-position: -460px -690px;
    /* no */
  }
  49.4% {
    background-position: -575px -690px;
    /* no */
  }
  50% {
    background-position: -690px -690px;
    /* no */
  }
  50.6% {
    background-position: -805px -690px;
    /* no */
  }
  51.1% {
    background-position: -920px -690px;
    /* no */
  }
  51.7% {
    background-position: -1035px -690px;
    /* no */
  }
  52.2% {
    background-position: -1150px -690px;
    /* no */
  }
  52.8% {
    background-position: -1265px -690px;
    /* no */
  }
  53.3% {
    background-position: -1380px -690px;
    /* no */
  }
  53.9% {
    background-position: -1495px -690px;
    /* no */
  }
  54.4% {
    background-position: 0 -805px;
    /* no */
  }
  55% {
    background-position: -115px -805px;
    /* no */
  }
  55.6% {
    background-position: -230px -805px;
    /* no */
  }
  56.1% {
    background-position: -345px -805px;
    /* no */
  }
  56.7% {
    background-position: -460px -805px;
    /* no */
  }
  57.2% {
    background-position: -575px -805px;
    /* no */
  }
  57.8% {
    background-position: -690px -805px;
    /* no */
  }
  58.3% {
    background-position: -805px -805px;
    /* no */
  }
  58.9% {
    background-position: -920px -805px;
    /* no */
  }
  59.4% {
    background-position: -1035px -805px;
    /* no */
  }
  60% {
    background-position: -1150px -805px;
    /* no */
  }
  60.6% {
    background-position: -1265px -805px;
    /* no */
  }
  61.1% {
    background-position: -1380px -805px;
    /* no */
  }
  61.7% {
    background-position: -1495px -805px;
    /* no */
  }
  62.2% {
    background-position: 0 -920px;
    /* no */
  }
  62.8% {
    background-position: -115px -920px;
    /* no */
  }
  63.3% {
    background-position: -230px -920px;
    /* no */
  }
  63.9% {
    background-position: -345px -920px;
    /* no */
  }
  64.4% {
    background-position: -460px -920px;
    /* no */
  }
  65% {
    background-position: -575px -920px;
    /* no */
  }
  65.6% {
    background-position: -690px -920px;
    /* no */
  }
  66.1% {
    background-position: -805px -920px;
    /* no */
  }
  66.7% {
    background-position: -920px -920px;
    /* no */
  }
  67.2% {
    background-position: -1035px -920px;
    /* no */
  }
  67.8% {
    background-position: -1150px -920px;
    /* no */
  }
  68.3% {
    background-position: -1265px -920px;
    /* no */
  }
  68.9% {
    background-position: -1380px -920px;
    /* no */
  }
  69.4% {
    background-position: -1495px -920px;
    /* no */
  }
  70% {
    background-position: 0 -1035px;
    /* no */
  }
  70.6% {
    background-position: -115px -1035px;
    /* no */
  }
  71.1% {
    background-position: -230px -1035px;
    /* no */
  }
  71.7% {
    background-position: -345px -1035px;
    /* no */
  }
  72.2% {
    background-position: -460px -1035px;
    /* no */
  }
  72.8% {
    background-position: -575px -1035px;
    /* no */
  }
  73.3% {
    background-position: -690px -1035px;
    /* no */
  }
  73.9% {
    background-position: -805px -1035px;
    /* no */
  }
  74.4% {
    background-position: -920px -1035px;
    /* no */
  }
  75% {
    background-position: -1035px -1035px;
    /* no */
  }
  75.6% {
    background-position: -1150px -1035px;
    /* no */
  }
  76.1% {
    background-position: -1265px -1035px;
    /* no */
  }
  76.7% {
    background-position: -1380px -1035px;
    /* no */
  }
  77.2% {
    background-position: -1495px -1035px;
    /* no */
  }
  77.8% {
    background-position: 0 -1150px;
    /* no */
  }
  78.3% {
    background-position: -115px -1150px;
    /* no */
  }
  78.9% {
    background-position: -230px -1150px;
    /* no */
  }
  79.4% {
    background-position: -345px -1150px;
    /* no */
  }
  80% {
    background-position: -460px -1150px;
    /* no */
  }
  80.6% {
    background-position: -575px -1150px;
    /* no */
  }
  81.1% {
    background-position: -690px -1150px;
    /* no */
  }
  81.7% {
    background-position: -805px -1150px;
    /* no */
  }
  82.2% {
    background-position: -920px -1150px;
    /* no */
  }
  82.8% {
    background-position: -1035px -1150px;
    /* no */
  }
  83.3% {
    background-position: -1150px -1150px;
    /* no */
  }
  83.9% {
    background-position: -1265px -1150px;
    /* no */
  }
  84.4% {
    background-position: -1380px -1150px;
    /* no */
  }
  85% {
    background-position: -1495px -1150px;
    /* no */
  }
  85.6% {
    background-position: 0 -1265px;
    /* no */
  }
  86.1% {
    background-position: -115px -1265px;
    /* no */
  }
  86.7% {
    background-position: -230px -1265px;
    /* no */
  }
  87.2% {
    background-position: -345px -1265px;
    /* no */
  }
  87.8% {
    background-position: -460px -1265px;
    /* no */
  }
  88.3% {
    background-position: -575px -1265px;
    /* no */
  }
  88.9% {
    background-position: -690px -1265px;
    /* no */
  }
  89.4% {
    background-position: -805px -1265px;
    /* no */
  }
  90% {
    background-position: -920px -1265px;
    /* no */
  }
  90.6% {
    background-position: -1035px -1265px;
    /* no */
  }
  91.1% {
    background-position: -1150px -1265px;
    /* no */
  }
  91.7% {
    background-position: -1265px -1265px;
    /* no */
  }
  92.2% {
    background-position: -1380px -1265px;
    /* no */
  }
  92.8% {
    background-position: -1495px -1265px;
    /* no */
  }
  93.3% {
    background-position: 0 -1380px;
    /* no */
  }
  93.9% {
    background-position: -115px -1380px;
    /* no */
  }
  94.4% {
    background-position: -230px -1380px;
    /* no */
  }
  95% {
    background-position: -345px -1380px;
    /* no */
  }
  95.6% {
    background-position: -460px -1380px;
    /* no */
  }
  96.1% {
    background-position: -575px -1380px;
    /* no */
  }
  96.7% {
    background-position: -690px -1380px;
    /* no */
  }
  97.2% {
    background-position: -805px -1380px;
    /* no */
  }
  97.8% {
    background-position: -920px -1380px;
    /* no */
  }
  98.3% {
    background-position: -1035px -1380px;
    /* no */
  }
  98.9% {
    background-position: -1150px -1380px;
    /* no */
  }
  99.4% {
    background-position: -1265px -1380px;
    /* no */
  }
  100% {
    background-position: -1265px -1380px;
    /* no */
  }
}
@keyframes sprite_506__01_48__png_1 {
  0% {
    background-position: 0 0;
  }
  0.6% {
    background-position: -115px 0;
    /* no */
  }
  1.1% {
    background-position: -230px 0;
    /* no */
  }
  1.7% {
    background-position: -345px 0;
    /* no */
  }
  2.2% {
    background-position: -460px 0;
    /* no */
  }
  2.8% {
    background-position: -575px 0;
    /* no */
  }
  3.3% {
    background-position: -690px 0;
    /* no */
  }
  3.9% {
    background-position: -805px 0;
    /* no */
  }
  4.4% {
    background-position: -920px 0;
    /* no */
  }
  5% {
    background-position: -1035px 0;
    /* no */
  }
  5.6% {
    background-position: -1150px 0;
    /* no */
  }
  6.1% {
    background-position: -1265px 0;
    /* no */
  }
  6.7% {
    background-position: -1380px 0;
    /* no */
  }
  7.2% {
    background-position: -1495px 0;
    /* no */
  }
  7.8% {
    background-position: 0 -115px;
    /* no */
  }
  8.3% {
    background-position: -115px -115px;
    /* no */
  }
  8.9% {
    background-position: -230px -115px;
    /* no */
  }
  9.4% {
    background-position: -345px -115px;
    /* no */
  }
  10% {
    background-position: -460px -115px;
    /* no */
  }
  10.6% {
    background-position: -575px -115px;
    /* no */
  }
  11.1% {
    background-position: -690px -115px;
    /* no */
  }
  11.7% {
    background-position: -805px -115px;
    /* no */
  }
  12.2% {
    background-position: -920px -115px;
    /* no */
  }
  12.8% {
    background-position: -1035px -115px;
    /* no */
  }
  13.3% {
    background-position: -1150px -115px;
    /* no */
  }
  13.9% {
    background-position: -1265px -115px;
    /* no */
  }
  14.4% {
    background-position: -1380px -115px;
    /* no */
  }
  15% {
    background-position: -1495px -115px;
    /* no */
  }
  15.6% {
    background-position: 0 -230px;
    /* no */
  }
  16.1% {
    background-position: -115px -230px;
    /* no */
  }
  16.7% {
    background-position: -230px -230px;
    /* no */
  }
  17.2% {
    background-position: -345px -230px;
    /* no */
  }
  17.8% {
    background-position: -460px -230px;
    /* no */
  }
  18.3% {
    background-position: -575px -230px;
    /* no */
  }
  18.9% {
    background-position: -690px -230px;
    /* no */
  }
  19.4% {
    background-position: -805px -230px;
    /* no */
  }
  20% {
    background-position: -920px -230px;
    /* no */
  }
  20.6% {
    background-position: -1035px -230px;
    /* no */
  }
  21.1% {
    background-position: -1150px -230px;
    /* no */
  }
  21.7% {
    background-position: -1265px -230px;
    /* no */
  }
  22.2% {
    background-position: -1380px -230px;
    /* no */
  }
  22.8% {
    background-position: -1495px -230px;
    /* no */
  }
  23.3% {
    background-position: 0 -345px;
    /* no */
  }
  23.9% {
    background-position: -115px -345px;
    /* no */
  }
  24.4% {
    background-position: -230px -345px;
    /* no */
  }
  25% {
    background-position: -345px -345px;
    /* no */
  }
  25.6% {
    background-position: -460px -345px;
    /* no */
  }
  26.1% {
    background-position: -575px -345px;
    /* no */
  }
  26.7% {
    background-position: -690px -345px;
    /* no */
  }
  27.2% {
    background-position: -805px -345px;
    /* no */
  }
  27.8% {
    background-position: -920px -345px;
    /* no */
  }
  28.3% {
    background-position: -1035px -345px;
    /* no */
  }
  28.9% {
    background-position: -1150px -345px;
    /* no */
  }
  29.4% {
    background-position: -1265px -345px;
    /* no */
  }
  30% {
    background-position: -1380px -345px;
    /* no */
  }
  30.6% {
    background-position: -1495px -345px;
    /* no */
  }
  31.1% {
    background-position: 0 -460px;
    /* no */
  }
  31.7% {
    background-position: -115px -460px;
    /* no */
  }
  32.2% {
    background-position: -230px -460px;
    /* no */
  }
  32.8% {
    background-position: -345px -460px;
    /* no */
  }
  33.3% {
    background-position: -460px -460px;
    /* no */
  }
  33.9% {
    background-position: -575px -460px;
    /* no */
  }
  34.4% {
    background-position: -690px -460px;
    /* no */
  }
  35% {
    background-position: -805px -460px;
    /* no */
  }
  35.6% {
    background-position: -920px -460px;
    /* no */
  }
  36.1% {
    background-position: -1035px -460px;
    /* no */
  }
  36.7% {
    background-position: -1150px -460px;
    /* no */
  }
  37.2% {
    background-position: -1265px -460px;
    /* no */
  }
  37.8% {
    background-position: -1380px -460px;
    /* no */
  }
  38.3% {
    background-position: -1495px -460px;
    /* no */
  }
  38.9% {
    background-position: 0 -575px;
    /* no */
  }
  39.4% {
    background-position: -115px -575px;
    /* no */
  }
  40% {
    background-position: -230px -575px;
    /* no */
  }
  40.6% {
    background-position: -345px -575px;
    /* no */
  }
  41.1% {
    background-position: -460px -575px;
    /* no */
  }
  41.7% {
    background-position: -575px -575px;
    /* no */
  }
  42.2% {
    background-position: -690px -575px;
    /* no */
  }
  42.8% {
    background-position: -805px -575px;
    /* no */
  }
  43.3% {
    background-position: -920px -575px;
    /* no */
  }
  43.9% {
    background-position: -1035px -575px;
    /* no */
  }
  44.4% {
    background-position: -1150px -575px;
    /* no */
  }
  45% {
    background-position: -1265px -575px;
    /* no */
  }
  45.6% {
    background-position: -1380px -575px;
    /* no */
  }
  46.1% {
    background-position: -1495px -575px;
    /* no */
  }
  46.7% {
    background-position: 0 -690px;
    /* no */
  }
  47.2% {
    background-position: -115px -690px;
    /* no */
  }
  47.8% {
    background-position: -230px -690px;
    /* no */
  }
  48.3% {
    background-position: -345px -690px;
    /* no */
  }
  48.9% {
    background-position: -460px -690px;
    /* no */
  }
  49.4% {
    background-position: -575px -690px;
    /* no */
  }
  50% {
    background-position: -690px -690px;
    /* no */
  }
  50.6% {
    background-position: -805px -690px;
    /* no */
  }
  51.1% {
    background-position: -920px -690px;
    /* no */
  }
  51.7% {
    background-position: -1035px -690px;
    /* no */
  }
  52.2% {
    background-position: -1150px -690px;
    /* no */
  }
  52.8% {
    background-position: -1265px -690px;
    /* no */
  }
  53.3% {
    background-position: -1380px -690px;
    /* no */
  }
  53.9% {
    background-position: -1495px -690px;
    /* no */
  }
  54.4% {
    background-position: 0 -805px;
    /* no */
  }
  55% {
    background-position: -115px -805px;
    /* no */
  }
  55.6% {
    background-position: -230px -805px;
    /* no */
  }
  56.1% {
    background-position: -345px -805px;
    /* no */
  }
  56.7% {
    background-position: -460px -805px;
    /* no */
  }
  57.2% {
    background-position: -575px -805px;
    /* no */
  }
  57.8% {
    background-position: -690px -805px;
    /* no */
  }
  58.3% {
    background-position: -805px -805px;
    /* no */
  }
  58.9% {
    background-position: -920px -805px;
    /* no */
  }
  59.4% {
    background-position: -1035px -805px;
    /* no */
  }
  60% {
    background-position: -1150px -805px;
    /* no */
  }
  60.6% {
    background-position: -1265px -805px;
    /* no */
  }
  61.1% {
    background-position: -1380px -805px;
    /* no */
  }
  61.7% {
    background-position: -1495px -805px;
    /* no */
  }
  62.2% {
    background-position: 0 -920px;
    /* no */
  }
  62.8% {
    background-position: -115px -920px;
    /* no */
  }
  63.3% {
    background-position: -230px -920px;
    /* no */
  }
  63.9% {
    background-position: -345px -920px;
    /* no */
  }
  64.4% {
    background-position: -460px -920px;
    /* no */
  }
  65% {
    background-position: -575px -920px;
    /* no */
  }
  65.6% {
    background-position: -690px -920px;
    /* no */
  }
  66.1% {
    background-position: -805px -920px;
    /* no */
  }
  66.7% {
    background-position: -920px -920px;
    /* no */
  }
  67.2% {
    background-position: -1035px -920px;
    /* no */
  }
  67.8% {
    background-position: -1150px -920px;
    /* no */
  }
  68.3% {
    background-position: -1265px -920px;
    /* no */
  }
  68.9% {
    background-position: -1380px -920px;
    /* no */
  }
  69.4% {
    background-position: -1495px -920px;
    /* no */
  }
  70% {
    background-position: 0 -1035px;
    /* no */
  }
  70.6% {
    background-position: -115px -1035px;
    /* no */
  }
  71.1% {
    background-position: -230px -1035px;
    /* no */
  }
  71.7% {
    background-position: -345px -1035px;
    /* no */
  }
  72.2% {
    background-position: -460px -1035px;
    /* no */
  }
  72.8% {
    background-position: -575px -1035px;
    /* no */
  }
  73.3% {
    background-position: -690px -1035px;
    /* no */
  }
  73.9% {
    background-position: -805px -1035px;
    /* no */
  }
  74.4% {
    background-position: -920px -1035px;
    /* no */
  }
  75% {
    background-position: -1035px -1035px;
    /* no */
  }
  75.6% {
    background-position: -1150px -1035px;
    /* no */
  }
  76.1% {
    background-position: -1265px -1035px;
    /* no */
  }
  76.7% {
    background-position: -1380px -1035px;
    /* no */
  }
  77.2% {
    background-position: -1495px -1035px;
    /* no */
  }
  77.8% {
    background-position: 0 -1150px;
    /* no */
  }
  78.3% {
    background-position: -115px -1150px;
    /* no */
  }
  78.9% {
    background-position: -230px -1150px;
    /* no */
  }
  79.4% {
    background-position: -345px -1150px;
    /* no */
  }
  80% {
    background-position: -460px -1150px;
    /* no */
  }
  80.6% {
    background-position: -575px -1150px;
    /* no */
  }
  81.1% {
    background-position: -690px -1150px;
    /* no */
  }
  81.7% {
    background-position: -805px -1150px;
    /* no */
  }
  82.2% {
    background-position: -920px -1150px;
    /* no */
  }
  82.8% {
    background-position: -1035px -1150px;
    /* no */
  }
  83.3% {
    background-position: -1150px -1150px;
    /* no */
  }
  83.9% {
    background-position: -1265px -1150px;
    /* no */
  }
  84.4% {
    background-position: -1380px -1150px;
    /* no */
  }
  85% {
    background-position: -1495px -1150px;
    /* no */
  }
  85.6% {
    background-position: 0 -1265px;
    /* no */
  }
  86.1% {
    background-position: -115px -1265px;
    /* no */
  }
  86.7% {
    background-position: -230px -1265px;
    /* no */
  }
  87.2% {
    background-position: -345px -1265px;
    /* no */
  }
  87.8% {
    background-position: -460px -1265px;
    /* no */
  }
  88.3% {
    background-position: -575px -1265px;
    /* no */
  }
  88.9% {
    background-position: -690px -1265px;
    /* no */
  }
  89.4% {
    background-position: -805px -1265px;
    /* no */
  }
  90% {
    background-position: -920px -1265px;
    /* no */
  }
  90.6% {
    background-position: -1035px -1265px;
    /* no */
  }
  91.1% {
    background-position: -1150px -1265px;
    /* no */
  }
  91.7% {
    background-position: -1265px -1265px;
    /* no */
  }
  92.2% {
    background-position: -1380px -1265px;
    /* no */
  }
  92.8% {
    background-position: -1495px -1265px;
    /* no */
  }
  93.3% {
    background-position: 0 -1380px;
    /* no */
  }
  93.9% {
    background-position: -115px -1380px;
    /* no */
  }
  94.4% {
    background-position: -230px -1380px;
    /* no */
  }
  95% {
    background-position: -345px -1380px;
    /* no */
  }
  95.6% {
    background-position: -460px -1380px;
    /* no */
  }
  96.1% {
    background-position: -575px -1380px;
    /* no */
  }
  96.7% {
    background-position: -690px -1380px;
    /* no */
  }
  97.2% {
    background-position: -805px -1380px;
    /* no */
  }
  97.8% {
    background-position: -920px -1380px;
    /* no */
  }
  98.3% {
    background-position: -1035px -1380px;
    /* no */
  }
  98.9% {
    background-position: -1150px -1380px;
    /* no */
  }
  99.4% {
    background-position: -1265px -1380px;
    /* no */
  }
  100% {
    background-position: -1265px -1380px;
    /* no */
  }
}
.nxh-8 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: sprite_507__01_41__png_1 5.13s steps(1) infinite;
          animation: sprite_507__01_41__png_1 5.13s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/jh-38_836bf148.png);
  background-size: 1300% 1200%;
}
@-webkit-keyframes sprite_507__01_41__png_1 {
  0% {
    background-position: 0 0;
  }
  0.6% {
    background-position: -115px 0;
    /* no */
  }
  1.3% {
    background-position: -230px 0;
    /* no */
  }
  1.9% {
    background-position: -345px 0;
    /* no */
  }
  2.6% {
    background-position: -460px 0;
    /* no */
  }
  3.2% {
    background-position: -575px 0;
    /* no */
  }
  3.9% {
    background-position: -690px 0;
    /* no */
  }
  4.5% {
    background-position: -805px 0;
    /* no */
  }
  5.2% {
    background-position: -920px 0;
    /* no */
  }
  5.8% {
    background-position: -1035px 0;
    /* no */
  }
  6.5% {
    background-position: -1150px 0;
    /* no */
  }
  7.1% {
    background-position: -1265px 0;
    /* no */
  }
  7.8% {
    background-position: -1380px 0;
    /* no */
  }
  8.4% {
    background-position: 0 -115px;
    /* no */
  }
  9.1% {
    background-position: -115px -115px;
    /* no */
  }
  9.7% {
    background-position: -230px -115px;
    /* no */
  }
  10.4% {
    background-position: -345px -115px;
    /* no */
  }
  11% {
    background-position: -460px -115px;
    /* no */
  }
  11.7% {
    background-position: -575px -115px;
    /* no */
  }
  12.3% {
    background-position: -690px -115px;
    /* no */
  }
  13% {
    background-position: -805px -115px;
    /* no */
  }
  13.6% {
    background-position: -920px -115px;
    /* no */
  }
  14.3% {
    background-position: -1035px -115px;
    /* no */
  }
  14.9% {
    background-position: -1150px -115px;
    /* no */
  }
  15.6% {
    background-position: -1265px -115px;
    /* no */
  }
  16.2% {
    background-position: -1380px -115px;
    /* no */
  }
  16.9% {
    background-position: 0 -230px;
    /* no */
  }
  17.5% {
    background-position: -115px -230px;
    /* no */
  }
  18.2% {
    background-position: -230px -230px;
    /* no */
  }
  18.8% {
    background-position: -345px -230px;
    /* no */
  }
  19.5% {
    background-position: -460px -230px;
    /* no */
  }
  20.1% {
    background-position: -575px -230px;
    /* no */
  }
  20.8% {
    background-position: -690px -230px;
    /* no */
  }
  21.4% {
    background-position: -805px -230px;
    /* no */
  }
  22.1% {
    background-position: -920px -230px;
    /* no */
  }
  22.7% {
    background-position: -1035px -230px;
    /* no */
  }
  23.4% {
    background-position: -1150px -230px;
    /* no */
  }
  24% {
    background-position: -1265px -230px;
    /* no */
  }
  24.7% {
    background-position: -1380px -230px;
    /* no */
  }
  25.3% {
    background-position: 0 -345px;
    /* no */
  }
  26% {
    background-position: -115px -345px;
    /* no */
  }
  26.6% {
    background-position: -230px -345px;
    /* no */
  }
  27.3% {
    background-position: -345px -345px;
    /* no */
  }
  27.9% {
    background-position: -460px -345px;
    /* no */
  }
  28.6% {
    background-position: -575px -345px;
    /* no */
  }
  29.2% {
    background-position: -690px -345px;
    /* no */
  }
  29.9% {
    background-position: -805px -345px;
    /* no */
  }
  30.5% {
    background-position: -920px -345px;
    /* no */
  }
  31.2% {
    background-position: -1035px -345px;
    /* no */
  }
  31.8% {
    background-position: -1150px -345px;
    /* no */
  }
  32.5% {
    background-position: -1265px -345px;
    /* no */
  }
  33.1% {
    background-position: -1380px -345px;
    /* no */
  }
  33.8% {
    background-position: 0 -460px;
    /* no */
  }
  34.4% {
    background-position: -115px -460px;
    /* no */
  }
  35.1% {
    background-position: -230px -460px;
    /* no */
  }
  35.7% {
    background-position: -345px -460px;
    /* no */
  }
  36.4% {
    background-position: -460px -460px;
    /* no */
  }
  37% {
    background-position: -575px -460px;
    /* no */
  }
  37.7% {
    background-position: -690px -460px;
    /* no */
  }
  38.3% {
    background-position: -805px -460px;
    /* no */
  }
  39% {
    background-position: -920px -460px;
    /* no */
  }
  39.6% {
    background-position: -1035px -460px;
    /* no */
  }
  40.3% {
    background-position: -1150px -460px;
    /* no */
  }
  40.9% {
    background-position: -1265px -460px;
    /* no */
  }
  41.6% {
    background-position: -1380px -460px;
    /* no */
  }
  42.2% {
    background-position: 0 -575px;
    /* no */
  }
  42.9% {
    background-position: -115px -575px;
    /* no */
  }
  43.5% {
    background-position: -230px -575px;
    /* no */
  }
  44.2% {
    background-position: -345px -575px;
    /* no */
  }
  44.8% {
    background-position: -460px -575px;
    /* no */
  }
  45.5% {
    background-position: -575px -575px;
    /* no */
  }
  46.1% {
    background-position: -690px -575px;
    /* no */
  }
  46.8% {
    background-position: -805px -575px;
    /* no */
  }
  47.4% {
    background-position: -920px -575px;
    /* no */
  }
  48.1% {
    background-position: -1035px -575px;
    /* no */
  }
  48.7% {
    background-position: -1150px -575px;
    /* no */
  }
  49.4% {
    background-position: -1265px -575px;
    /* no */
  }
  50% {
    background-position: -1380px -575px;
    /* no */
  }
  50.6% {
    background-position: 0 -690px;
    /* no */
  }
  51.3% {
    background-position: -115px -690px;
    /* no */
  }
  51.9% {
    background-position: -230px -690px;
    /* no */
  }
  52.6% {
    background-position: -345px -690px;
    /* no */
  }
  53.2% {
    background-position: -460px -690px;
    /* no */
  }
  53.9% {
    background-position: -575px -690px;
    /* no */
  }
  54.5% {
    background-position: -690px -690px;
    /* no */
  }
  55.2% {
    background-position: -805px -690px;
    /* no */
  }
  55.8% {
    background-position: -920px -690px;
    /* no */
  }
  56.5% {
    background-position: -1035px -690px;
    /* no */
  }
  57.1% {
    background-position: -1150px -690px;
    /* no */
  }
  57.8% {
    background-position: -1265px -690px;
    /* no */
  }
  58.4% {
    background-position: -1380px -690px;
    /* no */
  }
  59.1% {
    background-position: 0 -805px;
    /* no */
  }
  59.7% {
    background-position: -115px -805px;
    /* no */
  }
  60.4% {
    background-position: -230px -805px;
    /* no */
  }
  61% {
    background-position: -345px -805px;
    /* no */
  }
  61.7% {
    background-position: -460px -805px;
    /* no */
  }
  62.3% {
    background-position: -575px -805px;
    /* no */
  }
  63% {
    background-position: -690px -805px;
    /* no */
  }
  63.6% {
    background-position: -805px -805px;
    /* no */
  }
  64.3% {
    background-position: -920px -805px;
    /* no */
  }
  64.9% {
    background-position: -1035px -805px;
    /* no */
  }
  65.6% {
    background-position: -1150px -805px;
    /* no */
  }
  66.2% {
    background-position: -1265px -805px;
    /* no */
  }
  66.9% {
    background-position: -1380px -805px;
    /* no */
  }
  67.5% {
    background-position: 0 -920px;
    /* no */
  }
  68.2% {
    background-position: -115px -920px;
    /* no */
  }
  68.8% {
    background-position: -230px -920px;
    /* no */
  }
  69.5% {
    background-position: -345px -920px;
    /* no */
  }
  70.1% {
    background-position: -460px -920px;
    /* no */
  }
  70.8% {
    background-position: -575px -920px;
    /* no */
  }
  71.4% {
    background-position: -690px -920px;
    /* no */
  }
  72.1% {
    background-position: -805px -920px;
    /* no */
  }
  72.7% {
    background-position: -920px -920px;
    /* no */
  }
  73.4% {
    background-position: -1035px -920px;
    /* no */
  }
  74% {
    background-position: -1150px -920px;
    /* no */
  }
  74.7% {
    background-position: -1265px -920px;
    /* no */
  }
  75.3% {
    background-position: -1380px -920px;
    /* no */
  }
  76% {
    background-position: 0 -1035px;
    /* no */
  }
  76.6% {
    background-position: -115px -1035px;
    /* no */
  }
  77.3% {
    background-position: -230px -1035px;
    /* no */
  }
  77.9% {
    background-position: -345px -1035px;
    /* no */
  }
  78.6% {
    background-position: -460px -1035px;
    /* no */
  }
  79.2% {
    background-position: -575px -1035px;
    /* no */
  }
  79.9% {
    background-position: -690px -1035px;
    /* no */
  }
  80.5% {
    background-position: -805px -1035px;
    /* no */
  }
  81.2% {
    background-position: -920px -1035px;
    /* no */
  }
  81.8% {
    background-position: -1035px -1035px;
    /* no */
  }
  82.5% {
    background-position: -1150px -1035px;
    /* no */
  }
  83.1% {
    background-position: -1265px -1035px;
    /* no */
  }
  83.8% {
    background-position: -1380px -1035px;
    /* no */
  }
  84.4% {
    background-position: 0 -1150px;
    /* no */
  }
  85.1% {
    background-position: -115px -1150px;
    /* no */
  }
  85.7% {
    background-position: -230px -1150px;
    /* no */
  }
  86.4% {
    background-position: -345px -1150px;
    /* no */
  }
  87% {
    background-position: -460px -1150px;
    /* no */
  }
  87.7% {
    background-position: -575px -1150px;
    /* no */
  }
  88.3% {
    background-position: -690px -1150px;
    /* no */
  }
  89% {
    background-position: -805px -1150px;
    /* no */
  }
  89.6% {
    background-position: -920px -1150px;
    /* no */
  }
  90.3% {
    background-position: -1035px -1150px;
    /* no */
  }
  90.9% {
    background-position: -1150px -1150px;
    /* no */
  }
  91.6% {
    background-position: -1265px -1150px;
    /* no */
  }
  92.2% {
    background-position: -1380px -1150px;
    /* no */
  }
  92.9% {
    background-position: 0 -1265px;
    /* no */
  }
  93.5% {
    background-position: -115px -1265px;
    /* no */
  }
  94.2% {
    background-position: -230px -1265px;
    /* no */
  }
  94.8% {
    background-position: -345px -1265px;
    /* no */
  }
  95.5% {
    background-position: -460px -1265px;
    /* no */
  }
  96.1% {
    background-position: -575px -1265px;
    /* no */
  }
  96.8% {
    background-position: -690px -1265px;
    /* no */
  }
  97.4% {
    background-position: -805px -1265px;
    /* no */
  }
  98.1% {
    background-position: -920px -1265px;
    /* no */
  }
  98.7% {
    background-position: -1035px -1265px;
    /* no */
  }
  99.4% {
    background-position: -1150px -1265px;
    /* no */
  }
  100% {
    background-position: -1150px -1265px;
    /* no */
  }
}
@keyframes sprite_507__01_41__png_1 {
  0% {
    background-position: 0 0;
  }
  0.6% {
    background-position: -115px 0;
    /* no */
  }
  1.3% {
    background-position: -230px 0;
    /* no */
  }
  1.9% {
    background-position: -345px 0;
    /* no */
  }
  2.6% {
    background-position: -460px 0;
    /* no */
  }
  3.2% {
    background-position: -575px 0;
    /* no */
  }
  3.9% {
    background-position: -690px 0;
    /* no */
  }
  4.5% {
    background-position: -805px 0;
    /* no */
  }
  5.2% {
    background-position: -920px 0;
    /* no */
  }
  5.8% {
    background-position: -1035px 0;
    /* no */
  }
  6.5% {
    background-position: -1150px 0;
    /* no */
  }
  7.1% {
    background-position: -1265px 0;
    /* no */
  }
  7.8% {
    background-position: -1380px 0;
    /* no */
  }
  8.4% {
    background-position: 0 -115px;
    /* no */
  }
  9.1% {
    background-position: -115px -115px;
    /* no */
  }
  9.7% {
    background-position: -230px -115px;
    /* no */
  }
  10.4% {
    background-position: -345px -115px;
    /* no */
  }
  11% {
    background-position: -460px -115px;
    /* no */
  }
  11.7% {
    background-position: -575px -115px;
    /* no */
  }
  12.3% {
    background-position: -690px -115px;
    /* no */
  }
  13% {
    background-position: -805px -115px;
    /* no */
  }
  13.6% {
    background-position: -920px -115px;
    /* no */
  }
  14.3% {
    background-position: -1035px -115px;
    /* no */
  }
  14.9% {
    background-position: -1150px -115px;
    /* no */
  }
  15.6% {
    background-position: -1265px -115px;
    /* no */
  }
  16.2% {
    background-position: -1380px -115px;
    /* no */
  }
  16.9% {
    background-position: 0 -230px;
    /* no */
  }
  17.5% {
    background-position: -115px -230px;
    /* no */
  }
  18.2% {
    background-position: -230px -230px;
    /* no */
  }
  18.8% {
    background-position: -345px -230px;
    /* no */
  }
  19.5% {
    background-position: -460px -230px;
    /* no */
  }
  20.1% {
    background-position: -575px -230px;
    /* no */
  }
  20.8% {
    background-position: -690px -230px;
    /* no */
  }
  21.4% {
    background-position: -805px -230px;
    /* no */
  }
  22.1% {
    background-position: -920px -230px;
    /* no */
  }
  22.7% {
    background-position: -1035px -230px;
    /* no */
  }
  23.4% {
    background-position: -1150px -230px;
    /* no */
  }
  24% {
    background-position: -1265px -230px;
    /* no */
  }
  24.7% {
    background-position: -1380px -230px;
    /* no */
  }
  25.3% {
    background-position: 0 -345px;
    /* no */
  }
  26% {
    background-position: -115px -345px;
    /* no */
  }
  26.6% {
    background-position: -230px -345px;
    /* no */
  }
  27.3% {
    background-position: -345px -345px;
    /* no */
  }
  27.9% {
    background-position: -460px -345px;
    /* no */
  }
  28.6% {
    background-position: -575px -345px;
    /* no */
  }
  29.2% {
    background-position: -690px -345px;
    /* no */
  }
  29.9% {
    background-position: -805px -345px;
    /* no */
  }
  30.5% {
    background-position: -920px -345px;
    /* no */
  }
  31.2% {
    background-position: -1035px -345px;
    /* no */
  }
  31.8% {
    background-position: -1150px -345px;
    /* no */
  }
  32.5% {
    background-position: -1265px -345px;
    /* no */
  }
  33.1% {
    background-position: -1380px -345px;
    /* no */
  }
  33.8% {
    background-position: 0 -460px;
    /* no */
  }
  34.4% {
    background-position: -115px -460px;
    /* no */
  }
  35.1% {
    background-position: -230px -460px;
    /* no */
  }
  35.7% {
    background-position: -345px -460px;
    /* no */
  }
  36.4% {
    background-position: -460px -460px;
    /* no */
  }
  37% {
    background-position: -575px -460px;
    /* no */
  }
  37.7% {
    background-position: -690px -460px;
    /* no */
  }
  38.3% {
    background-position: -805px -460px;
    /* no */
  }
  39% {
    background-position: -920px -460px;
    /* no */
  }
  39.6% {
    background-position: -1035px -460px;
    /* no */
  }
  40.3% {
    background-position: -1150px -460px;
    /* no */
  }
  40.9% {
    background-position: -1265px -460px;
    /* no */
  }
  41.6% {
    background-position: -1380px -460px;
    /* no */
  }
  42.2% {
    background-position: 0 -575px;
    /* no */
  }
  42.9% {
    background-position: -115px -575px;
    /* no */
  }
  43.5% {
    background-position: -230px -575px;
    /* no */
  }
  44.2% {
    background-position: -345px -575px;
    /* no */
  }
  44.8% {
    background-position: -460px -575px;
    /* no */
  }
  45.5% {
    background-position: -575px -575px;
    /* no */
  }
  46.1% {
    background-position: -690px -575px;
    /* no */
  }
  46.8% {
    background-position: -805px -575px;
    /* no */
  }
  47.4% {
    background-position: -920px -575px;
    /* no */
  }
  48.1% {
    background-position: -1035px -575px;
    /* no */
  }
  48.7% {
    background-position: -1150px -575px;
    /* no */
  }
  49.4% {
    background-position: -1265px -575px;
    /* no */
  }
  50% {
    background-position: -1380px -575px;
    /* no */
  }
  50.6% {
    background-position: 0 -690px;
    /* no */
  }
  51.3% {
    background-position: -115px -690px;
    /* no */
  }
  51.9% {
    background-position: -230px -690px;
    /* no */
  }
  52.6% {
    background-position: -345px -690px;
    /* no */
  }
  53.2% {
    background-position: -460px -690px;
    /* no */
  }
  53.9% {
    background-position: -575px -690px;
    /* no */
  }
  54.5% {
    background-position: -690px -690px;
    /* no */
  }
  55.2% {
    background-position: -805px -690px;
    /* no */
  }
  55.8% {
    background-position: -920px -690px;
    /* no */
  }
  56.5% {
    background-position: -1035px -690px;
    /* no */
  }
  57.1% {
    background-position: -1150px -690px;
    /* no */
  }
  57.8% {
    background-position: -1265px -690px;
    /* no */
  }
  58.4% {
    background-position: -1380px -690px;
    /* no */
  }
  59.1% {
    background-position: 0 -805px;
    /* no */
  }
  59.7% {
    background-position: -115px -805px;
    /* no */
  }
  60.4% {
    background-position: -230px -805px;
    /* no */
  }
  61% {
    background-position: -345px -805px;
    /* no */
  }
  61.7% {
    background-position: -460px -805px;
    /* no */
  }
  62.3% {
    background-position: -575px -805px;
    /* no */
  }
  63% {
    background-position: -690px -805px;
    /* no */
  }
  63.6% {
    background-position: -805px -805px;
    /* no */
  }
  64.3% {
    background-position: -920px -805px;
    /* no */
  }
  64.9% {
    background-position: -1035px -805px;
    /* no */
  }
  65.6% {
    background-position: -1150px -805px;
    /* no */
  }
  66.2% {
    background-position: -1265px -805px;
    /* no */
  }
  66.9% {
    background-position: -1380px -805px;
    /* no */
  }
  67.5% {
    background-position: 0 -920px;
    /* no */
  }
  68.2% {
    background-position: -115px -920px;
    /* no */
  }
  68.8% {
    background-position: -230px -920px;
    /* no */
  }
  69.5% {
    background-position: -345px -920px;
    /* no */
  }
  70.1% {
    background-position: -460px -920px;
    /* no */
  }
  70.8% {
    background-position: -575px -920px;
    /* no */
  }
  71.4% {
    background-position: -690px -920px;
    /* no */
  }
  72.1% {
    background-position: -805px -920px;
    /* no */
  }
  72.7% {
    background-position: -920px -920px;
    /* no */
  }
  73.4% {
    background-position: -1035px -920px;
    /* no */
  }
  74% {
    background-position: -1150px -920px;
    /* no */
  }
  74.7% {
    background-position: -1265px -920px;
    /* no */
  }
  75.3% {
    background-position: -1380px -920px;
    /* no */
  }
  76% {
    background-position: 0 -1035px;
    /* no */
  }
  76.6% {
    background-position: -115px -1035px;
    /* no */
  }
  77.3% {
    background-position: -230px -1035px;
    /* no */
  }
  77.9% {
    background-position: -345px -1035px;
    /* no */
  }
  78.6% {
    background-position: -460px -1035px;
    /* no */
  }
  79.2% {
    background-position: -575px -1035px;
    /* no */
  }
  79.9% {
    background-position: -690px -1035px;
    /* no */
  }
  80.5% {
    background-position: -805px -1035px;
    /* no */
  }
  81.2% {
    background-position: -920px -1035px;
    /* no */
  }
  81.8% {
    background-position: -1035px -1035px;
    /* no */
  }
  82.5% {
    background-position: -1150px -1035px;
    /* no */
  }
  83.1% {
    background-position: -1265px -1035px;
    /* no */
  }
  83.8% {
    background-position: -1380px -1035px;
    /* no */
  }
  84.4% {
    background-position: 0 -1150px;
    /* no */
  }
  85.1% {
    background-position: -115px -1150px;
    /* no */
  }
  85.7% {
    background-position: -230px -1150px;
    /* no */
  }
  86.4% {
    background-position: -345px -1150px;
    /* no */
  }
  87% {
    background-position: -460px -1150px;
    /* no */
  }
  87.7% {
    background-position: -575px -1150px;
    /* no */
  }
  88.3% {
    background-position: -690px -1150px;
    /* no */
  }
  89% {
    background-position: -805px -1150px;
    /* no */
  }
  89.6% {
    background-position: -920px -1150px;
    /* no */
  }
  90.3% {
    background-position: -1035px -1150px;
    /* no */
  }
  90.9% {
    background-position: -1150px -1150px;
    /* no */
  }
  91.6% {
    background-position: -1265px -1150px;
    /* no */
  }
  92.2% {
    background-position: -1380px -1150px;
    /* no */
  }
  92.9% {
    background-position: 0 -1265px;
    /* no */
  }
  93.5% {
    background-position: -115px -1265px;
    /* no */
  }
  94.2% {
    background-position: -230px -1265px;
    /* no */
  }
  94.8% {
    background-position: -345px -1265px;
    /* no */
  }
  95.5% {
    background-position: -460px -1265px;
    /* no */
  }
  96.1% {
    background-position: -575px -1265px;
    /* no */
  }
  96.8% {
    background-position: -690px -1265px;
    /* no */
  }
  97.4% {
    background-position: -805px -1265px;
    /* no */
  }
  98.1% {
    background-position: -920px -1265px;
    /* no */
  }
  98.7% {
    background-position: -1035px -1265px;
    /* no */
  }
  99.4% {
    background-position: -1150px -1265px;
    /* no */
  }
  100% {
    background-position: -1150px -1265px;
    /* no */
  }
}
.nxh-9 {
  height: 116px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: sprite_508__01_31__png_1 3.88s steps(1) infinite;
          animation: sprite_508__01_31__png_1 3.88s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/jh-39_7dd397ca.png);
  background-size: 1100% 1100%;
}
@-webkit-keyframes sprite_508__01_31__png_1 {
  0% {
    background-position: 0 0;
  }
  0.9% {
    background-position: -115px 0;
    /* no */
  }
  1.7% {
    background-position: -230px 0;
    /* no */
  }
  2.6% {
    background-position: -345px 0;
    /* no */
  }
  3.4% {
    background-position: -460px 0;
    /* no */
  }
  4.3% {
    background-position: -575px 0;
    /* no */
  }
  5.2% {
    background-position: -690px 0;
    /* no */
  }
  6% {
    background-position: -805px 0;
    /* no */
  }
  6.9% {
    background-position: -920px 0;
    /* no */
  }
  7.8% {
    background-position: -1035px 0;
    /* no */
  }
  8.6% {
    background-position: -1150px 0;
    /* no */
  }
  9.5% {
    background-position: 0 -116px;
    /* no */
  }
  10.3% {
    background-position: -115px -116px;
    /* no */
  }
  11.2% {
    background-position: -230px -116px;
    /* no */
  }
  12.1% {
    background-position: -345px -116px;
    /* no */
  }
  12.9% {
    background-position: -460px -116px;
    /* no */
  }
  13.8% {
    background-position: -575px -116px;
    /* no */
  }
  14.7% {
    background-position: -690px -116px;
    /* no */
  }
  15.5% {
    background-position: -805px -116px;
    /* no */
  }
  16.4% {
    background-position: -920px -116px;
    /* no */
  }
  17.2% {
    background-position: -1035px -116px;
    /* no */
  }
  18.1% {
    background-position: -1150px -116px;
    /* no */
  }
  19% {
    background-position: 0 -232px;
    /* no */
  }
  19.8% {
    background-position: -115px -232px;
    /* no */
  }
  20.7% {
    background-position: -230px -232px;
    /* no */
  }
  21.6% {
    background-position: -345px -232px;
    /* no */
  }
  22.4% {
    background-position: -460px -232px;
    /* no */
  }
  23.3% {
    background-position: -575px -232px;
    /* no */
  }
  24.1% {
    background-position: -690px -232px;
    /* no */
  }
  25% {
    background-position: -805px -232px;
    /* no */
  }
  25.9% {
    background-position: -920px -232px;
    /* no */
  }
  26.7% {
    background-position: -1035px -232px;
    /* no */
  }
  27.6% {
    background-position: -1150px -232px;
    /* no */
  }
  28.4% {
    background-position: 0 -348px;
    /* no */
  }
  29.3% {
    background-position: -115px -348px;
    /* no */
  }
  30.2% {
    background-position: -230px -348px;
    /* no */
  }
  31% {
    background-position: -345px -348px;
    /* no */
  }
  31.9% {
    background-position: -460px -348px;
    /* no */
  }
  32.8% {
    background-position: -575px -348px;
    /* no */
  }
  33.6% {
    background-position: -690px -348px;
    /* no */
  }
  34.5% {
    background-position: -805px -348px;
    /* no */
  }
  35.3% {
    background-position: -920px -348px;
    /* no */
  }
  36.2% {
    background-position: -1035px -348px;
    /* no */
  }
  37.1% {
    background-position: -1150px -348px;
    /* no */
  }
  37.9% {
    background-position: 0 -464px;
    /* no */
  }
  38.8% {
    background-position: -115px -464px;
    /* no */
  }
  39.7% {
    background-position: -230px -464px;
    /* no */
  }
  40.5% {
    background-position: -345px -464px;
    /* no */
  }
  41.4% {
    background-position: -460px -464px;
    /* no */
  }
  42.2% {
    background-position: -575px -464px;
    /* no */
  }
  43.1% {
    background-position: -690px -464px;
    /* no */
  }
  44% {
    background-position: -805px -464px;
    /* no */
  }
  44.8% {
    background-position: -920px -464px;
    /* no */
  }
  45.7% {
    background-position: -1035px -464px;
    /* no */
  }
  46.6% {
    background-position: -1150px -464px;
    /* no */
  }
  47.4% {
    background-position: 0 -580px;
    /* no */
  }
  48.3% {
    background-position: -115px -580px;
    /* no */
  }
  49.1% {
    background-position: -230px -580px;
    /* no */
  }
  50% {
    background-position: -345px -580px;
    /* no */
  }
  50.9% {
    background-position: -460px -580px;
    /* no */
  }
  51.7% {
    background-position: -575px -580px;
    /* no */
  }
  52.6% {
    background-position: -690px -580px;
    /* no */
  }
  53.4% {
    background-position: -805px -580px;
    /* no */
  }
  54.3% {
    background-position: -920px -580px;
    /* no */
  }
  55.2% {
    background-position: -1035px -580px;
    /* no */
  }
  56% {
    background-position: -1150px -580px;
    /* no */
  }
  56.9% {
    background-position: 0 -696px;
    /* no */
  }
  57.8% {
    background-position: -115px -696px;
    /* no */
  }
  58.6% {
    background-position: -230px -696px;
    /* no */
  }
  59.5% {
    background-position: -345px -696px;
    /* no */
  }
  60.3% {
    background-position: -460px -696px;
    /* no */
  }
  61.2% {
    background-position: -575px -696px;
    /* no */
  }
  62.1% {
    background-position: -690px -696px;
    /* no */
  }
  62.9% {
    background-position: -805px -696px;
    /* no */
  }
  63.8% {
    background-position: -920px -696px;
    /* no */
  }
  64.7% {
    background-position: -1035px -696px;
    /* no */
  }
  65.5% {
    background-position: -1150px -696px;
    /* no */
  }
  66.4% {
    background-position: 0 -812px;
    /* no */
  }
  67.2% {
    background-position: -115px -812px;
    /* no */
  }
  68.1% {
    background-position: -230px -812px;
    /* no */
  }
  69% {
    background-position: -345px -812px;
    /* no */
  }
  69.8% {
    background-position: -460px -812px;
    /* no */
  }
  70.7% {
    background-position: -575px -812px;
    /* no */
  }
  71.6% {
    background-position: -690px -812px;
    /* no */
  }
  72.4% {
    background-position: -805px -812px;
    /* no */
  }
  73.3% {
    background-position: -920px -812px;
    /* no */
  }
  74.1% {
    background-position: -1035px -812px;
    /* no */
  }
  75% {
    background-position: -1150px -812px;
    /* no */
  }
  75.9% {
    background-position: 0 -928px;
    /* no */
  }
  76.7% {
    background-position: -115px -928px;
    /* no */
  }
  77.6% {
    background-position: -230px -928px;
    /* no */
  }
  78.4% {
    background-position: -345px -928px;
    /* no */
  }
  79.3% {
    background-position: -460px -928px;
    /* no */
  }
  80.2% {
    background-position: -575px -928px;
    /* no */
  }
  81% {
    background-position: -690px -928px;
    /* no */
  }
  81.9% {
    background-position: -805px -928px;
    /* no */
  }
  82.8% {
    background-position: -920px -928px;
    /* no */
  }
  83.6% {
    background-position: -1035px -928px;
    /* no */
  }
  84.5% {
    background-position: -1150px -928px;
    /* no */
  }
  85.3% {
    background-position: 0 -1044px;
    /* no */
  }
  86.2% {
    background-position: -115px -1044px;
    /* no */
  }
  87.1% {
    background-position: -230px -1044px;
    /* no */
  }
  87.9% {
    background-position: -345px -1044px;
    /* no */
  }
  88.8% {
    background-position: -460px -1044px;
    /* no */
  }
  89.7% {
    background-position: -575px -1044px;
    /* no */
  }
  90.5% {
    background-position: -690px -1044px;
    /* no */
  }
  91.4% {
    background-position: -805px -1044px;
    /* no */
  }
  92.2% {
    background-position: -920px -1044px;
    /* no */
  }
  93.1% {
    background-position: -1035px -1044px;
    /* no */
  }
  94% {
    background-position: -1150px -1044px;
    /* no */
  }
  94.8% {
    background-position: 0 -1160px;
    /* no */
  }
  95.7% {
    background-position: -115px -1160px;
    /* no */
  }
  96.6% {
    background-position: -230px -1160px;
    /* no */
  }
  97.4% {
    background-position: -345px -1160px;
    /* no */
  }
  98.3% {
    background-position: -460px -1160px;
    /* no */
  }
  99.1% {
    background-position: -575px -1160px;
    /* no */
  }
  100% {
    background-position: -575px -1160px;
    /* no */
  }
}
@keyframes sprite_508__01_31__png_1 {
  0% {
    background-position: 0 0;
  }
  0.9% {
    background-position: -115px 0;
    /* no */
  }
  1.7% {
    background-position: -230px 0;
    /* no */
  }
  2.6% {
    background-position: -345px 0;
    /* no */
  }
  3.4% {
    background-position: -460px 0;
    /* no */
  }
  4.3% {
    background-position: -575px 0;
    /* no */
  }
  5.2% {
    background-position: -690px 0;
    /* no */
  }
  6% {
    background-position: -805px 0;
    /* no */
  }
  6.9% {
    background-position: -920px 0;
    /* no */
  }
  7.8% {
    background-position: -1035px 0;
    /* no */
  }
  8.6% {
    background-position: -1150px 0;
    /* no */
  }
  9.5% {
    background-position: 0 -116px;
    /* no */
  }
  10.3% {
    background-position: -115px -116px;
    /* no */
  }
  11.2% {
    background-position: -230px -116px;
    /* no */
  }
  12.1% {
    background-position: -345px -116px;
    /* no */
  }
  12.9% {
    background-position: -460px -116px;
    /* no */
  }
  13.8% {
    background-position: -575px -116px;
    /* no */
  }
  14.7% {
    background-position: -690px -116px;
    /* no */
  }
  15.5% {
    background-position: -805px -116px;
    /* no */
  }
  16.4% {
    background-position: -920px -116px;
    /* no */
  }
  17.2% {
    background-position: -1035px -116px;
    /* no */
  }
  18.1% {
    background-position: -1150px -116px;
    /* no */
  }
  19% {
    background-position: 0 -232px;
    /* no */
  }
  19.8% {
    background-position: -115px -232px;
    /* no */
  }
  20.7% {
    background-position: -230px -232px;
    /* no */
  }
  21.6% {
    background-position: -345px -232px;
    /* no */
  }
  22.4% {
    background-position: -460px -232px;
    /* no */
  }
  23.3% {
    background-position: -575px -232px;
    /* no */
  }
  24.1% {
    background-position: -690px -232px;
    /* no */
  }
  25% {
    background-position: -805px -232px;
    /* no */
  }
  25.9% {
    background-position: -920px -232px;
    /* no */
  }
  26.7% {
    background-position: -1035px -232px;
    /* no */
  }
  27.6% {
    background-position: -1150px -232px;
    /* no */
  }
  28.4% {
    background-position: 0 -348px;
    /* no */
  }
  29.3% {
    background-position: -115px -348px;
    /* no */
  }
  30.2% {
    background-position: -230px -348px;
    /* no */
  }
  31% {
    background-position: -345px -348px;
    /* no */
  }
  31.9% {
    background-position: -460px -348px;
    /* no */
  }
  32.8% {
    background-position: -575px -348px;
    /* no */
  }
  33.6% {
    background-position: -690px -348px;
    /* no */
  }
  34.5% {
    background-position: -805px -348px;
    /* no */
  }
  35.3% {
    background-position: -920px -348px;
    /* no */
  }
  36.2% {
    background-position: -1035px -348px;
    /* no */
  }
  37.1% {
    background-position: -1150px -348px;
    /* no */
  }
  37.9% {
    background-position: 0 -464px;
    /* no */
  }
  38.8% {
    background-position: -115px -464px;
    /* no */
  }
  39.7% {
    background-position: -230px -464px;
    /* no */
  }
  40.5% {
    background-position: -345px -464px;
    /* no */
  }
  41.4% {
    background-position: -460px -464px;
    /* no */
  }
  42.2% {
    background-position: -575px -464px;
    /* no */
  }
  43.1% {
    background-position: -690px -464px;
    /* no */
  }
  44% {
    background-position: -805px -464px;
    /* no */
  }
  44.8% {
    background-position: -920px -464px;
    /* no */
  }
  45.7% {
    background-position: -1035px -464px;
    /* no */
  }
  46.6% {
    background-position: -1150px -464px;
    /* no */
  }
  47.4% {
    background-position: 0 -580px;
    /* no */
  }
  48.3% {
    background-position: -115px -580px;
    /* no */
  }
  49.1% {
    background-position: -230px -580px;
    /* no */
  }
  50% {
    background-position: -345px -580px;
    /* no */
  }
  50.9% {
    background-position: -460px -580px;
    /* no */
  }
  51.7% {
    background-position: -575px -580px;
    /* no */
  }
  52.6% {
    background-position: -690px -580px;
    /* no */
  }
  53.4% {
    background-position: -805px -580px;
    /* no */
  }
  54.3% {
    background-position: -920px -580px;
    /* no */
  }
  55.2% {
    background-position: -1035px -580px;
    /* no */
  }
  56% {
    background-position: -1150px -580px;
    /* no */
  }
  56.9% {
    background-position: 0 -696px;
    /* no */
  }
  57.8% {
    background-position: -115px -696px;
    /* no */
  }
  58.6% {
    background-position: -230px -696px;
    /* no */
  }
  59.5% {
    background-position: -345px -696px;
    /* no */
  }
  60.3% {
    background-position: -460px -696px;
    /* no */
  }
  61.2% {
    background-position: -575px -696px;
    /* no */
  }
  62.1% {
    background-position: -690px -696px;
    /* no */
  }
  62.9% {
    background-position: -805px -696px;
    /* no */
  }
  63.8% {
    background-position: -920px -696px;
    /* no */
  }
  64.7% {
    background-position: -1035px -696px;
    /* no */
  }
  65.5% {
    background-position: -1150px -696px;
    /* no */
  }
  66.4% {
    background-position: 0 -812px;
    /* no */
  }
  67.2% {
    background-position: -115px -812px;
    /* no */
  }
  68.1% {
    background-position: -230px -812px;
    /* no */
  }
  69% {
    background-position: -345px -812px;
    /* no */
  }
  69.8% {
    background-position: -460px -812px;
    /* no */
  }
  70.7% {
    background-position: -575px -812px;
    /* no */
  }
  71.6% {
    background-position: -690px -812px;
    /* no */
  }
  72.4% {
    background-position: -805px -812px;
    /* no */
  }
  73.3% {
    background-position: -920px -812px;
    /* no */
  }
  74.1% {
    background-position: -1035px -812px;
    /* no */
  }
  75% {
    background-position: -1150px -812px;
    /* no */
  }
  75.9% {
    background-position: 0 -928px;
    /* no */
  }
  76.7% {
    background-position: -115px -928px;
    /* no */
  }
  77.6% {
    background-position: -230px -928px;
    /* no */
  }
  78.4% {
    background-position: -345px -928px;
    /* no */
  }
  79.3% {
    background-position: -460px -928px;
    /* no */
  }
  80.2% {
    background-position: -575px -928px;
    /* no */
  }
  81% {
    background-position: -690px -928px;
    /* no */
  }
  81.9% {
    background-position: -805px -928px;
    /* no */
  }
  82.8% {
    background-position: -920px -928px;
    /* no */
  }
  83.6% {
    background-position: -1035px -928px;
    /* no */
  }
  84.5% {
    background-position: -1150px -928px;
    /* no */
  }
  85.3% {
    background-position: 0 -1044px;
    /* no */
  }
  86.2% {
    background-position: -115px -1044px;
    /* no */
  }
  87.1% {
    background-position: -230px -1044px;
    /* no */
  }
  87.9% {
    background-position: -345px -1044px;
    /* no */
  }
  88.8% {
    background-position: -460px -1044px;
    /* no */
  }
  89.7% {
    background-position: -575px -1044px;
    /* no */
  }
  90.5% {
    background-position: -690px -1044px;
    /* no */
  }
  91.4% {
    background-position: -805px -1044px;
    /* no */
  }
  92.2% {
    background-position: -920px -1044px;
    /* no */
  }
  93.1% {
    background-position: -1035px -1044px;
    /* no */
  }
  94% {
    background-position: -1150px -1044px;
    /* no */
  }
  94.8% {
    background-position: 0 -1160px;
    /* no */
  }
  95.7% {
    background-position: -115px -1160px;
    /* no */
  }
  96.6% {
    background-position: -230px -1160px;
    /* no */
  }
  97.4% {
    background-position: -345px -1160px;
    /* no */
  }
  98.3% {
    background-position: -460px -1160px;
    /* no */
  }
  99.1% {
    background-position: -575px -1160px;
    /* no */
  }
  100% {
    background-position: -575px -1160px;
    /* no */
  }
}
.nxh-10 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: sprite_509__01_64__gif_1 8s steps(1) infinite;
          animation: sprite_509__01_64__gif_1 8s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/jh-40_8ba35a5d.png);
  background-size: 1600% 1500%;
}
@-webkit-keyframes sprite_509__01_64__gif_1 {
  0% {
    background-position: 0 0;
  }
  0.4% {
    background-position: -115px 0;
    /* no */
  }
  0.8% {
    background-position: -230px 0;
    /* no */
  }
  1.3% {
    background-position: -345px 0;
    /* no */
  }
  1.7% {
    background-position: -460px 0;
    /* no */
  }
  2.1% {
    background-position: -575px 0;
    /* no */
  }
  2.5% {
    background-position: -690px 0;
    /* no */
  }
  2.9% {
    background-position: -805px 0;
    /* no */
  }
  3.3% {
    background-position: -920px 0;
    /* no */
  }
  3.8% {
    background-position: -1035px 0;
    /* no */
  }
  4.2% {
    background-position: -1150px 0;
    /* no */
  }
  4.6% {
    background-position: -1265px 0;
    /* no */
  }
  5% {
    background-position: -1380px 0;
    /* no */
  }
  5.4% {
    background-position: -1495px 0;
    /* no */
  }
  5.8% {
    background-position: -1610px 0;
    /* no */
  }
  6.3% {
    background-position: -1725px 0;
    /* no */
  }
  6.7% {
    background-position: 0 -115px;
    /* no */
  }
  7.1% {
    background-position: -115px -115px;
    /* no */
  }
  7.5% {
    background-position: -230px -115px;
    /* no */
  }
  7.9% {
    background-position: -345px -115px;
    /* no */
  }
  8.3% {
    background-position: -460px -115px;
    /* no */
  }
  8.8% {
    background-position: -575px -115px;
    /* no */
  }
  9.2% {
    background-position: -690px -115px;
    /* no */
  }
  9.6% {
    background-position: -805px -115px;
    /* no */
  }
  10% {
    background-position: -920px -115px;
    /* no */
  }
  10.4% {
    background-position: -1035px -115px;
    /* no */
  }
  10.8% {
    background-position: -1150px -115px;
    /* no */
  }
  11.3% {
    background-position: -1265px -115px;
    /* no */
  }
  11.7% {
    background-position: -1380px -115px;
    /* no */
  }
  12.1% {
    background-position: -1495px -115px;
    /* no */
  }
  12.5% {
    background-position: -1610px -115px;
    /* no */
  }
  12.9% {
    background-position: -1725px -115px;
    /* no */
  }
  13.3% {
    background-position: 0 -230px;
    /* no */
  }
  13.8% {
    background-position: -115px -230px;
    /* no */
  }
  14.2% {
    background-position: -230px -230px;
    /* no */
  }
  14.6% {
    background-position: -345px -230px;
    /* no */
  }
  15% {
    background-position: -460px -230px;
    /* no */
  }
  15.4% {
    background-position: -575px -230px;
    /* no */
  }
  15.8% {
    background-position: -690px -230px;
    /* no */
  }
  16.3% {
    background-position: -805px -230px;
    /* no */
  }
  16.7% {
    background-position: -920px -230px;
    /* no */
  }
  17.1% {
    background-position: -1035px -230px;
    /* no */
  }
  17.5% {
    background-position: -1150px -230px;
    /* no */
  }
  17.9% {
    background-position: -1265px -230px;
    /* no */
  }
  18.3% {
    background-position: -1380px -230px;
    /* no */
  }
  18.8% {
    background-position: -1495px -230px;
    /* no */
  }
  19.2% {
    background-position: -1610px -230px;
    /* no */
  }
  19.6% {
    background-position: -1725px -230px;
    /* no */
  }
  20% {
    background-position: 0 -345px;
    /* no */
  }
  20.4% {
    background-position: -115px -345px;
    /* no */
  }
  20.8% {
    background-position: -230px -345px;
    /* no */
  }
  21.3% {
    background-position: -345px -345px;
    /* no */
  }
  21.7% {
    background-position: -460px -345px;
    /* no */
  }
  22.1% {
    background-position: -575px -345px;
    /* no */
  }
  22.5% {
    background-position: -690px -345px;
    /* no */
  }
  22.9% {
    background-position: -805px -345px;
    /* no */
  }
  23.3% {
    background-position: -920px -345px;
    /* no */
  }
  23.8% {
    background-position: -1035px -345px;
    /* no */
  }
  24.2% {
    background-position: -1150px -345px;
    /* no */
  }
  24.6% {
    background-position: -1265px -345px;
    /* no */
  }
  25% {
    background-position: -1380px -345px;
    /* no */
  }
  25.4% {
    background-position: -1495px -345px;
    /* no */
  }
  25.8% {
    background-position: -1610px -345px;
    /* no */
  }
  26.3% {
    background-position: -1725px -345px;
    /* no */
  }
  26.7% {
    background-position: 0 -460px;
    /* no */
  }
  27.1% {
    background-position: -115px -460px;
    /* no */
  }
  27.5% {
    background-position: -230px -460px;
    /* no */
  }
  27.9% {
    background-position: -345px -460px;
    /* no */
  }
  28.3% {
    background-position: -460px -460px;
    /* no */
  }
  28.8% {
    background-position: -575px -460px;
    /* no */
  }
  29.2% {
    background-position: -690px -460px;
    /* no */
  }
  29.6% {
    background-position: -805px -460px;
    /* no */
  }
  30% {
    background-position: -920px -460px;
    /* no */
  }
  30.4% {
    background-position: -1035px -460px;
    /* no */
  }
  30.8% {
    background-position: -1150px -460px;
    /* no */
  }
  31.3% {
    background-position: -1265px -460px;
    /* no */
  }
  31.7% {
    background-position: -1380px -460px;
    /* no */
  }
  32.1% {
    background-position: -1495px -460px;
    /* no */
  }
  32.5% {
    background-position: -1610px -460px;
    /* no */
  }
  32.9% {
    background-position: -1725px -460px;
    /* no */
  }
  33.3% {
    background-position: 0 -575px;
    /* no */
  }
  33.8% {
    background-position: -115px -575px;
    /* no */
  }
  34.2% {
    background-position: -230px -575px;
    /* no */
  }
  34.6% {
    background-position: -345px -575px;
    /* no */
  }
  35% {
    background-position: -460px -575px;
    /* no */
  }
  35.4% {
    background-position: -575px -575px;
    /* no */
  }
  35.8% {
    background-position: -690px -575px;
    /* no */
  }
  36.3% {
    background-position: -805px -575px;
    /* no */
  }
  36.7% {
    background-position: -920px -575px;
    /* no */
  }
  37.1% {
    background-position: -1035px -575px;
    /* no */
  }
  37.5% {
    background-position: -1150px -575px;
    /* no */
  }
  37.9% {
    background-position: -1265px -575px;
    /* no */
  }
  38.3% {
    background-position: -1380px -575px;
    /* no */
  }
  38.8% {
    background-position: -1495px -575px;
    /* no */
  }
  39.2% {
    background-position: -1610px -575px;
    /* no */
  }
  39.6% {
    background-position: -1725px -575px;
    /* no */
  }
  40% {
    background-position: 0 -690px;
    /* no */
  }
  40.4% {
    background-position: -115px -690px;
    /* no */
  }
  40.8% {
    background-position: -230px -690px;
    /* no */
  }
  41.3% {
    background-position: -345px -690px;
    /* no */
  }
  41.7% {
    background-position: -460px -690px;
    /* no */
  }
  42.1% {
    background-position: -575px -690px;
    /* no */
  }
  42.5% {
    background-position: -690px -690px;
    /* no */
  }
  42.9% {
    background-position: -805px -690px;
    /* no */
  }
  43.3% {
    background-position: -920px -690px;
    /* no */
  }
  43.8% {
    background-position: -1035px -690px;
    /* no */
  }
  44.2% {
    background-position: -1150px -690px;
    /* no */
  }
  44.6% {
    background-position: -1265px -690px;
    /* no */
  }
  45% {
    background-position: -1380px -690px;
    /* no */
  }
  45.4% {
    background-position: -1495px -690px;
    /* no */
  }
  45.8% {
    background-position: -1610px -690px;
    /* no */
  }
  46.3% {
    background-position: -1725px -690px;
    /* no */
  }
  46.7% {
    background-position: 0 -805px;
    /* no */
  }
  47.1% {
    background-position: -115px -805px;
    /* no */
  }
  47.5% {
    background-position: -230px -805px;
    /* no */
  }
  47.9% {
    background-position: -345px -805px;
    /* no */
  }
  48.3% {
    background-position: -460px -805px;
    /* no */
  }
  48.8% {
    background-position: -575px -805px;
    /* no */
  }
  49.2% {
    background-position: -690px -805px;
    /* no */
  }
  49.6% {
    background-position: -805px -805px;
    /* no */
  }
  50% {
    background-position: -920px -805px;
    /* no */
  }
  50.4% {
    background-position: -1035px -805px;
    /* no */
  }
  50.8% {
    background-position: -1150px -805px;
    /* no */
  }
  51.3% {
    background-position: -1265px -805px;
    /* no */
  }
  51.7% {
    background-position: -1380px -805px;
    /* no */
  }
  52.1% {
    background-position: -1495px -805px;
    /* no */
  }
  52.5% {
    background-position: -1610px -805px;
    /* no */
  }
  52.9% {
    background-position: -1725px -805px;
    /* no */
  }
  53.3% {
    background-position: 0 -920px;
    /* no */
  }
  53.8% {
    background-position: -115px -920px;
    /* no */
  }
  54.2% {
    background-position: -230px -920px;
    /* no */
  }
  54.6% {
    background-position: -345px -920px;
    /* no */
  }
  55% {
    background-position: -460px -920px;
    /* no */
  }
  55.4% {
    background-position: -575px -920px;
    /* no */
  }
  55.8% {
    background-position: -690px -920px;
    /* no */
  }
  56.3% {
    background-position: -805px -920px;
    /* no */
  }
  56.7% {
    background-position: -920px -920px;
    /* no */
  }
  57.1% {
    background-position: -1035px -920px;
    /* no */
  }
  57.5% {
    background-position: -1150px -920px;
    /* no */
  }
  57.9% {
    background-position: -1265px -920px;
    /* no */
  }
  58.3% {
    background-position: -1380px -920px;
    /* no */
  }
  58.8% {
    background-position: -1495px -920px;
    /* no */
  }
  59.2% {
    background-position: -1610px -920px;
    /* no */
  }
  59.6% {
    background-position: -1725px -920px;
    /* no */
  }
  60% {
    background-position: 0 -1035px;
    /* no */
  }
  60.4% {
    background-position: -115px -1035px;
    /* no */
  }
  60.8% {
    background-position: -230px -1035px;
    /* no */
  }
  61.3% {
    background-position: -345px -1035px;
    /* no */
  }
  61.7% {
    background-position: -460px -1035px;
    /* no */
  }
  62.1% {
    background-position: -575px -1035px;
    /* no */
  }
  62.5% {
    background-position: -690px -1035px;
    /* no */
  }
  62.9% {
    background-position: -805px -1035px;
    /* no */
  }
  63.3% {
    background-position: -920px -1035px;
    /* no */
  }
  63.8% {
    background-position: -1035px -1035px;
    /* no */
  }
  64.2% {
    background-position: -1150px -1035px;
    /* no */
  }
  64.6% {
    background-position: -1265px -1035px;
    /* no */
  }
  65% {
    background-position: -1380px -1035px;
    /* no */
  }
  65.4% {
    background-position: -1495px -1035px;
    /* no */
  }
  65.8% {
    background-position: -1610px -1035px;
    /* no */
  }
  66.3% {
    background-position: -1725px -1035px;
    /* no */
  }
  66.7% {
    background-position: 0 -1150px;
    /* no */
  }
  67.1% {
    background-position: -115px -1150px;
    /* no */
  }
  67.5% {
    background-position: -230px -1150px;
    /* no */
  }
  67.9% {
    background-position: -345px -1150px;
    /* no */
  }
  68.3% {
    background-position: -460px -1150px;
    /* no */
  }
  68.8% {
    background-position: -575px -1150px;
    /* no */
  }
  69.2% {
    background-position: -690px -1150px;
    /* no */
  }
  69.6% {
    background-position: -805px -1150px;
    /* no */
  }
  70% {
    background-position: -920px -1150px;
    /* no */
  }
  70.4% {
    background-position: -1035px -1150px;
    /* no */
  }
  70.8% {
    background-position: -1150px -1150px;
    /* no */
  }
  71.3% {
    background-position: -1265px -1150px;
    /* no */
  }
  71.7% {
    background-position: -1380px -1150px;
    /* no */
  }
  72.1% {
    background-position: -1495px -1150px;
    /* no */
  }
  72.5% {
    background-position: -1610px -1150px;
    /* no */
  }
  72.9% {
    background-position: -1725px -1150px;
    /* no */
  }
  73.3% {
    background-position: 0 -1265px;
    /* no */
  }
  73.8% {
    background-position: -115px -1265px;
    /* no */
  }
  74.2% {
    background-position: -230px -1265px;
    /* no */
  }
  74.6% {
    background-position: -345px -1265px;
    /* no */
  }
  75% {
    background-position: -460px -1265px;
    /* no */
  }
  75.4% {
    background-position: -575px -1265px;
    /* no */
  }
  75.8% {
    background-position: -690px -1265px;
    /* no */
  }
  76.3% {
    background-position: -805px -1265px;
    /* no */
  }
  76.7% {
    background-position: -920px -1265px;
    /* no */
  }
  77.1% {
    background-position: -1035px -1265px;
    /* no */
  }
  77.5% {
    background-position: -1150px -1265px;
    /* no */
  }
  77.9% {
    background-position: -1265px -1265px;
    /* no */
  }
  78.3% {
    background-position: -1380px -1265px;
    /* no */
  }
  78.8% {
    background-position: -1495px -1265px;
    /* no */
  }
  79.2% {
    background-position: -1610px -1265px;
    /* no */
  }
  79.6% {
    background-position: -1725px -1265px;
    /* no */
  }
  80% {
    background-position: 0 -1380px;
    /* no */
  }
  80.4% {
    background-position: -115px -1380px;
    /* no */
  }
  80.8% {
    background-position: -230px -1380px;
    /* no */
  }
  81.3% {
    background-position: -345px -1380px;
    /* no */
  }
  81.7% {
    background-position: -460px -1380px;
    /* no */
  }
  82.1% {
    background-position: -575px -1380px;
    /* no */
  }
  82.5% {
    background-position: -690px -1380px;
    /* no */
  }
  82.9% {
    background-position: -805px -1380px;
    /* no */
  }
  83.3% {
    background-position: -920px -1380px;
    /* no */
  }
  83.8% {
    background-position: -1035px -1380px;
    /* no */
  }
  84.2% {
    background-position: -1150px -1380px;
    /* no */
  }
  84.6% {
    background-position: -1265px -1380px;
    /* no */
  }
  85% {
    background-position: -1380px -1380px;
    /* no */
  }
  85.4% {
    background-position: -1495px -1380px;
    /* no */
  }
  85.8% {
    background-position: -1610px -1380px;
    /* no */
  }
  86.3% {
    background-position: -1725px -1380px;
    /* no */
  }
  86.7% {
    background-position: 0 -1495px;
    /* no */
  }
  87.1% {
    background-position: -115px -1495px;
    /* no */
  }
  87.5% {
    background-position: -230px -1495px;
    /* no */
  }
  87.9% {
    background-position: -345px -1495px;
    /* no */
  }
  88.3% {
    background-position: -460px -1495px;
    /* no */
  }
  88.8% {
    background-position: -575px -1495px;
    /* no */
  }
  89.2% {
    background-position: -690px -1495px;
    /* no */
  }
  89.6% {
    background-position: -805px -1495px;
    /* no */
  }
  90% {
    background-position: -920px -1495px;
    /* no */
  }
  90.4% {
    background-position: -1035px -1495px;
    /* no */
  }
  90.8% {
    background-position: -1150px -1495px;
    /* no */
  }
  91.3% {
    background-position: -1265px -1495px;
    /* no */
  }
  91.7% {
    background-position: -1380px -1495px;
    /* no */
  }
  92.1% {
    background-position: -1495px -1495px;
    /* no */
  }
  92.5% {
    background-position: -1610px -1495px;
    /* no */
  }
  92.9% {
    background-position: -1725px -1495px;
    /* no */
  }
  93.3% {
    background-position: 0 -1610px;
    /* no */
  }
  93.8% {
    background-position: -115px -1610px;
    /* no */
  }
  94.2% {
    background-position: -230px -1610px;
    /* no */
  }
  94.6% {
    background-position: -345px -1610px;
    /* no */
  }
  95% {
    background-position: -460px -1610px;
    /* no */
  }
  95.4% {
    background-position: -575px -1610px;
    /* no */
  }
  95.8% {
    background-position: -690px -1610px;
    /* no */
  }
  96.3% {
    background-position: -805px -1610px;
    /* no */
  }
  96.7% {
    background-position: -920px -1610px;
    /* no */
  }
  97.1% {
    background-position: -1035px -1610px;
    /* no */
  }
  97.5% {
    background-position: -1150px -1610px;
    /* no */
  }
  97.9% {
    background-position: -1265px -1610px;
    /* no */
  }
  98.3% {
    background-position: -1380px -1610px;
    /* no */
  }
  98.8% {
    background-position: -1495px -1610px;
    /* no */
  }
  99.2% {
    background-position: -1610px -1610px;
    /* no */
  }
  99.6% {
    background-position: -1725px -1610px;
    /* no */
  }
  100% {
    background-position: -1725px -1610px;
    /* no */
  }
}
@keyframes sprite_509__01_64__gif_1 {
  0% {
    background-position: 0 0;
  }
  0.4% {
    background-position: -115px 0;
    /* no */
  }
  0.8% {
    background-position: -230px 0;
    /* no */
  }
  1.3% {
    background-position: -345px 0;
    /* no */
  }
  1.7% {
    background-position: -460px 0;
    /* no */
  }
  2.1% {
    background-position: -575px 0;
    /* no */
  }
  2.5% {
    background-position: -690px 0;
    /* no */
  }
  2.9% {
    background-position: -805px 0;
    /* no */
  }
  3.3% {
    background-position: -920px 0;
    /* no */
  }
  3.8% {
    background-position: -1035px 0;
    /* no */
  }
  4.2% {
    background-position: -1150px 0;
    /* no */
  }
  4.6% {
    background-position: -1265px 0;
    /* no */
  }
  5% {
    background-position: -1380px 0;
    /* no */
  }
  5.4% {
    background-position: -1495px 0;
    /* no */
  }
  5.8% {
    background-position: -1610px 0;
    /* no */
  }
  6.3% {
    background-position: -1725px 0;
    /* no */
  }
  6.7% {
    background-position: 0 -115px;
    /* no */
  }
  7.1% {
    background-position: -115px -115px;
    /* no */
  }
  7.5% {
    background-position: -230px -115px;
    /* no */
  }
  7.9% {
    background-position: -345px -115px;
    /* no */
  }
  8.3% {
    background-position: -460px -115px;
    /* no */
  }
  8.8% {
    background-position: -575px -115px;
    /* no */
  }
  9.2% {
    background-position: -690px -115px;
    /* no */
  }
  9.6% {
    background-position: -805px -115px;
    /* no */
  }
  10% {
    background-position: -920px -115px;
    /* no */
  }
  10.4% {
    background-position: -1035px -115px;
    /* no */
  }
  10.8% {
    background-position: -1150px -115px;
    /* no */
  }
  11.3% {
    background-position: -1265px -115px;
    /* no */
  }
  11.7% {
    background-position: -1380px -115px;
    /* no */
  }
  12.1% {
    background-position: -1495px -115px;
    /* no */
  }
  12.5% {
    background-position: -1610px -115px;
    /* no */
  }
  12.9% {
    background-position: -1725px -115px;
    /* no */
  }
  13.3% {
    background-position: 0 -230px;
    /* no */
  }
  13.8% {
    background-position: -115px -230px;
    /* no */
  }
  14.2% {
    background-position: -230px -230px;
    /* no */
  }
  14.6% {
    background-position: -345px -230px;
    /* no */
  }
  15% {
    background-position: -460px -230px;
    /* no */
  }
  15.4% {
    background-position: -575px -230px;
    /* no */
  }
  15.8% {
    background-position: -690px -230px;
    /* no */
  }
  16.3% {
    background-position: -805px -230px;
    /* no */
  }
  16.7% {
    background-position: -920px -230px;
    /* no */
  }
  17.1% {
    background-position: -1035px -230px;
    /* no */
  }
  17.5% {
    background-position: -1150px -230px;
    /* no */
  }
  17.9% {
    background-position: -1265px -230px;
    /* no */
  }
  18.3% {
    background-position: -1380px -230px;
    /* no */
  }
  18.8% {
    background-position: -1495px -230px;
    /* no */
  }
  19.2% {
    background-position: -1610px -230px;
    /* no */
  }
  19.6% {
    background-position: -1725px -230px;
    /* no */
  }
  20% {
    background-position: 0 -345px;
    /* no */
  }
  20.4% {
    background-position: -115px -345px;
    /* no */
  }
  20.8% {
    background-position: -230px -345px;
    /* no */
  }
  21.3% {
    background-position: -345px -345px;
    /* no */
  }
  21.7% {
    background-position: -460px -345px;
    /* no */
  }
  22.1% {
    background-position: -575px -345px;
    /* no */
  }
  22.5% {
    background-position: -690px -345px;
    /* no */
  }
  22.9% {
    background-position: -805px -345px;
    /* no */
  }
  23.3% {
    background-position: -920px -345px;
    /* no */
  }
  23.8% {
    background-position: -1035px -345px;
    /* no */
  }
  24.2% {
    background-position: -1150px -345px;
    /* no */
  }
  24.6% {
    background-position: -1265px -345px;
    /* no */
  }
  25% {
    background-position: -1380px -345px;
    /* no */
  }
  25.4% {
    background-position: -1495px -345px;
    /* no */
  }
  25.8% {
    background-position: -1610px -345px;
    /* no */
  }
  26.3% {
    background-position: -1725px -345px;
    /* no */
  }
  26.7% {
    background-position: 0 -460px;
    /* no */
  }
  27.1% {
    background-position: -115px -460px;
    /* no */
  }
  27.5% {
    background-position: -230px -460px;
    /* no */
  }
  27.9% {
    background-position: -345px -460px;
    /* no */
  }
  28.3% {
    background-position: -460px -460px;
    /* no */
  }
  28.8% {
    background-position: -575px -460px;
    /* no */
  }
  29.2% {
    background-position: -690px -460px;
    /* no */
  }
  29.6% {
    background-position: -805px -460px;
    /* no */
  }
  30% {
    background-position: -920px -460px;
    /* no */
  }
  30.4% {
    background-position: -1035px -460px;
    /* no */
  }
  30.8% {
    background-position: -1150px -460px;
    /* no */
  }
  31.3% {
    background-position: -1265px -460px;
    /* no */
  }
  31.7% {
    background-position: -1380px -460px;
    /* no */
  }
  32.1% {
    background-position: -1495px -460px;
    /* no */
  }
  32.5% {
    background-position: -1610px -460px;
    /* no */
  }
  32.9% {
    background-position: -1725px -460px;
    /* no */
  }
  33.3% {
    background-position: 0 -575px;
    /* no */
  }
  33.8% {
    background-position: -115px -575px;
    /* no */
  }
  34.2% {
    background-position: -230px -575px;
    /* no */
  }
  34.6% {
    background-position: -345px -575px;
    /* no */
  }
  35% {
    background-position: -460px -575px;
    /* no */
  }
  35.4% {
    background-position: -575px -575px;
    /* no */
  }
  35.8% {
    background-position: -690px -575px;
    /* no */
  }
  36.3% {
    background-position: -805px -575px;
    /* no */
  }
  36.7% {
    background-position: -920px -575px;
    /* no */
  }
  37.1% {
    background-position: -1035px -575px;
    /* no */
  }
  37.5% {
    background-position: -1150px -575px;
    /* no */
  }
  37.9% {
    background-position: -1265px -575px;
    /* no */
  }
  38.3% {
    background-position: -1380px -575px;
    /* no */
  }
  38.8% {
    background-position: -1495px -575px;
    /* no */
  }
  39.2% {
    background-position: -1610px -575px;
    /* no */
  }
  39.6% {
    background-position: -1725px -575px;
    /* no */
  }
  40% {
    background-position: 0 -690px;
    /* no */
  }
  40.4% {
    background-position: -115px -690px;
    /* no */
  }
  40.8% {
    background-position: -230px -690px;
    /* no */
  }
  41.3% {
    background-position: -345px -690px;
    /* no */
  }
  41.7% {
    background-position: -460px -690px;
    /* no */
  }
  42.1% {
    background-position: -575px -690px;
    /* no */
  }
  42.5% {
    background-position: -690px -690px;
    /* no */
  }
  42.9% {
    background-position: -805px -690px;
    /* no */
  }
  43.3% {
    background-position: -920px -690px;
    /* no */
  }
  43.8% {
    background-position: -1035px -690px;
    /* no */
  }
  44.2% {
    background-position: -1150px -690px;
    /* no */
  }
  44.6% {
    background-position: -1265px -690px;
    /* no */
  }
  45% {
    background-position: -1380px -690px;
    /* no */
  }
  45.4% {
    background-position: -1495px -690px;
    /* no */
  }
  45.8% {
    background-position: -1610px -690px;
    /* no */
  }
  46.3% {
    background-position: -1725px -690px;
    /* no */
  }
  46.7% {
    background-position: 0 -805px;
    /* no */
  }
  47.1% {
    background-position: -115px -805px;
    /* no */
  }
  47.5% {
    background-position: -230px -805px;
    /* no */
  }
  47.9% {
    background-position: -345px -805px;
    /* no */
  }
  48.3% {
    background-position: -460px -805px;
    /* no */
  }
  48.8% {
    background-position: -575px -805px;
    /* no */
  }
  49.2% {
    background-position: -690px -805px;
    /* no */
  }
  49.6% {
    background-position: -805px -805px;
    /* no */
  }
  50% {
    background-position: -920px -805px;
    /* no */
  }
  50.4% {
    background-position: -1035px -805px;
    /* no */
  }
  50.8% {
    background-position: -1150px -805px;
    /* no */
  }
  51.3% {
    background-position: -1265px -805px;
    /* no */
  }
  51.7% {
    background-position: -1380px -805px;
    /* no */
  }
  52.1% {
    background-position: -1495px -805px;
    /* no */
  }
  52.5% {
    background-position: -1610px -805px;
    /* no */
  }
  52.9% {
    background-position: -1725px -805px;
    /* no */
  }
  53.3% {
    background-position: 0 -920px;
    /* no */
  }
  53.8% {
    background-position: -115px -920px;
    /* no */
  }
  54.2% {
    background-position: -230px -920px;
    /* no */
  }
  54.6% {
    background-position: -345px -920px;
    /* no */
  }
  55% {
    background-position: -460px -920px;
    /* no */
  }
  55.4% {
    background-position: -575px -920px;
    /* no */
  }
  55.8% {
    background-position: -690px -920px;
    /* no */
  }
  56.3% {
    background-position: -805px -920px;
    /* no */
  }
  56.7% {
    background-position: -920px -920px;
    /* no */
  }
  57.1% {
    background-position: -1035px -920px;
    /* no */
  }
  57.5% {
    background-position: -1150px -920px;
    /* no */
  }
  57.9% {
    background-position: -1265px -920px;
    /* no */
  }
  58.3% {
    background-position: -1380px -920px;
    /* no */
  }
  58.8% {
    background-position: -1495px -920px;
    /* no */
  }
  59.2% {
    background-position: -1610px -920px;
    /* no */
  }
  59.6% {
    background-position: -1725px -920px;
    /* no */
  }
  60% {
    background-position: 0 -1035px;
    /* no */
  }
  60.4% {
    background-position: -115px -1035px;
    /* no */
  }
  60.8% {
    background-position: -230px -1035px;
    /* no */
  }
  61.3% {
    background-position: -345px -1035px;
    /* no */
  }
  61.7% {
    background-position: -460px -1035px;
    /* no */
  }
  62.1% {
    background-position: -575px -1035px;
    /* no */
  }
  62.5% {
    background-position: -690px -1035px;
    /* no */
  }
  62.9% {
    background-position: -805px -1035px;
    /* no */
  }
  63.3% {
    background-position: -920px -1035px;
    /* no */
  }
  63.8% {
    background-position: -1035px -1035px;
    /* no */
  }
  64.2% {
    background-position: -1150px -1035px;
    /* no */
  }
  64.6% {
    background-position: -1265px -1035px;
    /* no */
  }
  65% {
    background-position: -1380px -1035px;
    /* no */
  }
  65.4% {
    background-position: -1495px -1035px;
    /* no */
  }
  65.8% {
    background-position: -1610px -1035px;
    /* no */
  }
  66.3% {
    background-position: -1725px -1035px;
    /* no */
  }
  66.7% {
    background-position: 0 -1150px;
    /* no */
  }
  67.1% {
    background-position: -115px -1150px;
    /* no */
  }
  67.5% {
    background-position: -230px -1150px;
    /* no */
  }
  67.9% {
    background-position: -345px -1150px;
    /* no */
  }
  68.3% {
    background-position: -460px -1150px;
    /* no */
  }
  68.8% {
    background-position: -575px -1150px;
    /* no */
  }
  69.2% {
    background-position: -690px -1150px;
    /* no */
  }
  69.6% {
    background-position: -805px -1150px;
    /* no */
  }
  70% {
    background-position: -920px -1150px;
    /* no */
  }
  70.4% {
    background-position: -1035px -1150px;
    /* no */
  }
  70.8% {
    background-position: -1150px -1150px;
    /* no */
  }
  71.3% {
    background-position: -1265px -1150px;
    /* no */
  }
  71.7% {
    background-position: -1380px -1150px;
    /* no */
  }
  72.1% {
    background-position: -1495px -1150px;
    /* no */
  }
  72.5% {
    background-position: -1610px -1150px;
    /* no */
  }
  72.9% {
    background-position: -1725px -1150px;
    /* no */
  }
  73.3% {
    background-position: 0 -1265px;
    /* no */
  }
  73.8% {
    background-position: -115px -1265px;
    /* no */
  }
  74.2% {
    background-position: -230px -1265px;
    /* no */
  }
  74.6% {
    background-position: -345px -1265px;
    /* no */
  }
  75% {
    background-position: -460px -1265px;
    /* no */
  }
  75.4% {
    background-position: -575px -1265px;
    /* no */
  }
  75.8% {
    background-position: -690px -1265px;
    /* no */
  }
  76.3% {
    background-position: -805px -1265px;
    /* no */
  }
  76.7% {
    background-position: -920px -1265px;
    /* no */
  }
  77.1% {
    background-position: -1035px -1265px;
    /* no */
  }
  77.5% {
    background-position: -1150px -1265px;
    /* no */
  }
  77.9% {
    background-position: -1265px -1265px;
    /* no */
  }
  78.3% {
    background-position: -1380px -1265px;
    /* no */
  }
  78.8% {
    background-position: -1495px -1265px;
    /* no */
  }
  79.2% {
    background-position: -1610px -1265px;
    /* no */
  }
  79.6% {
    background-position: -1725px -1265px;
    /* no */
  }
  80% {
    background-position: 0 -1380px;
    /* no */
  }
  80.4% {
    background-position: -115px -1380px;
    /* no */
  }
  80.8% {
    background-position: -230px -1380px;
    /* no */
  }
  81.3% {
    background-position: -345px -1380px;
    /* no */
  }
  81.7% {
    background-position: -460px -1380px;
    /* no */
  }
  82.1% {
    background-position: -575px -1380px;
    /* no */
  }
  82.5% {
    background-position: -690px -1380px;
    /* no */
  }
  82.9% {
    background-position: -805px -1380px;
    /* no */
  }
  83.3% {
    background-position: -920px -1380px;
    /* no */
  }
  83.8% {
    background-position: -1035px -1380px;
    /* no */
  }
  84.2% {
    background-position: -1150px -1380px;
    /* no */
  }
  84.6% {
    background-position: -1265px -1380px;
    /* no */
  }
  85% {
    background-position: -1380px -1380px;
    /* no */
  }
  85.4% {
    background-position: -1495px -1380px;
    /* no */
  }
  85.8% {
    background-position: -1610px -1380px;
    /* no */
  }
  86.3% {
    background-position: -1725px -1380px;
    /* no */
  }
  86.7% {
    background-position: 0 -1495px;
    /* no */
  }
  87.1% {
    background-position: -115px -1495px;
    /* no */
  }
  87.5% {
    background-position: -230px -1495px;
    /* no */
  }
  87.9% {
    background-position: -345px -1495px;
    /* no */
  }
  88.3% {
    background-position: -460px -1495px;
    /* no */
  }
  88.8% {
    background-position: -575px -1495px;
    /* no */
  }
  89.2% {
    background-position: -690px -1495px;
    /* no */
  }
  89.6% {
    background-position: -805px -1495px;
    /* no */
  }
  90% {
    background-position: -920px -1495px;
    /* no */
  }
  90.4% {
    background-position: -1035px -1495px;
    /* no */
  }
  90.8% {
    background-position: -1150px -1495px;
    /* no */
  }
  91.3% {
    background-position: -1265px -1495px;
    /* no */
  }
  91.7% {
    background-position: -1380px -1495px;
    /* no */
  }
  92.1% {
    background-position: -1495px -1495px;
    /* no */
  }
  92.5% {
    background-position: -1610px -1495px;
    /* no */
  }
  92.9% {
    background-position: -1725px -1495px;
    /* no */
  }
  93.3% {
    background-position: 0 -1610px;
    /* no */
  }
  93.8% {
    background-position: -115px -1610px;
    /* no */
  }
  94.2% {
    background-position: -230px -1610px;
    /* no */
  }
  94.6% {
    background-position: -345px -1610px;
    /* no */
  }
  95% {
    background-position: -460px -1610px;
    /* no */
  }
  95.4% {
    background-position: -575px -1610px;
    /* no */
  }
  95.8% {
    background-position: -690px -1610px;
    /* no */
  }
  96.3% {
    background-position: -805px -1610px;
    /* no */
  }
  96.7% {
    background-position: -920px -1610px;
    /* no */
  }
  97.1% {
    background-position: -1035px -1610px;
    /* no */
  }
  97.5% {
    background-position: -1150px -1610px;
    /* no */
  }
  97.9% {
    background-position: -1265px -1610px;
    /* no */
  }
  98.3% {
    background-position: -1380px -1610px;
    /* no */
  }
  98.8% {
    background-position: -1495px -1610px;
    /* no */
  }
  99.2% {
    background-position: -1610px -1610px;
    /* no */
  }
  99.6% {
    background-position: -1725px -1610px;
    /* no */
  }
  100% {
    background-position: -1725px -1610px;
    /* no */
  }
}
.nxh-11 {
  height: 116px;
  /* no */
  width: 115px;
  /* no */
  -webkit-animation: sprite_510__01_20__png_1 2.5s steps(1) infinite;
          animation: sprite_510__01_20__png_1 2.5s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/jh-41_38dd52d5.png);
  background-size: 800% 800%;
}
@-webkit-keyframes sprite_510__01_20__png_1 {
  0% {
    background-position: 0 0;
  }
  1.7% {
    background-position: -115px 0;
    /* no */
  }
  3.3% {
    background-position: -230px 0;
    /* no */
  }
  5% {
    background-position: -345px 0;
    /* no */
  }
  6.7% {
    background-position: -460px 0;
    /* no */
  }
  8.3% {
    background-position: -575px 0;
    /* no */
  }
  10% {
    background-position: -690px 0;
    /* no */
  }
  11.7% {
    background-position: -805px 0;
    /* no */
  }
  13.3% {
    background-position: 0 -116px;
    /* no */
  }
  15% {
    background-position: -115px -116px;
    /* no */
  }
  16.7% {
    background-position: -230px -116px;
    /* no */
  }
  18.3% {
    background-position: -345px -116px;
    /* no */
  }
  20% {
    background-position: -460px -116px;
    /* no */
  }
  21.7% {
    background-position: -575px -116px;
    /* no */
  }
  23.3% {
    background-position: -690px -116px;
    /* no */
  }
  25% {
    background-position: -805px -116px;
    /* no */
  }
  26.7% {
    background-position: 0 -232px;
    /* no */
  }
  28.3% {
    background-position: -115px -232px;
    /* no */
  }
  30% {
    background-position: -230px -232px;
    /* no */
  }
  31.7% {
    background-position: -345px -232px;
    /* no */
  }
  33.3% {
    background-position: -460px -232px;
    /* no */
  }
  35% {
    background-position: -575px -232px;
    /* no */
  }
  36.7% {
    background-position: -690px -232px;
    /* no */
  }
  38.3% {
    background-position: -805px -232px;
    /* no */
  }
  40% {
    background-position: 0 -348px;
    /* no */
  }
  41.7% {
    background-position: -115px -348px;
    /* no */
  }
  43.3% {
    background-position: -230px -348px;
    /* no */
  }
  45% {
    background-position: -345px -348px;
    /* no */
  }
  46.7% {
    background-position: -460px -348px;
    /* no */
  }
  48.3% {
    background-position: -575px -348px;
    /* no */
  }
  50% {
    background-position: -690px -348px;
    /* no */
  }
  51.7% {
    background-position: -805px -348px;
    /* no */
  }
  53.3% {
    background-position: 0 -464px;
    /* no */
  }
  55% {
    background-position: -115px -464px;
    /* no */
  }
  56.7% {
    background-position: -230px -464px;
    /* no */
  }
  58.3% {
    background-position: -345px -464px;
    /* no */
  }
  60% {
    background-position: -460px -464px;
    /* no */
  }
  61.7% {
    background-position: -575px -464px;
    /* no */
  }
  63.3% {
    background-position: -690px -464px;
    /* no */
  }
  65% {
    background-position: -805px -464px;
    /* no */
  }
  66.7% {
    background-position: 0 -580px;
    /* no */
  }
  68.3% {
    background-position: -115px -580px;
    /* no */
  }
  70% {
    background-position: -230px -580px;
    /* no */
  }
  71.7% {
    background-position: -345px -580px;
    /* no */
  }
  73.3% {
    background-position: -460px -580px;
    /* no */
  }
  75% {
    background-position: -575px -580px;
    /* no */
  }
  76.7% {
    background-position: -690px -580px;
    /* no */
  }
  78.3% {
    background-position: -805px -580px;
    /* no */
  }
  80% {
    background-position: 0 -696px;
    /* no */
  }
  81.7% {
    background-position: -115px -696px;
    /* no */
  }
  83.3% {
    background-position: -230px -696px;
    /* no */
  }
  85% {
    background-position: -345px -696px;
    /* no */
  }
  86.7% {
    background-position: -460px -696px;
    /* no */
  }
  88.3% {
    background-position: -575px -696px;
    /* no */
  }
  90% {
    background-position: -690px -696px;
    /* no */
  }
  91.7% {
    background-position: -805px -696px;
    /* no */
  }
  93.3% {
    background-position: 0 -812px;
    /* no */
  }
  95% {
    background-position: -115px -812px;
    /* no */
  }
  96.7% {
    background-position: -230px -812px;
    /* no */
  }
  98.3% {
    background-position: -345px -812px;
    /* no */
  }
  100% {
    background-position: -345px -812px;
    /* no */
  }
}
@keyframes sprite_510__01_20__png_1 {
  0% {
    background-position: 0 0;
  }
  1.7% {
    background-position: -115px 0;
    /* no */
  }
  3.3% {
    background-position: -230px 0;
    /* no */
  }
  5% {
    background-position: -345px 0;
    /* no */
  }
  6.7% {
    background-position: -460px 0;
    /* no */
  }
  8.3% {
    background-position: -575px 0;
    /* no */
  }
  10% {
    background-position: -690px 0;
    /* no */
  }
  11.7% {
    background-position: -805px 0;
    /* no */
  }
  13.3% {
    background-position: 0 -116px;
    /* no */
  }
  15% {
    background-position: -115px -116px;
    /* no */
  }
  16.7% {
    background-position: -230px -116px;
    /* no */
  }
  18.3% {
    background-position: -345px -116px;
    /* no */
  }
  20% {
    background-position: -460px -116px;
    /* no */
  }
  21.7% {
    background-position: -575px -116px;
    /* no */
  }
  23.3% {
    background-position: -690px -116px;
    /* no */
  }
  25% {
    background-position: -805px -116px;
    /* no */
  }
  26.7% {
    background-position: 0 -232px;
    /* no */
  }
  28.3% {
    background-position: -115px -232px;
    /* no */
  }
  30% {
    background-position: -230px -232px;
    /* no */
  }
  31.7% {
    background-position: -345px -232px;
    /* no */
  }
  33.3% {
    background-position: -460px -232px;
    /* no */
  }
  35% {
    background-position: -575px -232px;
    /* no */
  }
  36.7% {
    background-position: -690px -232px;
    /* no */
  }
  38.3% {
    background-position: -805px -232px;
    /* no */
  }
  40% {
    background-position: 0 -348px;
    /* no */
  }
  41.7% {
    background-position: -115px -348px;
    /* no */
  }
  43.3% {
    background-position: -230px -348px;
    /* no */
  }
  45% {
    background-position: -345px -348px;
    /* no */
  }
  46.7% {
    background-position: -460px -348px;
    /* no */
  }
  48.3% {
    background-position: -575px -348px;
    /* no */
  }
  50% {
    background-position: -690px -348px;
    /* no */
  }
  51.7% {
    background-position: -805px -348px;
    /* no */
  }
  53.3% {
    background-position: 0 -464px;
    /* no */
  }
  55% {
    background-position: -115px -464px;
    /* no */
  }
  56.7% {
    background-position: -230px -464px;
    /* no */
  }
  58.3% {
    background-position: -345px -464px;
    /* no */
  }
  60% {
    background-position: -460px -464px;
    /* no */
  }
  61.7% {
    background-position: -575px -464px;
    /* no */
  }
  63.3% {
    background-position: -690px -464px;
    /* no */
  }
  65% {
    background-position: -805px -464px;
    /* no */
  }
  66.7% {
    background-position: 0 -580px;
    /* no */
  }
  68.3% {
    background-position: -115px -580px;
    /* no */
  }
  70% {
    background-position: -230px -580px;
    /* no */
  }
  71.7% {
    background-position: -345px -580px;
    /* no */
  }
  73.3% {
    background-position: -460px -580px;
    /* no */
  }
  75% {
    background-position: -575px -580px;
    /* no */
  }
  76.7% {
    background-position: -690px -580px;
    /* no */
  }
  78.3% {
    background-position: -805px -580px;
    /* no */
  }
  80% {
    background-position: 0 -696px;
    /* no */
  }
  81.7% {
    background-position: -115px -696px;
    /* no */
  }
  83.3% {
    background-position: -230px -696px;
    /* no */
  }
  85% {
    background-position: -345px -696px;
    /* no */
  }
  86.7% {
    background-position: -460px -696px;
    /* no */
  }
  88.3% {
    background-position: -575px -696px;
    /* no */
  }
  90% {
    background-position: -690px -696px;
    /* no */
  }
  91.7% {
    background-position: -805px -696px;
    /* no */
  }
  93.3% {
    background-position: 0 -812px;
    /* no */
  }
  95% {
    background-position: -115px -812px;
    /* no */
  }
  96.7% {
    background-position: -230px -812px;
    /* no */
  }
  98.3% {
    background-position: -345px -812px;
    /* no */
  }
  100% {
    background-position: -345px -812px;
    /* no */
  }
}
.popo-1 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_1 2.58s steps(1) infinite;
          animation: key_pop_1 2.58s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-1_36002148.png);
  background-size: 600% 600%;
}
@-webkit-keyframes key_pop_1 {
  0% {
    background-position: 0 0;
  }
  3.2% {
    background-position: -32px 0;
    /* no */
    /* no */
  }
  6.5% {
    background-position: -64px 0;
    /* no */
    /* no */
  }
  9.7% {
    background-position: -96px 0;
    /* no */
    /* no */
  }
  12.9% {
    background-position: -128px 0;
    /* no */
    /* no */
  }
  16.1% {
    background-position: -160px 0;
    /* no */
    /* no */
  }
  19.4% {
    background-position: 0 -32px;
    /* no */
    /* no */
  }
  22.6% {
    background-position: -32px -32px;
    /* no */
    /* no */
  }
  25.8% {
    background-position: -64px -32px;
    /* no */
    /* no */
  }
  29% {
    background-position: -96px -32px;
    /* no */
    /* no */
  }
  32.3% {
    background-position: -128px -32px;
    /* no */
    /* no */
  }
  35.5% {
    background-position: -160px -32px;
    /* no */
    /* no */
  }
  38.7% {
    background-position: 0 -64px;
    /* no */
    /* no */
  }
  41.9% {
    background-position: -32px -64px;
    /* no */
    /* no */
  }
  45.2% {
    background-position: -64px -64px;
    /* no */
    /* no */
  }
  48.4% {
    background-position: -96px -64px;
    /* no */
    /* no */
  }
  51.6% {
    background-position: -128px -64px;
    /* no */
    /* no */
  }
  54.8% {
    background-position: -160px -64px;
    /* no */
    /* no */
  }
  58.1% {
    background-position: 0 -96px;
    /* no */
    /* no */
  }
  61.3% {
    background-position: -32px -96px;
    /* no */
    /* no */
  }
  64.5% {
    background-position: -64px -96px;
    /* no */
    /* no */
  }
  67.7% {
    background-position: -96px -96px;
    /* no */
    /* no */
  }
  71% {
    background-position: -128px -96px;
    /* no */
    /* no */
  }
  74.2% {
    background-position: -160px -96px;
    /* no */
    /* no */
  }
  77.4% {
    background-position: 0 -128px;
    /* no */
    /* no */
  }
  80.6% {
    background-position: -32px -128px;
    /* no */
    /* no */
  }
  83.9% {
    background-position: -64px -128px;
    /* no */
    /* no */
  }
  87.1% {
    background-position: -96px -128px;
    /* no */
    /* no */
  }
  90.3% {
    background-position: -128px -128px;
    /* no */
    /* no */
  }
  93.5% {
    background-position: -160px -128px;
    /* no */
    /* no */
  }
  96.8% {
    background-position: 0 -160px;
    /* no */
    /* no */
  }
  100% {
    background-position: 0 -160px;
    /* no */
    /* no */
  }
}
@keyframes key_pop_1 {
  0% {
    background-position: 0 0;
  }
  3.2% {
    background-position: -32px 0;
    /* no */
    /* no */
  }
  6.5% {
    background-position: -64px 0;
    /* no */
    /* no */
  }
  9.7% {
    background-position: -96px 0;
    /* no */
    /* no */
  }
  12.9% {
    background-position: -128px 0;
    /* no */
    /* no */
  }
  16.1% {
    background-position: -160px 0;
    /* no */
    /* no */
  }
  19.4% {
    background-position: 0 -32px;
    /* no */
    /* no */
  }
  22.6% {
    background-position: -32px -32px;
    /* no */
    /* no */
  }
  25.8% {
    background-position: -64px -32px;
    /* no */
    /* no */
  }
  29% {
    background-position: -96px -32px;
    /* no */
    /* no */
  }
  32.3% {
    background-position: -128px -32px;
    /* no */
    /* no */
  }
  35.5% {
    background-position: -160px -32px;
    /* no */
    /* no */
  }
  38.7% {
    background-position: 0 -64px;
    /* no */
    /* no */
  }
  41.9% {
    background-position: -32px -64px;
    /* no */
    /* no */
  }
  45.2% {
    background-position: -64px -64px;
    /* no */
    /* no */
  }
  48.4% {
    background-position: -96px -64px;
    /* no */
    /* no */
  }
  51.6% {
    background-position: -128px -64px;
    /* no */
    /* no */
  }
  54.8% {
    background-position: -160px -64px;
    /* no */
    /* no */
  }
  58.1% {
    background-position: 0 -96px;
    /* no */
    /* no */
  }
  61.3% {
    background-position: -32px -96px;
    /* no */
    /* no */
  }
  64.5% {
    background-position: -64px -96px;
    /* no */
    /* no */
  }
  67.7% {
    background-position: -96px -96px;
    /* no */
    /* no */
  }
  71% {
    background-position: -128px -96px;
    /* no */
    /* no */
  }
  74.2% {
    background-position: -160px -96px;
    /* no */
    /* no */
  }
  77.4% {
    background-position: 0 -128px;
    /* no */
    /* no */
  }
  80.6% {
    background-position: -32px -128px;
    /* no */
    /* no */
  }
  83.9% {
    background-position: -64px -128px;
    /* no */
    /* no */
  }
  87.1% {
    background-position: -96px -128px;
    /* no */
    /* no */
  }
  90.3% {
    background-position: -128px -128px;
    /* no */
    /* no */
  }
  93.5% {
    background-position: -160px -128px;
    /* no */
    /* no */
  }
  96.8% {
    background-position: 0 -160px;
    /* no */
    /* no */
  }
  100% {
    background-position: 0 -160px;
    /* no */
    /* no */
  }
}
.popo-2 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_2 1.58s steps(1) infinite;
          animation: key_pop_2 1.58s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-2_6be7c98f.png);
  background-size: 500% 400%;
}
@-webkit-keyframes key_pop_2 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
    /* no */
  }
  10.5% {
    background-position: -64px 0;
    /* no */
  }
  15.8% {
    background-position: -96px 0;
    /* no */
  }
  21.1% {
    background-position: -128px 0;
    /* no */
  }
  26.3% {
    background-position: 0 -32px;
    /* no */
  }
  31.6% {
    background-position: -32px -32px;
    /* no */
  }
  36.8% {
    background-position: -64px -32px;
    /* no */
  }
  42.1% {
    background-position: -96px -32px;
    /* no */
  }
  47.4% {
    background-position: -128px -32px;
    /* no */
  }
  52.6% {
    background-position: 0 -64px;
    /* no */
  }
  57.9% {
    background-position: -32px -64px;
    /* no */
  }
  63.2% {
    background-position: -64px -64px;
    /* no */
  }
  68.4% {
    background-position: -96px -64px;
    /* no */
  }
  73.7% {
    background-position: -128px -64px;
    /* no */
  }
  78.9% {
    background-position: 0 -96px;
    /* no */
  }
  84.2% {
    background-position: -32px -96px;
    /* no */
  }
  89.5% {
    background-position: -64px -96px;
    /* no */
  }
  94.7% {
    background-position: -96px -96px;
    /* no */
  }
  100% {
    background-position: -96px -96px;
    /* no */
  }
}
@keyframes key_pop_2 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
    /* no */
  }
  10.5% {
    background-position: -64px 0;
    /* no */
  }
  15.8% {
    background-position: -96px 0;
    /* no */
  }
  21.1% {
    background-position: -128px 0;
    /* no */
  }
  26.3% {
    background-position: 0 -32px;
    /* no */
  }
  31.6% {
    background-position: -32px -32px;
    /* no */
  }
  36.8% {
    background-position: -64px -32px;
    /* no */
  }
  42.1% {
    background-position: -96px -32px;
    /* no */
  }
  47.4% {
    background-position: -128px -32px;
    /* no */
  }
  52.6% {
    background-position: 0 -64px;
    /* no */
  }
  57.9% {
    background-position: -32px -64px;
    /* no */
  }
  63.2% {
    background-position: -64px -64px;
    /* no */
  }
  68.4% {
    background-position: -96px -64px;
    /* no */
  }
  73.7% {
    background-position: -128px -64px;
    /* no */
  }
  78.9% {
    background-position: 0 -96px;
    /* no */
  }
  84.2% {
    background-position: -32px -96px;
    /* no */
  }
  89.5% {
    background-position: -64px -96px;
    /* no */
  }
  94.7% {
    background-position: -96px -96px;
    /* no */
  }
  100% {
    background-position: -96px -96px;
    /* no */
  }
}
.popo-3 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_3 1.42s steps(1) infinite;
          animation: key_pop_3 1.42s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-3_8c030ea8.png);
  background-size: 500% 400%;
}
@-webkit-keyframes key_pop_3 {
  0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -32px 0;
    /* no */
  }
  11.8% {
    background-position: -64px 0;
    /* no */
  }
  17.6% {
    background-position: -96px 0;
    /* no */
  }
  23.5% {
    background-position: -128px 0;
    /* no */
  }
  29.4% {
    background-position: 0 -32px;
    /* no */
  }
  35.3% {
    background-position: -32px -32px;
    /* no */
  }
  41.2% {
    background-position: -64px -32px;
    /* no */
  }
  47.1% {
    background-position: -96px -32px;
    /* no */
  }
  52.9% {
    background-position: -128px -32px;
    /* no */
  }
  58.8% {
    background-position: 0 -64px;
    /* no */
  }
  64.7% {
    background-position: -32px -64px;
    /* no */
  }
  70.6% {
    background-position: -64px -64px;
    /* no */
  }
  76.5% {
    background-position: -96px -64px;
    /* no */
  }
  82.4% {
    background-position: -128px -64px;
    /* no */
  }
  88.2% {
    background-position: 0 -96px;
    /* no */
  }
  94.1% {
    background-position: -32px -96px;
    /* no */
  }
  100% {
    background-position: -32px -96px;
    /* no */
  }
}
@keyframes key_pop_3 {
  0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -32px 0;
    /* no */
  }
  11.8% {
    background-position: -64px 0;
    /* no */
  }
  17.6% {
    background-position: -96px 0;
    /* no */
  }
  23.5% {
    background-position: -128px 0;
    /* no */
  }
  29.4% {
    background-position: 0 -32px;
    /* no */
  }
  35.3% {
    background-position: -32px -32px;
    /* no */
  }
  41.2% {
    background-position: -64px -32px;
    /* no */
  }
  47.1% {
    background-position: -96px -32px;
    /* no */
  }
  52.9% {
    background-position: -128px -32px;
    /* no */
  }
  58.8% {
    background-position: 0 -64px;
    /* no */
  }
  64.7% {
    background-position: -32px -64px;
    /* no */
  }
  70.6% {
    background-position: -64px -64px;
    /* no */
  }
  76.5% {
    background-position: -96px -64px;
    /* no */
  }
  82.4% {
    background-position: -128px -64px;
    /* no */
  }
  88.2% {
    background-position: 0 -96px;
    /* no */
  }
  94.1% {
    background-position: -32px -96px;
    /* no */
  }
  100% {
    background-position: -32px -96px;
    /* no */
  }
}
.popo-4 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_4 1.83s steps(1) infinite;
          animation: key_pop_4 1.83s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-4_57f1273a.png);
  background-size: 500% 500%;
}
@-webkit-keyframes key_pop_4 {
  0% {
    background-position: 0 0;
  }
  4.5% {
    background-position: -32px 0;
    /* no */
  }
  9.1% {
    background-position: -64px 0;
    /* no */
  }
  13.6% {
    background-position: -96px 0;
    /* no */
  }
  18.2% {
    background-position: -128px 0;
    /* no */
  }
  22.7% {
    background-position: 0 -32px;
    /* no */
  }
  27.3% {
    background-position: -32px -32px;
    /* no */
  }
  31.8% {
    background-position: -64px -32px;
    /* no */
  }
  36.4% {
    background-position: -96px -32px;
    /* no */
  }
  40.9% {
    background-position: -128px -32px;
    /* no */
  }
  45.5% {
    background-position: 0 -64px;
    /* no */
  }
  50% {
    background-position: -32px -64px;
    /* no */
  }
  54.5% {
    background-position: -64px -64px;
    /* no */
  }
  59.1% {
    background-position: -96px -64px;
    /* no */
  }
  63.6% {
    background-position: -128px -64px;
    /* no */
  }
  68.2% {
    background-position: 0 -96px;
    /* no */
  }
  72.7% {
    background-position: -32px -96px;
    /* no */
  }
  77.3% {
    background-position: -64px -96px;
    /* no */
  }
  81.8% {
    background-position: -96px -96px;
    /* no */
  }
  86.4% {
    background-position: -128px -96px;
    /* no */
  }
  90.9% {
    background-position: 0 -128px;
    /* no */
  }
  95.5% {
    background-position: -32px -128px;
    /* no */
  }
  100% {
    background-position: -32px -128px;
    /* no */
  }
}
@keyframes key_pop_4 {
  0% {
    background-position: 0 0;
  }
  4.5% {
    background-position: -32px 0;
    /* no */
  }
  9.1% {
    background-position: -64px 0;
    /* no */
  }
  13.6% {
    background-position: -96px 0;
    /* no */
  }
  18.2% {
    background-position: -128px 0;
    /* no */
  }
  22.7% {
    background-position: 0 -32px;
    /* no */
  }
  27.3% {
    background-position: -32px -32px;
    /* no */
  }
  31.8% {
    background-position: -64px -32px;
    /* no */
  }
  36.4% {
    background-position: -96px -32px;
    /* no */
  }
  40.9% {
    background-position: -128px -32px;
    /* no */
  }
  45.5% {
    background-position: 0 -64px;
    /* no */
  }
  50% {
    background-position: -32px -64px;
    /* no */
  }
  54.5% {
    background-position: -64px -64px;
    /* no */
  }
  59.1% {
    background-position: -96px -64px;
    /* no */
  }
  63.6% {
    background-position: -128px -64px;
    /* no */
  }
  68.2% {
    background-position: 0 -96px;
    /* no */
  }
  72.7% {
    background-position: -32px -96px;
    /* no */
  }
  77.3% {
    background-position: -64px -96px;
    /* no */
  }
  81.8% {
    background-position: -96px -96px;
    /* no */
  }
  86.4% {
    background-position: -128px -96px;
    /* no */
  }
  90.9% {
    background-position: 0 -128px;
    /* no */
  }
  95.5% {
    background-position: -32px -128px;
    /* no */
  }
  100% {
    background-position: -32px -128px;
    /* no */
  }
}
.popo-5 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_5 2.17s steps(1) infinite;
          animation: key_pop_5 2.17s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-5_be67df62.png);
  background-size: 600% 500%;
}
@-webkit-keyframes key_pop_5 {
  0% {
    background-position: 0 0;
  }
  3.8% {
    background-position: -32px 0;
    /* no */
  }
  7.7% {
    background-position: -64px 0;
    /* no */
  }
  11.5% {
    background-position: -96px 0;
    /* no */
  }
  15.4% {
    background-position: -128px 0;
    /* no */
  }
  19.2% {
    background-position: -160px 0;
    /* no */
  }
  23.1% {
    background-position: 0 -32px;
    /* no */
  }
  26.9% {
    background-position: -32px -32px;
    /* no */
  }
  30.8% {
    background-position: -64px -32px;
    /* no */
  }
  34.6% {
    background-position: -96px -32px;
    /* no */
  }
  38.5% {
    background-position: -128px -32px;
    /* no */
  }
  42.3% {
    background-position: -160px -32px;
    /* no */
  }
  46.2% {
    background-position: 0 -64px;
    /* no */
  }
  50% {
    background-position: -32px -64px;
    /* no */
  }
  53.8% {
    background-position: -64px -64px;
    /* no */
  }
  57.7% {
    background-position: -96px -64px;
    /* no */
  }
  61.5% {
    background-position: -128px -64px;
    /* no */
  }
  65.4% {
    background-position: -160px -64px;
    /* no */
  }
  69.2% {
    background-position: 0 -96px;
    /* no */
  }
  73.1% {
    background-position: -32px -96px;
    /* no */
  }
  76.9% {
    background-position: -64px -96px;
    /* no */
  }
  80.8% {
    background-position: -96px -96px;
    /* no */
  }
  84.6% {
    background-position: -128px -96px;
    /* no */
  }
  88.5% {
    background-position: -160px -96px;
    /* no */
  }
  92.3% {
    background-position: 0 -128px;
    /* no */
  }
  96.2% {
    background-position: -32px -128px;
    /* no */
  }
  100% {
    background-position: -32px -128px;
    /* no */
  }
}
@keyframes key_pop_5 {
  0% {
    background-position: 0 0;
  }
  3.8% {
    background-position: -32px 0;
    /* no */
  }
  7.7% {
    background-position: -64px 0;
    /* no */
  }
  11.5% {
    background-position: -96px 0;
    /* no */
  }
  15.4% {
    background-position: -128px 0;
    /* no */
  }
  19.2% {
    background-position: -160px 0;
    /* no */
  }
  23.1% {
    background-position: 0 -32px;
    /* no */
  }
  26.9% {
    background-position: -32px -32px;
    /* no */
  }
  30.8% {
    background-position: -64px -32px;
    /* no */
  }
  34.6% {
    background-position: -96px -32px;
    /* no */
  }
  38.5% {
    background-position: -128px -32px;
    /* no */
  }
  42.3% {
    background-position: -160px -32px;
    /* no */
  }
  46.2% {
    background-position: 0 -64px;
    /* no */
  }
  50% {
    background-position: -32px -64px;
    /* no */
  }
  53.8% {
    background-position: -64px -64px;
    /* no */
  }
  57.7% {
    background-position: -96px -64px;
    /* no */
  }
  61.5% {
    background-position: -128px -64px;
    /* no */
  }
  65.4% {
    background-position: -160px -64px;
    /* no */
  }
  69.2% {
    background-position: 0 -96px;
    /* no */
  }
  73.1% {
    background-position: -32px -96px;
    /* no */
  }
  76.9% {
    background-position: -64px -96px;
    /* no */
  }
  80.8% {
    background-position: -96px -96px;
    /* no */
  }
  84.6% {
    background-position: -128px -96px;
    /* no */
  }
  88.5% {
    background-position: -160px -96px;
    /* no */
  }
  92.3% {
    background-position: 0 -128px;
    /* no */
  }
  96.2% {
    background-position: -32px -128px;
    /* no */
  }
  100% {
    background-position: -32px -128px;
    /* no */
  }
}
.popo-6 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_6 1.67s steps(1) infinite;
          animation: key_pop_6 1.67s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-6_2007cdff.png);
  background-size: 500% 400%;
}
@-webkit-keyframes key_pop_6 {
  0% {
    background-position: 0 0;
  }
  5% {
    background-position: -32px 0;
    /* no */
  }
  10% {
    background-position: -64px 0;
    /* no */
  }
  15% {
    background-position: -96px 0;
    /* no */
  }
  20% {
    background-position: -128px 0;
    /* no */
  }
  25% {
    background-position: 0 -32px;
    /* no */
  }
  30% {
    background-position: -32px -32px;
    /* no */
  }
  35% {
    background-position: -64px -32px;
    /* no */
  }
  40% {
    background-position: -96px -32px;
    /* no */
  }
  45% {
    background-position: -128px -32px;
    /* no */
  }
  50% {
    background-position: 0 -64px;
    /* no */
  }
  55% {
    background-position: -32px -64px;
    /* no */
  }
  60% {
    background-position: -64px -64px;
    /* no */
  }
  65% {
    background-position: -96px -64px;
    /* no */
  }
  70% {
    background-position: -128px -64px;
    /* no */
  }
  75% {
    background-position: 0 -96px;
    /* no */
  }
  80% {
    background-position: -32px -96px;
    /* no */
  }
  85% {
    background-position: -64px -96px;
    /* no */
  }
  90% {
    background-position: -96px -96px;
    /* no */
  }
  95% {
    background-position: -128px -96px;
    /* no */
  }
  100% {
    background-position: -128px -96px;
    /* no */
  }
}
@keyframes key_pop_6 {
  0% {
    background-position: 0 0;
  }
  5% {
    background-position: -32px 0;
    /* no */
  }
  10% {
    background-position: -64px 0;
    /* no */
  }
  15% {
    background-position: -96px 0;
    /* no */
  }
  20% {
    background-position: -128px 0;
    /* no */
  }
  25% {
    background-position: 0 -32px;
    /* no */
  }
  30% {
    background-position: -32px -32px;
    /* no */
  }
  35% {
    background-position: -64px -32px;
    /* no */
  }
  40% {
    background-position: -96px -32px;
    /* no */
  }
  45% {
    background-position: -128px -32px;
    /* no */
  }
  50% {
    background-position: 0 -64px;
    /* no */
  }
  55% {
    background-position: -32px -64px;
    /* no */
  }
  60% {
    background-position: -64px -64px;
    /* no */
  }
  65% {
    background-position: -96px -64px;
    /* no */
  }
  70% {
    background-position: -128px -64px;
    /* no */
  }
  75% {
    background-position: 0 -96px;
    /* no */
  }
  80% {
    background-position: -32px -96px;
    /* no */
  }
  85% {
    background-position: -64px -96px;
    /* no */
  }
  90% {
    background-position: -96px -96px;
    /* no */
  }
  95% {
    background-position: -128px -96px;
    /* no */
  }
  100% {
    background-position: -128px -96px;
    /* no */
  }
}
.popo-7 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_7 0.5s steps(1) infinite;
          animation: key_pop_7 0.5s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-7_c0530037.png);
  background-size: 300% 200%;
}
@-webkit-keyframes key_pop_7 {
  0% {
    background-position: 0 0;
  }
  16.7% {
    background-position: -32px 0;
    /* no */
  }
  33.3% {
    background-position: -64px 0;
    /* no */
  }
  50% {
    background-position: 0 -32px;
    /* no */
  }
  66.7% {
    background-position: -32px -32px;
    /* no */
  }
  83.3% {
    background-position: -64px -32px;
    /* no */
  }
  100% {
    background-position: -64px -32px;
    /* no */
  }
}
@keyframes key_pop_7 {
  0% {
    background-position: 0 0;
  }
  16.7% {
    background-position: -32px 0;
    /* no */
  }
  33.3% {
    background-position: -64px 0;
    /* no */
  }
  50% {
    background-position: 0 -32px;
    /* no */
  }
  66.7% {
    background-position: -32px -32px;
    /* no */
  }
  83.3% {
    background-position: -64px -32px;
    /* no */
  }
  100% {
    background-position: -64px -32px;
    /* no */
  }
}
.popo-8 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_8 0.83s steps(1) infinite;
          animation: key_pop_8 0.83s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-8_b7f6fbb3.png);
  background-size: 400% 300%;
}
@-webkit-keyframes key_pop_8 {
  0% {
    background-position: 0 0;
  }
  10% {
    background-position: -32px 0;
    /* no */
  }
  20% {
    background-position: -64px 0;
    /* no */
  }
  30% {
    background-position: -96px 0;
    /* no */
  }
  40% {
    background-position: 0 -32px;
    /* no */
  }
  50% {
    background-position: -32px -32px;
    /* no */
  }
  60% {
    background-position: -64px -32px;
    /* no */
  }
  70% {
    background-position: -96px -32px;
    /* no */
  }
  80% {
    background-position: 0 -64px;
    /* no */
  }
  90% {
    background-position: -32px -64px;
    /* no */
  }
  100% {
    background-position: -32px -64px;
    /* no */
  }
}
@keyframes key_pop_8 {
  0% {
    background-position: 0 0;
  }
  10% {
    background-position: -32px 0;
    /* no */
  }
  20% {
    background-position: -64px 0;
    /* no */
  }
  30% {
    background-position: -96px 0;
    /* no */
  }
  40% {
    background-position: 0 -32px;
    /* no */
  }
  50% {
    background-position: -32px -32px;
    /* no */
  }
  60% {
    background-position: -64px -32px;
    /* no */
  }
  70% {
    background-position: -96px -32px;
    /* no */
  }
  80% {
    background-position: 0 -64px;
    /* no */
  }
  90% {
    background-position: -32px -64px;
    /* no */
  }
  100% {
    background-position: -32px -64px;
    /* no */
  }
}
.popo-9 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_9 2.58s steps(1) infinite;
          animation: key_pop_9 2.58s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-9_66c5c255.png);
  background-size: 600% 600%;
}
@-webkit-keyframes key_pop_9 {
  0% {
    background-position: 0 0;
  }
  3.2% {
    background-position: -32px 0;
    /* no */
  }
  6.5% {
    background-position: -64px 0;
    /* no */
  }
  9.7% {
    background-position: -96px 0;
    /* no */
  }
  12.9% {
    background-position: -128px 0;
    /* no */
  }
  16.1% {
    background-position: -160px 0;
    /* no */
  }
  19.4% {
    background-position: 0 -32px;
    /* no */
  }
  22.6% {
    background-position: -32px -32px;
    /* no */
  }
  25.8% {
    background-position: -64px -32px;
    /* no */
  }
  29% {
    background-position: -96px -32px;
    /* no */
  }
  32.3% {
    background-position: -128px -32px;
    /* no */
  }
  35.5% {
    background-position: -160px -32px;
    /* no */
  }
  38.7% {
    background-position: 0 -64px;
    /* no */
  }
  41.9% {
    background-position: -32px -64px;
    /* no */
  }
  45.2% {
    background-position: -64px -64px;
    /* no */
  }
  48.4% {
    background-position: -96px -64px;
    /* no */
  }
  51.6% {
    background-position: -128px -64px;
    /* no */
  }
  54.8% {
    background-position: -160px -64px;
    /* no */
  }
  58.1% {
    background-position: 0 -96px;
    /* no */
  }
  61.3% {
    background-position: -32px -96px;
    /* no */
  }
  64.5% {
    background-position: -64px -96px;
    /* no */
  }
  67.7% {
    background-position: -96px -96px;
    /* no */
  }
  71% {
    background-position: -128px -96px;
    /* no */
  }
  74.2% {
    background-position: -160px -96px;
    /* no */
  }
  77.4% {
    background-position: 0 -128px;
    /* no */
  }
  80.6% {
    background-position: -32px -128px;
    /* no */
  }
  83.9% {
    background-position: -64px -128px;
    /* no */
  }
  87.1% {
    background-position: -96px -128px;
    /* no */
  }
  90.3% {
    background-position: -128px -128px;
    /* no */
  }
  93.5% {
    background-position: -160px -128px;
    /* no */
  }
  96.8% {
    background-position: 0 -160px;
    /* no */
  }
  100% {
    background-position: 0 -160px;
    /* no */
  }
}
@keyframes key_pop_9 {
  0% {
    background-position: 0 0;
  }
  3.2% {
    background-position: -32px 0;
    /* no */
  }
  6.5% {
    background-position: -64px 0;
    /* no */
  }
  9.7% {
    background-position: -96px 0;
    /* no */
  }
  12.9% {
    background-position: -128px 0;
    /* no */
  }
  16.1% {
    background-position: -160px 0;
    /* no */
  }
  19.4% {
    background-position: 0 -32px;
    /* no */
  }
  22.6% {
    background-position: -32px -32px;
    /* no */
  }
  25.8% {
    background-position: -64px -32px;
    /* no */
  }
  29% {
    background-position: -96px -32px;
    /* no */
  }
  32.3% {
    background-position: -128px -32px;
    /* no */
  }
  35.5% {
    background-position: -160px -32px;
    /* no */
  }
  38.7% {
    background-position: 0 -64px;
    /* no */
  }
  41.9% {
    background-position: -32px -64px;
    /* no */
  }
  45.2% {
    background-position: -64px -64px;
    /* no */
  }
  48.4% {
    background-position: -96px -64px;
    /* no */
  }
  51.6% {
    background-position: -128px -64px;
    /* no */
  }
  54.8% {
    background-position: -160px -64px;
    /* no */
  }
  58.1% {
    background-position: 0 -96px;
    /* no */
  }
  61.3% {
    background-position: -32px -96px;
    /* no */
  }
  64.5% {
    background-position: -64px -96px;
    /* no */
  }
  67.7% {
    background-position: -96px -96px;
    /* no */
  }
  71% {
    background-position: -128px -96px;
    /* no */
  }
  74.2% {
    background-position: -160px -96px;
    /* no */
  }
  77.4% {
    background-position: 0 -128px;
    /* no */
  }
  80.6% {
    background-position: -32px -128px;
    /* no */
  }
  83.9% {
    background-position: -64px -128px;
    /* no */
  }
  87.1% {
    background-position: -96px -128px;
    /* no */
  }
  90.3% {
    background-position: -128px -128px;
    /* no */
  }
  93.5% {
    background-position: -160px -128px;
    /* no */
  }
  96.8% {
    background-position: 0 -160px;
    /* no */
  }
  100% {
    background-position: 0 -160px;
    /* no */
  }
}
.popo-10 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_10 1.58s steps(1) infinite;
          animation: key_pop_10 1.58s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-10_c9e8906a.png);
  background-size: 500% 400%;
}
@-webkit-keyframes key_pop_10 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
    /* no */
  }
  10.5% {
    background-position: -64px 0;
    /* no */
  }
  15.8% {
    background-position: -96px 0;
    /* no */
  }
  21.1% {
    background-position: -128px 0;
    /* no */
  }
  26.3% {
    background-position: 0 -32px;
    /* no */
  }
  31.6% {
    background-position: -32px -32px;
    /* no */
  }
  36.8% {
    background-position: -64px -32px;
    /* no */
  }
  42.1% {
    background-position: -96px -32px;
    /* no */
  }
  47.4% {
    background-position: -128px -32px;
    /* no */
  }
  52.6% {
    background-position: 0 -64px;
    /* no */
  }
  57.9% {
    background-position: -32px -64px;
    /* no */
  }
  63.2% {
    background-position: -64px -64px;
    /* no */
  }
  68.4% {
    background-position: -96px -64px;
    /* no */
  }
  73.7% {
    background-position: -128px -64px;
    /* no */
  }
  78.9% {
    background-position: 0 -96px;
    /* no */
  }
  84.2% {
    background-position: -32px -96px;
    /* no */
  }
  89.5% {
    background-position: -64px -96px;
    /* no */
  }
  94.7% {
    background-position: -96px -96px;
    /* no */
  }
  100% {
    background-position: -96px -96px;
    /* no */
  }
}
@keyframes key_pop_10 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
    /* no */
  }
  10.5% {
    background-position: -64px 0;
    /* no */
  }
  15.8% {
    background-position: -96px 0;
    /* no */
  }
  21.1% {
    background-position: -128px 0;
    /* no */
  }
  26.3% {
    background-position: 0 -32px;
    /* no */
  }
  31.6% {
    background-position: -32px -32px;
    /* no */
  }
  36.8% {
    background-position: -64px -32px;
    /* no */
  }
  42.1% {
    background-position: -96px -32px;
    /* no */
  }
  47.4% {
    background-position: -128px -32px;
    /* no */
  }
  52.6% {
    background-position: 0 -64px;
    /* no */
  }
  57.9% {
    background-position: -32px -64px;
    /* no */
  }
  63.2% {
    background-position: -64px -64px;
    /* no */
  }
  68.4% {
    background-position: -96px -64px;
    /* no */
  }
  73.7% {
    background-position: -128px -64px;
    /* no */
  }
  78.9% {
    background-position: 0 -96px;
    /* no */
  }
  84.2% {
    background-position: -32px -96px;
    /* no */
  }
  89.5% {
    background-position: -64px -96px;
    /* no */
  }
  94.7% {
    background-position: -96px -96px;
    /* no */
  }
  100% {
    background-position: -96px -96px;
    /* no */
  }
}
.popo-11 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_11 1.42s steps(1) infinite;
          animation: key_pop_11 1.42s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-11_00673fc7.png);
  background-size: 500% 400%;
}
@-webkit-keyframes key_pop_11 {
  0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -32px 0;
    /* no */
  }
  11.8% {
    background-position: -64px 0;
    /* no */
  }
  17.6% {
    background-position: -96px 0;
    /* no */
  }
  23.5% {
    background-position: -128px 0;
    /* no */
  }
  29.4% {
    background-position: 0 -32px;
    /* no */
  }
  35.3% {
    background-position: -32px -32px;
    /* no */
  }
  41.2% {
    background-position: -64px -32px;
    /* no */
  }
  47.1% {
    background-position: -96px -32px;
    /* no */
  }
  52.9% {
    background-position: -128px -32px;
    /* no */
  }
  58.8% {
    background-position: 0 -64px;
    /* no */
  }
  64.7% {
    background-position: -32px -64px;
    /* no */
  }
  70.6% {
    background-position: -64px -64px;
    /* no */
  }
  76.5% {
    background-position: -96px -64px;
    /* no */
  }
  82.4% {
    background-position: -128px -64px;
    /* no */
  }
  88.2% {
    background-position: 0 -96px;
    /* no */
  }
  94.1% {
    background-position: -32px -96px;
    /* no */
  }
  100% {
    background-position: -32px -96px;
    /* no */
  }
}
@keyframes key_pop_11 {
  0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -32px 0;
    /* no */
  }
  11.8% {
    background-position: -64px 0;
    /* no */
  }
  17.6% {
    background-position: -96px 0;
    /* no */
  }
  23.5% {
    background-position: -128px 0;
    /* no */
  }
  29.4% {
    background-position: 0 -32px;
    /* no */
  }
  35.3% {
    background-position: -32px -32px;
    /* no */
  }
  41.2% {
    background-position: -64px -32px;
    /* no */
  }
  47.1% {
    background-position: -96px -32px;
    /* no */
  }
  52.9% {
    background-position: -128px -32px;
    /* no */
  }
  58.8% {
    background-position: 0 -64px;
    /* no */
  }
  64.7% {
    background-position: -32px -64px;
    /* no */
  }
  70.6% {
    background-position: -64px -64px;
    /* no */
  }
  76.5% {
    background-position: -96px -64px;
    /* no */
  }
  82.4% {
    background-position: -128px -64px;
    /* no */
  }
  88.2% {
    background-position: 0 -96px;
    /* no */
  }
  94.1% {
    background-position: -32px -96px;
    /* no */
  }
  100% {
    background-position: -32px -96px;
    /* no */
  }
}
.popo-12 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_12 2.33s steps(1) infinite;
          animation: key_pop_12 2.33s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-12_482d6f3c.png);
  background-size: 600% 500%;
}
@-webkit-keyframes key_pop_12 {
  0% {
    background-position: 0 0;
  }
  3.6% {
    background-position: -32px 0;
    /* no */
  }
  7.1% {
    background-position: -64px 0;
    /* no */
  }
  10.7% {
    background-position: -96px 0;
    /* no */
  }
  14.3% {
    background-position: -128px 0;
    /* no */
  }
  17.9% {
    background-position: -160px 0;
    /* no */
  }
  21.4% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  28.6% {
    background-position: -64px -32px;
    /* no */
  }
  32.1% {
    background-position: -96px -32px;
    /* no */
  }
  35.7% {
    background-position: -128px -32px;
    /* no */
  }
  39.3% {
    background-position: -160px -32px;
    /* no */
  }
  42.9% {
    background-position: 0 -64px;
    /* no */
  }
  46.4% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  53.6% {
    background-position: -96px -64px;
    /* no */
  }
  57.1% {
    background-position: -128px -64px;
    /* no */
  }
  60.7% {
    background-position: -160px -64px;
    /* no */
  }
  64.3% {
    background-position: 0 -96px;
    /* no */
  }
  67.9% {
    background-position: -32px -96px;
    /* no */
  }
  71.4% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  78.6% {
    background-position: -128px -96px;
    /* no */
  }
  82.1% {
    background-position: -160px -96px;
    /* no */
  }
  85.7% {
    background-position: 0 -128px;
    /* no */
  }
  89.3% {
    background-position: -32px -128px;
    /* no */
  }
  92.9% {
    background-position: -64px -128px;
    /* no */
  }
  96.4% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
@keyframes key_pop_12 {
  0% {
    background-position: 0 0;
  }
  3.6% {
    background-position: -32px 0;
    /* no */
  }
  7.1% {
    background-position: -64px 0;
    /* no */
  }
  10.7% {
    background-position: -96px 0;
    /* no */
  }
  14.3% {
    background-position: -128px 0;
    /* no */
  }
  17.9% {
    background-position: -160px 0;
    /* no */
  }
  21.4% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  28.6% {
    background-position: -64px -32px;
    /* no */
  }
  32.1% {
    background-position: -96px -32px;
    /* no */
  }
  35.7% {
    background-position: -128px -32px;
    /* no */
  }
  39.3% {
    background-position: -160px -32px;
    /* no */
  }
  42.9% {
    background-position: 0 -64px;
    /* no */
  }
  46.4% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  53.6% {
    background-position: -96px -64px;
    /* no */
  }
  57.1% {
    background-position: -128px -64px;
    /* no */
  }
  60.7% {
    background-position: -160px -64px;
    /* no */
  }
  64.3% {
    background-position: 0 -96px;
    /* no */
  }
  67.9% {
    background-position: -32px -96px;
    /* no */
  }
  71.4% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  78.6% {
    background-position: -128px -96px;
    /* no */
  }
  82.1% {
    background-position: -160px -96px;
    /* no */
  }
  85.7% {
    background-position: 0 -128px;
    /* no */
  }
  89.3% {
    background-position: -32px -128px;
    /* no */
  }
  92.9% {
    background-position: -64px -128px;
    /* no */
  }
  96.4% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
.popo-13 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_13 1.25s steps(1) infinite;
          animation: key_pop_13 1.25s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-13_13a49b8f.png);
  background-size: 400% 400%;
}
@-webkit-keyframes key_pop_13 {
  0% {
    background-position: 0 0;
  }
  6.7% {
    background-position: -32px 0;
    /* no */
  }
  13.3% {
    background-position: -64px 0;
    /* no */
  }
  20% {
    background-position: -96px 0;
    /* no */
  }
  26.7% {
    background-position: 0 -32px;
    /* no */
  }
  33.3% {
    background-position: -32px -32px;
    /* no */
  }
  40% {
    background-position: -64px -32px;
    /* no */
  }
  46.7% {
    background-position: -96px -32px;
    /* no */
  }
  53.3% {
    background-position: 0 -64px;
    /* no */
  }
  60% {
    background-position: -32px -64px;
    /* no */
  }
  66.7% {
    background-position: -64px -64px;
    /* no */
  }
  73.3% {
    background-position: -96px -64px;
    /* no */
  }
  80% {
    background-position: 0 -96px;
    /* no */
  }
  86.7% {
    background-position: -32px -96px;
    /* no */
  }
  93.3% {
    background-position: -64px -96px;
    /* no */
  }
  100% {
    background-position: -64px -96px;
    /* no */
  }
}
@keyframes key_pop_13 {
  0% {
    background-position: 0 0;
  }
  6.7% {
    background-position: -32px 0;
    /* no */
  }
  13.3% {
    background-position: -64px 0;
    /* no */
  }
  20% {
    background-position: -96px 0;
    /* no */
  }
  26.7% {
    background-position: 0 -32px;
    /* no */
  }
  33.3% {
    background-position: -32px -32px;
    /* no */
  }
  40% {
    background-position: -64px -32px;
    /* no */
  }
  46.7% {
    background-position: -96px -32px;
    /* no */
  }
  53.3% {
    background-position: 0 -64px;
    /* no */
  }
  60% {
    background-position: -32px -64px;
    /* no */
  }
  66.7% {
    background-position: -64px -64px;
    /* no */
  }
  73.3% {
    background-position: -96px -64px;
    /* no */
  }
  80% {
    background-position: 0 -96px;
    /* no */
  }
  86.7% {
    background-position: -32px -96px;
    /* no */
  }
  93.3% {
    background-position: -64px -96px;
    /* no */
  }
  100% {
    background-position: -64px -96px;
    /* no */
  }
}
.popo-14 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_14 0.42s steps(1) infinite;
          animation: key_pop_14 0.42s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-14_1ec05819.png);
  background-size: 300% 200%;
}
@-webkit-keyframes key_pop_14 {
  0% {
    background-position: 0 0;
  }
  20% {
    background-position: -32px 0;
    /* no */
  }
  40% {
    background-position: -64px 0;
    /* no */
  }
  60% {
    background-position: 0 -32px;
    /* no */
  }
  80% {
    background-position: -32px -32px;
    /* no */
  }
  100% {
    background-position: -32px -32px;
    /* no */
  }
}
@keyframes key_pop_14 {
  0% {
    background-position: 0 0;
  }
  20% {
    background-position: -32px 0;
    /* no */
  }
  40% {
    background-position: -64px 0;
    /* no */
  }
  60% {
    background-position: 0 -32px;
    /* no */
  }
  80% {
    background-position: -32px -32px;
    /* no */
  }
  100% {
    background-position: -32px -32px;
    /* no */
  }
}
.popo-15 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_15 1.5s steps(1) infinite;
          animation: key_pop_15 1.5s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-15_b8aa4dae.png);
  background-size: 500% 400%;
}
@-webkit-keyframes key_pop_15 {
  0% {
    background-position: 0 0;
  }
  5.6% {
    background-position: -32px 0;
    /* no */
  }
  11.1% {
    background-position: -64px 0;
    /* no */
  }
  16.7% {
    background-position: -96px 0;
    /* no */
  }
  22.2% {
    background-position: -128px 0;
    /* no */
  }
  27.8% {
    background-position: 0 -32px;
    /* no */
  }
  33.3% {
    background-position: -32px -32px;
    /* no */
  }
  38.9% {
    background-position: -64px -32px;
    /* no */
  }
  44.4% {
    background-position: -96px -32px;
    /* no */
  }
  50% {
    background-position: -128px -32px;
    /* no */
  }
  55.6% {
    background-position: 0 -64px;
    /* no */
  }
  61.1% {
    background-position: -32px -64px;
    /* no */
  }
  66.7% {
    background-position: -64px -64px;
    /* no */
  }
  72.2% {
    background-position: -96px -64px;
    /* no */
  }
  77.8% {
    background-position: -128px -64px;
    /* no */
  }
  83.3% {
    background-position: 0 -96px;
    /* no */
  }
  88.9% {
    background-position: -32px -96px;
    /* no */
  }
  94.4% {
    background-position: -64px -96px;
    /* no */
  }
  100% {
    background-position: -64px -96px;
    /* no */
  }
}
@keyframes key_pop_15 {
  0% {
    background-position: 0 0;
  }
  5.6% {
    background-position: -32px 0;
    /* no */
  }
  11.1% {
    background-position: -64px 0;
    /* no */
  }
  16.7% {
    background-position: -96px 0;
    /* no */
  }
  22.2% {
    background-position: -128px 0;
    /* no */
  }
  27.8% {
    background-position: 0 -32px;
    /* no */
  }
  33.3% {
    background-position: -32px -32px;
    /* no */
  }
  38.9% {
    background-position: -64px -32px;
    /* no */
  }
  44.4% {
    background-position: -96px -32px;
    /* no */
  }
  50% {
    background-position: -128px -32px;
    /* no */
  }
  55.6% {
    background-position: 0 -64px;
    /* no */
  }
  61.1% {
    background-position: -32px -64px;
    /* no */
  }
  66.7% {
    background-position: -64px -64px;
    /* no */
  }
  72.2% {
    background-position: -96px -64px;
    /* no */
  }
  77.8% {
    background-position: -128px -64px;
    /* no */
  }
  83.3% {
    background-position: 0 -96px;
    /* no */
  }
  88.9% {
    background-position: -32px -96px;
    /* no */
  }
  94.4% {
    background-position: -64px -96px;
    /* no */
  }
  100% {
    background-position: -64px -96px;
    /* no */
  }
}
.popo-16 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_16 1s steps(1) infinite;
          animation: key_pop_16 1s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-16_8271719c.png);
  background-size: 400% 300%;
}
@-webkit-keyframes key_pop_16 {
  0% {
    background-position: 0 0;
  }
  8.3% {
    background-position: -32px 0;
    /* no */
  }
  16.7% {
    background-position: -64px 0;
    /* no */
  }
  25% {
    background-position: -96px 0;
    /* no */
  }
  33.3% {
    background-position: 0 -32px;
    /* no */
  }
  41.7% {
    background-position: -32px -32px;
    /* no */
  }
  50% {
    background-position: -64px -32px;
    /* no */
  }
  58.3% {
    background-position: -96px -32px;
    /* no */
  }
  66.7% {
    background-position: 0 -64px;
    /* no */
  }
  75% {
    background-position: -32px -64px;
    /* no */
  }
  83.3% {
    background-position: -64px -64px;
    /* no */
  }
  91.7% {
    background-position: -96px -64px;
    /* no */
  }
  100% {
    background-position: -96px -64px;
    /* no */
  }
}
@keyframes key_pop_16 {
  0% {
    background-position: 0 0;
  }
  8.3% {
    background-position: -32px 0;
    /* no */
  }
  16.7% {
    background-position: -64px 0;
    /* no */
  }
  25% {
    background-position: -96px 0;
    /* no */
  }
  33.3% {
    background-position: 0 -32px;
    /* no */
  }
  41.7% {
    background-position: -32px -32px;
    /* no */
  }
  50% {
    background-position: -64px -32px;
    /* no */
  }
  58.3% {
    background-position: -96px -32px;
    /* no */
  }
  66.7% {
    background-position: 0 -64px;
    /* no */
  }
  75% {
    background-position: -32px -64px;
    /* no */
  }
  83.3% {
    background-position: -64px -64px;
    /* no */
  }
  91.7% {
    background-position: -96px -64px;
    /* no */
  }
  100% {
    background-position: -96px -64px;
    /* no */
  }
}
.popo-17 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_17 1.5s steps(1) infinite;
          animation: key_pop_17 1.5s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-17_28fc110b.png);
  background-size: 500% 400%;
}
@-webkit-keyframes key_pop_17 {
  0% {
    background-position: 0 0;
  }
  5.6% {
    background-position: -32px 0;
    /* no */
  }
  11.1% {
    background-position: -64px 0;
    /* no */
  }
  16.7% {
    background-position: -96px 0;
    /* no */
  }
  22.2% {
    background-position: -128px 0;
    /* no */
  }
  27.8% {
    background-position: 0 -32px;
    /* no */
  }
  33.3% {
    background-position: -32px -32px;
    /* no */
  }
  38.9% {
    background-position: -64px -32px;
    /* no */
  }
  44.4% {
    background-position: -96px -32px;
    /* no */
  }
  50% {
    background-position: -128px -32px;
    /* no */
  }
  55.6% {
    background-position: 0 -64px;
    /* no */
  }
  61.1% {
    background-position: -32px -64px;
    /* no */
  }
  66.7% {
    background-position: -64px -64px;
    /* no */
  }
  72.2% {
    background-position: -96px -64px;
    /* no */
  }
  77.8% {
    background-position: -128px -64px;
    /* no */
  }
  83.3% {
    background-position: 0 -96px;
    /* no */
  }
  88.9% {
    background-position: -32px -96px;
    /* no */
  }
  94.4% {
    background-position: -64px -96px;
    /* no */
  }
  100% {
    background-position: -64px -96px;
    /* no */
  }
}
@keyframes key_pop_17 {
  0% {
    background-position: 0 0;
  }
  5.6% {
    background-position: -32px 0;
    /* no */
  }
  11.1% {
    background-position: -64px 0;
    /* no */
  }
  16.7% {
    background-position: -96px 0;
    /* no */
  }
  22.2% {
    background-position: -128px 0;
    /* no */
  }
  27.8% {
    background-position: 0 -32px;
    /* no */
  }
  33.3% {
    background-position: -32px -32px;
    /* no */
  }
  38.9% {
    background-position: -64px -32px;
    /* no */
  }
  44.4% {
    background-position: -96px -32px;
    /* no */
  }
  50% {
    background-position: -128px -32px;
    /* no */
  }
  55.6% {
    background-position: 0 -64px;
    /* no */
  }
  61.1% {
    background-position: -32px -64px;
    /* no */
  }
  66.7% {
    background-position: -64px -64px;
    /* no */
  }
  72.2% {
    background-position: -96px -64px;
    /* no */
  }
  77.8% {
    background-position: -128px -64px;
    /* no */
  }
  83.3% {
    background-position: 0 -96px;
    /* no */
  }
  88.9% {
    background-position: -32px -96px;
    /* no */
  }
  94.4% {
    background-position: -64px -96px;
    /* no */
  }
  100% {
    background-position: -64px -96px;
    /* no */
  }
}
.popo-18 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_18 1.25s steps(1) infinite;
          animation: key_pop_18 1.25s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-18_d3ebfc03.png);
  background-size: 400% 400%;
}
@-webkit-keyframes key_pop_18 {
  0% {
    background-position: 0 0;
  }
  6.7% {
    background-position: -32px 0;
    /* no */
  }
  13.3% {
    background-position: -64px 0;
    /* no */
  }
  20% {
    background-position: -96px 0;
    /* no */
  }
  26.7% {
    background-position: 0 -32px;
    /* no */
  }
  33.3% {
    background-position: -32px -32px;
    /* no */
  }
  40% {
    background-position: -64px -32px;
    /* no */
  }
  46.7% {
    background-position: -96px -32px;
    /* no */
  }
  53.3% {
    background-position: 0 -64px;
    /* no */
  }
  60% {
    background-position: -32px -64px;
    /* no */
  }
  66.7% {
    background-position: -64px -64px;
    /* no */
  }
  73.3% {
    background-position: -96px -64px;
    /* no */
  }
  80% {
    background-position: 0 -96px;
    /* no */
  }
  86.7% {
    background-position: -32px -96px;
    /* no */
  }
  93.3% {
    background-position: -64px -96px;
    /* no */
  }
  100% {
    background-position: -64px -96px;
    /* no */
  }
}
@keyframes key_pop_18 {
  0% {
    background-position: 0 0;
  }
  6.7% {
    background-position: -32px 0;
    /* no */
  }
  13.3% {
    background-position: -64px 0;
    /* no */
  }
  20% {
    background-position: -96px 0;
    /* no */
  }
  26.7% {
    background-position: 0 -32px;
    /* no */
  }
  33.3% {
    background-position: -32px -32px;
    /* no */
  }
  40% {
    background-position: -64px -32px;
    /* no */
  }
  46.7% {
    background-position: -96px -32px;
    /* no */
  }
  53.3% {
    background-position: 0 -64px;
    /* no */
  }
  60% {
    background-position: -32px -64px;
    /* no */
  }
  66.7% {
    background-position: -64px -64px;
    /* no */
  }
  73.3% {
    background-position: -96px -64px;
    /* no */
  }
  80% {
    background-position: 0 -96px;
    /* no */
  }
  86.7% {
    background-position: -32px -96px;
    /* no */
  }
  93.3% {
    background-position: -64px -96px;
    /* no */
  }
  100% {
    background-position: -64px -96px;
    /* no */
  }
}
.popo-19 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_19 2.42s steps(1) infinite;
          animation: key_pop_19 2.42s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-19_46ed8e08.png);
  background-size: 600% 500%;
}
@-webkit-keyframes key_pop_19 {
  0% {
    background-position: 0 0;
  }
  3.4% {
    background-position: -32px 0;
    /* no */
  }
  6.9% {
    background-position: -64px 0;
    /* no */
  }
  10.3% {
    background-position: -96px 0;
    /* no */
  }
  13.8% {
    background-position: -128px 0;
    /* no */
  }
  17.2% {
    background-position: -160px 0;
    /* no */
  }
  20.7% {
    background-position: 0 -32px;
    /* no */
  }
  24.1% {
    background-position: -32px -32px;
    /* no */
  }
  27.6% {
    background-position: -64px -32px;
    /* no */
  }
  31% {
    background-position: -96px -32px;
    /* no */
  }
  34.5% {
    background-position: -128px -32px;
    /* no */
  }
  37.9% {
    background-position: -160px -32px;
    /* no */
  }
  41.4% {
    background-position: 0 -64px;
    /* no */
  }
  44.8% {
    background-position: -32px -64px;
    /* no */
  }
  48.3% {
    background-position: -64px -64px;
    /* no */
  }
  51.7% {
    background-position: -96px -64px;
    /* no */
  }
  55.2% {
    background-position: -128px -64px;
    /* no */
  }
  58.6% {
    background-position: -160px -64px;
    /* no */
  }
  62.1% {
    background-position: 0 -96px;
    /* no */
  }
  65.5% {
    background-position: -32px -96px;
    /* no */
  }
  69% {
    background-position: -64px -96px;
    /* no */
  }
  72.4% {
    background-position: -96px -96px;
    /* no */
  }
  75.9% {
    background-position: -128px -96px;
    /* no */
  }
  79.3% {
    background-position: -160px -96px;
    /* no */
  }
  82.8% {
    background-position: 0 -128px;
    /* no */
  }
  86.2% {
    background-position: -32px -128px;
    /* no */
  }
  89.7% {
    background-position: -64px -128px;
    /* no */
  }
  93.1% {
    background-position: -96px -128px;
    /* no */
  }
  96.6% {
    background-position: -128px -128px;
    /* no */
  }
  100% {
    background-position: -128px -128px;
    /* no */
  }
}
@keyframes key_pop_19 {
  0% {
    background-position: 0 0;
  }
  3.4% {
    background-position: -32px 0;
    /* no */
  }
  6.9% {
    background-position: -64px 0;
    /* no */
  }
  10.3% {
    background-position: -96px 0;
    /* no */
  }
  13.8% {
    background-position: -128px 0;
    /* no */
  }
  17.2% {
    background-position: -160px 0;
    /* no */
  }
  20.7% {
    background-position: 0 -32px;
    /* no */
  }
  24.1% {
    background-position: -32px -32px;
    /* no */
  }
  27.6% {
    background-position: -64px -32px;
    /* no */
  }
  31% {
    background-position: -96px -32px;
    /* no */
  }
  34.5% {
    background-position: -128px -32px;
    /* no */
  }
  37.9% {
    background-position: -160px -32px;
    /* no */
  }
  41.4% {
    background-position: 0 -64px;
    /* no */
  }
  44.8% {
    background-position: -32px -64px;
    /* no */
  }
  48.3% {
    background-position: -64px -64px;
    /* no */
  }
  51.7% {
    background-position: -96px -64px;
    /* no */
  }
  55.2% {
    background-position: -128px -64px;
    /* no */
  }
  58.6% {
    background-position: -160px -64px;
    /* no */
  }
  62.1% {
    background-position: 0 -96px;
    /* no */
  }
  65.5% {
    background-position: -32px -96px;
    /* no */
  }
  69% {
    background-position: -64px -96px;
    /* no */
  }
  72.4% {
    background-position: -96px -96px;
    /* no */
  }
  75.9% {
    background-position: -128px -96px;
    /* no */
  }
  79.3% {
    background-position: -160px -96px;
    /* no */
  }
  82.8% {
    background-position: 0 -128px;
    /* no */
  }
  86.2% {
    background-position: -32px -128px;
    /* no */
  }
  89.7% {
    background-position: -64px -128px;
    /* no */
  }
  93.1% {
    background-position: -96px -128px;
    /* no */
  }
  96.6% {
    background-position: -128px -128px;
    /* no */
  }
  100% {
    background-position: -128px -128px;
    /* no */
  }
}
.popo-20 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_20 2s steps(1) infinite;
          animation: key_pop_20 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-20_74b917c3.png);
  background-size: 500% 500%;
}
@-webkit-keyframes key_pop_20 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
@keyframes key_pop_20 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
.popo-21 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_21 1.42s steps(1) infinite;
          animation: key_pop_21 1.42s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-21_df869230.png);
  background-size: 500% 400%;
}
@-webkit-keyframes key_pop_21 {
  0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -32px 0;
    /* no */
  }
  11.8% {
    background-position: -64px 0;
    /* no */
  }
  17.6% {
    background-position: -96px 0;
    /* no */
  }
  23.5% {
    background-position: -128px 0;
    /* no */
  }
  29.4% {
    background-position: 0 -32px;
    /* no */
  }
  35.3% {
    background-position: -32px -32px;
    /* no */
  }
  41.2% {
    background-position: -64px -32px;
    /* no */
  }
  47.1% {
    background-position: -96px -32px;
    /* no */
  }
  52.9% {
    background-position: -128px -32px;
    /* no */
  }
  58.8% {
    background-position: 0 -64px;
    /* no */
  }
  64.7% {
    background-position: -32px -64px;
    /* no */
  }
  70.6% {
    background-position: -64px -64px;
    /* no */
  }
  76.5% {
    background-position: -96px -64px;
    /* no */
  }
  82.4% {
    background-position: -128px -64px;
    /* no */
  }
  88.2% {
    background-position: 0 -96px;
    /* no */
  }
  94.1% {
    background-position: -32px -96px;
    /* no */
  }
  100% {
    background-position: -32px -96px;
    /* no */
  }
}
@keyframes key_pop_21 {
  0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -32px 0;
    /* no */
  }
  11.8% {
    background-position: -64px 0;
    /* no */
  }
  17.6% {
    background-position: -96px 0;
    /* no */
  }
  23.5% {
    background-position: -128px 0;
    /* no */
  }
  29.4% {
    background-position: 0 -32px;
    /* no */
  }
  35.3% {
    background-position: -32px -32px;
    /* no */
  }
  41.2% {
    background-position: -64px -32px;
    /* no */
  }
  47.1% {
    background-position: -96px -32px;
    /* no */
  }
  52.9% {
    background-position: -128px -32px;
    /* no */
  }
  58.8% {
    background-position: 0 -64px;
    /* no */
  }
  64.7% {
    background-position: -32px -64px;
    /* no */
  }
  70.6% {
    background-position: -64px -64px;
    /* no */
  }
  76.5% {
    background-position: -96px -64px;
    /* no */
  }
  82.4% {
    background-position: -128px -64px;
    /* no */
  }
  88.2% {
    background-position: 0 -96px;
    /* no */
  }
  94.1% {
    background-position: -32px -96px;
    /* no */
  }
  100% {
    background-position: -32px -96px;
    /* no */
  }
}
.popo-22 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_22 1.67s steps(1) infinite;
          animation: key_pop_22 1.67s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-22_48e08973.png);
  background-size: 500% 400%;
}
@-webkit-keyframes key_pop_22 {
  0% {
    background-position: 0 0;
  }
  5% {
    background-position: -32px 0;
    /* no */
  }
  10% {
    background-position: -64px 0;
    /* no */
  }
  15% {
    background-position: -96px 0;
    /* no */
  }
  20% {
    background-position: -128px 0;
    /* no */
  }
  25% {
    background-position: 0 -32px;
    /* no */
  }
  30% {
    background-position: -32px -32px;
    /* no */
  }
  35% {
    background-position: -64px -32px;
    /* no */
  }
  40% {
    background-position: -96px -32px;
    /* no */
  }
  45% {
    background-position: -128px -32px;
    /* no */
  }
  50% {
    background-position: 0 -64px;
    /* no */
  }
  55% {
    background-position: -32px -64px;
    /* no */
  }
  60% {
    background-position: -64px -64px;
    /* no */
  }
  65% {
    background-position: -96px -64px;
    /* no */
  }
  70% {
    background-position: -128px -64px;
    /* no */
  }
  75% {
    background-position: 0 -96px;
    /* no */
  }
  80% {
    background-position: -32px -96px;
    /* no */
  }
  85% {
    background-position: -64px -96px;
    /* no */
  }
  90% {
    background-position: -96px -96px;
    /* no */
  }
  95% {
    background-position: -128px -96px;
    /* no */
  }
  100% {
    background-position: -128px -96px;
    /* no */
  }
}
@keyframes key_pop_22 {
  0% {
    background-position: 0 0;
  }
  5% {
    background-position: -32px 0;
    /* no */
  }
  10% {
    background-position: -64px 0;
    /* no */
  }
  15% {
    background-position: -96px 0;
    /* no */
  }
  20% {
    background-position: -128px 0;
    /* no */
  }
  25% {
    background-position: 0 -32px;
    /* no */
  }
  30% {
    background-position: -32px -32px;
    /* no */
  }
  35% {
    background-position: -64px -32px;
    /* no */
  }
  40% {
    background-position: -96px -32px;
    /* no */
  }
  45% {
    background-position: -128px -32px;
    /* no */
  }
  50% {
    background-position: 0 -64px;
    /* no */
  }
  55% {
    background-position: -32px -64px;
    /* no */
  }
  60% {
    background-position: -64px -64px;
    /* no */
  }
  65% {
    background-position: -96px -64px;
    /* no */
  }
  70% {
    background-position: -128px -64px;
    /* no */
  }
  75% {
    background-position: 0 -96px;
    /* no */
  }
  80% {
    background-position: -32px -96px;
    /* no */
  }
  85% {
    background-position: -64px -96px;
    /* no */
  }
  90% {
    background-position: -96px -96px;
    /* no */
  }
  95% {
    background-position: -128px -96px;
    /* no */
  }
  100% {
    background-position: -128px -96px;
    /* no */
  }
}
.popo-23 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_23 1.08s steps(1) infinite;
          animation: key_pop_23 1.08s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-23_820578cf.png);
  background-size: 400% 400%;
}
@-webkit-keyframes key_pop_23 {
  0% {
    background-position: 0 0;
  }
  7.7% {
    background-position: -32px 0;
    /* no */
  }
  15.4% {
    background-position: -64px 0;
    /* no */
  }
  23.1% {
    background-position: -96px 0;
    /* no */
  }
  30.8% {
    background-position: 0 -32px;
    /* no */
  }
  38.5% {
    background-position: -32px -32px;
    /* no */
  }
  46.2% {
    background-position: -64px -32px;
    /* no */
  }
  53.8% {
    background-position: -96px -32px;
    /* no */
  }
  61.5% {
    background-position: 0 -64px;
    /* no */
  }
  69.2% {
    background-position: -32px -64px;
    /* no */
  }
  76.9% {
    background-position: -64px -64px;
    /* no */
  }
  84.6% {
    background-position: -96px -64px;
    /* no */
  }
  92.3% {
    background-position: 0 -96px;
    /* no */
  }
  100% {
    background-position: 0 -96px;
    /* no */
  }
}
@keyframes key_pop_23 {
  0% {
    background-position: 0 0;
  }
  7.7% {
    background-position: -32px 0;
    /* no */
  }
  15.4% {
    background-position: -64px 0;
    /* no */
  }
  23.1% {
    background-position: -96px 0;
    /* no */
  }
  30.8% {
    background-position: 0 -32px;
    /* no */
  }
  38.5% {
    background-position: -32px -32px;
    /* no */
  }
  46.2% {
    background-position: -64px -32px;
    /* no */
  }
  53.8% {
    background-position: -96px -32px;
    /* no */
  }
  61.5% {
    background-position: 0 -64px;
    /* no */
  }
  69.2% {
    background-position: -32px -64px;
    /* no */
  }
  76.9% {
    background-position: -64px -64px;
    /* no */
  }
  84.6% {
    background-position: -96px -64px;
    /* no */
  }
  92.3% {
    background-position: 0 -96px;
    /* no */
  }
  100% {
    background-position: 0 -96px;
    /* no */
  }
}
.popo-24 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_24 2.33s steps(1) infinite;
          animation: key_pop_24 2.33s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-24_0ab84f2e.png);
  background-size: 600% 500%;
}
@-webkit-keyframes key_pop_24 {
  0% {
    background-position: 0 0;
  }
  3.6% {
    background-position: -32px 0;
    /* no */
  }
  7.1% {
    background-position: -64px 0;
    /* no */
  }
  10.7% {
    background-position: -96px 0;
    /* no */
  }
  14.3% {
    background-position: -128px 0;
    /* no */
  }
  17.9% {
    background-position: -160px 0;
    /* no */
  }
  21.4% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  28.6% {
    background-position: -64px -32px;
    /* no */
  }
  32.1% {
    background-position: -96px -32px;
    /* no */
  }
  35.7% {
    background-position: -128px -32px;
    /* no */
  }
  39.3% {
    background-position: -160px -32px;
    /* no */
  }
  42.9% {
    background-position: 0 -64px;
    /* no */
  }
  46.4% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  53.6% {
    background-position: -96px -64px;
    /* no */
  }
  57.1% {
    background-position: -128px -64px;
    /* no */
  }
  60.7% {
    background-position: -160px -64px;
    /* no */
  }
  64.3% {
    background-position: 0 -96px;
    /* no */
  }
  67.9% {
    background-position: -32px -96px;
    /* no */
  }
  71.4% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  78.6% {
    background-position: -128px -96px;
    /* no */
  }
  82.1% {
    background-position: -160px -96px;
    /* no */
  }
  85.7% {
    background-position: 0 -128px;
    /* no */
  }
  89.3% {
    background-position: -32px -128px;
    /* no */
  }
  92.9% {
    background-position: -64px -128px;
    /* no */
  }
  96.4% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
@keyframes key_pop_24 {
  0% {
    background-position: 0 0;
  }
  3.6% {
    background-position: -32px 0;
    /* no */
  }
  7.1% {
    background-position: -64px 0;
    /* no */
  }
  10.7% {
    background-position: -96px 0;
    /* no */
  }
  14.3% {
    background-position: -128px 0;
    /* no */
  }
  17.9% {
    background-position: -160px 0;
    /* no */
  }
  21.4% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  28.6% {
    background-position: -64px -32px;
    /* no */
  }
  32.1% {
    background-position: -96px -32px;
    /* no */
  }
  35.7% {
    background-position: -128px -32px;
    /* no */
  }
  39.3% {
    background-position: -160px -32px;
    /* no */
  }
  42.9% {
    background-position: 0 -64px;
    /* no */
  }
  46.4% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  53.6% {
    background-position: -96px -64px;
    /* no */
  }
  57.1% {
    background-position: -128px -64px;
    /* no */
  }
  60.7% {
    background-position: -160px -64px;
    /* no */
  }
  64.3% {
    background-position: 0 -96px;
    /* no */
  }
  67.9% {
    background-position: -32px -96px;
    /* no */
  }
  71.4% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  78.6% {
    background-position: -128px -96px;
    /* no */
  }
  82.1% {
    background-position: -160px -96px;
    /* no */
  }
  85.7% {
    background-position: 0 -128px;
    /* no */
  }
  89.3% {
    background-position: -32px -128px;
    /* no */
  }
  92.9% {
    background-position: -64px -128px;
    /* no */
  }
  96.4% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
.popo-25 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_25 2.83s steps(1) infinite;
          animation: key_pop_25 2.83s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-25_fa601cb5.png);
  background-size: 600% 600%;
}
@-webkit-keyframes key_pop_25 {
  0% {
    background-position: 0 0;
  }
  2.9% {
    background-position: -32px 0;
    /* no */
  }
  5.9% {
    background-position: -64px 0;
    /* no */
  }
  8.8% {
    background-position: -96px 0;
    /* no */
  }
  11.8% {
    background-position: -128px 0;
    /* no */
  }
  14.7% {
    background-position: -160px 0;
    /* no */
  }
  17.6% {
    background-position: 0 -32px;
    /* no */
  }
  20.6% {
    background-position: -32px -32px;
    /* no */
  }
  23.5% {
    background-position: -64px -32px;
    /* no */
  }
  26.5% {
    background-position: -96px -32px;
    /* no */
  }
  29.4% {
    background-position: -128px -32px;
    /* no */
  }
  32.4% {
    background-position: -160px -32px;
    /* no */
  }
  35.3% {
    background-position: 0 -64px;
    /* no */
  }
  38.2% {
    background-position: -32px -64px;
    /* no */
  }
  41.2% {
    background-position: -64px -64px;
    /* no */
  }
  44.1% {
    background-position: -96px -64px;
    /* no */
  }
  47.1% {
    background-position: -128px -64px;
    /* no */
  }
  50% {
    background-position: -160px -64px;
    /* no */
  }
  52.9% {
    background-position: 0 -96px;
    /* no */
  }
  55.9% {
    background-position: -32px -96px;
    /* no */
  }
  58.8% {
    background-position: -64px -96px;
    /* no */
  }
  61.8% {
    background-position: -96px -96px;
    /* no */
  }
  64.7% {
    background-position: -128px -96px;
    /* no */
  }
  67.6% {
    background-position: -160px -96px;
    /* no */
  }
  70.6% {
    background-position: 0 -128px;
    /* no */
  }
  73.5% {
    background-position: -32px -128px;
    /* no */
  }
  76.5% {
    background-position: -64px -128px;
    /* no */
  }
  79.4% {
    background-position: -96px -128px;
    /* no */
  }
  82.4% {
    background-position: -128px -128px;
    /* no */
  }
  85.3% {
    background-position: -160px -128px;
    /* no */
  }
  88.2% {
    background-position: 0 -160px;
    /* no */
  }
  91.2% {
    background-position: -32px -160px;
    /* no */
  }
  94.1% {
    background-position: -64px -160px;
    /* no */
  }
  97.1% {
    background-position: -96px -160px;
    /* no */
  }
  100% {
    background-position: -96px -160px;
    /* no */
  }
}
@keyframes key_pop_25 {
  0% {
    background-position: 0 0;
  }
  2.9% {
    background-position: -32px 0;
    /* no */
  }
  5.9% {
    background-position: -64px 0;
    /* no */
  }
  8.8% {
    background-position: -96px 0;
    /* no */
  }
  11.8% {
    background-position: -128px 0;
    /* no */
  }
  14.7% {
    background-position: -160px 0;
    /* no */
  }
  17.6% {
    background-position: 0 -32px;
    /* no */
  }
  20.6% {
    background-position: -32px -32px;
    /* no */
  }
  23.5% {
    background-position: -64px -32px;
    /* no */
  }
  26.5% {
    background-position: -96px -32px;
    /* no */
  }
  29.4% {
    background-position: -128px -32px;
    /* no */
  }
  32.4% {
    background-position: -160px -32px;
    /* no */
  }
  35.3% {
    background-position: 0 -64px;
    /* no */
  }
  38.2% {
    background-position: -32px -64px;
    /* no */
  }
  41.2% {
    background-position: -64px -64px;
    /* no */
  }
  44.1% {
    background-position: -96px -64px;
    /* no */
  }
  47.1% {
    background-position: -128px -64px;
    /* no */
  }
  50% {
    background-position: -160px -64px;
    /* no */
  }
  52.9% {
    background-position: 0 -96px;
    /* no */
  }
  55.9% {
    background-position: -32px -96px;
    /* no */
  }
  58.8% {
    background-position: -64px -96px;
    /* no */
  }
  61.8% {
    background-position: -96px -96px;
    /* no */
  }
  64.7% {
    background-position: -128px -96px;
    /* no */
  }
  67.6% {
    background-position: -160px -96px;
    /* no */
  }
  70.6% {
    background-position: 0 -128px;
    /* no */
  }
  73.5% {
    background-position: -32px -128px;
    /* no */
  }
  76.5% {
    background-position: -64px -128px;
    /* no */
  }
  79.4% {
    background-position: -96px -128px;
    /* no */
  }
  82.4% {
    background-position: -128px -128px;
    /* no */
  }
  85.3% {
    background-position: -160px -128px;
    /* no */
  }
  88.2% {
    background-position: 0 -160px;
    /* no */
  }
  91.2% {
    background-position: -32px -160px;
    /* no */
  }
  94.1% {
    background-position: -64px -160px;
    /* no */
  }
  97.1% {
    background-position: -96px -160px;
    /* no */
  }
  100% {
    background-position: -96px -160px;
    /* no */
  }
}
.popo-26 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_26 2s steps(1) infinite;
          animation: key_pop_26 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-26_92d5bbb4.png);
  background-size: 500% 500%;
}
@-webkit-keyframes key_pop_26 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
@keyframes key_pop_26 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
.popo-27 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_27 3.42s steps(1) infinite;
          animation: key_pop_27 3.42s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-27_ae220c4a.png);
  background-size: 700% 600%;
}
@-webkit-keyframes key_pop_27 {
  0% {
    background-position: 0 0;
  }
  2.4% {
    background-position: -32px 0;
    /* no */
  }
  4.9% {
    background-position: -64px 0;
    /* no */
  }
  7.3% {
    background-position: -96px 0;
    /* no */
  }
  9.8% {
    background-position: -128px 0;
    /* no */
  }
  12.2% {
    background-position: -160px 0;
    /* no */
  }
  14.6% {
    background-position: -192px 0;
    /* no */
  }
  17.1% {
    background-position: 0 -32px;
    /* no */
  }
  19.5% {
    background-position: -32px -32px;
    /* no */
  }
  22% {
    background-position: -64px -32px;
    /* no */
  }
  24.4% {
    background-position: -96px -32px;
    /* no */
  }
  26.8% {
    background-position: -128px -32px;
    /* no */
  }
  29.3% {
    background-position: -160px -32px;
    /* no */
  }
  31.7% {
    background-position: -192px -32px;
    /* no */
  }
  34.1% {
    background-position: 0 -64px;
    /* no */
  }
  36.6% {
    background-position: -32px -64px;
    /* no */
  }
  39% {
    background-position: -64px -64px;
    /* no */
  }
  41.5% {
    background-position: -96px -64px;
    /* no */
  }
  43.9% {
    background-position: -128px -64px;
    /* no */
  }
  46.3% {
    background-position: -160px -64px;
    /* no */
  }
  48.8% {
    background-position: -192px -64px;
    /* no */
  }
  51.2% {
    background-position: 0 -96px;
    /* no */
  }
  53.7% {
    background-position: -32px -96px;
    /* no */
  }
  56.1% {
    background-position: -64px -96px;
    /* no */
  }
  58.5% {
    background-position: -96px -96px;
    /* no */
  }
  61% {
    background-position: -128px -96px;
    /* no */
  }
  63.4% {
    background-position: -160px -96px;
    /* no */
  }
  65.9% {
    background-position: -192px -96px;
    /* no */
  }
  68.3% {
    background-position: 0 -128px;
    /* no */
  }
  70.7% {
    background-position: -32px -128px;
    /* no */
  }
  73.2% {
    background-position: -64px -128px;
    /* no */
  }
  75.6% {
    background-position: -96px -128px;
    /* no */
  }
  78% {
    background-position: -128px -128px;
    /* no */
  }
  80.5% {
    background-position: -160px -128px;
    /* no */
  }
  82.9% {
    background-position: -192px -128px;
    /* no */
  }
  85.4% {
    background-position: 0 -160px;
    /* no */
  }
  87.8% {
    background-position: -32px -160px;
    /* no */
  }
  90.2% {
    background-position: -64px -160px;
    /* no */
  }
  92.7% {
    background-position: -96px -160px;
    /* no */
  }
  95.1% {
    background-position: -128px -160px;
    /* no */
  }
  97.6% {
    background-position: -160px -160px;
    /* no */
  }
  100% {
    background-position: -160px -160px;
    /* no */
  }
}
@keyframes key_pop_27 {
  0% {
    background-position: 0 0;
  }
  2.4% {
    background-position: -32px 0;
    /* no */
  }
  4.9% {
    background-position: -64px 0;
    /* no */
  }
  7.3% {
    background-position: -96px 0;
    /* no */
  }
  9.8% {
    background-position: -128px 0;
    /* no */
  }
  12.2% {
    background-position: -160px 0;
    /* no */
  }
  14.6% {
    background-position: -192px 0;
    /* no */
  }
  17.1% {
    background-position: 0 -32px;
    /* no */
  }
  19.5% {
    background-position: -32px -32px;
    /* no */
  }
  22% {
    background-position: -64px -32px;
    /* no */
  }
  24.4% {
    background-position: -96px -32px;
    /* no */
  }
  26.8% {
    background-position: -128px -32px;
    /* no */
  }
  29.3% {
    background-position: -160px -32px;
    /* no */
  }
  31.7% {
    background-position: -192px -32px;
    /* no */
  }
  34.1% {
    background-position: 0 -64px;
    /* no */
  }
  36.6% {
    background-position: -32px -64px;
    /* no */
  }
  39% {
    background-position: -64px -64px;
    /* no */
  }
  41.5% {
    background-position: -96px -64px;
    /* no */
  }
  43.9% {
    background-position: -128px -64px;
    /* no */
  }
  46.3% {
    background-position: -160px -64px;
    /* no */
  }
  48.8% {
    background-position: -192px -64px;
    /* no */
  }
  51.2% {
    background-position: 0 -96px;
    /* no */
  }
  53.7% {
    background-position: -32px -96px;
    /* no */
  }
  56.1% {
    background-position: -64px -96px;
    /* no */
  }
  58.5% {
    background-position: -96px -96px;
    /* no */
  }
  61% {
    background-position: -128px -96px;
    /* no */
  }
  63.4% {
    background-position: -160px -96px;
    /* no */
  }
  65.9% {
    background-position: -192px -96px;
    /* no */
  }
  68.3% {
    background-position: 0 -128px;
    /* no */
  }
  70.7% {
    background-position: -32px -128px;
    /* no */
  }
  73.2% {
    background-position: -64px -128px;
    /* no */
  }
  75.6% {
    background-position: -96px -128px;
    /* no */
  }
  78% {
    background-position: -128px -128px;
    /* no */
  }
  80.5% {
    background-position: -160px -128px;
    /* no */
  }
  82.9% {
    background-position: -192px -128px;
    /* no */
  }
  85.4% {
    background-position: 0 -160px;
    /* no */
  }
  87.8% {
    background-position: -32px -160px;
    /* no */
  }
  90.2% {
    background-position: -64px -160px;
    /* no */
  }
  92.7% {
    background-position: -96px -160px;
    /* no */
  }
  95.1% {
    background-position: -128px -160px;
    /* no */
  }
  97.6% {
    background-position: -160px -160px;
    /* no */
  }
  100% {
    background-position: -160px -160px;
    /* no */
  }
}
.popo-28 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_28 2s steps(1) infinite;
          animation: key_pop_28 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-28_7b7921e4.png);
  background-size: 500% 500%;
}
@-webkit-keyframes key_pop_28 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
@keyframes key_pop_28 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
.popo-29 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_29 2.67s steps(1) infinite;
          animation: key_pop_29 2.67s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-29_fe6a23d2.png);
  background-size: 600% 600%;
}
@-webkit-keyframes key_pop_29 {
  0% {
    background-position: 0 0;
  }
  3.1% {
    background-position: -32px 0;
    /* no */
  }
  6.3% {
    background-position: -64px 0;
    /* no */
  }
  9.4% {
    background-position: -96px 0;
    /* no */
  }
  12.5% {
    background-position: -128px 0;
    /* no */
  }
  15.6% {
    background-position: -160px 0;
    /* no */
  }
  18.8% {
    background-position: 0 -32px;
    /* no */
  }
  21.9% {
    background-position: -32px -32px;
    /* no */
  }
  25% {
    background-position: -64px -32px;
    /* no */
  }
  28.1% {
    background-position: -96px -32px;
    /* no */
  }
  31.3% {
    background-position: -128px -32px;
    /* no */
  }
  34.4% {
    background-position: -160px -32px;
    /* no */
  }
  37.5% {
    background-position: 0 -64px;
    /* no */
  }
  40.6% {
    background-position: -32px -64px;
    /* no */
  }
  43.8% {
    background-position: -64px -64px;
    /* no */
  }
  46.9% {
    background-position: -96px -64px;
    /* no */
  }
  50% {
    background-position: -128px -64px;
    /* no */
  }
  53.1% {
    background-position: -160px -64px;
    /* no */
  }
  56.3% {
    background-position: 0 -96px;
    /* no */
  }
  59.4% {
    background-position: -32px -96px;
    /* no */
  }
  62.5% {
    background-position: -64px -96px;
    /* no */
  }
  65.6% {
    background-position: -96px -96px;
    /* no */
  }
  68.8% {
    background-position: -128px -96px;
    /* no */
  }
  71.9% {
    background-position: -160px -96px;
    /* no */
  }
  75% {
    background-position: 0 -128px;
    /* no */
  }
  78.1% {
    background-position: -32px -128px;
    /* no */
  }
  81.3% {
    background-position: -64px -128px;
    /* no */
  }
  84.4% {
    background-position: -96px -128px;
    /* no */
  }
  87.5% {
    background-position: -128px -128px;
    /* no */
  }
  90.6% {
    background-position: -160px -128px;
    /* no */
  }
  93.8% {
    background-position: 0 -160px;
    /* no */
  }
  96.9% {
    background-position: -32px -160px;
    /* no */
  }
  100% {
    background-position: -32px -160px;
    /* no */
  }
}
@keyframes key_pop_29 {
  0% {
    background-position: 0 0;
  }
  3.1% {
    background-position: -32px 0;
    /* no */
  }
  6.3% {
    background-position: -64px 0;
    /* no */
  }
  9.4% {
    background-position: -96px 0;
    /* no */
  }
  12.5% {
    background-position: -128px 0;
    /* no */
  }
  15.6% {
    background-position: -160px 0;
    /* no */
  }
  18.8% {
    background-position: 0 -32px;
    /* no */
  }
  21.9% {
    background-position: -32px -32px;
    /* no */
  }
  25% {
    background-position: -64px -32px;
    /* no */
  }
  28.1% {
    background-position: -96px -32px;
    /* no */
  }
  31.3% {
    background-position: -128px -32px;
    /* no */
  }
  34.4% {
    background-position: -160px -32px;
    /* no */
  }
  37.5% {
    background-position: 0 -64px;
    /* no */
  }
  40.6% {
    background-position: -32px -64px;
    /* no */
  }
  43.8% {
    background-position: -64px -64px;
    /* no */
  }
  46.9% {
    background-position: -96px -64px;
    /* no */
  }
  50% {
    background-position: -128px -64px;
    /* no */
  }
  53.1% {
    background-position: -160px -64px;
    /* no */
  }
  56.3% {
    background-position: 0 -96px;
    /* no */
  }
  59.4% {
    background-position: -32px -96px;
    /* no */
  }
  62.5% {
    background-position: -64px -96px;
    /* no */
  }
  65.6% {
    background-position: -96px -96px;
    /* no */
  }
  68.8% {
    background-position: -128px -96px;
    /* no */
  }
  71.9% {
    background-position: -160px -96px;
    /* no */
  }
  75% {
    background-position: 0 -128px;
    /* no */
  }
  78.1% {
    background-position: -32px -128px;
    /* no */
  }
  81.3% {
    background-position: -64px -128px;
    /* no */
  }
  84.4% {
    background-position: -96px -128px;
    /* no */
  }
  87.5% {
    background-position: -128px -128px;
    /* no */
  }
  90.6% {
    background-position: -160px -128px;
    /* no */
  }
  93.8% {
    background-position: 0 -160px;
    /* no */
  }
  96.9% {
    background-position: -32px -160px;
    /* no */
  }
  100% {
    background-position: -32px -160px;
    /* no */
  }
}
.popo-30 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_30 1.58s steps(1) infinite;
          animation: key_pop_30 1.58s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-30_29a62e52.png);
  background-size: 500% 400%;
}
@-webkit-keyframes key_pop_30 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
    /* no */
  }
  10.5% {
    background-position: -64px 0;
    /* no */
  }
  15.8% {
    background-position: -96px 0;
    /* no */
  }
  21.1% {
    background-position: -128px 0;
    /* no */
  }
  26.3% {
    background-position: 0 -32px;
    /* no */
  }
  31.6% {
    background-position: -32px -32px;
    /* no */
  }
  36.8% {
    background-position: -64px -32px;
    /* no */
  }
  42.1% {
    background-position: -96px -32px;
    /* no */
  }
  47.4% {
    background-position: -128px -32px;
    /* no */
  }
  52.6% {
    background-position: 0 -64px;
    /* no */
  }
  57.9% {
    background-position: -32px -64px;
    /* no */
  }
  63.2% {
    background-position: -64px -64px;
    /* no */
  }
  68.4% {
    background-position: -96px -64px;
    /* no */
  }
  73.7% {
    background-position: -128px -64px;
    /* no */
  }
  78.9% {
    background-position: 0 -96px;
    /* no */
  }
  84.2% {
    background-position: -32px -96px;
    /* no */
  }
  89.5% {
    background-position: -64px -96px;
    /* no */
  }
  94.7% {
    background-position: -96px -96px;
    /* no */
  }
  100% {
    background-position: -96px -96px;
    /* no */
  }
}
@keyframes key_pop_30 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
    /* no */
  }
  10.5% {
    background-position: -64px 0;
    /* no */
  }
  15.8% {
    background-position: -96px 0;
    /* no */
  }
  21.1% {
    background-position: -128px 0;
    /* no */
  }
  26.3% {
    background-position: 0 -32px;
    /* no */
  }
  31.6% {
    background-position: -32px -32px;
    /* no */
  }
  36.8% {
    background-position: -64px -32px;
    /* no */
  }
  42.1% {
    background-position: -96px -32px;
    /* no */
  }
  47.4% {
    background-position: -128px -32px;
    /* no */
  }
  52.6% {
    background-position: 0 -64px;
    /* no */
  }
  57.9% {
    background-position: -32px -64px;
    /* no */
  }
  63.2% {
    background-position: -64px -64px;
    /* no */
  }
  68.4% {
    background-position: -96px -64px;
    /* no */
  }
  73.7% {
    background-position: -128px -64px;
    /* no */
  }
  78.9% {
    background-position: 0 -96px;
    /* no */
  }
  84.2% {
    background-position: -32px -96px;
    /* no */
  }
  89.5% {
    background-position: -64px -96px;
    /* no */
  }
  94.7% {
    background-position: -96px -96px;
    /* no */
  }
  100% {
    background-position: -96px -96px;
    /* no */
  }
}
.popo-31 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_31 0.5s steps(1) infinite;
          animation: key_pop_31 0.5s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-31_5789b916.png);
  background-size: 300% 200%;
}
@-webkit-keyframes key_pop_31 {
  0% {
    background-position: 0 0;
  }
  16.7% {
    background-position: -32px 0;
    /* no */
  }
  33.3% {
    background-position: -64px 0;
    /* no */
  }
  50% {
    background-position: 0 -32px;
    /* no */
  }
  66.7% {
    background-position: -32px -32px;
    /* no */
  }
  83.3% {
    background-position: -64px -32px;
    /* no */
  }
  100% {
    background-position: -64px -32px;
    /* no */
  }
}
@keyframes key_pop_31 {
  0% {
    background-position: 0 0;
  }
  16.7% {
    background-position: -32px 0;
    /* no */
  }
  33.3% {
    background-position: -64px 0;
    /* no */
  }
  50% {
    background-position: 0 -32px;
    /* no */
  }
  66.7% {
    background-position: -32px -32px;
    /* no */
  }
  83.3% {
    background-position: -64px -32px;
    /* no */
  }
  100% {
    background-position: -64px -32px;
    /* no */
  }
}
.popo-32 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_32 1.67s steps(1) infinite;
          animation: key_pop_32 1.67s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-32_dd6be0dc.png);
  background-size: 500% 400%;
}
@-webkit-keyframes key_pop_32 {
  0% {
    background-position: 0 0;
  }
  5% {
    background-position: -32px 0;
    /* no */
  }
  10% {
    background-position: -64px 0;
    /* no */
  }
  15% {
    background-position: -96px 0;
    /* no */
  }
  20% {
    background-position: -128px 0;
    /* no */
  }
  25% {
    background-position: 0 -32px;
    /* no */
  }
  30% {
    background-position: -32px -32px;
    /* no */
  }
  35% {
    background-position: -64px -32px;
    /* no */
  }
  40% {
    background-position: -96px -32px;
    /* no */
  }
  45% {
    background-position: -128px -32px;
    /* no */
  }
  50% {
    background-position: 0 -64px;
    /* no */
  }
  55% {
    background-position: -32px -64px;
    /* no */
  }
  60% {
    background-position: -64px -64px;
    /* no */
  }
  65% {
    background-position: -96px -64px;
    /* no */
  }
  70% {
    background-position: -128px -64px;
    /* no */
  }
  75% {
    background-position: 0 -96px;
    /* no */
  }
  80% {
    background-position: -32px -96px;
    /* no */
  }
  85% {
    background-position: -64px -96px;
    /* no */
  }
  90% {
    background-position: -96px -96px;
    /* no */
  }
  95% {
    background-position: -128px -96px;
    /* no */
  }
  100% {
    background-position: -128px -96px;
    /* no */
  }
}
@keyframes key_pop_32 {
  0% {
    background-position: 0 0;
  }
  5% {
    background-position: -32px 0;
    /* no */
  }
  10% {
    background-position: -64px 0;
    /* no */
  }
  15% {
    background-position: -96px 0;
    /* no */
  }
  20% {
    background-position: -128px 0;
    /* no */
  }
  25% {
    background-position: 0 -32px;
    /* no */
  }
  30% {
    background-position: -32px -32px;
    /* no */
  }
  35% {
    background-position: -64px -32px;
    /* no */
  }
  40% {
    background-position: -96px -32px;
    /* no */
  }
  45% {
    background-position: -128px -32px;
    /* no */
  }
  50% {
    background-position: 0 -64px;
    /* no */
  }
  55% {
    background-position: -32px -64px;
    /* no */
  }
  60% {
    background-position: -64px -64px;
    /* no */
  }
  65% {
    background-position: -96px -64px;
    /* no */
  }
  70% {
    background-position: -128px -64px;
    /* no */
  }
  75% {
    background-position: 0 -96px;
    /* no */
  }
  80% {
    background-position: -32px -96px;
    /* no */
  }
  85% {
    background-position: -64px -96px;
    /* no */
  }
  90% {
    background-position: -96px -96px;
    /* no */
  }
  95% {
    background-position: -128px -96px;
    /* no */
  }
  100% {
    background-position: -128px -96px;
    /* no */
  }
}
.popo-33 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_33 2s steps(1) infinite;
          animation: key_pop_33 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-33_29a4cb73.png);
  background-size: 500% 500%;
}
@-webkit-keyframes key_pop_33 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
@keyframes key_pop_33 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
.popo-34 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_34 0.67s steps(1) infinite;
          animation: key_pop_34 0.67s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-34_b1e379e2.png);
  background-size: 300% 300%;
}
@-webkit-keyframes key_pop_34 {
  0% {
    background-position: 0 0;
  }
  12.5% {
    background-position: -32px 0;
    /* no */
  }
  25% {
    background-position: -64px 0;
    /* no */
  }
  37.5% {
    background-position: 0 -32px;
    /* no */
  }
  50% {
    background-position: -32px -32px;
    /* no */
  }
  62.5% {
    background-position: -64px -32px;
    /* no */
  }
  75% {
    background-position: 0 -64px;
    /* no */
  }
  87.5% {
    background-position: -32px -64px;
    /* no */
  }
  100% {
    background-position: -32px -64px;
    /* no */
  }
}
@keyframes key_pop_34 {
  0% {
    background-position: 0 0;
  }
  12.5% {
    background-position: -32px 0;
    /* no */
  }
  25% {
    background-position: -64px 0;
    /* no */
  }
  37.5% {
    background-position: 0 -32px;
    /* no */
  }
  50% {
    background-position: -32px -32px;
    /* no */
  }
  62.5% {
    background-position: -64px -32px;
    /* no */
  }
  75% {
    background-position: 0 -64px;
    /* no */
  }
  87.5% {
    background-position: -32px -64px;
    /* no */
  }
  100% {
    background-position: -32px -64px;
    /* no */
  }
}
.popo-35 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_35 2s steps(1) infinite;
          animation: key_pop_35 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-35_01f9ab34.png);
  background-size: 500% 500%;
}
@-webkit-keyframes key_pop_35 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
@keyframes key_pop_35 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
.popo-36 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_36 2s steps(1) infinite;
          animation: key_pop_36 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-36_6d0234e5.png);
  background-size: 500% 500%;
}
@-webkit-keyframes key_pop_36 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
@keyframes key_pop_36 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
.popo-37 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_37 0.58s steps(1) infinite;
          animation: key_pop_37 0.58s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-37_baafc696.png);
  background-size: 300% 300%;
}
@-webkit-keyframes key_pop_37 {
  0% {
    background-position: 0 0;
  }
  14.3% {
    background-position: -32px 0;
    /* no */
  }
  28.6% {
    background-position: -64px 0;
    /* no */
  }
  42.9% {
    background-position: 0 -32px;
    /* no */
  }
  57.1% {
    background-position: -32px -32px;
    /* no */
  }
  71.4% {
    background-position: -64px -32px;
    /* no */
  }
  85.7% {
    background-position: 0 -64px;
    /* no */
  }
  100% {
    background-position: 0 -64px;
    /* no */
  }
}
@keyframes key_pop_37 {
  0% {
    background-position: 0 0;
  }
  14.3% {
    background-position: -32px 0;
    /* no */
  }
  28.6% {
    background-position: -64px 0;
    /* no */
  }
  42.9% {
    background-position: 0 -32px;
    /* no */
  }
  57.1% {
    background-position: -32px -32px;
    /* no */
  }
  71.4% {
    background-position: -64px -32px;
    /* no */
  }
  85.7% {
    background-position: 0 -64px;
    /* no */
  }
  100% {
    background-position: 0 -64px;
    /* no */
  }
}
.popo-38 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_38 2.42s steps(1) infinite;
          animation: key_pop_38 2.42s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-38_681a734c.png);
  background-size: 600% 500%;
}
@-webkit-keyframes key_pop_38 {
  0% {
    background-position: 0 0;
  }
  3.4% {
    background-position: -32px 0;
    /* no */
  }
  6.9% {
    background-position: -64px 0;
    /* no */
  }
  10.3% {
    background-position: -96px 0;
    /* no */
  }
  13.8% {
    background-position: -128px 0;
    /* no */
  }
  17.2% {
    background-position: -160px 0;
    /* no */
  }
  20.7% {
    background-position: 0 -32px;
    /* no */
  }
  24.1% {
    background-position: -32px -32px;
    /* no */
  }
  27.6% {
    background-position: -64px -32px;
    /* no */
  }
  31% {
    background-position: -96px -32px;
    /* no */
  }
  34.5% {
    background-position: -128px -32px;
    /* no */
  }
  37.9% {
    background-position: -160px -32px;
    /* no */
  }
  41.4% {
    background-position: 0 -64px;
    /* no */
  }
  44.8% {
    background-position: -32px -64px;
    /* no */
  }
  48.3% {
    background-position: -64px -64px;
    /* no */
  }
  51.7% {
    background-position: -96px -64px;
    /* no */
  }
  55.2% {
    background-position: -128px -64px;
    /* no */
  }
  58.6% {
    background-position: -160px -64px;
    /* no */
  }
  62.1% {
    background-position: 0 -96px;
    /* no */
  }
  65.5% {
    background-position: -32px -96px;
    /* no */
  }
  69% {
    background-position: -64px -96px;
    /* no */
  }
  72.4% {
    background-position: -96px -96px;
    /* no */
  }
  75.9% {
    background-position: -128px -96px;
    /* no */
  }
  79.3% {
    background-position: -160px -96px;
    /* no */
  }
  82.8% {
    background-position: 0 -128px;
    /* no */
  }
  86.2% {
    background-position: -32px -128px;
    /* no */
  }
  89.7% {
    background-position: -64px -128px;
    /* no */
  }
  93.1% {
    background-position: -96px -128px;
    /* no */
  }
  96.6% {
    background-position: -128px -128px;
    /* no */
  }
  100% {
    background-position: -128px -128px;
    /* no */
  }
}
@keyframes key_pop_38 {
  0% {
    background-position: 0 0;
  }
  3.4% {
    background-position: -32px 0;
    /* no */
  }
  6.9% {
    background-position: -64px 0;
    /* no */
  }
  10.3% {
    background-position: -96px 0;
    /* no */
  }
  13.8% {
    background-position: -128px 0;
    /* no */
  }
  17.2% {
    background-position: -160px 0;
    /* no */
  }
  20.7% {
    background-position: 0 -32px;
    /* no */
  }
  24.1% {
    background-position: -32px -32px;
    /* no */
  }
  27.6% {
    background-position: -64px -32px;
    /* no */
  }
  31% {
    background-position: -96px -32px;
    /* no */
  }
  34.5% {
    background-position: -128px -32px;
    /* no */
  }
  37.9% {
    background-position: -160px -32px;
    /* no */
  }
  41.4% {
    background-position: 0 -64px;
    /* no */
  }
  44.8% {
    background-position: -32px -64px;
    /* no */
  }
  48.3% {
    background-position: -64px -64px;
    /* no */
  }
  51.7% {
    background-position: -96px -64px;
    /* no */
  }
  55.2% {
    background-position: -128px -64px;
    /* no */
  }
  58.6% {
    background-position: -160px -64px;
    /* no */
  }
  62.1% {
    background-position: 0 -96px;
    /* no */
  }
  65.5% {
    background-position: -32px -96px;
    /* no */
  }
  69% {
    background-position: -64px -96px;
    /* no */
  }
  72.4% {
    background-position: -96px -96px;
    /* no */
  }
  75.9% {
    background-position: -128px -96px;
    /* no */
  }
  79.3% {
    background-position: -160px -96px;
    /* no */
  }
  82.8% {
    background-position: 0 -128px;
    /* no */
  }
  86.2% {
    background-position: -32px -128px;
    /* no */
  }
  89.7% {
    background-position: -64px -128px;
    /* no */
  }
  93.1% {
    background-position: -96px -128px;
    /* no */
  }
  96.6% {
    background-position: -128px -128px;
    /* no */
  }
  100% {
    background-position: -128px -128px;
    /* no */
  }
}
.popo-39 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_39 3s steps(1) infinite;
          animation: key_pop_39 3s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-39_468a394b.png);
  background-size: 600% 600%;
}
@-webkit-keyframes key_pop_39 {
  0% {
    background-position: 0 0;
  }
  2.8% {
    background-position: -32px 0;
    /* no */
  }
  5.6% {
    background-position: -64px 0;
    /* no */
  }
  8.3% {
    background-position: -96px 0;
    /* no */
  }
  11.1% {
    background-position: -128px 0;
    /* no */
  }
  13.9% {
    background-position: -160px 0;
    /* no */
  }
  16.7% {
    background-position: 0 -32px;
    /* no */
  }
  19.4% {
    background-position: -32px -32px;
    /* no */
  }
  22.2% {
    background-position: -64px -32px;
    /* no */
  }
  25% {
    background-position: -96px -32px;
    /* no */
  }
  27.8% {
    background-position: -128px -32px;
    /* no */
  }
  30.6% {
    background-position: -160px -32px;
    /* no */
  }
  33.3% {
    background-position: 0 -64px;
    /* no */
  }
  36.1% {
    background-position: -32px -64px;
    /* no */
  }
  38.9% {
    background-position: -64px -64px;
    /* no */
  }
  41.7% {
    background-position: -96px -64px;
    /* no */
  }
  44.4% {
    background-position: -128px -64px;
    /* no */
  }
  47.2% {
    background-position: -160px -64px;
    /* no */
  }
  50% {
    background-position: 0 -96px;
    /* no */
  }
  52.8% {
    background-position: -32px -96px;
    /* no */
  }
  55.6% {
    background-position: -64px -96px;
    /* no */
  }
  58.3% {
    background-position: -96px -96px;
    /* no */
  }
  61.1% {
    background-position: -128px -96px;
    /* no */
  }
  63.9% {
    background-position: -160px -96px;
    /* no */
  }
  66.7% {
    background-position: 0 -128px;
    /* no */
  }
  69.4% {
    background-position: -32px -128px;
    /* no */
  }
  72.2% {
    background-position: -64px -128px;
    /* no */
  }
  75% {
    background-position: -96px -128px;
    /* no */
  }
  77.8% {
    background-position: -128px -128px;
    /* no */
  }
  80.6% {
    background-position: -160px -128px;
    /* no */
  }
  83.3% {
    background-position: 0 -160px;
    /* no */
  }
  86.1% {
    background-position: -32px -160px;
    /* no */
  }
  88.9% {
    background-position: -64px -160px;
    /* no */
  }
  91.7% {
    background-position: -96px -160px;
    /* no */
  }
  94.4% {
    background-position: -128px -160px;
    /* no */
  }
  97.2% {
    background-position: -160px -160px;
    /* no */
  }
  100% {
    background-position: -160px -160px;
    /* no */
  }
}
@keyframes key_pop_39 {
  0% {
    background-position: 0 0;
  }
  2.8% {
    background-position: -32px 0;
    /* no */
  }
  5.6% {
    background-position: -64px 0;
    /* no */
  }
  8.3% {
    background-position: -96px 0;
    /* no */
  }
  11.1% {
    background-position: -128px 0;
    /* no */
  }
  13.9% {
    background-position: -160px 0;
    /* no */
  }
  16.7% {
    background-position: 0 -32px;
    /* no */
  }
  19.4% {
    background-position: -32px -32px;
    /* no */
  }
  22.2% {
    background-position: -64px -32px;
    /* no */
  }
  25% {
    background-position: -96px -32px;
    /* no */
  }
  27.8% {
    background-position: -128px -32px;
    /* no */
  }
  30.6% {
    background-position: -160px -32px;
    /* no */
  }
  33.3% {
    background-position: 0 -64px;
    /* no */
  }
  36.1% {
    background-position: -32px -64px;
    /* no */
  }
  38.9% {
    background-position: -64px -64px;
    /* no */
  }
  41.7% {
    background-position: -96px -64px;
    /* no */
  }
  44.4% {
    background-position: -128px -64px;
    /* no */
  }
  47.2% {
    background-position: -160px -64px;
    /* no */
  }
  50% {
    background-position: 0 -96px;
    /* no */
  }
  52.8% {
    background-position: -32px -96px;
    /* no */
  }
  55.6% {
    background-position: -64px -96px;
    /* no */
  }
  58.3% {
    background-position: -96px -96px;
    /* no */
  }
  61.1% {
    background-position: -128px -96px;
    /* no */
  }
  63.9% {
    background-position: -160px -96px;
    /* no */
  }
  66.7% {
    background-position: 0 -128px;
    /* no */
  }
  69.4% {
    background-position: -32px -128px;
    /* no */
  }
  72.2% {
    background-position: -64px -128px;
    /* no */
  }
  75% {
    background-position: -96px -128px;
    /* no */
  }
  77.8% {
    background-position: -128px -128px;
    /* no */
  }
  80.6% {
    background-position: -160px -128px;
    /* no */
  }
  83.3% {
    background-position: 0 -160px;
    /* no */
  }
  86.1% {
    background-position: -32px -160px;
    /* no */
  }
  88.9% {
    background-position: -64px -160px;
    /* no */
  }
  91.7% {
    background-position: -96px -160px;
    /* no */
  }
  94.4% {
    background-position: -128px -160px;
    /* no */
  }
  97.2% {
    background-position: -160px -160px;
    /* no */
  }
  100% {
    background-position: -160px -160px;
    /* no */
  }
}
.popo-40 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_40 2.42s steps(1) infinite;
          animation: key_pop_40 2.42s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-40_81c06326.png);
  background-size: 600% 500%;
}
@-webkit-keyframes key_pop_40 {
  0% {
    background-position: 0 0;
  }
  3.4% {
    background-position: -32px 0;
    /* no */
  }
  6.9% {
    background-position: -64px 0;
    /* no */
  }
  10.3% {
    background-position: -96px 0;
    /* no */
  }
  13.8% {
    background-position: -128px 0;
    /* no */
  }
  17.2% {
    background-position: -160px 0;
    /* no */
  }
  20.7% {
    background-position: 0 -32px;
    /* no */
  }
  24.1% {
    background-position: -32px -32px;
    /* no */
  }
  27.6% {
    background-position: -64px -32px;
    /* no */
  }
  31% {
    background-position: -96px -32px;
    /* no */
  }
  34.5% {
    background-position: -128px -32px;
    /* no */
  }
  37.9% {
    background-position: -160px -32px;
    /* no */
  }
  41.4% {
    background-position: 0 -64px;
    /* no */
  }
  44.8% {
    background-position: -32px -64px;
    /* no */
  }
  48.3% {
    background-position: -64px -64px;
    /* no */
  }
  51.7% {
    background-position: -96px -64px;
    /* no */
  }
  55.2% {
    background-position: -128px -64px;
    /* no */
  }
  58.6% {
    background-position: -160px -64px;
    /* no */
  }
  62.1% {
    background-position: 0 -96px;
    /* no */
  }
  65.5% {
    background-position: -32px -96px;
    /* no */
  }
  69% {
    background-position: -64px -96px;
    /* no */
  }
  72.4% {
    background-position: -96px -96px;
    /* no */
  }
  75.9% {
    background-position: -128px -96px;
    /* no */
  }
  79.3% {
    background-position: -160px -96px;
    /* no */
  }
  82.8% {
    background-position: 0 -128px;
    /* no */
  }
  86.2% {
    background-position: -32px -128px;
    /* no */
  }
  89.7% {
    background-position: -64px -128px;
    /* no */
  }
  93.1% {
    background-position: -96px -128px;
    /* no */
  }
  96.6% {
    background-position: -128px -128px;
    /* no */
  }
  100% {
    background-position: -128px -128px;
    /* no */
  }
}
@keyframes key_pop_40 {
  0% {
    background-position: 0 0;
  }
  3.4% {
    background-position: -32px 0;
    /* no */
  }
  6.9% {
    background-position: -64px 0;
    /* no */
  }
  10.3% {
    background-position: -96px 0;
    /* no */
  }
  13.8% {
    background-position: -128px 0;
    /* no */
  }
  17.2% {
    background-position: -160px 0;
    /* no */
  }
  20.7% {
    background-position: 0 -32px;
    /* no */
  }
  24.1% {
    background-position: -32px -32px;
    /* no */
  }
  27.6% {
    background-position: -64px -32px;
    /* no */
  }
  31% {
    background-position: -96px -32px;
    /* no */
  }
  34.5% {
    background-position: -128px -32px;
    /* no */
  }
  37.9% {
    background-position: -160px -32px;
    /* no */
  }
  41.4% {
    background-position: 0 -64px;
    /* no */
  }
  44.8% {
    background-position: -32px -64px;
    /* no */
  }
  48.3% {
    background-position: -64px -64px;
    /* no */
  }
  51.7% {
    background-position: -96px -64px;
    /* no */
  }
  55.2% {
    background-position: -128px -64px;
    /* no */
  }
  58.6% {
    background-position: -160px -64px;
    /* no */
  }
  62.1% {
    background-position: 0 -96px;
    /* no */
  }
  65.5% {
    background-position: -32px -96px;
    /* no */
  }
  69% {
    background-position: -64px -96px;
    /* no */
  }
  72.4% {
    background-position: -96px -96px;
    /* no */
  }
  75.9% {
    background-position: -128px -96px;
    /* no */
  }
  79.3% {
    background-position: -160px -96px;
    /* no */
  }
  82.8% {
    background-position: 0 -128px;
    /* no */
  }
  86.2% {
    background-position: -32px -128px;
    /* no */
  }
  89.7% {
    background-position: -64px -128px;
    /* no */
  }
  93.1% {
    background-position: -96px -128px;
    /* no */
  }
  96.6% {
    background-position: -128px -128px;
    /* no */
  }
  100% {
    background-position: -128px -128px;
    /* no */
  }
}
.popo-41 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_41 2.17s steps(1) infinite;
          animation: key_pop_41 2.17s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-41_bccce268.png);
  background-size: 600% 500%;
}
@-webkit-keyframes key_pop_41 {
  0% {
    background-position: 0 0;
  }
  3.8% {
    background-position: -32px 0;
    /* no */
  }
  7.7% {
    background-position: -64px 0;
    /* no */
  }
  11.5% {
    background-position: -96px 0;
    /* no */
  }
  15.4% {
    background-position: -128px 0;
    /* no */
  }
  19.2% {
    background-position: -160px 0;
    /* no */
  }
  23.1% {
    background-position: 0 -32px;
    /* no */
  }
  26.9% {
    background-position: -32px -32px;
    /* no */
  }
  30.8% {
    background-position: -64px -32px;
    /* no */
  }
  34.6% {
    background-position: -96px -32px;
    /* no */
  }
  38.5% {
    background-position: -128px -32px;
    /* no */
  }
  42.3% {
    background-position: -160px -32px;
    /* no */
  }
  46.2% {
    background-position: 0 -64px;
    /* no */
  }
  50% {
    background-position: -32px -64px;
    /* no */
  }
  53.8% {
    background-position: -64px -64px;
    /* no */
  }
  57.7% {
    background-position: -96px -64px;
    /* no */
  }
  61.5% {
    background-position: -128px -64px;
    /* no */
  }
  65.4% {
    background-position: -160px -64px;
    /* no */
  }
  69.2% {
    background-position: 0 -96px;
    /* no */
  }
  73.1% {
    background-position: -32px -96px;
    /* no */
  }
  76.9% {
    background-position: -64px -96px;
    /* no */
  }
  80.8% {
    background-position: -96px -96px;
    /* no */
  }
  84.6% {
    background-position: -128px -96px;
    /* no */
  }
  88.5% {
    background-position: -160px -96px;
    /* no */
  }
  92.3% {
    background-position: 0 -128px;
    /* no */
  }
  96.2% {
    background-position: -32px -128px;
    /* no */
  }
  100% {
    background-position: -32px -128px;
    /* no */
  }
}
@keyframes key_pop_41 {
  0% {
    background-position: 0 0;
  }
  3.8% {
    background-position: -32px 0;
    /* no */
  }
  7.7% {
    background-position: -64px 0;
    /* no */
  }
  11.5% {
    background-position: -96px 0;
    /* no */
  }
  15.4% {
    background-position: -128px 0;
    /* no */
  }
  19.2% {
    background-position: -160px 0;
    /* no */
  }
  23.1% {
    background-position: 0 -32px;
    /* no */
  }
  26.9% {
    background-position: -32px -32px;
    /* no */
  }
  30.8% {
    background-position: -64px -32px;
    /* no */
  }
  34.6% {
    background-position: -96px -32px;
    /* no */
  }
  38.5% {
    background-position: -128px -32px;
    /* no */
  }
  42.3% {
    background-position: -160px -32px;
    /* no */
  }
  46.2% {
    background-position: 0 -64px;
    /* no */
  }
  50% {
    background-position: -32px -64px;
    /* no */
  }
  53.8% {
    background-position: -64px -64px;
    /* no */
  }
  57.7% {
    background-position: -96px -64px;
    /* no */
  }
  61.5% {
    background-position: -128px -64px;
    /* no */
  }
  65.4% {
    background-position: -160px -64px;
    /* no */
  }
  69.2% {
    background-position: 0 -96px;
    /* no */
  }
  73.1% {
    background-position: -32px -96px;
    /* no */
  }
  76.9% {
    background-position: -64px -96px;
    /* no */
  }
  80.8% {
    background-position: -96px -96px;
    /* no */
  }
  84.6% {
    background-position: -128px -96px;
    /* no */
  }
  88.5% {
    background-position: -160px -96px;
    /* no */
  }
  92.3% {
    background-position: 0 -128px;
    /* no */
  }
  96.2% {
    background-position: -32px -128px;
    /* no */
  }
  100% {
    background-position: -32px -128px;
    /* no */
  }
}
.popo-42 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_42 2s steps(1) infinite;
          animation: key_pop_42 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-42_0e0a0629.png);
  background-size: 500% 500%;
}
@-webkit-keyframes key_pop_42 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
@keyframes key_pop_42 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
.popo-43 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_43 3.25s steps(1) infinite;
          animation: key_pop_43 3.25s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-43_3744113c.png);
  background-size: 700% 600%;
}
@-webkit-keyframes key_pop_43 {
  0% {
    background-position: 0 0;
  }
  2.6% {
    background-position: -32px 0;
    /* no */
  }
  5.1% {
    background-position: -64px 0;
    /* no */
  }
  7.7% {
    background-position: -96px 0;
    /* no */
  }
  10.3% {
    background-position: -128px 0;
    /* no */
  }
  12.8% {
    background-position: -160px 0;
    /* no */
  }
  15.4% {
    background-position: -192px 0;
    /* no */
  }
  17.9% {
    background-position: 0 -32px;
    /* no */
  }
  20.5% {
    background-position: -32px -32px;
    /* no */
  }
  23.1% {
    background-position: -64px -32px;
    /* no */
  }
  25.6% {
    background-position: -96px -32px;
    /* no */
  }
  28.2% {
    background-position: -128px -32px;
    /* no */
  }
  30.8% {
    background-position: -160px -32px;
    /* no */
  }
  33.3% {
    background-position: -192px -32px;
    /* no */
  }
  35.9% {
    background-position: 0 -64px;
    /* no */
  }
  38.5% {
    background-position: -32px -64px;
    /* no */
  }
  41% {
    background-position: -64px -64px;
    /* no */
  }
  43.6% {
    background-position: -96px -64px;
    /* no */
  }
  46.2% {
    background-position: -128px -64px;
    /* no */
  }
  48.7% {
    background-position: -160px -64px;
    /* no */
  }
  51.3% {
    background-position: -192px -64px;
    /* no */
  }
  53.8% {
    background-position: 0 -96px;
    /* no */
  }
  56.4% {
    background-position: -32px -96px;
    /* no */
  }
  59% {
    background-position: -64px -96px;
    /* no */
  }
  61.5% {
    background-position: -96px -96px;
    /* no */
  }
  64.1% {
    background-position: -128px -96px;
    /* no */
  }
  66.7% {
    background-position: -160px -96px;
    /* no */
  }
  69.2% {
    background-position: -192px -96px;
    /* no */
  }
  71.8% {
    background-position: 0 -128px;
    /* no */
  }
  74.4% {
    background-position: -32px -128px;
    /* no */
  }
  76.9% {
    background-position: -64px -128px;
    /* no */
  }
  79.5% {
    background-position: -96px -128px;
    /* no */
  }
  82.1% {
    background-position: -128px -128px;
    /* no */
  }
  84.6% {
    background-position: -160px -128px;
    /* no */
  }
  87.2% {
    background-position: -192px -128px;
    /* no */
  }
  89.7% {
    background-position: 0 -160px;
    /* no */
  }
  92.3% {
    background-position: -32px -160px;
    /* no */
  }
  94.9% {
    background-position: -64px -160px;
    /* no */
  }
  97.4% {
    background-position: -96px -160px;
    /* no */
  }
  100% {
    background-position: -96px -160px;
    /* no */
  }
}
@keyframes key_pop_43 {
  0% {
    background-position: 0 0;
  }
  2.6% {
    background-position: -32px 0;
    /* no */
  }
  5.1% {
    background-position: -64px 0;
    /* no */
  }
  7.7% {
    background-position: -96px 0;
    /* no */
  }
  10.3% {
    background-position: -128px 0;
    /* no */
  }
  12.8% {
    background-position: -160px 0;
    /* no */
  }
  15.4% {
    background-position: -192px 0;
    /* no */
  }
  17.9% {
    background-position: 0 -32px;
    /* no */
  }
  20.5% {
    background-position: -32px -32px;
    /* no */
  }
  23.1% {
    background-position: -64px -32px;
    /* no */
  }
  25.6% {
    background-position: -96px -32px;
    /* no */
  }
  28.2% {
    background-position: -128px -32px;
    /* no */
  }
  30.8% {
    background-position: -160px -32px;
    /* no */
  }
  33.3% {
    background-position: -192px -32px;
    /* no */
  }
  35.9% {
    background-position: 0 -64px;
    /* no */
  }
  38.5% {
    background-position: -32px -64px;
    /* no */
  }
  41% {
    background-position: -64px -64px;
    /* no */
  }
  43.6% {
    background-position: -96px -64px;
    /* no */
  }
  46.2% {
    background-position: -128px -64px;
    /* no */
  }
  48.7% {
    background-position: -160px -64px;
    /* no */
  }
  51.3% {
    background-position: -192px -64px;
    /* no */
  }
  53.8% {
    background-position: 0 -96px;
    /* no */
  }
  56.4% {
    background-position: -32px -96px;
    /* no */
  }
  59% {
    background-position: -64px -96px;
    /* no */
  }
  61.5% {
    background-position: -96px -96px;
    /* no */
  }
  64.1% {
    background-position: -128px -96px;
    /* no */
  }
  66.7% {
    background-position: -160px -96px;
    /* no */
  }
  69.2% {
    background-position: -192px -96px;
    /* no */
  }
  71.8% {
    background-position: 0 -128px;
    /* no */
  }
  74.4% {
    background-position: -32px -128px;
    /* no */
  }
  76.9% {
    background-position: -64px -128px;
    /* no */
  }
  79.5% {
    background-position: -96px -128px;
    /* no */
  }
  82.1% {
    background-position: -128px -128px;
    /* no */
  }
  84.6% {
    background-position: -160px -128px;
    /* no */
  }
  87.2% {
    background-position: -192px -128px;
    /* no */
  }
  89.7% {
    background-position: 0 -160px;
    /* no */
  }
  92.3% {
    background-position: -32px -160px;
    /* no */
  }
  94.9% {
    background-position: -64px -160px;
    /* no */
  }
  97.4% {
    background-position: -96px -160px;
    /* no */
  }
  100% {
    background-position: -96px -160px;
    /* no */
  }
}
.popo-44 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_44 1.92s steps(1) infinite;
          animation: key_pop_44 1.92s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-44_7bd1addf.png);
  background-size: 500% 500%;
}
@-webkit-keyframes key_pop_44 {
  0% {
    background-position: 0 0;
  }
  4.3% {
    background-position: -32px 0;
    /* no */
  }
  8.7% {
    background-position: -64px 0;
    /* no */
  }
  13% {
    background-position: -96px 0;
    /* no */
  }
  17.4% {
    background-position: -128px 0;
    /* no */
  }
  21.7% {
    background-position: 0 -32px;
    /* no */
  }
  26.1% {
    background-position: -32px -32px;
    /* no */
  }
  30.4% {
    background-position: -64px -32px;
    /* no */
  }
  34.8% {
    background-position: -96px -32px;
    /* no */
  }
  39.1% {
    background-position: -128px -32px;
    /* no */
  }
  43.5% {
    background-position: 0 -64px;
    /* no */
  }
  47.8% {
    background-position: -32px -64px;
    /* no */
  }
  52.2% {
    background-position: -64px -64px;
    /* no */
  }
  56.5% {
    background-position: -96px -64px;
    /* no */
  }
  60.9% {
    background-position: -128px -64px;
    /* no */
  }
  65.2% {
    background-position: 0 -96px;
    /* no */
  }
  69.6% {
    background-position: -32px -96px;
    /* no */
  }
  73.9% {
    background-position: -64px -96px;
    /* no */
  }
  78.3% {
    background-position: -96px -96px;
    /* no */
  }
  82.6% {
    background-position: -128px -96px;
    /* no */
  }
  87% {
    background-position: 0 -128px;
    /* no */
  }
  91.3% {
    background-position: -32px -128px;
    /* no */
  }
  95.7% {
    background-position: -64px -128px;
    /* no */
  }
  100% {
    background-position: -64px -128px;
    /* no */
  }
}
@keyframes key_pop_44 {
  0% {
    background-position: 0 0;
  }
  4.3% {
    background-position: -32px 0;
    /* no */
  }
  8.7% {
    background-position: -64px 0;
    /* no */
  }
  13% {
    background-position: -96px 0;
    /* no */
  }
  17.4% {
    background-position: -128px 0;
    /* no */
  }
  21.7% {
    background-position: 0 -32px;
    /* no */
  }
  26.1% {
    background-position: -32px -32px;
    /* no */
  }
  30.4% {
    background-position: -64px -32px;
    /* no */
  }
  34.8% {
    background-position: -96px -32px;
    /* no */
  }
  39.1% {
    background-position: -128px -32px;
    /* no */
  }
  43.5% {
    background-position: 0 -64px;
    /* no */
  }
  47.8% {
    background-position: -32px -64px;
    /* no */
  }
  52.2% {
    background-position: -64px -64px;
    /* no */
  }
  56.5% {
    background-position: -96px -64px;
    /* no */
  }
  60.9% {
    background-position: -128px -64px;
    /* no */
  }
  65.2% {
    background-position: 0 -96px;
    /* no */
  }
  69.6% {
    background-position: -32px -96px;
    /* no */
  }
  73.9% {
    background-position: -64px -96px;
    /* no */
  }
  78.3% {
    background-position: -96px -96px;
    /* no */
  }
  82.6% {
    background-position: -128px -96px;
    /* no */
  }
  87% {
    background-position: 0 -128px;
    /* no */
  }
  91.3% {
    background-position: -32px -128px;
    /* no */
  }
  95.7% {
    background-position: -64px -128px;
    /* no */
  }
  100% {
    background-position: -64px -128px;
    /* no */
  }
}
.popo-45 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_45 2.67s steps(1) infinite;
          animation: key_pop_45 2.67s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-45_ee3fbe37.png);
  background-size: 600% 600%;
}
@-webkit-keyframes key_pop_45 {
  0% {
    background-position: 0 0;
  }
  3.1% {
    background-position: -32px 0;
    /* no */
  }
  6.3% {
    background-position: -64px 0;
    /* no */
  }
  9.4% {
    background-position: -96px 0;
    /* no */
  }
  12.5% {
    background-position: -128px 0;
    /* no */
  }
  15.6% {
    background-position: -160px 0;
    /* no */
  }
  18.8% {
    background-position: 0 -32px;
    /* no */
  }
  21.9% {
    background-position: -32px -32px;
    /* no */
  }
  25% {
    background-position: -64px -32px;
    /* no */
  }
  28.1% {
    background-position: -96px -32px;
    /* no */
  }
  31.3% {
    background-position: -128px -32px;
    /* no */
  }
  34.4% {
    background-position: -160px -32px;
    /* no */
  }
  37.5% {
    background-position: 0 -64px;
    /* no */
  }
  40.6% {
    background-position: -32px -64px;
    /* no */
  }
  43.8% {
    background-position: -64px -64px;
    /* no */
  }
  46.9% {
    background-position: -96px -64px;
    /* no */
  }
  50% {
    background-position: -128px -64px;
    /* no */
  }
  53.1% {
    background-position: -160px -64px;
    /* no */
  }
  56.3% {
    background-position: 0 -96px;
    /* no */
  }
  59.4% {
    background-position: -32px -96px;
    /* no */
  }
  62.5% {
    background-position: -64px -96px;
    /* no */
  }
  65.6% {
    background-position: -96px -96px;
    /* no */
  }
  68.8% {
    background-position: -128px -96px;
    /* no */
  }
  71.9% {
    background-position: -160px -96px;
    /* no */
  }
  75% {
    background-position: 0 -128px;
    /* no */
  }
  78.1% {
    background-position: -32px -128px;
    /* no */
  }
  81.3% {
    background-position: -64px -128px;
    /* no */
  }
  84.4% {
    background-position: -96px -128px;
    /* no */
  }
  87.5% {
    background-position: -128px -128px;
    /* no */
  }
  90.6% {
    background-position: -160px -128px;
    /* no */
  }
  93.8% {
    background-position: 0 -160px;
    /* no */
  }
  96.9% {
    background-position: -32px -160px;
    /* no */
  }
  100% {
    background-position: -32px -160px;
    /* no */
  }
}
@keyframes key_pop_45 {
  0% {
    background-position: 0 0;
  }
  3.1% {
    background-position: -32px 0;
    /* no */
  }
  6.3% {
    background-position: -64px 0;
    /* no */
  }
  9.4% {
    background-position: -96px 0;
    /* no */
  }
  12.5% {
    background-position: -128px 0;
    /* no */
  }
  15.6% {
    background-position: -160px 0;
    /* no */
  }
  18.8% {
    background-position: 0 -32px;
    /* no */
  }
  21.9% {
    background-position: -32px -32px;
    /* no */
  }
  25% {
    background-position: -64px -32px;
    /* no */
  }
  28.1% {
    background-position: -96px -32px;
    /* no */
  }
  31.3% {
    background-position: -128px -32px;
    /* no */
  }
  34.4% {
    background-position: -160px -32px;
    /* no */
  }
  37.5% {
    background-position: 0 -64px;
    /* no */
  }
  40.6% {
    background-position: -32px -64px;
    /* no */
  }
  43.8% {
    background-position: -64px -64px;
    /* no */
  }
  46.9% {
    background-position: -96px -64px;
    /* no */
  }
  50% {
    background-position: -128px -64px;
    /* no */
  }
  53.1% {
    background-position: -160px -64px;
    /* no */
  }
  56.3% {
    background-position: 0 -96px;
    /* no */
  }
  59.4% {
    background-position: -32px -96px;
    /* no */
  }
  62.5% {
    background-position: -64px -96px;
    /* no */
  }
  65.6% {
    background-position: -96px -96px;
    /* no */
  }
  68.8% {
    background-position: -128px -96px;
    /* no */
  }
  71.9% {
    background-position: -160px -96px;
    /* no */
  }
  75% {
    background-position: 0 -128px;
    /* no */
  }
  78.1% {
    background-position: -32px -128px;
    /* no */
  }
  81.3% {
    background-position: -64px -128px;
    /* no */
  }
  84.4% {
    background-position: -96px -128px;
    /* no */
  }
  87.5% {
    background-position: -128px -128px;
    /* no */
  }
  90.6% {
    background-position: -160px -128px;
    /* no */
  }
  93.8% {
    background-position: 0 -160px;
    /* no */
  }
  96.9% {
    background-position: -32px -160px;
    /* no */
  }
  100% {
    background-position: -32px -160px;
    /* no */
  }
}
.popo-46 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_46 1.92s steps(1) infinite;
          animation: key_pop_46 1.92s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-46_1f8ca1a0.png);
  background-size: 500% 500%;
}
@-webkit-keyframes key_pop_46 {
  0% {
    background-position: 0 0;
  }
  4.3% {
    background-position: -32px 0;
    /* no */
  }
  8.7% {
    background-position: -64px 0;
    /* no */
  }
  13% {
    background-position: -96px 0;
    /* no */
  }
  17.4% {
    background-position: -128px 0;
    /* no */
  }
  21.7% {
    background-position: 0 -32px;
    /* no */
  }
  26.1% {
    background-position: -32px -32px;
    /* no */
  }
  30.4% {
    background-position: -64px -32px;
    /* no */
  }
  34.8% {
    background-position: -96px -32px;
    /* no */
  }
  39.1% {
    background-position: -128px -32px;
    /* no */
  }
  43.5% {
    background-position: 0 -64px;
    /* no */
  }
  47.8% {
    background-position: -32px -64px;
    /* no */
  }
  52.2% {
    background-position: -64px -64px;
    /* no */
  }
  56.5% {
    background-position: -96px -64px;
    /* no */
  }
  60.9% {
    background-position: -128px -64px;
    /* no */
  }
  65.2% {
    background-position: 0 -96px;
    /* no */
  }
  69.6% {
    background-position: -32px -96px;
    /* no */
  }
  73.9% {
    background-position: -64px -96px;
    /* no */
  }
  78.3% {
    background-position: -96px -96px;
    /* no */
  }
  82.6% {
    background-position: -128px -96px;
    /* no */
  }
  87% {
    background-position: 0 -128px;
    /* no */
  }
  91.3% {
    background-position: -32px -128px;
    /* no */
  }
  95.7% {
    background-position: -64px -128px;
    /* no */
  }
  100% {
    background-position: -64px -128px;
    /* no */
  }
}
@keyframes key_pop_46 {
  0% {
    background-position: 0 0;
  }
  4.3% {
    background-position: -32px 0;
    /* no */
  }
  8.7% {
    background-position: -64px 0;
    /* no */
  }
  13% {
    background-position: -96px 0;
    /* no */
  }
  17.4% {
    background-position: -128px 0;
    /* no */
  }
  21.7% {
    background-position: 0 -32px;
    /* no */
  }
  26.1% {
    background-position: -32px -32px;
    /* no */
  }
  30.4% {
    background-position: -64px -32px;
    /* no */
  }
  34.8% {
    background-position: -96px -32px;
    /* no */
  }
  39.1% {
    background-position: -128px -32px;
    /* no */
  }
  43.5% {
    background-position: 0 -64px;
    /* no */
  }
  47.8% {
    background-position: -32px -64px;
    /* no */
  }
  52.2% {
    background-position: -64px -64px;
    /* no */
  }
  56.5% {
    background-position: -96px -64px;
    /* no */
  }
  60.9% {
    background-position: -128px -64px;
    /* no */
  }
  65.2% {
    background-position: 0 -96px;
    /* no */
  }
  69.6% {
    background-position: -32px -96px;
    /* no */
  }
  73.9% {
    background-position: -64px -96px;
    /* no */
  }
  78.3% {
    background-position: -96px -96px;
    /* no */
  }
  82.6% {
    background-position: -128px -96px;
    /* no */
  }
  87% {
    background-position: 0 -128px;
    /* no */
  }
  91.3% {
    background-position: -32px -128px;
    /* no */
  }
  95.7% {
    background-position: -64px -128px;
    /* no */
  }
  100% {
    background-position: -64px -128px;
    /* no */
  }
}
.popo-47 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_47 0.75s steps(1) infinite;
          animation: key_pop_47 0.75s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-47_a0110936.png);
  background-size: 300% 300%;
}
@-webkit-keyframes key_pop_47 {
  0% {
    background-position: 0 0;
  }
  11.1% {
    background-position: -32px 0;
    /* no */
  }
  22.2% {
    background-position: -64px 0;
    /* no */
  }
  33.3% {
    background-position: 0 -32px;
    /* no */
  }
  44.4% {
    background-position: -32px -32px;
    /* no */
  }
  55.6% {
    background-position: -64px -32px;
    /* no */
  }
  66.7% {
    background-position: 0 -64px;
    /* no */
  }
  77.8% {
    background-position: -32px -64px;
    /* no */
  }
  88.9% {
    background-position: -64px -64px;
    /* no */
  }
  100% {
    background-position: -64px -64px;
    /* no */
  }
}
@keyframes key_pop_47 {
  0% {
    background-position: 0 0;
  }
  11.1% {
    background-position: -32px 0;
    /* no */
  }
  22.2% {
    background-position: -64px 0;
    /* no */
  }
  33.3% {
    background-position: 0 -32px;
    /* no */
  }
  44.4% {
    background-position: -32px -32px;
    /* no */
  }
  55.6% {
    background-position: -64px -32px;
    /* no */
  }
  66.7% {
    background-position: 0 -64px;
    /* no */
  }
  77.8% {
    background-position: -32px -64px;
    /* no */
  }
  88.9% {
    background-position: -64px -64px;
    /* no */
  }
  100% {
    background-position: -64px -64px;
    /* no */
  }
}
.popo-48 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_48 1.58s steps(1) infinite;
          animation: key_pop_48 1.58s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-48_58f675f0.png);
  background-size: 500% 400%;
}
@-webkit-keyframes key_pop_48 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
    /* no */
  }
  10.5% {
    background-position: -64px 0;
    /* no */
  }
  15.8% {
    background-position: -96px 0;
    /* no */
  }
  21.1% {
    background-position: -128px 0;
    /* no */
  }
  26.3% {
    background-position: 0 -32px;
    /* no */
  }
  31.6% {
    background-position: -32px -32px;
    /* no */
  }
  36.8% {
    background-position: -64px -32px;
    /* no */
  }
  42.1% {
    background-position: -96px -32px;
    /* no */
  }
  47.4% {
    background-position: -128px -32px;
    /* no */
  }
  52.6% {
    background-position: 0 -64px;
    /* no */
  }
  57.9% {
    background-position: -32px -64px;
    /* no */
  }
  63.2% {
    background-position: -64px -64px;
    /* no */
  }
  68.4% {
    background-position: -96px -64px;
    /* no */
  }
  73.7% {
    background-position: -128px -64px;
    /* no */
  }
  78.9% {
    background-position: 0 -96px;
    /* no */
  }
  84.2% {
    background-position: -32px -96px;
    /* no */
  }
  89.5% {
    background-position: -64px -96px;
    /* no */
  }
  94.7% {
    background-position: -96px -96px;
    /* no */
  }
  100% {
    background-position: -96px -96px;
    /* no */
  }
}
@keyframes key_pop_48 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
    /* no */
  }
  10.5% {
    background-position: -64px 0;
    /* no */
  }
  15.8% {
    background-position: -96px 0;
    /* no */
  }
  21.1% {
    background-position: -128px 0;
    /* no */
  }
  26.3% {
    background-position: 0 -32px;
    /* no */
  }
  31.6% {
    background-position: -32px -32px;
    /* no */
  }
  36.8% {
    background-position: -64px -32px;
    /* no */
  }
  42.1% {
    background-position: -96px -32px;
    /* no */
  }
  47.4% {
    background-position: -128px -32px;
    /* no */
  }
  52.6% {
    background-position: 0 -64px;
    /* no */
  }
  57.9% {
    background-position: -32px -64px;
    /* no */
  }
  63.2% {
    background-position: -64px -64px;
    /* no */
  }
  68.4% {
    background-position: -96px -64px;
    /* no */
  }
  73.7% {
    background-position: -128px -64px;
    /* no */
  }
  78.9% {
    background-position: 0 -96px;
    /* no */
  }
  84.2% {
    background-position: -32px -96px;
    /* no */
  }
  89.5% {
    background-position: -64px -96px;
    /* no */
  }
  94.7% {
    background-position: -96px -96px;
    /* no */
  }
  100% {
    background-position: -96px -96px;
    /* no */
  }
}
.popo-49 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_49 2s steps(1) infinite;
          animation: key_pop_49 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-49_e9ae06f7.png);
  background-size: 500% 500%;
}
@-webkit-keyframes key_pop_49 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
@keyframes key_pop_49 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
.popo-50 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_50 1.83s steps(1) infinite;
          animation: key_pop_50 1.83s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-50_97a0e5d4.png);
  background-size: 500% 500%;
}
@-webkit-keyframes key_pop_50 {
  0% {
    background-position: 0 0;
  }
  4.5% {
    background-position: -32px 0;
    /* no */
  }
  9.1% {
    background-position: -64px 0;
    /* no */
  }
  13.6% {
    background-position: -96px 0;
    /* no */
  }
  18.2% {
    background-position: -128px 0;
    /* no */
  }
  22.7% {
    background-position: 0 -32px;
    /* no */
  }
  27.3% {
    background-position: -32px -32px;
    /* no */
  }
  31.8% {
    background-position: -64px -32px;
    /* no */
  }
  36.4% {
    background-position: -96px -32px;
    /* no */
  }
  40.9% {
    background-position: -128px -32px;
    /* no */
  }
  45.5% {
    background-position: 0 -64px;
    /* no */
  }
  50% {
    background-position: -32px -64px;
    /* no */
  }
  54.5% {
    background-position: -64px -64px;
    /* no */
  }
  59.1% {
    background-position: -96px -64px;
    /* no */
  }
  63.6% {
    background-position: -128px -64px;
    /* no */
  }
  68.2% {
    background-position: 0 -96px;
    /* no */
  }
  72.7% {
    background-position: -32px -96px;
    /* no */
  }
  77.3% {
    background-position: -64px -96px;
    /* no */
  }
  81.8% {
    background-position: -96px -96px;
    /* no */
  }
  86.4% {
    background-position: -128px -96px;
    /* no */
  }
  90.9% {
    background-position: 0 -128px;
    /* no */
  }
  95.5% {
    background-position: -32px -128px;
    /* no */
  }
  100% {
    background-position: -32px -128px;
    /* no */
  }
}
@keyframes key_pop_50 {
  0% {
    background-position: 0 0;
  }
  4.5% {
    background-position: -32px 0;
    /* no */
  }
  9.1% {
    background-position: -64px 0;
    /* no */
  }
  13.6% {
    background-position: -96px 0;
    /* no */
  }
  18.2% {
    background-position: -128px 0;
    /* no */
  }
  22.7% {
    background-position: 0 -32px;
    /* no */
  }
  27.3% {
    background-position: -32px -32px;
    /* no */
  }
  31.8% {
    background-position: -64px -32px;
    /* no */
  }
  36.4% {
    background-position: -96px -32px;
    /* no */
  }
  40.9% {
    background-position: -128px -32px;
    /* no */
  }
  45.5% {
    background-position: 0 -64px;
    /* no */
  }
  50% {
    background-position: -32px -64px;
    /* no */
  }
  54.5% {
    background-position: -64px -64px;
    /* no */
  }
  59.1% {
    background-position: -96px -64px;
    /* no */
  }
  63.6% {
    background-position: -128px -64px;
    /* no */
  }
  68.2% {
    background-position: 0 -96px;
    /* no */
  }
  72.7% {
    background-position: -32px -96px;
    /* no */
  }
  77.3% {
    background-position: -64px -96px;
    /* no */
  }
  81.8% {
    background-position: -96px -96px;
    /* no */
  }
  86.4% {
    background-position: -128px -96px;
    /* no */
  }
  90.9% {
    background-position: 0 -128px;
    /* no */
  }
  95.5% {
    background-position: -32px -128px;
    /* no */
  }
  100% {
    background-position: -32px -128px;
    /* no */
  }
}
.popo-51 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_51 3s steps(1) infinite;
          animation: key_pop_51 3s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-51_defd5953.png);
  background-size: 600% 600%;
}
@-webkit-keyframes key_pop_51 {
  0% {
    background-position: 0 0;
  }
  2.8% {
    background-position: -32px 0;
    /* no */
  }
  5.6% {
    background-position: -64px 0;
    /* no */
  }
  8.3% {
    background-position: -96px 0;
    /* no */
  }
  11.1% {
    background-position: -128px 0;
    /* no */
  }
  13.9% {
    background-position: -160px 0;
    /* no */
  }
  16.7% {
    background-position: 0 -32px;
    /* no */
  }
  19.4% {
    background-position: -32px -32px;
    /* no */
  }
  22.2% {
    background-position: -64px -32px;
    /* no */
  }
  25% {
    background-position: -96px -32px;
    /* no */
  }
  27.8% {
    background-position: -128px -32px;
    /* no */
  }
  30.6% {
    background-position: -160px -32px;
    /* no */
  }
  33.3% {
    background-position: 0 -64px;
    /* no */
  }
  36.1% {
    background-position: -32px -64px;
    /* no */
  }
  38.9% {
    background-position: -64px -64px;
    /* no */
  }
  41.7% {
    background-position: -96px -64px;
    /* no */
  }
  44.4% {
    background-position: -128px -64px;
    /* no */
  }
  47.2% {
    background-position: -160px -64px;
    /* no */
  }
  50% {
    background-position: 0 -96px;
    /* no */
  }
  52.8% {
    background-position: -32px -96px;
    /* no */
  }
  55.6% {
    background-position: -64px -96px;
    /* no */
  }
  58.3% {
    background-position: -96px -96px;
    /* no */
  }
  61.1% {
    background-position: -128px -96px;
    /* no */
  }
  63.9% {
    background-position: -160px -96px;
    /* no */
  }
  66.7% {
    background-position: 0 -128px;
    /* no */
  }
  69.4% {
    background-position: -32px -128px;
    /* no */
  }
  72.2% {
    background-position: -64px -128px;
    /* no */
  }
  75% {
    background-position: -96px -128px;
    /* no */
  }
  77.8% {
    background-position: -128px -128px;
    /* no */
  }
  80.6% {
    background-position: -160px -128px;
    /* no */
  }
  83.3% {
    background-position: 0 -160px;
    /* no */
  }
  86.1% {
    background-position: -32px -160px;
    /* no */
  }
  88.9% {
    background-position: -64px -160px;
    /* no */
  }
  91.7% {
    background-position: -96px -160px;
    /* no */
  }
  94.4% {
    background-position: -128px -160px;
    /* no */
  }
  97.2% {
    background-position: -160px -160px;
    /* no */
  }
  100% {
    background-position: -160px -160px;
    /* no */
  }
}
@keyframes key_pop_51 {
  0% {
    background-position: 0 0;
  }
  2.8% {
    background-position: -32px 0;
    /* no */
  }
  5.6% {
    background-position: -64px 0;
    /* no */
  }
  8.3% {
    background-position: -96px 0;
    /* no */
  }
  11.1% {
    background-position: -128px 0;
    /* no */
  }
  13.9% {
    background-position: -160px 0;
    /* no */
  }
  16.7% {
    background-position: 0 -32px;
    /* no */
  }
  19.4% {
    background-position: -32px -32px;
    /* no */
  }
  22.2% {
    background-position: -64px -32px;
    /* no */
  }
  25% {
    background-position: -96px -32px;
    /* no */
  }
  27.8% {
    background-position: -128px -32px;
    /* no */
  }
  30.6% {
    background-position: -160px -32px;
    /* no */
  }
  33.3% {
    background-position: 0 -64px;
    /* no */
  }
  36.1% {
    background-position: -32px -64px;
    /* no */
  }
  38.9% {
    background-position: -64px -64px;
    /* no */
  }
  41.7% {
    background-position: -96px -64px;
    /* no */
  }
  44.4% {
    background-position: -128px -64px;
    /* no */
  }
  47.2% {
    background-position: -160px -64px;
    /* no */
  }
  50% {
    background-position: 0 -96px;
    /* no */
  }
  52.8% {
    background-position: -32px -96px;
    /* no */
  }
  55.6% {
    background-position: -64px -96px;
    /* no */
  }
  58.3% {
    background-position: -96px -96px;
    /* no */
  }
  61.1% {
    background-position: -128px -96px;
    /* no */
  }
  63.9% {
    background-position: -160px -96px;
    /* no */
  }
  66.7% {
    background-position: 0 -128px;
    /* no */
  }
  69.4% {
    background-position: -32px -128px;
    /* no */
  }
  72.2% {
    background-position: -64px -128px;
    /* no */
  }
  75% {
    background-position: -96px -128px;
    /* no */
  }
  77.8% {
    background-position: -128px -128px;
    /* no */
  }
  80.6% {
    background-position: -160px -128px;
    /* no */
  }
  83.3% {
    background-position: 0 -160px;
    /* no */
  }
  86.1% {
    background-position: -32px -160px;
    /* no */
  }
  88.9% {
    background-position: -64px -160px;
    /* no */
  }
  91.7% {
    background-position: -96px -160px;
    /* no */
  }
  94.4% {
    background-position: -128px -160px;
    /* no */
  }
  97.2% {
    background-position: -160px -160px;
    /* no */
  }
  100% {
    background-position: -160px -160px;
    /* no */
  }
}
.popo-52 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_52 2.58s steps(1) infinite;
          animation: key_pop_52 2.58s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-52_4414bf58.png);
  background-size: 600% 600%;
}
@-webkit-keyframes key_pop_52 {
  0% {
    background-position: 0 0;
  }
  3.2% {
    background-position: -32px 0;
    /* no */
  }
  6.5% {
    background-position: -64px 0;
    /* no */
  }
  9.7% {
    background-position: -96px 0;
    /* no */
  }
  12.9% {
    background-position: -128px 0;
    /* no */
  }
  16.1% {
    background-position: -160px 0;
    /* no */
  }
  19.4% {
    background-position: 0 -32px;
    /* no */
  }
  22.6% {
    background-position: -32px -32px;
    /* no */
  }
  25.8% {
    background-position: -64px -32px;
    /* no */
  }
  29% {
    background-position: -96px -32px;
    /* no */
  }
  32.3% {
    background-position: -128px -32px;
    /* no */
  }
  35.5% {
    background-position: -160px -32px;
    /* no */
  }
  38.7% {
    background-position: 0 -64px;
    /* no */
  }
  41.9% {
    background-position: -32px -64px;
    /* no */
  }
  45.2% {
    background-position: -64px -64px;
    /* no */
  }
  48.4% {
    background-position: -96px -64px;
    /* no */
  }
  51.6% {
    background-position: -128px -64px;
    /* no */
  }
  54.8% {
    background-position: -160px -64px;
    /* no */
  }
  58.1% {
    background-position: 0 -96px;
    /* no */
  }
  61.3% {
    background-position: -32px -96px;
    /* no */
  }
  64.5% {
    background-position: -64px -96px;
    /* no */
  }
  67.7% {
    background-position: -96px -96px;
    /* no */
  }
  71% {
    background-position: -128px -96px;
    /* no */
  }
  74.2% {
    background-position: -160px -96px;
    /* no */
  }
  77.4% {
    background-position: 0 -128px;
    /* no */
  }
  80.6% {
    background-position: -32px -128px;
    /* no */
  }
  83.9% {
    background-position: -64px -128px;
    /* no */
  }
  87.1% {
    background-position: -96px -128px;
    /* no */
  }
  90.3% {
    background-position: -128px -128px;
    /* no */
  }
  93.5% {
    background-position: -160px -128px;
    /* no */
  }
  96.8% {
    background-position: 0 -160px;
    /* no */
  }
  100% {
    background-position: 0 -160px;
    /* no */
  }
}
@keyframes key_pop_52 {
  0% {
    background-position: 0 0;
  }
  3.2% {
    background-position: -32px 0;
    /* no */
  }
  6.5% {
    background-position: -64px 0;
    /* no */
  }
  9.7% {
    background-position: -96px 0;
    /* no */
  }
  12.9% {
    background-position: -128px 0;
    /* no */
  }
  16.1% {
    background-position: -160px 0;
    /* no */
  }
  19.4% {
    background-position: 0 -32px;
    /* no */
  }
  22.6% {
    background-position: -32px -32px;
    /* no */
  }
  25.8% {
    background-position: -64px -32px;
    /* no */
  }
  29% {
    background-position: -96px -32px;
    /* no */
  }
  32.3% {
    background-position: -128px -32px;
    /* no */
  }
  35.5% {
    background-position: -160px -32px;
    /* no */
  }
  38.7% {
    background-position: 0 -64px;
    /* no */
  }
  41.9% {
    background-position: -32px -64px;
    /* no */
  }
  45.2% {
    background-position: -64px -64px;
    /* no */
  }
  48.4% {
    background-position: -96px -64px;
    /* no */
  }
  51.6% {
    background-position: -128px -64px;
    /* no */
  }
  54.8% {
    background-position: -160px -64px;
    /* no */
  }
  58.1% {
    background-position: 0 -96px;
    /* no */
  }
  61.3% {
    background-position: -32px -96px;
    /* no */
  }
  64.5% {
    background-position: -64px -96px;
    /* no */
  }
  67.7% {
    background-position: -96px -96px;
    /* no */
  }
  71% {
    background-position: -128px -96px;
    /* no */
  }
  74.2% {
    background-position: -160px -96px;
    /* no */
  }
  77.4% {
    background-position: 0 -128px;
    /* no */
  }
  80.6% {
    background-position: -32px -128px;
    /* no */
  }
  83.9% {
    background-position: -64px -128px;
    /* no */
  }
  87.1% {
    background-position: -96px -128px;
    /* no */
  }
  90.3% {
    background-position: -128px -128px;
    /* no */
  }
  93.5% {
    background-position: -160px -128px;
    /* no */
  }
  96.8% {
    background-position: 0 -160px;
    /* no */
  }
  100% {
    background-position: 0 -160px;
    /* no */
  }
}
.popo-53 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_53 2.25s steps(1) infinite;
          animation: key_pop_53 2.25s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-53_4c742a16.png);
  background-size: 600% 500%;
}
@-webkit-keyframes key_pop_53 {
  0% {
    background-position: 0 0;
  }
  3.7% {
    background-position: -32px 0;
    /* no */
  }
  7.4% {
    background-position: -64px 0;
    /* no */
  }
  11.1% {
    background-position: -96px 0;
    /* no */
  }
  14.8% {
    background-position: -128px 0;
    /* no */
  }
  18.5% {
    background-position: -160px 0;
    /* no */
  }
  22.2% {
    background-position: 0 -32px;
    /* no */
  }
  25.9% {
    background-position: -32px -32px;
    /* no */
  }
  29.6% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37% {
    background-position: -128px -32px;
    /* no */
  }
  40.7% {
    background-position: -160px -32px;
    /* no */
  }
  44.4% {
    background-position: 0 -64px;
    /* no */
  }
  48.1% {
    background-position: -32px -64px;
    /* no */
  }
  51.9% {
    background-position: -64px -64px;
    /* no */
  }
  55.6% {
    background-position: -96px -64px;
    /* no */
  }
  59.3% {
    background-position: -128px -64px;
    /* no */
  }
  63% {
    background-position: -160px -64px;
    /* no */
  }
  66.7% {
    background-position: 0 -96px;
    /* no */
  }
  70.4% {
    background-position: -32px -96px;
    /* no */
  }
  74.1% {
    background-position: -64px -96px;
    /* no */
  }
  77.8% {
    background-position: -96px -96px;
    /* no */
  }
  81.5% {
    background-position: -128px -96px;
    /* no */
  }
  85.2% {
    background-position: -160px -96px;
    /* no */
  }
  88.9% {
    background-position: 0 -128px;
    /* no */
  }
  92.6% {
    background-position: -32px -128px;
    /* no */
  }
  96.3% {
    background-position: -64px -128px;
    /* no */
  }
  100% {
    background-position: -64px -128px;
    /* no */
  }
}
@keyframes key_pop_53 {
  0% {
    background-position: 0 0;
  }
  3.7% {
    background-position: -32px 0;
    /* no */
  }
  7.4% {
    background-position: -64px 0;
    /* no */
  }
  11.1% {
    background-position: -96px 0;
    /* no */
  }
  14.8% {
    background-position: -128px 0;
    /* no */
  }
  18.5% {
    background-position: -160px 0;
    /* no */
  }
  22.2% {
    background-position: 0 -32px;
    /* no */
  }
  25.9% {
    background-position: -32px -32px;
    /* no */
  }
  29.6% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37% {
    background-position: -128px -32px;
    /* no */
  }
  40.7% {
    background-position: -160px -32px;
    /* no */
  }
  44.4% {
    background-position: 0 -64px;
    /* no */
  }
  48.1% {
    background-position: -32px -64px;
    /* no */
  }
  51.9% {
    background-position: -64px -64px;
    /* no */
  }
  55.6% {
    background-position: -96px -64px;
    /* no */
  }
  59.3% {
    background-position: -128px -64px;
    /* no */
  }
  63% {
    background-position: -160px -64px;
    /* no */
  }
  66.7% {
    background-position: 0 -96px;
    /* no */
  }
  70.4% {
    background-position: -32px -96px;
    /* no */
  }
  74.1% {
    background-position: -64px -96px;
    /* no */
  }
  77.8% {
    background-position: -96px -96px;
    /* no */
  }
  81.5% {
    background-position: -128px -96px;
    /* no */
  }
  85.2% {
    background-position: -160px -96px;
    /* no */
  }
  88.9% {
    background-position: 0 -128px;
    /* no */
  }
  92.6% {
    background-position: -32px -128px;
    /* no */
  }
  96.3% {
    background-position: -64px -128px;
    /* no */
  }
  100% {
    background-position: -64px -128px;
    /* no */
  }
}
.popo-54 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_54 2.58s steps(1) infinite;
          animation: key_pop_54 2.58s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-54_7591c578.png);
  background-size: 600% 600%;
}
@-webkit-keyframes key_pop_54 {
  0% {
    background-position: 0 0;
  }
  3.2% {
    background-position: -32px 0;
    /* no */
  }
  6.5% {
    background-position: -64px 0;
    /* no */
  }
  9.7% {
    background-position: -96px 0;
    /* no */
  }
  12.9% {
    background-position: -128px 0;
    /* no */
  }
  16.1% {
    background-position: -160px 0;
    /* no */
  }
  19.4% {
    background-position: 0 -32px;
    /* no */
  }
  22.6% {
    background-position: -32px -32px;
    /* no */
  }
  25.8% {
    background-position: -64px -32px;
    /* no */
  }
  29% {
    background-position: -96px -32px;
    /* no */
  }
  32.3% {
    background-position: -128px -32px;
    /* no */
  }
  35.5% {
    background-position: -160px -32px;
    /* no */
  }
  38.7% {
    background-position: 0 -64px;
    /* no */
  }
  41.9% {
    background-position: -32px -64px;
    /* no */
  }
  45.2% {
    background-position: -64px -64px;
    /* no */
  }
  48.4% {
    background-position: -96px -64px;
    /* no */
  }
  51.6% {
    background-position: -128px -64px;
    /* no */
  }
  54.8% {
    background-position: -160px -64px;
    /* no */
  }
  58.1% {
    background-position: 0 -96px;
    /* no */
  }
  61.3% {
    background-position: -32px -96px;
    /* no */
  }
  64.5% {
    background-position: -64px -96px;
    /* no */
  }
  67.7% {
    background-position: -96px -96px;
    /* no */
  }
  71% {
    background-position: -128px -96px;
    /* no */
  }
  74.2% {
    background-position: -160px -96px;
    /* no */
  }
  77.4% {
    background-position: 0 -128px;
    /* no */
  }
  80.6% {
    background-position: -32px -128px;
    /* no */
  }
  83.9% {
    background-position: -64px -128px;
    /* no */
  }
  87.1% {
    background-position: -96px -128px;
    /* no */
  }
  90.3% {
    background-position: -128px -128px;
    /* no */
  }
  93.5% {
    background-position: -160px -128px;
    /* no */
  }
  96.8% {
    background-position: 0 -160px;
    /* no */
  }
  100% {
    background-position: 0 -160px;
    /* no */
  }
}
@keyframes key_pop_54 {
  0% {
    background-position: 0 0;
  }
  3.2% {
    background-position: -32px 0;
    /* no */
  }
  6.5% {
    background-position: -64px 0;
    /* no */
  }
  9.7% {
    background-position: -96px 0;
    /* no */
  }
  12.9% {
    background-position: -128px 0;
    /* no */
  }
  16.1% {
    background-position: -160px 0;
    /* no */
  }
  19.4% {
    background-position: 0 -32px;
    /* no */
  }
  22.6% {
    background-position: -32px -32px;
    /* no */
  }
  25.8% {
    background-position: -64px -32px;
    /* no */
  }
  29% {
    background-position: -96px -32px;
    /* no */
  }
  32.3% {
    background-position: -128px -32px;
    /* no */
  }
  35.5% {
    background-position: -160px -32px;
    /* no */
  }
  38.7% {
    background-position: 0 -64px;
    /* no */
  }
  41.9% {
    background-position: -32px -64px;
    /* no */
  }
  45.2% {
    background-position: -64px -64px;
    /* no */
  }
  48.4% {
    background-position: -96px -64px;
    /* no */
  }
  51.6% {
    background-position: -128px -64px;
    /* no */
  }
  54.8% {
    background-position: -160px -64px;
    /* no */
  }
  58.1% {
    background-position: 0 -96px;
    /* no */
  }
  61.3% {
    background-position: -32px -96px;
    /* no */
  }
  64.5% {
    background-position: -64px -96px;
    /* no */
  }
  67.7% {
    background-position: -96px -96px;
    /* no */
  }
  71% {
    background-position: -128px -96px;
    /* no */
  }
  74.2% {
    background-position: -160px -96px;
    /* no */
  }
  77.4% {
    background-position: 0 -128px;
    /* no */
  }
  80.6% {
    background-position: -32px -128px;
    /* no */
  }
  83.9% {
    background-position: -64px -128px;
    /* no */
  }
  87.1% {
    background-position: -96px -128px;
    /* no */
  }
  90.3% {
    background-position: -128px -128px;
    /* no */
  }
  93.5% {
    background-position: -160px -128px;
    /* no */
  }
  96.8% {
    background-position: 0 -160px;
    /* no */
  }
  100% {
    background-position: 0 -160px;
    /* no */
  }
}
.popo-55 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_55 2s steps(1) infinite;
          animation: key_pop_55 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-55_28ce4fad.png);
  background-size: 500% 500%;
}
@-webkit-keyframes key_pop_55 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
@keyframes key_pop_55 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
.popo-56 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_56 1.17s steps(1) infinite;
          animation: key_pop_56 1.17s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-56_33b551e1.png);
  background-size: 400% 400%;
}
@-webkit-keyframes key_pop_56 {
  0% {
    background-position: 0 0;
  }
  7.1% {
    background-position: -32px 0;
    /* no */
  }
  14.3% {
    background-position: -64px 0;
    /* no */
  }
  21.4% {
    background-position: -96px 0;
    /* no */
  }
  28.6% {
    background-position: 0 -32px;
    /* no */
  }
  35.7% {
    background-position: -32px -32px;
    /* no */
  }
  42.9% {
    background-position: -64px -32px;
    /* no */
  }
  50% {
    background-position: -96px -32px;
    /* no */
  }
  57.1% {
    background-position: 0 -64px;
    /* no */
  }
  64.3% {
    background-position: -32px -64px;
    /* no */
  }
  71.4% {
    background-position: -64px -64px;
    /* no */
  }
  78.6% {
    background-position: -96px -64px;
    /* no */
  }
  85.7% {
    background-position: 0 -96px;
    /* no */
  }
  92.9% {
    background-position: -32px -96px;
    /* no */
  }
  100% {
    background-position: -32px -96px;
    /* no */
  }
}
@keyframes key_pop_56 {
  0% {
    background-position: 0 0;
  }
  7.1% {
    background-position: -32px 0;
    /* no */
  }
  14.3% {
    background-position: -64px 0;
    /* no */
  }
  21.4% {
    background-position: -96px 0;
    /* no */
  }
  28.6% {
    background-position: 0 -32px;
    /* no */
  }
  35.7% {
    background-position: -32px -32px;
    /* no */
  }
  42.9% {
    background-position: -64px -32px;
    /* no */
  }
  50% {
    background-position: -96px -32px;
    /* no */
  }
  57.1% {
    background-position: 0 -64px;
    /* no */
  }
  64.3% {
    background-position: -32px -64px;
    /* no */
  }
  71.4% {
    background-position: -64px -64px;
    /* no */
  }
  78.6% {
    background-position: -96px -64px;
    /* no */
  }
  85.7% {
    background-position: 0 -96px;
    /* no */
  }
  92.9% {
    background-position: -32px -96px;
    /* no */
  }
  100% {
    background-position: -32px -96px;
    /* no */
  }
}
.popo-57 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_57 2.17s steps(1) infinite;
          animation: key_pop_57 2.17s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-57_26ee4599.png);
  background-size: 600% 500%;
}
@-webkit-keyframes key_pop_57 {
  0% {
    background-position: 0 0;
  }
  3.8% {
    background-position: -32px 0;
    /* no */
  }
  7.7% {
    background-position: -64px 0;
    /* no */
  }
  11.5% {
    background-position: -96px 0;
    /* no */
  }
  15.4% {
    background-position: -128px 0;
    /* no */
  }
  19.2% {
    background-position: -160px 0;
    /* no */
  }
  23.1% {
    background-position: 0 -32px;
    /* no */
  }
  26.9% {
    background-position: -32px -32px;
    /* no */
  }
  30.8% {
    background-position: -64px -32px;
    /* no */
  }
  34.6% {
    background-position: -96px -32px;
    /* no */
  }
  38.5% {
    background-position: -128px -32px;
    /* no */
  }
  42.3% {
    background-position: -160px -32px;
    /* no */
  }
  46.2% {
    background-position: 0 -64px;
    /* no */
  }
  50% {
    background-position: -32px -64px;
    /* no */
  }
  53.8% {
    background-position: -64px -64px;
    /* no */
  }
  57.7% {
    background-position: -96px -64px;
    /* no */
  }
  61.5% {
    background-position: -128px -64px;
    /* no */
  }
  65.4% {
    background-position: -160px -64px;
    /* no */
  }
  69.2% {
    background-position: 0 -96px;
    /* no */
  }
  73.1% {
    background-position: -32px -96px;
    /* no */
  }
  76.9% {
    background-position: -64px -96px;
    /* no */
  }
  80.8% {
    background-position: -96px -96px;
    /* no */
  }
  84.6% {
    background-position: -128px -96px;
    /* no */
  }
  88.5% {
    background-position: -160px -96px;
    /* no */
  }
  92.3% {
    background-position: 0 -128px;
    /* no */
  }
  96.2% {
    background-position: -32px -128px;
    /* no */
  }
  100% {
    background-position: -32px -128px;
    /* no */
  }
}
@keyframes key_pop_57 {
  0% {
    background-position: 0 0;
  }
  3.8% {
    background-position: -32px 0;
    /* no */
  }
  7.7% {
    background-position: -64px 0;
    /* no */
  }
  11.5% {
    background-position: -96px 0;
    /* no */
  }
  15.4% {
    background-position: -128px 0;
    /* no */
  }
  19.2% {
    background-position: -160px 0;
    /* no */
  }
  23.1% {
    background-position: 0 -32px;
    /* no */
  }
  26.9% {
    background-position: -32px -32px;
    /* no */
  }
  30.8% {
    background-position: -64px -32px;
    /* no */
  }
  34.6% {
    background-position: -96px -32px;
    /* no */
  }
  38.5% {
    background-position: -128px -32px;
    /* no */
  }
  42.3% {
    background-position: -160px -32px;
    /* no */
  }
  46.2% {
    background-position: 0 -64px;
    /* no */
  }
  50% {
    background-position: -32px -64px;
    /* no */
  }
  53.8% {
    background-position: -64px -64px;
    /* no */
  }
  57.7% {
    background-position: -96px -64px;
    /* no */
  }
  61.5% {
    background-position: -128px -64px;
    /* no */
  }
  65.4% {
    background-position: -160px -64px;
    /* no */
  }
  69.2% {
    background-position: 0 -96px;
    /* no */
  }
  73.1% {
    background-position: -32px -96px;
    /* no */
  }
  76.9% {
    background-position: -64px -96px;
    /* no */
  }
  80.8% {
    background-position: -96px -96px;
    /* no */
  }
  84.6% {
    background-position: -128px -96px;
    /* no */
  }
  88.5% {
    background-position: -160px -96px;
    /* no */
  }
  92.3% {
    background-position: 0 -128px;
    /* no */
  }
  96.2% {
    background-position: -32px -128px;
    /* no */
  }
  100% {
    background-position: -32px -128px;
    /* no */
  }
}
.popo-58 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_58 1.33s steps(1) infinite;
          animation: key_pop_58 1.33s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-58_d0fbde14.png);
  background-size: 400% 400%;
}
@-webkit-keyframes key_pop_58 {
  0% {
    background-position: 0 0;
  }
  6.3% {
    background-position: -32px 0;
    /* no */
  }
  12.5% {
    background-position: -64px 0;
    /* no */
  }
  18.8% {
    background-position: -96px 0;
    /* no */
  }
  25% {
    background-position: 0 -32px;
    /* no */
  }
  31.3% {
    background-position: -32px -32px;
    /* no */
  }
  37.5% {
    background-position: -64px -32px;
    /* no */
  }
  43.8% {
    background-position: -96px -32px;
    /* no */
  }
  50% {
    background-position: 0 -64px;
    /* no */
  }
  56.3% {
    background-position: -32px -64px;
    /* no */
  }
  62.5% {
    background-position: -64px -64px;
    /* no */
  }
  68.8% {
    background-position: -96px -64px;
    /* no */
  }
  75% {
    background-position: 0 -96px;
    /* no */
  }
  81.3% {
    background-position: -32px -96px;
    /* no */
  }
  87.5% {
    background-position: -64px -96px;
    /* no */
  }
  93.8% {
    background-position: -96px -96px;
    /* no */
  }
  100% {
    background-position: -96px -96px;
    /* no */
  }
}
@keyframes key_pop_58 {
  0% {
    background-position: 0 0;
  }
  6.3% {
    background-position: -32px 0;
    /* no */
  }
  12.5% {
    background-position: -64px 0;
    /* no */
  }
  18.8% {
    background-position: -96px 0;
    /* no */
  }
  25% {
    background-position: 0 -32px;
    /* no */
  }
  31.3% {
    background-position: -32px -32px;
    /* no */
  }
  37.5% {
    background-position: -64px -32px;
    /* no */
  }
  43.8% {
    background-position: -96px -32px;
    /* no */
  }
  50% {
    background-position: 0 -64px;
    /* no */
  }
  56.3% {
    background-position: -32px -64px;
    /* no */
  }
  62.5% {
    background-position: -64px -64px;
    /* no */
  }
  68.8% {
    background-position: -96px -64px;
    /* no */
  }
  75% {
    background-position: 0 -96px;
    /* no */
  }
  81.3% {
    background-position: -32px -96px;
    /* no */
  }
  87.5% {
    background-position: -64px -96px;
    /* no */
  }
  93.8% {
    background-position: -96px -96px;
    /* no */
  }
  100% {
    background-position: -96px -96px;
    /* no */
  }
}
.popo-59 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_59 1.5s steps(1) infinite;
          animation: key_pop_59 1.5s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-59_e3a3dd39.png);
  background-size: 500% 400%;
}
@-webkit-keyframes key_pop_59 {
  0% {
    background-position: 0 0;
  }
  5.6% {
    background-position: -32px 0;
    /* no */
  }
  11.1% {
    background-position: -64px 0;
    /* no */
  }
  16.7% {
    background-position: -96px 0;
    /* no */
  }
  22.2% {
    background-position: -128px 0;
    /* no */
  }
  27.8% {
    background-position: 0 -32px;
    /* no */
  }
  33.3% {
    background-position: -32px -32px;
    /* no */
  }
  38.9% {
    background-position: -64px -32px;
    /* no */
  }
  44.4% {
    background-position: -96px -32px;
    /* no */
  }
  50% {
    background-position: -128px -32px;
    /* no */
  }
  55.6% {
    background-position: 0 -64px;
    /* no */
  }
  61.1% {
    background-position: -32px -64px;
    /* no */
  }
  66.7% {
    background-position: -64px -64px;
    /* no */
  }
  72.2% {
    background-position: -96px -64px;
    /* no */
  }
  77.8% {
    background-position: -128px -64px;
    /* no */
  }
  83.3% {
    background-position: 0 -96px;
    /* no */
  }
  88.9% {
    background-position: -32px -96px;
    /* no */
  }
  94.4% {
    background-position: -64px -96px;
    /* no */
  }
  100% {
    background-position: -64px -96px;
    /* no */
  }
}
@keyframes key_pop_59 {
  0% {
    background-position: 0 0;
  }
  5.6% {
    background-position: -32px 0;
    /* no */
  }
  11.1% {
    background-position: -64px 0;
    /* no */
  }
  16.7% {
    background-position: -96px 0;
    /* no */
  }
  22.2% {
    background-position: -128px 0;
    /* no */
  }
  27.8% {
    background-position: 0 -32px;
    /* no */
  }
  33.3% {
    background-position: -32px -32px;
    /* no */
  }
  38.9% {
    background-position: -64px -32px;
    /* no */
  }
  44.4% {
    background-position: -96px -32px;
    /* no */
  }
  50% {
    background-position: -128px -32px;
    /* no */
  }
  55.6% {
    background-position: 0 -64px;
    /* no */
  }
  61.1% {
    background-position: -32px -64px;
    /* no */
  }
  66.7% {
    background-position: -64px -64px;
    /* no */
  }
  72.2% {
    background-position: -96px -64px;
    /* no */
  }
  77.8% {
    background-position: -128px -64px;
    /* no */
  }
  83.3% {
    background-position: 0 -96px;
    /* no */
  }
  88.9% {
    background-position: -32px -96px;
    /* no */
  }
  94.4% {
    background-position: -64px -96px;
    /* no */
  }
  100% {
    background-position: -64px -96px;
    /* no */
  }
}
.popo-60 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_60 2s steps(1) infinite;
          animation: key_pop_60 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-60_e52e95c1.png);
  background-size: 500% 500%;
}
@-webkit-keyframes key_pop_60 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
@keyframes key_pop_60 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
.popo-61 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_61 1.33s steps(1) infinite;
          animation: key_pop_61 1.33s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-61_0202bca8.png);
  background-size: 400% 400%;
}
@-webkit-keyframes key_pop_61 {
  0% {
    background-position: 0 0;
  }
  6.3% {
    background-position: -32px 0;
    /* no */
  }
  12.5% {
    background-position: -64px 0;
    /* no */
  }
  18.8% {
    background-position: -96px 0;
    /* no */
  }
  25% {
    background-position: 0 -32px;
    /* no */
  }
  31.3% {
    background-position: -32px -32px;
    /* no */
  }
  37.5% {
    background-position: -64px -32px;
    /* no */
  }
  43.8% {
    background-position: -96px -32px;
    /* no */
  }
  50% {
    background-position: 0 -64px;
    /* no */
  }
  56.3% {
    background-position: -32px -64px;
    /* no */
  }
  62.5% {
    background-position: -64px -64px;
    /* no */
  }
  68.8% {
    background-position: -96px -64px;
    /* no */
  }
  75% {
    background-position: 0 -96px;
    /* no */
  }
  81.3% {
    background-position: -32px -96px;
    /* no */
  }
  87.5% {
    background-position: -64px -96px;
    /* no */
  }
  93.8% {
    background-position: -96px -96px;
    /* no */
  }
  100% {
    background-position: -96px -96px;
    /* no */
  }
}
@keyframes key_pop_61 {
  0% {
    background-position: 0 0;
  }
  6.3% {
    background-position: -32px 0;
    /* no */
  }
  12.5% {
    background-position: -64px 0;
    /* no */
  }
  18.8% {
    background-position: -96px 0;
    /* no */
  }
  25% {
    background-position: 0 -32px;
    /* no */
  }
  31.3% {
    background-position: -32px -32px;
    /* no */
  }
  37.5% {
    background-position: -64px -32px;
    /* no */
  }
  43.8% {
    background-position: -96px -32px;
    /* no */
  }
  50% {
    background-position: 0 -64px;
    /* no */
  }
  56.3% {
    background-position: -32px -64px;
    /* no */
  }
  62.5% {
    background-position: -64px -64px;
    /* no */
  }
  68.8% {
    background-position: -96px -64px;
    /* no */
  }
  75% {
    background-position: 0 -96px;
    /* no */
  }
  81.3% {
    background-position: -32px -96px;
    /* no */
  }
  87.5% {
    background-position: -64px -96px;
    /* no */
  }
  93.8% {
    background-position: -96px -96px;
    /* no */
  }
  100% {
    background-position: -96px -96px;
    /* no */
  }
}
.popo-62 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_62 1.58s steps(1) infinite;
          animation: key_pop_62 1.58s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-62_d750d2a8.png);
  background-size: 500% 400%;
}
@-webkit-keyframes key_pop_62 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
    /* no */
  }
  10.5% {
    background-position: -64px 0;
    /* no */
  }
  15.8% {
    background-position: -96px 0;
    /* no */
  }
  21.1% {
    background-position: -128px 0;
    /* no */
  }
  26.3% {
    background-position: 0 -32px;
    /* no */
  }
  31.6% {
    background-position: -32px -32px;
    /* no */
  }
  36.8% {
    background-position: -64px -32px;
    /* no */
  }
  42.1% {
    background-position: -96px -32px;
    /* no */
  }
  47.4% {
    background-position: -128px -32px;
    /* no */
  }
  52.6% {
    background-position: 0 -64px;
    /* no */
  }
  57.9% {
    background-position: -32px -64px;
    /* no */
  }
  63.2% {
    background-position: -64px -64px;
    /* no */
  }
  68.4% {
    background-position: -96px -64px;
    /* no */
  }
  73.7% {
    background-position: -128px -64px;
    /* no */
  }
  78.9% {
    background-position: 0 -96px;
    /* no */
  }
  84.2% {
    background-position: -32px -96px;
    /* no */
  }
  89.5% {
    background-position: -64px -96px;
    /* no */
  }
  94.7% {
    background-position: -96px -96px;
    /* no */
  }
  100% {
    background-position: -96px -96px;
    /* no */
  }
}
@keyframes key_pop_62 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
    /* no */
  }
  10.5% {
    background-position: -64px 0;
    /* no */
  }
  15.8% {
    background-position: -96px 0;
    /* no */
  }
  21.1% {
    background-position: -128px 0;
    /* no */
  }
  26.3% {
    background-position: 0 -32px;
    /* no */
  }
  31.6% {
    background-position: -32px -32px;
    /* no */
  }
  36.8% {
    background-position: -64px -32px;
    /* no */
  }
  42.1% {
    background-position: -96px -32px;
    /* no */
  }
  47.4% {
    background-position: -128px -32px;
    /* no */
  }
  52.6% {
    background-position: 0 -64px;
    /* no */
  }
  57.9% {
    background-position: -32px -64px;
    /* no */
  }
  63.2% {
    background-position: -64px -64px;
    /* no */
  }
  68.4% {
    background-position: -96px -64px;
    /* no */
  }
  73.7% {
    background-position: -128px -64px;
    /* no */
  }
  78.9% {
    background-position: 0 -96px;
    /* no */
  }
  84.2% {
    background-position: -32px -96px;
    /* no */
  }
  89.5% {
    background-position: -64px -96px;
    /* no */
  }
  94.7% {
    background-position: -96px -96px;
    /* no */
  }
  100% {
    background-position: -96px -96px;
    /* no */
  }
}
.popo-63 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_63 1.42s steps(1) infinite;
          animation: key_pop_63 1.42s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-63_a186cf45.png);
  background-size: 500% 400%;
}
@-webkit-keyframes key_pop_63 {
  0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -32px 0;
    /* no */
  }
  11.8% {
    background-position: -64px 0;
    /* no */
  }
  17.6% {
    background-position: -96px 0;
    /* no */
  }
  23.5% {
    background-position: -128px 0;
    /* no */
  }
  29.4% {
    background-position: 0 -32px;
    /* no */
  }
  35.3% {
    background-position: -32px -32px;
    /* no */
  }
  41.2% {
    background-position: -64px -32px;
    /* no */
  }
  47.1% {
    background-position: -96px -32px;
    /* no */
  }
  52.9% {
    background-position: -128px -32px;
    /* no */
  }
  58.8% {
    background-position: 0 -64px;
    /* no */
  }
  64.7% {
    background-position: -32px -64px;
    /* no */
  }
  70.6% {
    background-position: -64px -64px;
    /* no */
  }
  76.5% {
    background-position: -96px -64px;
    /* no */
  }
  82.4% {
    background-position: -128px -64px;
    /* no */
  }
  88.2% {
    background-position: 0 -96px;
    /* no */
  }
  94.1% {
    background-position: -32px -96px;
    /* no */
  }
  100% {
    background-position: -32px -96px;
    /* no */
  }
}
@keyframes key_pop_63 {
  0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -32px 0;
    /* no */
  }
  11.8% {
    background-position: -64px 0;
    /* no */
  }
  17.6% {
    background-position: -96px 0;
    /* no */
  }
  23.5% {
    background-position: -128px 0;
    /* no */
  }
  29.4% {
    background-position: 0 -32px;
    /* no */
  }
  35.3% {
    background-position: -32px -32px;
    /* no */
  }
  41.2% {
    background-position: -64px -32px;
    /* no */
  }
  47.1% {
    background-position: -96px -32px;
    /* no */
  }
  52.9% {
    background-position: -128px -32px;
    /* no */
  }
  58.8% {
    background-position: 0 -64px;
    /* no */
  }
  64.7% {
    background-position: -32px -64px;
    /* no */
  }
  70.6% {
    background-position: -64px -64px;
    /* no */
  }
  76.5% {
    background-position: -96px -64px;
    /* no */
  }
  82.4% {
    background-position: -128px -64px;
    /* no */
  }
  88.2% {
    background-position: 0 -96px;
    /* no */
  }
  94.1% {
    background-position: -32px -96px;
    /* no */
  }
  100% {
    background-position: -32px -96px;
    /* no */
  }
}
.popo-65 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_64 1.58s steps(1) infinite;
          animation: key_pop_64 1.58s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-64_3d67ae6d.png);
  background-size: 500% 400%;
}
@-webkit-keyframes key_pop_64 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
    /* no */
  }
  10.5% {
    background-position: -64px 0;
    /* no */
  }
  15.8% {
    background-position: -96px 0;
    /* no */
  }
  21.1% {
    background-position: -128px 0;
    /* no */
  }
  26.3% {
    background-position: 0 -32px;
    /* no */
  }
  31.6% {
    background-position: -32px -32px;
    /* no */
  }
  36.8% {
    background-position: -64px -32px;
    /* no */
  }
  42.1% {
    background-position: -96px -32px;
    /* no */
  }
  47.4% {
    background-position: -128px -32px;
    /* no */
  }
  52.6% {
    background-position: 0 -64px;
    /* no */
  }
  57.9% {
    background-position: -32px -64px;
    /* no */
  }
  63.2% {
    background-position: -64px -64px;
    /* no */
  }
  68.4% {
    background-position: -96px -64px;
    /* no */
  }
  73.7% {
    background-position: -128px -64px;
    /* no */
  }
  78.9% {
    background-position: 0 -96px;
    /* no */
  }
  84.2% {
    background-position: -32px -96px;
    /* no */
  }
  89.5% {
    background-position: -64px -96px;
    /* no */
  }
  94.7% {
    background-position: -96px -96px;
    /* no */
  }
  100% {
    background-position: -96px -96px;
    /* no */
  }
}
@keyframes key_pop_64 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
    /* no */
  }
  10.5% {
    background-position: -64px 0;
    /* no */
  }
  15.8% {
    background-position: -96px 0;
    /* no */
  }
  21.1% {
    background-position: -128px 0;
    /* no */
  }
  26.3% {
    background-position: 0 -32px;
    /* no */
  }
  31.6% {
    background-position: -32px -32px;
    /* no */
  }
  36.8% {
    background-position: -64px -32px;
    /* no */
  }
  42.1% {
    background-position: -96px -32px;
    /* no */
  }
  47.4% {
    background-position: -128px -32px;
    /* no */
  }
  52.6% {
    background-position: 0 -64px;
    /* no */
  }
  57.9% {
    background-position: -32px -64px;
    /* no */
  }
  63.2% {
    background-position: -64px -64px;
    /* no */
  }
  68.4% {
    background-position: -96px -64px;
    /* no */
  }
  73.7% {
    background-position: -128px -64px;
    /* no */
  }
  78.9% {
    background-position: 0 -96px;
    /* no */
  }
  84.2% {
    background-position: -32px -96px;
    /* no */
  }
  89.5% {
    background-position: -64px -96px;
    /* no */
  }
  94.7% {
    background-position: -96px -96px;
    /* no */
  }
  100% {
    background-position: -96px -96px;
    /* no */
  }
}
.popo-66 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_65 2.42s steps(1) infinite;
          animation: key_pop_65 2.42s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-65_d173ff3b.png);
  background-size: 600% 500%;
}
@-webkit-keyframes key_pop_65 {
  0% {
    background-position: 0 0;
  }
  3.4% {
    background-position: -32px 0;
    /* no */
  }
  6.9% {
    background-position: -64px 0;
    /* no */
  }
  10.3% {
    background-position: -96px 0;
    /* no */
  }
  13.8% {
    background-position: -128px 0;
    /* no */
  }
  17.2% {
    background-position: -160px 0;
    /* no */
  }
  20.7% {
    background-position: 0 -32px;
    /* no */
  }
  24.1% {
    background-position: -32px -32px;
    /* no */
  }
  27.6% {
    background-position: -64px -32px;
    /* no */
  }
  31% {
    background-position: -96px -32px;
    /* no */
  }
  34.5% {
    background-position: -128px -32px;
    /* no */
  }
  37.9% {
    background-position: -160px -32px;
    /* no */
  }
  41.4% {
    background-position: 0 -64px;
    /* no */
  }
  44.8% {
    background-position: -32px -64px;
    /* no */
  }
  48.3% {
    background-position: -64px -64px;
    /* no */
  }
  51.7% {
    background-position: -96px -64px;
    /* no */
  }
  55.2% {
    background-position: -128px -64px;
    /* no */
  }
  58.6% {
    background-position: -160px -64px;
    /* no */
  }
  62.1% {
    background-position: 0 -96px;
    /* no */
  }
  65.5% {
    background-position: -32px -96px;
    /* no */
  }
  69% {
    background-position: -64px -96px;
    /* no */
  }
  72.4% {
    background-position: -96px -96px;
    /* no */
  }
  75.9% {
    background-position: -128px -96px;
    /* no */
  }
  79.3% {
    background-position: -160px -96px;
    /* no */
  }
  82.8% {
    background-position: 0 -128px;
    /* no */
  }
  86.2% {
    background-position: -32px -128px;
    /* no */
  }
  89.7% {
    background-position: -64px -128px;
    /* no */
  }
  93.1% {
    background-position: -96px -128px;
    /* no */
  }
  96.6% {
    background-position: -128px -128px;
    /* no */
  }
  100% {
    background-position: -128px -128px;
    /* no */
  }
}
@keyframes key_pop_65 {
  0% {
    background-position: 0 0;
  }
  3.4% {
    background-position: -32px 0;
    /* no */
  }
  6.9% {
    background-position: -64px 0;
    /* no */
  }
  10.3% {
    background-position: -96px 0;
    /* no */
  }
  13.8% {
    background-position: -128px 0;
    /* no */
  }
  17.2% {
    background-position: -160px 0;
    /* no */
  }
  20.7% {
    background-position: 0 -32px;
    /* no */
  }
  24.1% {
    background-position: -32px -32px;
    /* no */
  }
  27.6% {
    background-position: -64px -32px;
    /* no */
  }
  31% {
    background-position: -96px -32px;
    /* no */
  }
  34.5% {
    background-position: -128px -32px;
    /* no */
  }
  37.9% {
    background-position: -160px -32px;
    /* no */
  }
  41.4% {
    background-position: 0 -64px;
    /* no */
  }
  44.8% {
    background-position: -32px -64px;
    /* no */
  }
  48.3% {
    background-position: -64px -64px;
    /* no */
  }
  51.7% {
    background-position: -96px -64px;
    /* no */
  }
  55.2% {
    background-position: -128px -64px;
    /* no */
  }
  58.6% {
    background-position: -160px -64px;
    /* no */
  }
  62.1% {
    background-position: 0 -96px;
    /* no */
  }
  65.5% {
    background-position: -32px -96px;
    /* no */
  }
  69% {
    background-position: -64px -96px;
    /* no */
  }
  72.4% {
    background-position: -96px -96px;
    /* no */
  }
  75.9% {
    background-position: -128px -96px;
    /* no */
  }
  79.3% {
    background-position: -160px -96px;
    /* no */
  }
  82.8% {
    background-position: 0 -128px;
    /* no */
  }
  86.2% {
    background-position: -32px -128px;
    /* no */
  }
  89.7% {
    background-position: -64px -128px;
    /* no */
  }
  93.1% {
    background-position: -96px -128px;
    /* no */
  }
  96.6% {
    background-position: -128px -128px;
    /* no */
  }
  100% {
    background-position: -128px -128px;
    /* no */
  }
}
.popo-67 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_66 1.58s steps(1) infinite;
          animation: key_pop_66 1.58s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-66_5145d1d4.png);
  background-size: 500% 400%;
}
@-webkit-keyframes key_pop_66 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
    /* no */
  }
  10.5% {
    background-position: -64px 0;
    /* no */
  }
  15.8% {
    background-position: -96px 0;
    /* no */
  }
  21.1% {
    background-position: -128px 0;
    /* no */
  }
  26.3% {
    background-position: 0 -32px;
    /* no */
  }
  31.6% {
    background-position: -32px -32px;
    /* no */
  }
  36.8% {
    background-position: -64px -32px;
    /* no */
  }
  42.1% {
    background-position: -96px -32px;
    /* no */
  }
  47.4% {
    background-position: -128px -32px;
    /* no */
  }
  52.6% {
    background-position: 0 -64px;
    /* no */
  }
  57.9% {
    background-position: -32px -64px;
    /* no */
  }
  63.2% {
    background-position: -64px -64px;
    /* no */
  }
  68.4% {
    background-position: -96px -64px;
    /* no */
  }
  73.7% {
    background-position: -128px -64px;
    /* no */
  }
  78.9% {
    background-position: 0 -96px;
    /* no */
  }
  84.2% {
    background-position: -32px -96px;
    /* no */
  }
  89.5% {
    background-position: -64px -96px;
    /* no */
  }
  94.7% {
    background-position: -96px -96px;
    /* no */
  }
  100% {
    background-position: -96px -96px;
    /* no */
  }
}
@keyframes key_pop_66 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
    /* no */
  }
  10.5% {
    background-position: -64px 0;
    /* no */
  }
  15.8% {
    background-position: -96px 0;
    /* no */
  }
  21.1% {
    background-position: -128px 0;
    /* no */
  }
  26.3% {
    background-position: 0 -32px;
    /* no */
  }
  31.6% {
    background-position: -32px -32px;
    /* no */
  }
  36.8% {
    background-position: -64px -32px;
    /* no */
  }
  42.1% {
    background-position: -96px -32px;
    /* no */
  }
  47.4% {
    background-position: -128px -32px;
    /* no */
  }
  52.6% {
    background-position: 0 -64px;
    /* no */
  }
  57.9% {
    background-position: -32px -64px;
    /* no */
  }
  63.2% {
    background-position: -64px -64px;
    /* no */
  }
  68.4% {
    background-position: -96px -64px;
    /* no */
  }
  73.7% {
    background-position: -128px -64px;
    /* no */
  }
  78.9% {
    background-position: 0 -96px;
    /* no */
  }
  84.2% {
    background-position: -32px -96px;
    /* no */
  }
  89.5% {
    background-position: -64px -96px;
    /* no */
  }
  94.7% {
    background-position: -96px -96px;
    /* no */
  }
  100% {
    background-position: -96px -96px;
    /* no */
  }
}
.popo-68 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_67 2s steps(1) infinite;
          animation: key_pop_67 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-67_10810a28.png);
  background-size: 500% 500%;
}
@-webkit-keyframes key_pop_67 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
@keyframes key_pop_67 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
    /* no */
  }
  8.3% {
    background-position: -64px 0;
    /* no */
  }
  12.5% {
    background-position: -96px 0;
    /* no */
  }
  16.7% {
    background-position: -128px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -32px;
    /* no */
  }
  25% {
    background-position: -32px -32px;
    /* no */
  }
  29.2% {
    background-position: -64px -32px;
    /* no */
  }
  33.3% {
    background-position: -96px -32px;
    /* no */
  }
  37.5% {
    background-position: -128px -32px;
    /* no */
  }
  41.7% {
    background-position: 0 -64px;
    /* no */
  }
  45.8% {
    background-position: -32px -64px;
    /* no */
  }
  50% {
    background-position: -64px -64px;
    /* no */
  }
  54.2% {
    background-position: -96px -64px;
    /* no */
  }
  58.3% {
    background-position: -128px -64px;
    /* no */
  }
  62.5% {
    background-position: 0 -96px;
    /* no */
  }
  66.7% {
    background-position: -32px -96px;
    /* no */
  }
  70.8% {
    background-position: -64px -96px;
    /* no */
  }
  75% {
    background-position: -96px -96px;
    /* no */
  }
  79.2% {
    background-position: -128px -96px;
    /* no */
  }
  83.3% {
    background-position: 0 -128px;
    /* no */
  }
  87.5% {
    background-position: -32px -128px;
    /* no */
  }
  91.7% {
    background-position: -64px -128px;
    /* no */
  }
  95.8% {
    background-position: -96px -128px;
    /* no */
  }
  100% {
    background-position: -96px -128px;
    /* no */
  }
}
.popo-69 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_68 2.58s steps(1) infinite;
          animation: key_pop_68 2.58s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-68_48f7564e.png);
  background-size: 600% 600%;
}
@-webkit-keyframes key_pop_68 {
  0% {
    background-position: 0 0;
  }
  3.2% {
    background-position: -32px 0;
    /* no */
  }
  6.5% {
    background-position: -64px 0;
    /* no */
  }
  9.7% {
    background-position: -96px 0;
    /* no */
  }
  12.9% {
    background-position: -128px 0;
    /* no */
  }
  16.1% {
    background-position: -160px 0;
    /* no */
  }
  19.4% {
    background-position: 0 -32px;
    /* no */
  }
  22.6% {
    background-position: -32px -32px;
    /* no */
  }
  25.8% {
    background-position: -64px -32px;
    /* no */
  }
  29% {
    background-position: -96px -32px;
    /* no */
  }
  32.3% {
    background-position: -128px -32px;
    /* no */
  }
  35.5% {
    background-position: -160px -32px;
    /* no */
  }
  38.7% {
    background-position: 0 -64px;
    /* no */
  }
  41.9% {
    background-position: -32px -64px;
    /* no */
  }
  45.2% {
    background-position: -64px -64px;
    /* no */
  }
  48.4% {
    background-position: -96px -64px;
    /* no */
  }
  51.6% {
    background-position: -128px -64px;
    /* no */
  }
  54.8% {
    background-position: -160px -64px;
    /* no */
  }
  58.1% {
    background-position: 0 -96px;
    /* no */
  }
  61.3% {
    background-position: -32px -96px;
    /* no */
  }
  64.5% {
    background-position: -64px -96px;
    /* no */
  }
  67.7% {
    background-position: -96px -96px;
    /* no */
  }
  71% {
    background-position: -128px -96px;
    /* no */
  }
  74.2% {
    background-position: -160px -96px;
    /* no */
  }
  77.4% {
    background-position: 0 -128px;
    /* no */
  }
  80.6% {
    background-position: -32px -128px;
    /* no */
  }
  83.9% {
    background-position: -64px -128px;
    /* no */
  }
  87.1% {
    background-position: -96px -128px;
    /* no */
  }
  90.3% {
    background-position: -128px -128px;
    /* no */
  }
  93.5% {
    background-position: -160px -128px;
    /* no */
  }
  96.8% {
    background-position: 0 -160px;
    /* no */
  }
  100% {
    background-position: 0 -160px;
    /* no */
  }
}
@keyframes key_pop_68 {
  0% {
    background-position: 0 0;
  }
  3.2% {
    background-position: -32px 0;
    /* no */
  }
  6.5% {
    background-position: -64px 0;
    /* no */
  }
  9.7% {
    background-position: -96px 0;
    /* no */
  }
  12.9% {
    background-position: -128px 0;
    /* no */
  }
  16.1% {
    background-position: -160px 0;
    /* no */
  }
  19.4% {
    background-position: 0 -32px;
    /* no */
  }
  22.6% {
    background-position: -32px -32px;
    /* no */
  }
  25.8% {
    background-position: -64px -32px;
    /* no */
  }
  29% {
    background-position: -96px -32px;
    /* no */
  }
  32.3% {
    background-position: -128px -32px;
    /* no */
  }
  35.5% {
    background-position: -160px -32px;
    /* no */
  }
  38.7% {
    background-position: 0 -64px;
    /* no */
  }
  41.9% {
    background-position: -32px -64px;
    /* no */
  }
  45.2% {
    background-position: -64px -64px;
    /* no */
  }
  48.4% {
    background-position: -96px -64px;
    /* no */
  }
  51.6% {
    background-position: -128px -64px;
    /* no */
  }
  54.8% {
    background-position: -160px -64px;
    /* no */
  }
  58.1% {
    background-position: 0 -96px;
    /* no */
  }
  61.3% {
    background-position: -32px -96px;
    /* no */
  }
  64.5% {
    background-position: -64px -96px;
    /* no */
  }
  67.7% {
    background-position: -96px -96px;
    /* no */
  }
  71% {
    background-position: -128px -96px;
    /* no */
  }
  74.2% {
    background-position: -160px -96px;
    /* no */
  }
  77.4% {
    background-position: 0 -128px;
    /* no */
  }
  80.6% {
    background-position: -32px -128px;
    /* no */
  }
  83.9% {
    background-position: -64px -128px;
    /* no */
  }
  87.1% {
    background-position: -96px -128px;
    /* no */
  }
  90.3% {
    background-position: -128px -128px;
    /* no */
  }
  93.5% {
    background-position: -160px -128px;
    /* no */
  }
  96.8% {
    background-position: 0 -160px;
    /* no */
  }
  100% {
    background-position: 0 -160px;
    /* no */
  }
}
.popo-70 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_69 0.92s steps(1) infinite;
          animation: key_pop_69 0.92s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-69_376ae283.png);
  background-size: 400% 300%;
}
@-webkit-keyframes key_pop_69 {
  0% {
    background-position: 0 0;
  }
  9.1% {
    background-position: -32px 0;
    /* no */
  }
  18.2% {
    background-position: -64px 0;
    /* no */
  }
  27.3% {
    background-position: -96px 0;
    /* no */
  }
  36.4% {
    background-position: 0 -32px;
    /* no */
  }
  45.5% {
    background-position: -32px -32px;
    /* no */
  }
  54.5% {
    background-position: -64px -32px;
    /* no */
  }
  63.6% {
    background-position: -96px -32px;
    /* no */
  }
  72.7% {
    background-position: 0 -64px;
    /* no */
  }
  81.8% {
    background-position: -32px -64px;
    /* no */
  }
  90.9% {
    background-position: -64px -64px;
    /* no */
  }
  100% {
    background-position: -64px -64px;
    /* no */
  }
}
@keyframes key_pop_69 {
  0% {
    background-position: 0 0;
  }
  9.1% {
    background-position: -32px 0;
    /* no */
  }
  18.2% {
    background-position: -64px 0;
    /* no */
  }
  27.3% {
    background-position: -96px 0;
    /* no */
  }
  36.4% {
    background-position: 0 -32px;
    /* no */
  }
  45.5% {
    background-position: -32px -32px;
    /* no */
  }
  54.5% {
    background-position: -64px -32px;
    /* no */
  }
  63.6% {
    background-position: -96px -32px;
    /* no */
  }
  72.7% {
    background-position: 0 -64px;
    /* no */
  }
  81.8% {
    background-position: -32px -64px;
    /* no */
  }
  90.9% {
    background-position: -64px -64px;
    /* no */
  }
  100% {
    background-position: -64px -64px;
    /* no */
  }
}
.popo-71 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_70 2.42s steps(1) infinite;
          animation: key_pop_70 2.42s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-70_8818ebfa.png);
  background-size: 600% 500%;
}
@-webkit-keyframes key_pop_70 {
  0% {
    background-position: 0 0;
  }
  3.4% {
    background-position: -32px 0;
    /* no */
  }
  6.9% {
    background-position: -64px 0;
    /* no */
  }
  10.3% {
    background-position: -96px 0;
    /* no */
  }
  13.8% {
    background-position: -128px 0;
    /* no */
  }
  17.2% {
    background-position: -160px 0;
    /* no */
  }
  20.7% {
    background-position: 0 -32px;
    /* no */
  }
  24.1% {
    background-position: -32px -32px;
    /* no */
  }
  27.6% {
    background-position: -64px -32px;
    /* no */
  }
  31% {
    background-position: -96px -32px;
    /* no */
  }
  34.5% {
    background-position: -128px -32px;
    /* no */
  }
  37.9% {
    background-position: -160px -32px;
    /* no */
  }
  41.4% {
    background-position: 0 -64px;
    /* no */
  }
  44.8% {
    background-position: -32px -64px;
    /* no */
  }
  48.3% {
    background-position: -64px -64px;
    /* no */
  }
  51.7% {
    background-position: -96px -64px;
    /* no */
  }
  55.2% {
    background-position: -128px -64px;
    /* no */
  }
  58.6% {
    background-position: -160px -64px;
    /* no */
  }
  62.1% {
    background-position: 0 -96px;
    /* no */
  }
  65.5% {
    background-position: -32px -96px;
    /* no */
  }
  69% {
    background-position: -64px -96px;
    /* no */
  }
  72.4% {
    background-position: -96px -96px;
    /* no */
  }
  75.9% {
    background-position: -128px -96px;
    /* no */
  }
  79.3% {
    background-position: -160px -96px;
    /* no */
  }
  82.8% {
    background-position: 0 -128px;
    /* no */
  }
  86.2% {
    background-position: -32px -128px;
    /* no */
  }
  89.7% {
    background-position: -64px -128px;
    /* no */
  }
  93.1% {
    background-position: -96px -128px;
    /* no */
  }
  96.6% {
    background-position: -128px -128px;
    /* no */
  }
  100% {
    background-position: -128px -128px;
    /* no */
  }
}
@keyframes key_pop_70 {
  0% {
    background-position: 0 0;
  }
  3.4% {
    background-position: -32px 0;
    /* no */
  }
  6.9% {
    background-position: -64px 0;
    /* no */
  }
  10.3% {
    background-position: -96px 0;
    /* no */
  }
  13.8% {
    background-position: -128px 0;
    /* no */
  }
  17.2% {
    background-position: -160px 0;
    /* no */
  }
  20.7% {
    background-position: 0 -32px;
    /* no */
  }
  24.1% {
    background-position: -32px -32px;
    /* no */
  }
  27.6% {
    background-position: -64px -32px;
    /* no */
  }
  31% {
    background-position: -96px -32px;
    /* no */
  }
  34.5% {
    background-position: -128px -32px;
    /* no */
  }
  37.9% {
    background-position: -160px -32px;
    /* no */
  }
  41.4% {
    background-position: 0 -64px;
    /* no */
  }
  44.8% {
    background-position: -32px -64px;
    /* no */
  }
  48.3% {
    background-position: -64px -64px;
    /* no */
  }
  51.7% {
    background-position: -96px -64px;
    /* no */
  }
  55.2% {
    background-position: -128px -64px;
    /* no */
  }
  58.6% {
    background-position: -160px -64px;
    /* no */
  }
  62.1% {
    background-position: 0 -96px;
    /* no */
  }
  65.5% {
    background-position: -32px -96px;
    /* no */
  }
  69% {
    background-position: -64px -96px;
    /* no */
  }
  72.4% {
    background-position: -96px -96px;
    /* no */
  }
  75.9% {
    background-position: -128px -96px;
    /* no */
  }
  79.3% {
    background-position: -160px -96px;
    /* no */
  }
  82.8% {
    background-position: 0 -128px;
    /* no */
  }
  86.2% {
    background-position: -32px -128px;
    /* no */
  }
  89.7% {
    background-position: -64px -128px;
    /* no */
  }
  93.1% {
    background-position: -96px -128px;
    /* no */
  }
  96.6% {
    background-position: -128px -128px;
    /* no */
  }
  100% {
    background-position: -128px -128px;
    /* no */
  }
}
.popo-72 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_71 2.17s steps(1) infinite;
          animation: key_pop_71 2.17s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-71_c6b5904c.png);
  background-size: 600% 500%;
}
@-webkit-keyframes key_pop_71 {
  0% {
    background-position: 0 0;
  }
  3.8% {
    background-position: -32px 0;
    /* no */
  }
  7.7% {
    background-position: -64px 0;
    /* no */
  }
  11.5% {
    background-position: -96px 0;
    /* no */
  }
  15.4% {
    background-position: -128px 0;
    /* no */
  }
  19.2% {
    background-position: -160px 0;
    /* no */
  }
  23.1% {
    background-position: 0 -32px;
    /* no */
  }
  26.9% {
    background-position: -32px -32px;
    /* no */
  }
  30.8% {
    background-position: -64px -32px;
    /* no */
  }
  34.6% {
    background-position: -96px -32px;
    /* no */
  }
  38.5% {
    background-position: -128px -32px;
    /* no */
  }
  42.3% {
    background-position: -160px -32px;
    /* no */
  }
  46.2% {
    background-position: 0 -64px;
    /* no */
  }
  50% {
    background-position: -32px -64px;
    /* no */
  }
  53.8% {
    background-position: -64px -64px;
    /* no */
  }
  57.7% {
    background-position: -96px -64px;
    /* no */
  }
  61.5% {
    background-position: -128px -64px;
    /* no */
  }
  65.4% {
    background-position: -160px -64px;
    /* no */
  }
  69.2% {
    background-position: 0 -96px;
    /* no */
  }
  73.1% {
    background-position: -32px -96px;
    /* no */
  }
  76.9% {
    background-position: -64px -96px;
    /* no */
  }
  80.8% {
    background-position: -96px -96px;
    /* no */
  }
  84.6% {
    background-position: -128px -96px;
    /* no */
  }
  88.5% {
    background-position: -160px -96px;
    /* no */
  }
  92.3% {
    background-position: 0 -128px;
    /* no */
  }
  96.2% {
    background-position: -32px -128px;
    /* no */
  }
  100% {
    background-position: -32px -128px;
    /* no */
  }
}
@keyframes key_pop_71 {
  0% {
    background-position: 0 0;
  }
  3.8% {
    background-position: -32px 0;
    /* no */
  }
  7.7% {
    background-position: -64px 0;
    /* no */
  }
  11.5% {
    background-position: -96px 0;
    /* no */
  }
  15.4% {
    background-position: -128px 0;
    /* no */
  }
  19.2% {
    background-position: -160px 0;
    /* no */
  }
  23.1% {
    background-position: 0 -32px;
    /* no */
  }
  26.9% {
    background-position: -32px -32px;
    /* no */
  }
  30.8% {
    background-position: -64px -32px;
    /* no */
  }
  34.6% {
    background-position: -96px -32px;
    /* no */
  }
  38.5% {
    background-position: -128px -32px;
    /* no */
  }
  42.3% {
    background-position: -160px -32px;
    /* no */
  }
  46.2% {
    background-position: 0 -64px;
    /* no */
  }
  50% {
    background-position: -32px -64px;
    /* no */
  }
  53.8% {
    background-position: -64px -64px;
    /* no */
  }
  57.7% {
    background-position: -96px -64px;
    /* no */
  }
  61.5% {
    background-position: -128px -64px;
    /* no */
  }
  65.4% {
    background-position: -160px -64px;
    /* no */
  }
  69.2% {
    background-position: 0 -96px;
    /* no */
  }
  73.1% {
    background-position: -32px -96px;
    /* no */
  }
  76.9% {
    background-position: -64px -96px;
    /* no */
  }
  80.8% {
    background-position: -96px -96px;
    /* no */
  }
  84.6% {
    background-position: -128px -96px;
    /* no */
  }
  88.5% {
    background-position: -160px -96px;
    /* no */
  }
  92.3% {
    background-position: 0 -128px;
    /* no */
  }
  96.2% {
    background-position: -32px -128px;
    /* no */
  }
  100% {
    background-position: -32px -128px;
    /* no */
  }
}
.popo-73 {
  height: 32px;
  /* no */
  width: 32px;
  /* no */
  -webkit-animation: key_pop_72 2.58s steps(1) infinite;
          animation: key_pop_72 2.58s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/pop-72_6be95aad.png);
  background-size: 600% 600%;
}
@-webkit-keyframes key_pop_72 {
  0% {
    background-position: 0 0;
  }
  3.2% {
    background-position: -32px 0;
    /* no */
  }
  6.5% {
    background-position: -64px 0;
    /* no */
  }
  9.7% {
    background-position: -96px 0;
    /* no */
  }
  12.9% {
    background-position: -128px 0;
    /* no */
  }
  16.1% {
    background-position: -160px 0;
    /* no */
  }
  19.4% {
    background-position: 0 -32px;
    /* no */
  }
  22.6% {
    background-position: -32px -32px;
    /* no */
  }
  25.8% {
    background-position: -64px -32px;
    /* no */
  }
  29% {
    background-position: -96px -32px;
    /* no */
  }
  32.3% {
    background-position: -128px -32px;
    /* no */
  }
  35.5% {
    background-position: -160px -32px;
    /* no */
  }
  38.7% {
    background-position: 0 -64px;
    /* no */
  }
  41.9% {
    background-position: -32px -64px;
    /* no */
  }
  45.2% {
    background-position: -64px -64px;
    /* no */
  }
  48.4% {
    background-position: -96px -64px;
    /* no */
  }
  51.6% {
    background-position: -128px -64px;
    /* no */
  }
  54.8% {
    background-position: -160px -64px;
    /* no */
  }
  58.1% {
    background-position: 0 -96px;
    /* no */
  }
  61.3% {
    background-position: -32px -96px;
    /* no */
  }
  64.5% {
    background-position: -64px -96px;
    /* no */
  }
  67.7% {
    background-position: -96px -96px;
    /* no */
  }
  71% {
    background-position: -128px -96px;
    /* no */
  }
  74.2% {
    background-position: -160px -96px;
    /* no */
  }
  77.4% {
    background-position: 0 -128px;
    /* no */
  }
  80.6% {
    background-position: -32px -128px;
    /* no */
  }
  83.9% {
    background-position: -64px -128px;
    /* no */
  }
  87.1% {
    background-position: -96px -128px;
    /* no */
  }
  90.3% {
    background-position: -128px -128px;
    /* no */
  }
  93.5% {
    background-position: -160px -128px;
    /* no */
  }
  96.8% {
    background-position: 0 -160px;
    /* no */
  }
  100% {
    background-position: 0 -160px;
    /* no */
  }
}
@keyframes key_pop_72 {
  0% {
    background-position: 0 0;
  }
  3.2% {
    background-position: -32px 0;
    /* no */
  }
  6.5% {
    background-position: -64px 0;
    /* no */
  }
  9.7% {
    background-position: -96px 0;
    /* no */
  }
  12.9% {
    background-position: -128px 0;
    /* no */
  }
  16.1% {
    background-position: -160px 0;
    /* no */
  }
  19.4% {
    background-position: 0 -32px;
    /* no */
  }
  22.6% {
    background-position: -32px -32px;
    /* no */
  }
  25.8% {
    background-position: -64px -32px;
    /* no */
  }
  29% {
    background-position: -96px -32px;
    /* no */
  }
  32.3% {
    background-position: -128px -32px;
    /* no */
  }
  35.5% {
    background-position: -160px -32px;
    /* no */
  }
  38.7% {
    background-position: 0 -64px;
    /* no */
  }
  41.9% {
    background-position: -32px -64px;
    /* no */
  }
  45.2% {
    background-position: -64px -64px;
    /* no */
  }
  48.4% {
    background-position: -96px -64px;
    /* no */
  }
  51.6% {
    background-position: -128px -64px;
    /* no */
  }
  54.8% {
    background-position: -160px -64px;
    /* no */
  }
  58.1% {
    background-position: 0 -96px;
    /* no */
  }
  61.3% {
    background-position: -32px -96px;
    /* no */
  }
  64.5% {
    background-position: -64px -96px;
    /* no */
  }
  67.7% {
    background-position: -96px -96px;
    /* no */
  }
  71% {
    background-position: -128px -96px;
    /* no */
  }
  74.2% {
    background-position: -160px -96px;
    /* no */
  }
  77.4% {
    background-position: 0 -128px;
    /* no */
  }
  80.6% {
    background-position: -32px -128px;
    /* no */
  }
  83.9% {
    background-position: -64px -128px;
    /* no */
  }
  87.1% {
    background-position: -96px -128px;
    /* no */
  }
  90.3% {
    background-position: -128px -128px;
    /* no */
  }
  93.5% {
    background-position: -160px -128px;
    /* no */
  }
  96.8% {
    background-position: 0 -160px;
    /* no */
  }
  100% {
    background-position: 0 -160px;
    /* no */
  }
}
#leihuo-share {
  z-index: 99999;
}
#leihuo-share .leihuo-share-modal {
  width: 591px;
  height: 623px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/share-bg_fccdafb3.png) no-repeat;
  background-size: contain;
  padding: 0 31px 18px 32px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-close {
  right: 47px;
  top: 11px;
  position: absolute;
  content: "";
  display: block;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-289px -779px;
width:45px;
height:45px;

  -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;
}
#leihuo-share .leihuo-share-modal .leihuo-share-close:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#leihuo-share .leihuo-share-modal .leihuo-share-close::before {
  content: "";
}
#leihuo-share .leihuo-share-modal .leihuo-share-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 149px;
  height: 57px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/share-title-bg_9fb3ee93.png) no-repeat;
  background-size: contain;
  background-position-x: center;
  width: 100%;
  color: transparent;
  font-size: 30px;
  margin-bottom: 21px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#leihuo-share .leihuo-share-modal .leihuo-share-title::before {
  content: '';
  display: block;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-544px -779px;
width:84px;
height:9px;

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);
  margin-right: 9px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-title::after {
  content: '';
  display: block;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-544px -779px;
width:84px;
height:9px;

  margin-left: 9px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-blocks {
  padding-left: 22px;
  padding-right: 22px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-block::marker,
#leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-block .leihuo-share-desc {
  font-size: 20px;
  color: #253D7E;
}
#leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-block:first-child .leihuo-share-copy-box {
  height: 45px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-block:first-child .leihuo-share-copy-box .leihuo-share-input {
  height: 100%;
  border-radius: 0;
  padding-right: 0;
  background: rgba(74, 106, 173, 0.36);
  color: #FFF;
  padding-left: 15px;
  font-size: 16px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-block:first-child .leihuo-share-copy-box .leihuo-share-copy-btn {
  font-size: 20px;
  border-radius: 0;
  margin-left: 0;
  color: #F8FFFD;
  text-shadow: 0 0 4.77px rgba(7, 0, 85, 0.51);
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-184px -779px;
width:101px;
height:45px;

}
#leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-block:nth-child(2) {
  margin-top: 20px;
  margin-bottom: 20px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-block:nth-child(2) .leihuo-share-img {
  width: 481px;
  height: 249px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-block:last-child .leihuo-share-channel .leihuo-share-channel-item {
  width: 112px;
  height: 37px;
  border-radius: 15px;
  border: 1px solid rgba(177, 190, 224, 0.7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-right: 10px;
  color: #4f6aa1;
  font-size: 16px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-block:last-child .leihuo-share-channel .leihuo-share-channel-item .leihuo-share-iconfont {
  margin: 0;
  border: none;
}
.leihuo-share-qrcode.has-bg #leihuo-share-qrcode {
  position: fixed;
  width: 110px !important;
  height: 110px;
  padding: 0;
  top: 103px !important;
  right: 40px !important;
  background-color: rgba(47, 72, 170, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 99999;
}
.leihuo-share-qrcode.has-bg #leihuo-share-qrcode img {
  width: 102px;
  height: 102px;
}
.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text {
  position: absolute;
  left: 0;
  top: 0;
}
.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-desc {
  position: relative;
  left: 320px;
  top: 212px;
}
.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-text-box {
  width: 284px;
  height: 178px;
  border-radius: 8px;
  border: 2px solid #fff;
  position: absolute;
  left: 11px;
  top: 36px;
  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;
}
.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-text-box .share-img-desc {
  height: 61px;
  width: 280px;
  border-radius: 0 0 6.69px 6.69px;
  position: absolute;
  bottom: 0;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.51)), color-stop(28%, rgba(0, 0, 0, 0.33)), to(rgba(0, 0, 0, 0.23)));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.51) 0%, rgba(0, 0, 0, 0.33) 28%, rgba(0, 0, 0, 0.23) 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 10px;
  padding-top: 5px;
}
.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-text-box .share-img-desc .share-map-name {
  font-size: 20px;
  -webkit-background-clip: text;
          background-clip: text;
}
.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-text-box .share-img-desc .share-map-author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 16px;
}
.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-text-box .share-img-desc .share-map-author::before {
  margin-right: 5px;
  content: '';
  display: block;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-54cfc6_54cfc6fb.png);background-size:1007px 1006px;
background-position:-932px -923px;
width:26px;
height:20px;

}
.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-text-box img {
  border-radius: 8px;
  width: 280px;
  height: 174px;
}

/** mixins **/
.workshop-item[data-v-743beeac] {
  width: 451px;
  margin: 10px 0;
  position: relative;
}
.workshop-item .item-content[data-v-743beeac] {
  width: 451px;
  height: 250px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/item-bg_19618977.png) no-repeat;
  background-size: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
}
.workshop-item[data-v-743beeac]:nth-child(1),
.workshop-item[data-v-743beeac]:nth-child(2),
.workshop-item[data-v-743beeac]:nth-child(3) {
  margin-top: 20px;
}
.workshop-item .cover-img[data-v-743beeac] {
  width: 447px;
  height: 246px;
  overflow: hidden;
  border-radius: 8px;
}
.workshop-item .cover-img img[data-v-743beeac] {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.workshop-item .item-top[data-v-743beeac],
.workshop-item .item-bottom[data-v-743beeac] {
  position: absolute;
  width: 447px;
  left: 2px;
  z-index: 2;
}
.workshop-item .item-bottom[data-v-743beeac] {
  font-size: 0;
}
.workshop-item .item-top[data-v-743beeac] {
  height: 41px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/top-mask_bde9b384.png) no-repeat;
  background-size: 100%;
  top: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.workshop-item .item-top .play-num[data-v-743beeac],
.workshop-item .item-top .hot-num[data-v-743beeac] {
  font-size: 18px;
  color: #fff;
  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;
}
.workshop-item .item-top .play-num i[data-v-743beeac],
.workshop-item .item-top .hot-num i[data-v-743beeac] {
  display: inline-block;
  margin-right: 6px;
}
.workshop-item .item-top .play-num[data-v-743beeac] {
  margin: 0 15px;
}
.workshop-item .item-top .play-num i[data-v-743beeac] {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-6a4b5b_6a4b5bd0.png);background-size:267px 175px;
background-position:-207px -90px;
width:20px;
height:22px;
}
.workshop-item .item-top .hot-num i[data-v-743beeac] {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-6a4b5b_6a4b5bd0.png);background-size:267px 175px;
background-position:-231px -90px;
width:20px;
height:22px;
}
.workshop-item .item-bottom[data-v-743beeac],
.workshop-item .item-info[data-v-743beeac] {
  height: 69px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/bottom-mask_b15d0459.png) no-repeat;
  background-size: 100%;
  bottom: 2px;
  padding-left: 11px;
  z-index: 2;
}
.workshop-item .item-bottom .desc[data-v-743beeac],
.workshop-item .item-info .desc[data-v-743beeac] {
  color: #fff;
  height: 100%;
  padding-top: 10px;
}
.workshop-item .item-bottom .desc .title[data-v-743beeac],
.workshop-item .item-info .desc .title[data-v-743beeac] {
  font-size: 22px;
  margin-bottom: 4px;
  width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
}
.workshop-item .item-bottom .desc .authors[data-v-743beeac],
.workshop-item .item-info .desc .authors[data-v-743beeac] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
}
.workshop-item .item-bottom .desc .name[data-v-743beeac],
.workshop-item .item-info .desc .name[data-v-743beeac] {
  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;
}
.workshop-item .item-bottom .desc .name i[data-v-743beeac],
.workshop-item .item-info .desc .name i[data-v-743beeac] {
  display: inline-block;
  margin-right: 6px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-6a4b5b_6a4b5bd0.png);background-size:267px 175px;
background-position:-236px -60px;
width:26px;
height:20px;
}
.workshop-item .item-bottom .desc .collaborator[data-v-743beeac],
.workshop-item .item-info .desc .collaborator[data-v-743beeac] {
  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: 20px;
}
.workshop-item .item-bottom .desc .collaborator i[data-v-743beeac],
.workshop-item .item-info .desc .collaborator i[data-v-743beeac] {
  display: inline-block;
  margin-right: 6px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-6a4b5b_6a4b5bd0.png);background-size:267px 175px;
background-position:-207px -60px;
width:25px;
height:26px;
}
.workshop-item .item-bottom .labels[data-v-743beeac],
.workshop-item .item-info .labels[data-v-743beeac] {
  position: absolute;
  right: 9px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.workshop-item .item-bottom .labels span[data-v-743beeac],
.workshop-item .item-info .labels span[data-v-743beeac] {
  margin: 5px;
  display: none;
}
.workshop-item .item-bottom .labels span[data-v-743beeac]:nth-child(1),
.workshop-item .item-info .labels span[data-v-743beeac]:nth-child(1) {
  display: inline-block;
}
.workshop-item .icon-hot[data-v-743beeac] {
  position: absolute;
  top: 8px;
  right: 2px;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-6a4b5b_6a4b5bd0.png);background-size:267px 175px;
background-position:-0px -134px;
width:106px;
height:37px;
}
.workshop-item .item-info[data-v-743beeac] {
  position: absolute;
  bottom: 0;
  width: 447px;
  background: transparent;
}
.workshop-item .item-card-mask[data-v-743beeac] {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.53);
  position: absolute;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.workshop-item .item-card-mask .in-review-icon[data-v-743beeac] {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-6a4b5b_6a4b5bd0.png) no-repeat;background-size:267px 175px;
background-position:-207px -0px;
width:56px;
height:56px;

  margin-bottom: 10px;
}
.workshop-item .item-card-mask p.tips[data-v-743beeac] {
  font-size: 24px;
  color: #fff;
}
.workshop-item .item-card-mask-level[data-v-743beeac] {
  z-index: 3;
  background: -webkit-gradient(linear, left top, left bottom, from(#405979), to(#2D405F));
  background: linear-gradient(180deg, #405979 0%, #2D405F 100%);
}
.workshop-item .item-card-mask-level .in-review-icon[data-v-743beeac] {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/sprite-6a4b5b_6a4b5bd0.png);background-size:267px 175px;
background-position:-0px -0px;
width:203px;
height:130px;
}
.workshop-item-m[data-v-743beeac] {
  width: 3.35rem;
  height: 2.79rem;
  position: relative;
  margin: 0.1rem 0;
}
.workshop-item-m[data-v-743beeac]:nth-child(1),
.workshop-item-m[data-v-743beeac]:nth-child(2),
.workshop-item-m[data-v-743beeac]:nth-child(3) {
  margin-top: 0.2rem;
}
.workshop-item-m .item-content[data-v-743beeac] {
  width: 3.35rem;
  height: 1.86rem;
  background: rgba(255, 255, 255, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.1rem;
}
.workshop-item-m .cover-img[data-v-743beeac] {
  width: 3.31rem;
  height: 1.82rem;
  overflow: hidden;
  border-radius: 0.1rem;
}
.workshop-item-m .cover-img img[data-v-743beeac] {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.workshop-item-m .item-top[data-v-743beeac],
.workshop-item-m .item-bottom[data-v-743beeac] {
  position: absolute;
  width: 3.31rem;
  left: 0.02rem;
}
.workshop-item-m .item-top[data-v-743beeac] {
  height: 0.41rem;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/top-mask_f703309d.png) no-repeat;
  background-size: 100%;
  top: 0.02rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.workshop-item-m .item-top .play-num[data-v-743beeac],
.workshop-item-m .item-top .hot-num[data-v-743beeac] {
  font-size: 0.2rem;
  color: #fff;
  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;
}
.workshop-item-m .item-top .play-num i[data-v-743beeac],
.workshop-item-m .item-top .hot-num i[data-v-743beeac] {
  display: inline-block;
  margin-right: 0.06rem;
  width: 0.19rem;
  height: 0.2rem;
}
.workshop-item-m .item-top .play-num[data-v-743beeac] {
  margin: 0 0.15rem;
}
.workshop-item-m .item-top .play-num i[data-v-743beeac] {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-play_444472aa.png);
  background-size: 100%;
}
.workshop-item-m .item-top .hot-num i[data-v-743beeac] {
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-hot_eb10d060.png);
  background-size: 100%;
}
.workshop-item-m .item-bottom[data-v-743beeac] {
  height: 0.36rem;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/bottom-mask_9da203e8.png) no-repeat;
  background-size: 100%;
  bottom: 0.02rem;
  padding-left: 11px;
  text-align: right;
  padding-top: 0.05rem;
  padding-right: 0.1rem;
  font-size: 0.24rem;
}
.workshop-item-m .icon-hot[data-v-743beeac] {
  position: absolute;
  top: 0.02rem;
  right: 0.01rem;
  width: 0.91rem;
  height: 0.33rem;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/tag-hot_32e72980.png);
  background-size: 100%;
}
.workshop-item-m .item-info[data-v-743beeac] {
  position: relative;
  width: 3.31rem;
  height: auto;
  padding-left: 0;
}
.workshop-item-m .item-info .desc[data-v-743beeac] {
  color: #fff;
  height: 100%;
  padding-top: 0.1rem;
}
.workshop-item-m .item-info .desc .title[data-v-743beeac] {
  font-size: 0.24rem;
  margin-bottom: 0.04rem;
  width: 1.87rem;
  height: 0.44rem;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/card-title-bg_fcb30a4e.png);
  background-size: 100%;
  padding-left: 0.25rem;
  padding-top: 0.05rem;
  white-space: nowrap;
}
.workshop-item-m .item-info .desc .name[data-v-743beeac] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.22rem;
  position: relative;
  left: -0.05rem;
  top: -0.1rem;
}
.workshop-item-m .item-info .desc .name i[data-v-743beeac] {
  display: inline-block;
  margin-right: 0.06rem;
  width: 0.55rem;
  height: 0.49rem;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-avatar_c442c2e7.png);
  background-size: 100%;
  margin-right: -0.1rem;
}
.workshop-item-m .item-info .desc .name.collaborator[data-v-743beeac] {
  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: 5px;
}
.workshop-item-m .item-info .desc .name.collaborator i[data-v-743beeac] {
  display: inline-block;
  margin-right: 0.04rem;
  width: 0.22rem;
  height: 0.23rem;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-avatar-collaborator_b0f1b354.png);
  background-size: 100%;
}
.workshop-item-m .item-info .labels[data-v-743beeac] {
  position: absolute;
  right: -3px;
  top: 15px;
}
.workshop-item-m .item-info .labels span[data-v-743beeac] {
  display: inline-block;
  margin: 5px;
  display: none;
}
.workshop-item-m .item-info .labels span[data-v-743beeac]:nth-child(1) {
  display: block;
}
.workshop-item-m .item-card-mask[data-v-743beeac] {
  border-radius: 0.1rem;
}
.workshop-item-m .item-card-mask .in-review-icon[data-v-743beeac] {
  width: 0.56rem;
  height: 0.56rem;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/icon-status_f1238336.png) no-repeat;
  background-size: 100%;
  margin-bottom: 0.1rem;
}
.workshop-item-m .item-card-mask p.tips[data-v-743beeac] {
  font-size: 0.24rem;
}
.workshop-item-m .item-card-mask-level .in-review-icon[data-v-743beeac] {
  width: 2.03rem;
  height: 1.3rem;
  background: url(https://h.res.netease.com/pc/zt/20240729112326/assets/card-del_53a11c41.png) no-repeat;
  background-size: 100%;
}