/** mixins **/

@charset "utf-8";

/** mixins **/

* {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* Noto黑体简体 */

@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff') format('woff');
  font-weight: 700;
}

/* Noto黑体繁体 */

@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-500.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-700.woff') format('woff');
  font-weight: 700;
}

/* Noto黑体日语 */

@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-300.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-500.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-700.woff') format('woff');
  font-weight: 700;
}

/* Noto黑体韩语 */

@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff') format('woff');
  font-weight: 700;
}

/* Noto黑体泰语 */

@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-300.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-500.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-700.woff') format('woff');
  font-weight: 700;
}

html {
  font-family: "Noto Sans SC", sans-serif;
}

[lang|="zh-hant"],
[lang|="zh-hans"],
[lang|="zh-cht"],
[lang=zh-hk],
[lang=zh-tw] {
  font-family: "Noto Sans TC", sans-serif;
}

[lang|="jp"] {
  font-family: "Noto Sans JP", sans-serif;
}

[lang|="kr"] {
  font-family: "Noto Sans KR", sans-serif;
}

[lang|="th"] {
  font-family: "Noto Sans Thai", sans-serif;
}

/* CSS Document */

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu,
select {
  margin: 0;
  padding: 0;
}

html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: normal;
  font-style: normal;
}

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;
}

html {
  -webkit-filter: brightness(1) !important;
  filter: brightness(1) !important;
}

.btn-go {
  text-align: center;
  line-height: 0.66rem;
}

.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background: rgba(255, 255, 255, 0);
}

.sort-icon {
  z-index: 2;
  display: inline-block;
  cursor: pointer;
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 0.1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/filtrate_6de37d72.png) no-repeat;
  background-size: 100% auto;
}

.filter-icon {
  z-index: 2;
  display: inline-block;
  cursor: pointer;
  width: 0.6rem;
  height: 0.6rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/filter-icon_516b25f5.png) no-repeat;
  background-size: 100% auto;
  vertical-align: bottom;
}

.el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.popover-select::after {
  pointer-events: none;
}

.sort-icon-2 {
  z-index: 2;
  display: inline-block;
  cursor: pointer;
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 0.1rem;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/filtrate_6de37d72.png) no-repeat;
  background-size: 100% auto;
}

.work-tab {
  position: absolute;
  right: 0.34rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.98rem;
  height: 0.54rem;
  border-radius: 126.4386rem;
  margin-top: -0.55rem;
  background: rgba(86, 147, 139, 0.5);
}

.work-tab 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;
  width: 50%;
  color: #fff;
  font-size: 0.26rem;
  cursor: pointer;
}

.work-tab span.active {
  border-radius: 126.4386rem;
  background: #56938B;
}

.work-tab.Seek {
  width: 4rem;
  position: relative;
  height: 0.54rem;
  border-radius: 0;
  background-color: normal;
  margin-left: 0.7rem;
  margin-top: 1rem;
  background-color: transparent;
}

.work-tab.Seek::after {
  position: absolute;
  content: '';
  bottom: 0;
  width: 6.8rem;
  height: 0.01rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/line_23a3c90e.png) no-repeat center center;
  background-size: 100% auto;
}

.work-tab.Seek span {
  font-size: 0.26rem;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  letter-spacing: 0;
  color: #5CB39F;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -20.4rem -8.49rem;
  width: 1.56rem;
  height: 0.54rem;
}

.work-tab.Seek span:last-child {
  margin-left: 0.12rem;
}

.work-tab.Seek span.active {
  color: #FFF;
  border-radius: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -20.57rem -9.53rem;
  width: 1.56rem;
  height: 0.54rem;
}

.work-tab.Seek.ss {
  margin-top: 1rem;
}

.work-tab.Seek.min {
  margin-top: 0;
  margin-bottom: 0.2rem;
}

.work-tab.Seek-s {
  margin-top: 1rem;
}

.myIdx {
  z-index: 2;
  margin-left: 0.18rem;
}

.myIdx .el-checkbox__input .el-checkbox__inner {
  position: relative;
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 50%;
  background-color: transparent;
  border: 0.02rem solid #84BCB1;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.myIdx .el-checkbox__input .el-checkbox__inner::after {
  display: none;
}

.myIdx .el-checkbox__label {
  padding-left: 0.1rem;
  font-size: 0.24rem;
}

.myIdx .is-checked .el-checkbox__inner::after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 0 solid transparent;
  width: 0.2rem;
  height: 0.2rem;
  background: #84BCB1;
  border-radius: 50%;
  padding: 0;
  margin: 0;
}

.vote-filter-tab-bg .is-checked .el-checkbox__label {
  color: #84BCB1;
}

.el-popover {
  z-index: 10001 !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  min-width: 0;
  width: 6.9rem !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #F5F9FA;
  padding: 0.16rem 0;
}

.el-popover .title {
  width: 1.6rem;
  height: 0.45rem;
  line-height: 0.45rem;
  color: #FFF;
  text-indent: 1em;
  font-size: 0.24rem;
  font-weight: 500;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/popover-title_2f78d48e.png) no-repeat;
  background-size: 100% auto;
}

.el-popover .btn {
  width: 4.4rem;
  margin: 0.2rem auto 0.25rem auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.el-popover .btn .notarize {
  width: 2.19rem;
  height: 0.65rem;
  line-height: 0.65rem;
  padding: 0;
  text-align: center;
  font-size: 0.28rem;
  color: #fff;
  font-weight: 500;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/popover-btn_fba82699.png) no-repeat;
  background-size: 100% auto;
}

.el-popover .btn .reset {
  width: 2.19rem;
  height: 0.65rem;
  line-height: 0.65rem;
  padding: 0;
  text-align: center;
  font-size: 0.28rem;
  color: #56A688;
  font-weight: 500;
  background-color: transparent;
  border-color: #56A688;
  border-radius: 0.35rem;
  margin-left: 0.2rem;
}

.el-popover .itemTap {
  width: 103%;
  margin: 0.05rem auto;
  padding-left: 0.23rem;
}

.el-popover .itemTap .el-radio-button {
  display: inline-block;
  margin: 0.1rem auto;
  margin-right: 0.16rem;
  cursor: pointer;
  border-radius: 0.04rem;
  color: #7C7C7C;
  font-size: 0.12rem;
  border: 0.01rem solid #7C7C7C;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.el-popover .itemTap .el-radio-button:hover {
  border: 0.01rem solid #595959;
}

.el-popover .itemTap .el-radio-button:hover .el-radio-button__inner {
  color: #595959;
  font-weight: 500;
}

.el-popover .itemTap .el-radio-button__inner {
  width: 1.45rem;
  height: 0.42rem;
  font-size: 0.24rem;
  font-weight: 400;
  border-radius: 0.04rem;
  line-height: 0.43rem;
  padding: 0;
  color: #7C7C7C;
  border: 0 solid #7C7C7C;
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

.el-popover .itemTap .is-active {
  border: 0.01rem solid #FEEEBA;
}

.el-popover .itemTap .is-active:hover {
  border: 0.01rem solid #FEEEBA;
}

.el-popover .itemTap .is-active .el-radio-button__inner {
  color: #595959;
  background: #FEEEBA;
}

.el-popover .itemTap .is-active .el-radio-button__inner:hover {
  font-weight: 500;
  -webkit-filter: brightness(1.03);
  filter: brightness(1.03);
}

.no-amimation {
  width: 0.92rem !important;
  height: 0.92rem !important;
  margin-right: 0.15rem;
  -webkit-animation: none !important;
  animation: none !important;
}

.no-amimation.jh-30 {
  background-position: 0 -100%;
}

.no-amimation.jh-8 {
  background-position: 0 -100%;
}

.no-amimation.nxh-9 {
  background-position: 0 -100%;
}

.yidun_panel {
  z-index: 5;
}

.activityShutdown {
  text-align: left;
}

.leihuo-feedback-global-pop .leihuo-copr-filepicker {
  width: 100% !important;
}

body {
  margin: 0 auto;
  width: 100%;
  font-size: 0.26rem;
  word-break: break-all;
  position: relative;
  font-family: fzlth, "Microsoft YaHei", sans-serif;
}

body.hid {
  overflow: hidden;
}

body::before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/bg-center_26b0d4dc.jpg) no-repeat center center;
  background-size: cover;
}

.body-top {
  background: #d7eddf;
}

.lv {
  padding: 0.02rem 0.1rem;
  height: 0.25rem;
  border-radius: 0.23rem;
  background: #ffe1a8;
  color: #c4963e;
  font-size: 0.14rem;
  position: absolute;
  bottom: -0.02rem;
  right: -0.15rem;
  text-align: center;
  line-height: 0.25rem;
}

.lv2 {
  padding: 0.02rem 0.1rem;
  height: 0.3rem;
  border-radius: 0.23rem;
  background: #ffe1a8;
  color: #c4963e;
  font-size: 0.22rem;
  position: absolute;
  bottom: 0;
  right: -0.13rem;
  text-align: center;
  z-index: 3;
  line-height: 0.3rem;
}

.v-modal {
  z-index: 1000000 !important;
}

.el-message-box__wrapper {
  z-index: 1000001 !important;
}

.leihuo-feedback {
  z-index: 9;
  bottom: 3.2rem !important;
}

.leihuo-feedback-global-pop {
  position: relative;
  z-index: 1000001 !important;
}

.btn-copyright {
  bottom: 1.25rem !important;
}

.leihuo-img-corp-filepicker-modal .crop-img-modal .btn.confirm {
  background-color: #85b7da !important;
}

.body-center .story {
  display: none !important;
}

.leihuo-img-corp-filepicker-modal,
.el-loading-mask {
  z-index: 1000002 !important;
}

#copyright {
  position: relative;
  z-index: 9998;
}

.leihuo-feedback {
  z-index: 14;
}

.leihuo-copyright.layout-toggle .footer {
  z-index: 100 !important;
}

.top-go {
  z-index: 25;
  cursor: pointer;
  position: fixed;
  right: 0.8rem;
  bottom: 2rem;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -13.26rem;
  width: 1.31rem;
  height: 1.59rem;
}

#forhorview {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000;
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
  z-index: 9999;
}

#forhorview p {
  text-align: center;
  color: #fff;
  position: relative;
  top: 35%;
  font-size: 0.3rem;
}

.el-message-box {
  max-width: 80%;
}

.pop {
  z-index: 100000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-animation: exampleShow 200ms forwards;
  animation: exampleShow 200ms forwards;
}

.pop .bg-toast {
  width: 3rem;
  height: 1.8rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 0.23rem;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 0.21rem;
  color: #fff;
}

.pop .bg-toast::after {
  position: absolute;
  content: "";
  top: 0.45rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.4rem -9.6rem;
  width: 0.48rem;
  height: 0.48rem;
}

.pop .bg-toast .text {
  position: absolute;
  top: 1.15rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.pop .bg-alert,
.pop .bg-confirm,
.pop .bg-avatar,
.pop .bg-report,
.pop .bg-subscribe,
.pop .bg-popMin,
.pop .bg-follows {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-46%, -50%);
  transform: translate(-46%, -50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/min-bg_e747b565.png) no-repeat;
  background-size: contain;
  width: 6.52rem;
  height: 5.43rem;
}

.pop .bg-alert .content,
.pop .bg-confirm .content,
.pop .bg-avatar .content,
.pop .bg-report .content,
.pop .bg-subscribe .content,
.pop .bg-popMin .content,
.pop .bg-follows .content {
  margin-top: 0.5rem;
  position: relative;
  width: 6rem;
  height: 6rem;
}

.pop .bg-alert .content .el-input__inner,
.pop .bg-confirm .content .el-input__inner,
.pop .bg-avatar .content .el-input__inner,
.pop .bg-report .content .el-input__inner,
.pop .bg-subscribe .content .el-input__inner,
.pop .bg-popMin .content .el-input__inner,
.pop .bg-follows .content .el-input__inner {
  border-color: #84bca9;
  height: 0.6rem;
}

.pop .bg-alert .content .x,
.pop .bg-confirm .content .x,
.pop .bg-avatar .content .x,
.pop .bg-report .content .x,
.pop .bg-subscribe .content .x,
.pop .bg-popMin .content .x,
.pop .bg-follows .content .x {
  z-index: 3;
  cursor: pointer;
  position: absolute;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.44rem -20.9rem;
  width: 0.52rem;
  height: 0.52rem;
  top: 0.08rem;
  right: 0.2rem;
}

.pop .bg-alert .content .title,
.pop .bg-confirm .content .title,
.pop .bg-avatar .content .title,
.pop .bg-report .content .title,
.pop .bg-subscribe .content .title,
.pop .bg-popMin .content .title,
.pop .bg-follows .content .title {
  font-family: 'fzcjljt';
  position: absolute;
  width: 100%;
  height: 0.65rem;
  line-height: 0.7rem;
  left: 50%;
  top: 0.37rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 0.4rem;
  color: #ffffff;
}

.pop .bg-alert .content .text,
.pop .bg-confirm .content .text,
.pop .bg-avatar .content .text,
.pop .bg-report .content .text,
.pop .bg-subscribe .content .text,
.pop .bg-popMin .content .text,
.pop .bg-follows .content .text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 1rem;
  width: 100%;
  height: 2.5rem;
  text-align: center;
  padding: 0.3rem;
  color: #595959;
  font-size: 0.24rem;
}

.pop .bg-alert .content .btn-go,
.pop .bg-confirm .content .btn-go,
.pop .bg-avatar .content .btn-go,
.pop .bg-report .content .btn-go,
.pop .bg-subscribe .content .btn-go,
.pop .bg-popMin .content .btn-go,
.pop .bg-follows .content .btn-go {
  font-family: 'fzcjljt';
  display: inline-block;
  width: 1.89rem;
  height: 0.69rem;
  line-height: 0.69rem;
  position: absolute;
  top: 3.1rem;
  left: 50%;
  -webkit-transform: translateX(-130%);
  transform: translateX(-130%);
  margin-right: 1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/orange-btn_4c4fccea.png) no-repeat center center;
  background-size: 100% auto;
  font-size: 0.26rem;
  color: #756833;
  -webkit-transition: scale(1.3);
  transition: scale(1.3);
}

.pop .bg-alert .content .noRole,
.pop .bg-confirm .content .noRole,
.pop .bg-avatar .content .noRole,
.pop .bg-report .content .noRole,
.pop .bg-subscribe .content .noRole,
.pop .bg-popMin .content .noRole,
.pop .bg-follows .content .noRole {
  width: 3.22rem;
  height: 0.7rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/role-1_716651ca.png) no-repeat center center;
  background-size: 100% auto;
}

.pop .bg-alert .content .btn-back,
.pop .bg-confirm .content .btn-back,
.pop .bg-avatar .content .btn-back,
.pop .bg-report .content .btn-back,
.pop .bg-subscribe .content .btn-back,
.pop .bg-popMin .content .btn-back,
.pop .bg-follows .content .btn-back {
  font-family: 'fzcjljt';
  text-align: center;
  position: absolute;
  line-height: 0.65rem;
  top: 3.1rem;
  left: 50%;
  -webkit-transform: translateX(30%);
  transform: translateX(30%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/blue-btn_93a92993.png) no-repeat;
  background-size: 100% auto;
  width: 1.92rem;
  height: 0.7rem;
  color: #fff;
  font-size: 0.26rem;
}

.pop .bg-alert .content .getUserName,
.pop .bg-confirm .content .getUserName,
.pop .bg-avatar .content .getUserName,
.pop .bg-report .content .getUserName,
.pop .bg-subscribe .content .getUserName,
.pop .bg-popMin .content .getUserName,
.pop .bg-follows .content .getUserName {
  position: absolute;
  top: 1rem;
  padding-right: 0.5rem;
  width: 100%;
  text-align: right;
}

.pop .bg-alert .content .getUserName-name,
.pop .bg-confirm .content .getUserName-name,
.pop .bg-avatar .content .getUserName-name,
.pop .bg-report .content .getUserName-name,
.pop .bg-subscribe .content .getUserName-name,
.pop .bg-popMin .content .getUserName-name,
.pop .bg-follows .content .getUserName-name {
  display: inline-block;
  color: #1e3e5f;
  font-size: 0.16rem;
}

.pop .bg-alert .content .getUserName-back,
.pop .bg-confirm .content .getUserName-back,
.pop .bg-avatar .content .getUserName-back,
.pop .bg-report .content .getUserName-back,
.pop .bg-subscribe .content .getUserName-back,
.pop .bg-popMin .content .getUserName-back,
.pop .bg-follows .content .getUserName-back {
  display: inline-block;
  text-decoration: underline;
  cursor: pointer;
  color: #1e3e5f;
  line-height: 0.4rem;
  font-size: 0.16rem;
}

.pop .bg-popMin .text {
  color: #595959 !important;
  font-size: 0.3rem !important;
}

.pop .bg-popMin .content .btn-go {
  color: #fff;
  width: 1.92rem;
  height: 0.7rem;
  line-height: 0.66rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/blue-btn_ec3a29a3.png) no-repeat center center;
  background-size: 100% auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.pop .bg-follows {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/min-like-bg_eaeb8ec3.png) no-repeat;
  background-size: contain;
  width: 4.21rem;
  height: 3.01rem;
}

.pop .bg-follows .content {
  width: 5.07rem;
  height: 3.15rem;
}

.pop .bg-follows .content .x {
  display: none;
  top: 0.45rem;
  right: 0.35rem;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}

.pop .bg-follows .content .x:hover {
  -webkit-transform: scale(0.7) rotate(90deg);
  transform: scale(0.7) rotate(90deg);
}

.pop .bg-follows .content .text {
  top: 0.25rem;
  height: 1.75rem;
}

.pop .bg-follows .content .btn-back {
  color: #595959;
  top: 1.6rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -16.7rem;
  width: 1.92rem;
  height: 0.7rem;
  -webkit-transform: translateX(-110%);
  transform: translateX(-110%);
}

.pop .bg-follows .content .btn-go {
  color: #fff;
  top: 1.6rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -17.42rem;
  width: 1.92rem;
  height: 0.7rem;
  -webkit-transform: translateX(10%);
  transform: translateX(10%);
}

.pop .bg-subscribe {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/max-bg_856631d6.png) no-repeat;
  width: 6.52rem;
  height: 7.83rem;
  background-size: contain;
}

.pop .bg-subscribe .text {
  color: #595959 !important;
  font-size: 0.3rem !important;
}

.pop .bg-subscribe .subscribe {
  position: relative;
  top: 1rem;
}

.pop .bg-subscribe .content .btn-go {
  color: #fff;
  width: 1.92rem;
  height: 0.7rem;
  line-height: 0.66rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/blue-btn_ec3a29a3.png) no-repeat center center;
  background-size: 100% auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0.3rem;
  top: auto;
}

.pop .bg-alert .content .btn-go {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.pop .bg-report {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/max-bg_856631d6.png) no-repeat;
  width: 6.52rem;
  height: 7.83rem;
  background-size: contain;
  color: #595959;
}

.pop .bg-report .cause {
  font-size: 0.18rem !important;
  color: #595959;
}

.pop .bg-report .cause .el-radio__label {
  font-size: 0.18rem !important;
  position: relative;
}

.pop .bg-report .cause .el-radio__label::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -0.15rem;
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 50%;
  border: 0.01rem solid #3f786e;
}

.pop .bg-report .cause .el-radio__input.is-checked + .el-radio__label {
  color: #595959;
}

.pop .bg-report .cause .el-radio__input.is-checked + .el-radio__label::after {
  content: "";
  position: absolute;
  left: -0.15rem;
  width: 0.18rem;
  height: 0.18rem;
  background-color: #3f786e;
}

.pop .bg-report .el-radio__input {
  display: none;
}

.pop .bg-report .report,
.pop .bg-report .compilePop {
  position: absolute;
  top: 0.78rem;
  width: 100%;
  min-width: 6.94rem;
  height: 2.3rem;
  padding: 0.1rem 1.5rem 0 0.54rem;
  color: #595959;
  font-size: 0.22rem;
}

.pop .bg-report .report .content-title,
.pop .bg-report .compilePop .content-title {
  position: relative;
  left: 0.23rem;
  font-size: 0.24rem;
}

.pop .bg-report .report .content-title::after,
.pop .bg-report .compilePop .content-title::after {
  content: "";
  position: absolute;
  left: -0.25rem;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1.3);
  transform: translateY(-50%) scale(1.3);
  width: 0.12rem;
  height: 0.12rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 17.696471rem 15.861176rem;
  background-position: -17.569412rem -9.670588rem;
}

.pop .bg-report .report-name,
.pop .bg-report .compilePop-name {
  margin-left: -0.2rem;
  width: 100%;
  font-size: 0.2rem;
  line-height: 0.5rem;
}

.pop .bg-report .report-name .name,
.pop .bg-report .compilePop-name .name {
  font-size: 0.18rem;
  margin-left: 0.2rem;
}

.pop .bg-report .report-cause,
.pop .bg-report .compilePop-cause {
  margin-left: 0.1rem;
  width: 100%;
  font-size: 0.2rem;
  line-height: 0.5rem;
}

.pop .bg-report .report-cause .content-title,
.pop .bg-report .compilePop-cause .content-title {
  left: -0.07rem !important;
}

.pop .bg-report .report-uploading,
.pop .bg-report .compilePop-uploading {
  margin-top: 0.1rem;
}

.pop .bg-report .report-uploading .leihuo-copr-filepicker,
.pop .bg-report .compilePop-uploading .leihuo-copr-filepicker {
  position: relative;
  width: 2.5rem;
  height: 2rem;
}

.pop .bg-report .report-uploading .file-picker,
.pop .bg-report .compilePop-uploading .file-picker {
  position: absolute;
  top: 0;
  border: 0.02rem solid #3f786e;
  -webkit-box-shadow: 0 0.02rem 0.1rem 0.01rem #8183874d;
  box-shadow: 0 0.02rem 0.1rem 0.01rem #8183874d;
  background: #ececec;
}

.pop .bg-report .report-uploading img,
.pop .bg-report .compilePop-uploading img {
  border: 0.02rem solid #3f786e;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-size: 100% auto;
}

.pop .bg-report .report-uploading .back,
.pop .bg-report .compilePop-uploading .back {
  cursor: pointer;
  z-index: 3;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.86rem -10.23rem;
  width: 0.43rem;
  height: 0.42rem;
}

.pop .bg-report .report-uploading .back2,
.pop .bg-report .compilePop-uploading .back2 {
  cursor: pointer;
  z-index: 3;
  position: absolute;
  top: 0.25rem;
  right: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.29rem -15.26rem;
  width: 0.27rem;
  height: 0.27rem;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}

.pop .bg-report .report-uploading .back2:hover,
.pop .bg-report .compilePop-uploading .back2:hover {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}

.pop .bg-report .compilePop {
  height: auto;
  position: absolute;
  top: 0.9rem;
  padding: 0 1.5rem 0 0.54rem;
}

.pop .bg-report .compilePop .el-input__count {
  background: rgba(0, 0, 0, 0) !important;
}

.pop .bg-report .compilePop .btn-go {
  top: 6.3rem !important;
}

.pop .bg-report .compilePop .content-title {
  margin-left: -0.2rem;
  color: #595959;
  font-size: 0.24rem;
  margin-top: 0.3rem;
}

.pop .bg-report .compilePop-name,
.pop .bg-report .compilePop-remark {
  margin-left: 0;
}

.pop .bg-report .compilePop-name .pop-input,
.pop .bg-report .compilePop-remark .pop-input {
  display: inline-block;
  height: 0.38rem;
  width: 100%;
}

.pop .bg-report .compilePop-name .pop-input input,
.pop .bg-report .compilePop-remark .pop-input input {
  color: #505050;
  -webkit-text-fill-color: #505050;
  padding: 0 0.3rem;
  font-size: 0.22rem;
  line-height: 0.38rem;
  background: rgba(255, 255, 255, 0.5);
  border: 0 solid #fff;
  border-radius: 0.08rem;
}

.pop .bg-report .compilePop-name .pop-input .el-input__count,
.pop .bg-report .compilePop-remark .pop-input .el-input__count {
  color: #505050;
  font-size: 0.16rem;
  margin-right: 0.05rem;
}

.pop .bg-report .compilePop-name .pop-input .el-input__count .el-input__count-inner,
.pop .bg-report .compilePop-remark .pop-input .el-input__count .el-input__count-inner {
  background: rgba(255, 255, 255, 0);
}

.pop .bg-report .compilePop-name .pop-textarea,
.pop .bg-report .compilePop-remark .pop-textarea {
  width: 100%;
  margin-top: 0.1rem;
}

.pop .bg-report .compilePop-name .pop-textarea textarea,
.pop .bg-report .compilePop-remark .pop-textarea textarea {
  max-height: 1.1rem !important;
  min-height: 1.1rem !important;
  color: #505050;
  -webkit-text-fill-color: #505050;
  padding: 0 0.3rem;
  font-size: 0.22rem;
  line-height: 0.38rem;
  padding-bottom: 0.5rem;
  background: rgba(255, 255, 255, 0.5);
  border: 0 solid #fff;
  border-radius: 0.08rem;
}

.pop .bg-report .compilePop-label .el-checkbox-group {
  max-height: 1rem;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.1rem 0 0.1rem 0.2rem;
  margin-top: 0.2rem;
}

.pop .bg-report .compilePop-label .el-checkbox-group::-webkit-scrollbar {
  width: 0.03rem;
  height: 0.01rem;
  background-color: #fff;
}

.pop .bg-report .compilePop-label .el-checkbox-group::-webkit-scrollbar-thumb {
  background-color: #999;
}

.pop .bg-report .compilePop-label .el-checkbox-button__inner {
  padding: 0.06rem 0.13rem;
  font-size: 0.14rem;
  background: rgba(0, 0, 0, 0);
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  color: #5d5d5d;
  border-radius: 0.05rem;
  border: 0.01rem solid #8dc7b3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pop .bg-report .compilePop-label .is-checked .el-checkbox-button__inner {
  color: #595959 !important;
  border: 0.01rem solid rgba(0, 0, 0, 0);
  background: #f4e0a0;
  -webkit-box-shadow: 0 0 0 0 #8cc5ff;
  box-shadow: 0 0 0 0 #8cc5ff;
}

.pop .bg-report .content .text {
  display: none;
}

.pop .bg-report .content .btn-go {
  color: #fff;
  font-size: 0.24rem;
  width: 1.92rem;
  height: 0.7rem;
  line-height: 0.66rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/blue-btn_ec3a29a3.png) no-repeat center center;
  background-size: 100%;
  top: 6.1rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-top: 0;
}

.pop .bg-img,
.pop .bg-video {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.pop .bg-img .magnifying,
.pop .bg-video .magnifying {
  margin: 0 auto;
}

.pop .bg-img .magnifying img,
.pop .bg-video .magnifying img,
.pop .bg-img .magnifying .video,
.pop .bg-video .magnifying .video {
  max-height: calc(100vh * 0.8);
  width: calc(100vw * 0.8);
  background-size: 100% auto;
}

.pop .bg-img .swiper-button-next,
.pop .bg-video .swiper-button-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0.2rem;
  -webkit-transform: translateY(-50%) scale(1.5);
  transform: translateY(-50%) scale(1.5);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.72rem -7.01rem;
  width: 0.32rem;
  height: 0.42rem;
}

.pop .bg-img .swiper-button-prev,
.pop .bg-video .swiper-button-prev {
  position: absolute;
  top: 50%;
  left: 0.2rem;
  -webkit-transform: translateY(-50%) scale(1.5);
  transform: translateY(-50%) scale(1.5);
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.72rem -7.45rem;
  width: 0.32rem;
  height: 0.42rem;
}

.pop .bg-img .swiper-container,
.pop .bg-video .swiper-container {
  position: relative;
  width: 100vw;
  max-width: 19.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pop .bg-img .swiper-container .swiper-wrapper,
.pop .bg-video .swiper-container .swiper-wrapper {
  width: 100%;
  height: auto;
  margin: auto auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.pop .bg-img .swiper-container .swiper-wrapper .swiper-slide,
.pop .bg-video .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  float: left;
}

.pop .bg-img .swiper-container .swiper-wrapper img,
.pop .bg-video .swiper-container .swiper-wrapper img {
  width: 19.2rem;
  max-width: 100vw;
  background-repeat: no-repeat;
  margin: 0 auto;
}

.pop .bg-img .swiper-container .swiper-wrapper .el-carousel__arrow--left,
.pop .bg-video .swiper-container .swiper-wrapper .el-carousel__arrow--left {
  width: 0.35rem;
  height: 0.41rem;
  left: 1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/left-icon-h_7affa3b1.png);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

.pop .bg-img .swiper-container .swiper-wrapper .el-carousel__arrow--left:hover,
.pop .bg-video .swiper-container .swiper-wrapper .el-carousel__arrow--left:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/left-icon_db3f9c16.png);
}

.pop .bg-img .swiper-container .swiper-wrapper .el-carousel__arrow--left .el-icon-arrow-left::before,
.pop .bg-video .swiper-container .swiper-wrapper .el-carousel__arrow--left .el-icon-arrow-left::before {
  content: "" !important;
}

.pop .bg-img .swiper-container .swiper-wrapper .el-carousel__arrow--right,
.pop .bg-video .swiper-container .swiper-wrapper .el-carousel__arrow--right {
  right: 1rem;
  width: 0.35rem;
  height: 0.41rem;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/right-icon-h_d52495ab.png);
}

.pop .bg-img .swiper-container .swiper-wrapper .el-carousel__arrow--right:hover,
.pop .bg-video .swiper-container .swiper-wrapper .el-carousel__arrow--right:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/right-icon_8b823f97.png);
}

.pop .bg-img .swiper-container .swiper-wrapper .el-carousel__arrow--right .el-icon-arrow-right::before,
.pop .bg-video .swiper-container .swiper-wrapper .el-carousel__arrow--right .el-icon-arrow-right::before {
  content: "" !important;
}

.pop .bg-img .swiper-pagination,
.pop .bg-video .swiper-pagination {
  position: absolute;
  bottom: 0.7rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 0.08rem;
  display: -webkit-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;
}

.pop .bg-img .swiper-pagination span,
.pop .bg-video .swiper-pagination span {
  cursor: pointer;
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  background: #fff;
  border-radius: 0.16rem;
  opacity: 0.3;
  margin-right: 0.15rem;
}

.pop .bg-img .swiper-pagination .swiper-pagination-bullet-active,
.pop .bg-video .swiper-pagination .swiper-pagination-bullet-active {
  width: 0.5rem;
  height: 0.16rem;
  background: #fff;
  opacity: 0.8;
}

.pop .bg-img .x,
.pop .bg-video .x {
  z-index: 3;
  cursor: pointer;
  position: absolute;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.44rem -20.9rem;
  width: 0.52rem;
  height: 0.52rem;
  top: 0.2rem;
  right: 0.2rem;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}

.pop .bg-avatar {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -0 -0;
  width: 6.52rem;
  height: 6.99rem;
}

.pop .bg-avatar .pop-upLock-avatar {
  display: block;
  position: relative;
  top: 1.7rem;
  margin: 0 auto;
  width: 1.18rem;
  height: 1.18rem;
}

.pop .bg-avatar .pop-upLock-avatar .pop-upLock-icon {
  z-index: 2;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.58rem -21.46rem;
  width: 0.31rem;
  height: 0.31rem;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.pop .bg-avatar .pop-upLock-avatar img {
  position: absolute;
  border-radius: 50%;
  width: 1.08rem;
  height: 1.08rem;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: cover;
  background-position: center center;
}

.pop .bg-avatar .pop-upLock-avatar .pop-upLock-img {
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.12);
  transform: translate(-50%, -50%) scale(1.12);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -17.4rem -15.26rem;
  width: 1.71rem;
  height: 1.71rem;
}

.pop .bg-avatar .pop-upLock-avatar .file-picker {
  z-index: 3;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 0 solid #fff;
}

.pop .bg-avatar .pop-upLock-input {
  display: inline-block;
  z-index: 3;
  position: relative;
  top: 2.7rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 4.3rem;
  height: 0.4rem;
}

.pop .bg-avatar .pop-upLock-input .name {
  position: absolute;
  top: 0;
  display: inline-block;
  width: 0.8rem;
  height: 0.4rem;
  background: #fff;
  border-top-left-radius: 0.03rem;
  border-bottom-left-radius: 0.03rem;
  line-height: 0.4rem;
  color: #505050;
  text-align: center;
  font-size: 0.24rem;
}

.pop .bg-avatar .pop-upLock-input .pop-upLock-name {
  position: absolute;
  top: 0;
  left: 0.79rem;
  display: inline-block;
  height: 0.4rem;
  width: 3.6rem;
}

.pop .bg-avatar .pop-upLock-input .pop-upLock-name input {
  color: #505050;
  -webkit-text-fill-color: #505050;
  padding: 0 0.3rem;
  font-size: 0.22rem;
  line-height: 0.4rem;
  height: 0.4rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 255, 252, 0.5)), color-stop(51%, #E4F8FA));
  background: linear-gradient(180deg, rgba(240, 255, 252, 0.5) 0%, #E4F8FA 51%);
  border: 0 solid #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.03rem;
  border-bottom-right-radius: 0.03rem;
}

.pop .bg-avatar .pop-upLock-input .pop-upLock-name .el-input__count-inner {
  font-size: 0.18rem;
  color: #505050;
  background: rgba(0, 0, 0, 0);
}

.pop .bg-avatar .content .text {
  top: 2.4rem;
}

.pop .bg-avatar .content .btn-go {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 4.55rem;
  display: inline-block;
  width: 1.89rem;
  height: 0.69rem;
  line-height: 0.69rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/blue-btn_93a92993.png) no-repeat center center;
  background-size: 100% auto;
  font-size: 0.28rem;
  color: #fff;
}

.pop2 {
  left: 50%;
  top: 50%;
  width: 3.5rem;
  height: 2.2rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0);
  color: #fff;
  -webkit-animation: exampleShow2 1000ms forwards linear;
  animation: exampleShow2 1000ms forwards linear;
}

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

  100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 1;
  }
}

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

  30% {
    opacity: 1;
  }

  70% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

  30% {
    opacity: 1;
  }

  70% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.masonry-detail-bg {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/bg-center_26b0d4dc.jpg) no-repeat center center;
  vertical-align: top;
  display: inline-block;
  z-index: 233;
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 6.68rem;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-animation: detailBg 200ms forwards;
  animation: detailBg 200ms forwards;
}

@-webkit-keyframes detailBg {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

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

@keyframes detailBg {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

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

.masonry-detail-bg .masonry-detail-scroll {
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  min-width: 8.25rem;
  height: 100%;
  min-height: 100vh;
  left: 0;
}

.masonry-detail-bg .masonry-detail-scroll::-webkit-scrollbar {
  width: 0.03rem;
  height: 0.03rem;
  background-color: #f0fafd;
}

.masonry-detail-bg .masonry-detail-scroll::-webkit-scrollbar-thumb {
  background-color: #84bcb1;
}

.magnifying-hint {
  -webkit-transform: scale(0.55);
  transform: scale(0.55);
  position: absolute;
  left: -2rem;
  top: -0.2rem;
}

.hint {
  position: relative;
  color: #5c897e;
  margin: 1.5rem 0 0 0;
  font-family: 'fzcjljt';
}

.hint p {
  line-height: 0.55rem;
}

.hint > p:nth-child(1) {
  position: relative;
  font-size: 0.48rem;
}

.hint .text-icon {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.81rem -4.9rem;
  width: 0.5rem;
  height: 0.51rem;
  z-index: 10;
}

.hint .text-icon div {
  position: absolute;
  top: -4.3rem;
  left: -4.4rem;
  font-size: 0.18rem;
  color: #595959;
  display: none;
  padding: 0 0.3rem;
  font-family: 'NotoSansSC';
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/hot-bg_dadf4a4d.png) no-repeat center center;
  background-size: 100% auto;
  width: 6.55rem;
  height: 4.28rem;
  font-size: 0.24rem;
  text-align: left;
}

.hint .text-icon div p:nth-child(1) {
  color: #3b9771;
  font-size: 0.26rem;
  margin: 0.2rem 0;
}

.hint .text-icon div p {
  line-height: 0.38rem;
}

.hint .text-icon div p span {
  color: #f4a558;
  font-size: 0.26rem;
}

.hint .text-icon div p:nth-child(2) {
  margin-bottom: 0.2rem;
}

.hint .text-icon:hover > div {
  display: block;
}

.hint > p:nth-child(3) {
  font-size: 0.28rem;
  line-height: 0.4rem;
}

.hint > p:nth-child(4) {
  font-size: 0.28rem;
  line-height: 0.4rem;
}

.confirm-btn {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/yy-btn_34232857.png) no-repeat center center !important;
  background-size: cover !important;
  width: 5.62rem !important;
  height: 0.79rem !important;
  line-height: 0.72rem !important;
  font-size: 0.28rem !important;
  -webkit-transform: translateX(-0.05rem) !important;
  transform: translateX(-0.05rem) !important;
  font-family: 'fzcjljt';
}

.subscribe-iphone2 {
  margin-top: 2.5rem;
  text-align: center;
}

.subscribe-iphone2 .btn-submit {
  display: none;
}

.subscribe-iphone2 .confirm-btn {
  cursor: pointer;
  color: #fff;
}

.subscribe-iphone2 .el-radio__label {
  font-size: 0.26rem !important;
}

.subscribe-iphone2 .radiogroup {
  font-size: 0.26rem;
  color: #595959;
}

.subscribe-iphone2 .is-el-radio__label {
  color: #595959;
  font-size: 0.26rem;
}

.subscribe-iphone2 .el-radio__inner {
  border-color: #bdc1c0;
  background: rgba(0, 0, 0, 0);
}

.subscribe-iphone2 .el-radio__input.is-checked .el-radio__inner {
  border-color: #bdc1c0;
  background: #71b4a2;
  color: #595959;
}

.subscribe-iphone2 .el-radio__input.is-checked + .el-radio__label {
  color: #595959;
}

.subscribe-iphone2 #phone-wrap3 {
  margin-top: 0.2rem !important;
}

.subscribe-iphone2 #phone-verify-wrap {
  margin-top: 0.2rem !important;
}

.subscribe-iphone2 .btn-sendCode {
  font-family: fzlth, "Microsoft YaHei", sans-serif;
  font-size: 0.26rem !important;
}

.subscribe-iphone .num {
  position: relative;
}

.subscribe-iphone .num p {
  margin: 0.25rem 0;
  width: auto;
  font-size: 0.24rem;
}

.subscribe-iphone .num p:nth-child(2) {
  color: #3f736a;
  text-decoration: underline;
}

.subscribe-iphone .subscribe-text {
  display: block;
  margin: 0.6rem 0 0.4rem 0;
  font-size: 0.3rem;
  color: #595959;
}

.subscribe-iphone .subscribe-box {
  width: 1rem;
  height: 0.01rem;
  background-color: #3f736a;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 0.2rem 0.01rem;
  background-repeat: repeat-x;
}

.subscribe-iphone .is-el-radio__label {
  color: #595959;
  font-size: 0.16rem;
}

.subscribe-iphone .el-radio__inner {
  border-color: #bdc1c0;
  background: rgba(0, 0, 0, 0);
}

.subscribe-iphone .el-radio__label {
  font-size: 0.16rem !important;
}

.subscribe-iphone .el-radio__input.is-checked .el-radio__inner {
  border-color: #bdc1c0;
  background: #71b4a2;
  color: #595959;
}

.subscribe-iphone .el-radio__input.is-checked + .el-radio__label {
  color: #595959;
}

.subscribe-iphone .system span {
  font-size: 0.3rem;
}

.replacement {
  font-family: 'fzcjljt';
  cursor: pointer;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -0.2rem;
  font-size: 0.26rem;
  background-color: rgba(0, 0, 0, 0);
  color: #40776d;
  text-decoration: underline;
}

.replacement:hover {
  -webkit-filter: brightness(1.05);
  filter: brightness(1.05);
}

.isxcx .forgetpwd,
.isxcx .forgetpwdReg {
  display: none !important;
}

.isxcx .terms-name {
  pointer-events: none;
}

.isxcx #copyright,
.isxcx .leihuo-share-channel {
  display: none;
}

.isxcx .leihuo-share-modal {
  margin-top: 1rem;
}

.isxcx .leihuo-share-webview-tips .leihuo-share-webview-tips-arrow {
  display: none;
}

.isxcx #leihuo-share .leihuo-share-block:nth-child(3) .leihuo-share-desc {
  position: relative;
  left: 50%;
  top: -0.2rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.store-nav,
.TheRecommendedDesign-nav {
  position: relative;
  top: 1rem;
  z-index: 2;
  width: 5.4rem;
  height: 1.5rem;
  margin: 0 auto;
  margin-bottom: 0.3rem;
}

.store-nav .store-btn,
.TheRecommendedDesign-nav .store-btn {
  position: relative;
  top: -0.2rem;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
  font-size: 0.3rem;
  color: #5E8A81;
  text-shadow: 0 0 0.04rem 0 #BFFFF3;
  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;
}

.store-nav .store-btn::after,
.TheRecommendedDesign-nav .store-btn::after {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0.1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.79rem -20.05rem;
  width: 7.5rem;
  height: 0.36rem;
}

.store-nav .store-btn .current-period,
.TheRecommendedDesign-nav .store-btn .current-period {
  z-index: 2;
  cursor: pointer;
  width: 2.49rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  display: inline-block;
}

.store-nav .store-btn .current-period:hover,
.TheRecommendedDesign-nav .store-btn .current-period:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -0;
  width: 2.49rem;
  height: 1rem;
  text-indent: -99.99rem;
}

.store-nav .store-btn .current-period:hover + .previous + .previous_ca,
.TheRecommendedDesign-nav .store-btn .current-period:hover + .previous + .previous_ca {
  position: absolute;
  left: 0.6rem;
  top: 0.75rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -20.73rem;
  width: 1.71rem;
  height: 0.18rem;
  -webkit-animation: current_ca 200ms forwards;
  animation: current_ca 200ms forwards;
}

.store-nav .store-btn .currentCa,
.TheRecommendedDesign-nav .store-btn .currentCa {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/tab-1_b01031fa.png) no-repeat;
  background-size: 100% auto;
  text-indent: -99.99rem;
}

.store-nav .store-btn .current_ca,
.TheRecommendedDesign-nav .store-btn .current_ca {
  position: absolute;
  left: 3.1rem;
  top: 0.75rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -20.73rem;
  width: 1.71rem;
  height: 0.18rem;
  -webkit-animation: current_ca 200ms forwards;
  animation: current_ca 200ms forwards;
}

.store-nav .store-btn .current_info,
.TheRecommendedDesign-nav .store-btn .current_info {
  position: absolute;
  left: 0.6rem;
  top: 0.75rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -20.73rem;
  width: 1.71rem;
  height: 0.18rem;
}

.store-nav .store-btn .previous_ca,
.TheRecommendedDesign-nav .store-btn .previous_ca {
  position: absolute;
  left: 0.6rem;
  top: 0.75rem;
  -webkit-animation: previous_ca 200ms forwards;
  animation: previous_ca 200ms forwards;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -20.73rem;
  width: 1.71rem;
  height: 0.18rem;
}

.store-nav .store-btn .previous,
.TheRecommendedDesign-nav .store-btn .previous {
  z-index: 2;
  cursor: pointer;
  width: 2.49rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  display: inline-block;
}

.store-nav .store-btn .previous:hover,
.TheRecommendedDesign-nav .store-btn .previous:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -2.04rem;
  width: 2.49rem;
  height: 1rem;
  text-indent: -99.99rem;
}

.store-nav .store-btn .previous:hover + .current_info,
.TheRecommendedDesign-nav .store-btn .previous:hover + .current_info {
  position: absolute;
  left: 3.1rem;
  top: 0.75rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -20.73rem;
  width: 1.71rem;
  height: 0.18rem;
  -webkit-animation: previous_ca 200ms forwards;
  animation: previous_ca 200ms forwards;
}

.store-nav .store-btn .previous:hover + .current_ca,
.TheRecommendedDesign-nav .store-btn .previous:hover + .current_ca {
  position: absolute;
  left: 3.1rem;
  top: 0.75rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -20.73rem;
  width: 1.71rem;
  height: 0.18rem;
  -webkit-animation: previous_ca 200ms forwards;
  animation: previous_ca 200ms forwards;
}

.store-nav .store-btn .previousCa,
.TheRecommendedDesign-nav .store-btn .previousCa {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -2.04rem;
  width: 2.49rem;
  height: 1rem;
  text-indent: -99.99rem;
}

.store-nav .store-txt,
.TheRecommendedDesign-nav .store-txt {
  display: inline-block;
  padding: 0 0.5rem 0 0.85rem;
  white-space: nowrap;
  position: absolute;
  top: 0.9rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  min-height: 0.44rem;
  font-size: 0.24rem;
  border-radius: 1.7rem;
  background: linear-gradient(91deg, rgba(255, 255, 255, 0.3) 0%, rgba(247, 252, 255, 0.3) 100%);
  font-family: "NotoSansSC", "Microsoft YaHei", sans-serif;
  color: #67998C;
  text-align: center;
  line-height: 0.44rem;
  margin: 0 auto;
}

.store-nav .zhuangyuan::after,
.TheRecommendedDesign-nav .zhuangyuan::after,
.store-nav .info::after,
.TheRecommendedDesign-nav .info::after {
  content: '';
  position: absolute;
  left: 0.35rem;
  top: 0.05rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.2rem -7.47rem;
  width: 0.36rem;
  height: 0.36rem;
}

.store-nav .rests::after,
.TheRecommendedDesign-nav .rests::after {
  content: '';
  position: absolute;
  left: 0.32rem;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.74rem -7.47rem;
  width: 0.44rem;
  height: 0.4rem;
}

.history-tab {
  width: 3.3rem;
  position: absolute;
  left: 0.4rem;
  top: 2.9rem;
  display: -webkit-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: 0.26rem;
  font-weight: 500;
}

.history-tab::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 6.8rem;
  height: 0.01rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/line_2d5acf57.png) no-repeat center center;
  background-size: cover;
}

.history-tab div {
  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;
}

.history-tab .history-current {
  color: #5CB39F;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -20.38rem -17.05rem;
  width: 1.56rem;
  height: 0.54rem;
}

.history-tab .history-current-ca {
  color: #FFF;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -8.09rem -20.98rem;
  width: 1.56rem;
  height: 0.54rem;
}

.history-tab .history-previous {
  color: #5CB39F;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -20.38rem -17.05rem;
  width: 1.56rem;
  height: 0.54rem;
}

.history-tab .history-previous-ca {
  color: #FFF;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -8.09rem -20.98rem;
  width: 1.56rem;
  height: 0.54rem;
}

.TheRecommendedDesign-nav {
  margin-bottom: 0;
  top: 0.5rem;
  height: 1rem;
}

.TheRecommendedDesign-content {
  padding-top: 0.6rem;
}

@-webkit-keyframes current_ca {
  0% {
    left: 3.1rem;
  }

  100% {
    left: 0.6rem;
  }
}

@keyframes current_ca {
  0% {
    left: 3.1rem;
  }

  100% {
    left: 0.6rem;
  }
}

@-webkit-keyframes previous_ca {
  0% {
    left: 0.6rem;
  }

  100% {
    left: 3.1rem;
  }
}

@keyframes previous_ca {
  0% {
    left: 0.6rem;
  }

  100% {
    left: 3.1rem;
  }
}

.iconfont-qual {
  color: #7cbba0 !important;
}

.phone-verify-wrap .btn-sendCode {
  background: #588f87 !important;
  border-top-right-radius: 0.05rem !important;
  border-bottom-right-radius: 0.05rem !important;
}

@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: 'fzlth';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzzhjw.woff') format('woff'), url("https://nie.res.netease.com/comm/js/nie/ref/fonts/fzzhjw.woff2") 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;
}

.logo {
  position: fixed;
  left: 0.2rem;
  top: 0.2rem;
  z-index: 20;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.17rem -12.63rem;
  width: 1.38rem;
  height: 0.54rem;
}

.login {
  position: absolute;
  z-index: 12;
  border-radius: 0;
  top: 0%;
  right: 0%;
  width: 100%;
  background: rgba(48, 96, 97, 0.3);
}

.login .subscribe {
  cursor: pointer;
  position: absolute;
  top: 1.15rem;
  right: 0.15rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -23.91rem -13.26rem;
  width: 0.96rem;
  height: 1.11rem;
}

.login .content {
  position: relative;
  width: 3rem;
  right: 0;
  height: 0.85rem;
  margin: 0 0 auto auto;
}

.login .login-btn {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0.4rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.9rem;
  height: 0.46rem;
  line-height: 0.46rem;
  font-size: 0.24rem;
  text-align: center;
  color: #dcfdff;
  border: 1px solid #dcfdff;
  border-radius: 0.23rem;
}

.login .login-img {
  cursor: pointer;
  position: absolute;
  top: 40%;
  right: 0.2rem;
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
  text-align: center;
  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;
}

.login .login-img .name {
  font-family: 'NotoSansSC';
  display: inline-block;
  height: 0.29rem;
  line-height: 0.29rem;
  margin-right: 0.1rem;
  font-size: 0.24rem;
  white-space: nowrap;
  text-shadow: 0.01rem 0.01rem 0.01rem rgba(0, 0, 0, 0.5);
}

.login .login-img img {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  margin-right: 0.12rem;
  border: 0.01rem solid #ddd6bc;
}

.login .login-img .switchover {
  display: inline-block;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/qh_7c99aa16.png) no-repeat center center;
  background-size: 100% auto;
  width: 0.55rem;
  height: 0.55rem;
  margin: 0 0.2rem;
  margin-right: 0.12rem;
}

.login .login-img .back {
  display: inline-block;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/login-back_86dee380.png) no-repeat center center;
  background-size: 100% auto;
  width: 0.55rem;
  height: 0.55rem;
}

.login .login-img .record {
  cursor: pointer;
  width: 1.32rem;
  height: 0.52rem;
  border-radius: 1.56rem;
  background: rgba(79, 118, 105, 0.3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.01rem solid #FFE0A7;
  text-align: center;
  font-size: 0.3rem;
  font-weight: normal;
  line-height: 0.52rem;
  color: #FFE0A7;
  margin-left: 0.1rem;
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
}

.login .login-img .record:hover {
  background: rgba(79, 118, 105, 0.6);
}

.login .login-img .lv {
  bottom: -0.04rem;
  left: 0;
  right: auto;
}

.login .login-img .admin-v {
  position: absolute;
  top: 0.14rem;
  left: 0.13rem;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.4rem -11.5rem;
  width: 0.4rem;
  height: 0.48rem;
}

.btn-last {
  position: fixed !important;
  bottom: 0;
  z-index: 2;
  width: 7.5rem;
  height: 0.88rem;
}

.login-2 .back {
  top: -0.7rem !important;
}

.login-2 .login {
  position: fixed;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -19.67rem;
  width: 7.5rem;
  height: 0.84rem;
}

.login-2 .grabble {
  top: 0 !important;
}

.login-2 .masonry-bg {
  margin-top: 0.5rem;
}

.login-2 .vote-filter-tab-bg {
  z-index: -1;
  top: 0.84rem;
  position: fixed;
  height: 0.88rem !important;
  width: 100%;
  background: rgba(218, 235, 230, 0.9) !important;
  z-index: 10000 !important;
  margin: 0 auto;
  padding: 0.1rem 0.2rem;
}

.login-2 .vote-filter-tab-bg .grabble-m,
.login-2 .vote-filter-tab-bg .appraise-work {
  top: 0.17rem;
}

.btnNavList {
  z-index: 13;
  position: fixed;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -7.52rem -15.61rem;
  width: 7.5rem;
  height: 1.28rem;
  bottom: -0.02rem;
}

.btnNavList .nav-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: absolute;
  width: 7.5rem;
  height: 1.3rem;
}

.btnNavList .nav-list div {
  float: left;
}

.btnNavList .nav-list div {
  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;
  width: 1.54rem;
  height: 1.3rem;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/nav_f8933e61.jpg) no-repeat;
  background-size: auto 100%;
}

.btnNavList .nav-list div.active {
  background-image: url(https://h.res.netease.com/pc/zt/20221129164500/assets/nav-h_f6ac6ab4.jpg);
}

.btnNavList .nav-list div:nth-child(1) {
  background-position: 0 0;
}

.btnNavList .nav-list div:nth-child(2) {
  background-position: 20% 0;
}

.btnNavList .nav-list div:nth-child(3) {
  background-position: 40% 0;
}

.btnNavList .nav-list div:nth-child(4) {
  background-position: 60% 0;
}

.btnNavList .nav-list div:nth-child(5) {
  background-position: 80% 0;
}

.btnNavList .nav-list div:nth-child(6) {
  background-position: 100% 0;
}

.bindLogin {
  position: absolute;
  top: 0.4rem;
  left: 0;
  right: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}

.bindLogin .login-container {
  width: 5.22rem;
  height: 5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  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;
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
}

.bindLogin .login-container .leihuo-bind-title {
  display: none;
}

.bindLogin .login-container .leihuo-bind {
  margin-top: -2rem;
  width: 100%;
}

.bindLogin .login-container .leihuo-bind p + .btn-group {
  margin-top: 0.5rem;
}

.bindLogin .login-container .leihuo-bind p + .btn-group .el-button--primary {
  position: absolute;
  left: 50%;
  width: 1.92rem !important;
  height: 0.7rem !important;
  font-family: 'fzcjljt';
  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;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/orange-like-btn_36ba92f7.png) no-repeat top center;
  background-size: 100% auto;
  color: #595959;
  font-size: 0.24rem;
}

.bindLogin .login-container .leihuo-bind p + .btn-group .el-button--primary:hover {
  -webkit-filter: brightness(1.05);
  filter: brightness(1.05);
}

.bindLogin .login-container .leihuo-bind p + .btn-group .el-button--default {
  position: absolute;
  left: 50%;
  width: 1.92rem !important;
  height: 0.7rem !important;
  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;
  font-family: 'fzcjljt';
  border-width: 0;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/blue-like-btn_1f46ee48.png) no-repeat top center;
  background-size: 100% auto;
  color: #fff;
  font-size: 0.24rem;
}

.bindLogin .login-container .leihuo-bind p + .btn-group .el-button--default:hover {
  -webkit-filter: brightness(1.05);
  filter: brightness(1.05);
}

.bindLogin .el-button--primary {
  font-size: 0.28rem;
  border-color: transparent;
}

.bindLogin .el-input__inner {
  background-color: rgba(255, 255, 255, 0);
}

.bindLogin .leihuo-bind-btn {
  width: 100% !important;
  height: 0.79rem !important;
  font-size: 0.28rem;
  margin-top: 0.3rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/yy-btn_34232857.png) no-repeat center center;
  background-size: 100% auto;
}

.bindLogin .leihuo-bind-btn:hover {
  -webkit-filter: brightness(1.05);
  filter: brightness(1.05);
}

.vote-filter-tab {
  z-index: 3;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: left;
  margin: 0 0 0 0;
  background: #749ab6;
  border-radius: 0.28rem;
  display: inline-block;
}

.vote-filter-tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 0.01rem;
  left: 50%;
  background: rgba(81, 130, 162, 0.5);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.vote-filter-tab li,
.vote-filter-tab .filterActive {
  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;
  float: left;
  text-indent: -99.99rem;
  cursor: pointer;
  background-size: cover;
  text-align: center;
  font-size: 0.17rem;
  color: #3c6786;
  background-size: 100% auto;
  width: 1.22rem;
  height: 0.54rem;
}

.vote-filter-tab-bg {
  font-family: 'NotoSansSC';
  position: relative;
  margin: 0.3rem auto  auto 0.35rem;
}

.vote-filter-tab-bg.vote-filter-tab-award::after {
  content: '';
  position: absolute;
  width: 96%;
  height: 0.01rem;
  bottom: 0.06rem;
  background: #90C5AE;
}

.vote-filter-tab-bg .fliter-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;
  margin-top: 0.06rem;
}

.vote-filter-tab-bg .el-select {
  z-index: 5;
  height: 0.6rem;
  top: 0;
}

.vote-filter-tab-bg .el-select:nth-child(1) {
  width: 1.56rem;
}

.vote-filter-tab-bg .el-select:nth-child(2) {
  width: 2.44rem;
}

.vote-filter-tab-bg .el-select:nth-child(3) {
  width: 1.5rem;
}

.vote-filter-tab-bg .el-select::after {
  position: absolute;
  right: 0.1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.51rem -13.19rem;
  width: 0.32rem;
  height: 0.23rem;
  content: "";
}

.vote-filter-tab-bg .el-select .el-input__suffix {
  display: none;
}

.vote-filter-tab-bg .el-select .el-input__inner {
  display: inline-block;
  height: 0.6rem;
  line-height: 0.6rem;
  border-radius: 0.3rem;
  font-size: 0.22rem;
  color: #ffffff;
  background-color: #84bca9;
  border: 0.01rem solid rgba(255, 255, 255, 0.5);
  padding: 0 0.2rem 0 0.24rem;
}

.vote-filter-tab-bg .el-select .filtrate {
  width: 1.5rem;
  display: inline-block;
  height: 0.6rem;
  border-radius: 0.3rem;
  font-size: 0.22rem;
  color: #ffffff;
  background-color: #84bca9;
  text-align: left;
  border: 0.01rem solid rgba(255, 255, 255, 0.5);
  padding: 0 0.2rem 0 0.24rem;
}

.vote-filter-tab-bg .grabble-m {
  z-index: 2;
  width: 0.58rem;
  height: 0.58rem;
  position: absolute;
  right: 0.5rem;
  top: 0;
  display: inline-block;
  border-radius: 0.58rem;
  border: 0.01rem solid #84bca9;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/ss-icon_574bb2f8.png) no-repeat center center;
  background-size: 0.24rem 0.24rem;
}

.vote-filter-tab-bg .grabble-m.appraise {
  right: 2.5rem;
}

.vote-filter-tab-bg .appraise-work {
  position: absolute;
  right: 0.34rem;
  top: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.98rem;
  height: 0.54rem;
  border-radius: 126.4386rem;
  background: rgba(86, 147, 139, 0.5);
}

.vote-filter-tab-bg .appraise-work 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;
  width: 50%;
  color: #fff;
  font-size: 0.26rem;
  cursor: pointer;
}

.vote-filter-tab-bg .appraise-work span.active {
  border-radius: 126.4386rem;
  background: #56938B;
}

.vote-filter-tab-bg .award-tab-box {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.vote-filter-tab-bg .award-tab-box 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;
  width: 50%;
  color: #5CB39F;
  font-size: 0.26rem;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -15.04rem -13.95rem;
  width: 1.56rem;
  height: 0.54rem;
}

.vote-filter-tab-bg .award-tab-box span:last-child {
  margin-left: 0.17rem;
}

.vote-filter-tab-bg .award-tab-box span.active {
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -15.04rem -14.51rem;
  width: 1.56rem;
  height: 0.54rem;
}

.vote-filter-tab-bg .back {
  z-index: 99;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -4.96rem -21.9rem;
  width: 1.22rem;
  height: 0.57rem;
  position: fixed;
  left: 0;
  top: 0.8rem;
}

.vote-filter-tab-bg .grabble {
  display: none;
}

.vote-filter-tab-bg .grabble-3 {
  display: inline-block;
  z-index: 5;
  position: relative;
  left: 50%;
  top: 0.3rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 6.86rem;
  height: 0.6rem;
}

.vote-filter-tab-bg .grabble-3 input {
  padding: 0 2rem 0 0.2rem;
  width: 100%;
  height: 0.6rem;
  border: 0.01rem solid #84bca9 !important;
  border-radius: 0.28rem;
  font-size: 0.24rem;
  color: #616161;
  line-height: 0.6rem;
  font-family: 'NotoSansSC', "Microsoft YaHei", sans-serif;
  background-color: #f7ffff;
}

.vote-filter-tab-bg .grabble-3 input::-webkit-input-placeholder {
  color: #616161;
}

.vote-filter-tab-bg .grabble-3 .icon-x {
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1.5);
  transform: translateY(-50%) scale(1.5);
  right: 0.65rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.3rem -11.19rem;
  width: 0.19rem;
  height: 0.18rem;
}

.vote-filter-tab-bg .grabble-3 .icon-grabble {
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0.22rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.72rem -8.77rem;
  width: 0.24rem;
  height: 0.24rem;
}

.vote-filter-tab-bg .grabble-recommend {
  position: absolute;
  margin-top: 0.15rem;
  background: #f4f9f9;
  width: 100%;
  height: 3rem;
  border-radius: 0.2rem;
  -webkit-box-shadow: 0 0 0.1rem 0.01rem #8183874d;
  box-shadow: 0 0 0.1rem 0.01rem #8183874d;
  font-family: 'NotoSansSC';
  padding: 0.2rem 0 0.3rem 0.2rem;
  overflow: hidden;
  display: none;
}

.vote-filter-tab-bg .grabble-recommend p {
  cursor: pointer;
  font-size: 0.26rem;
  color: #66a292;
  margin-bottom: 0.12rem;
}

.vote-filter-tab-bg .grabble-recommend div {
  width: 100%;
  max-height: 3rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.vote-filter-tab-bg .grabble-recommend div::-webkit-scrollbar {
  width: 0.03rem;
  height: 0.03rem;
  background-color: #f0fafd;
}

.vote-filter-tab-bg .grabble-recommend div::-webkit-scrollbar-thumb {
  background-color: #999;
}

.vote-filter-tab-bg .grabble-recommend div ul {
  width: 100%;
  min-height: 3.2rem;
  padding-bottom: 1.2rem;
}

.vote-filter-tab-bg .grabble-recommend div ul li {
  cursor: pointer;
  text-align: center;
  display: inline-block;
  min-width: 1.2rem;
  height: 0.58rem;
  background-color: #feeeba;
  border-radius: 0.05rem;
  font-size: 0.26rem;
  color: #505050;
  margin-bottom: 0.12rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.1rem 0.15rem;
  margin-right: 0.1rem;
}

.vote-filter-tab-bg .grabble-recommend div ul::-webkit-scrollbar {
  width: 0.03rem;
  height: 0.03rem;
  background-color: #f0fafd;
}

.vote-filter-tab-bg .grabble-recommend div ul::-webkit-scrollbar-thumb {
  background-color: #999;
}

.vote-filter-tab-bg .grabble-recommend .scroll-2 {
  max-height: 100%;
}

.vote-filter-tab-bg .vote-filter-tab-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0.3rem  auto auto auto;
  z-index: 3;
}

.vote-filter-tab-bg .vote-filter-tab-radio .el-radio {
  display: inline-block;
}

.vote-filter-tab-bg .vote-filter-tab-radio .el-radio__input {
  display: none;
}

.vote-filter-tab-bg .vote-filter-tab-radio .el-radio__label {
  display: inline-block;
  padding: 0.05rem 0.2rem;
  border-radius: 0.25rem;
  color: #73838c;
  text-align: center;
  margin: 0 0.05rem;
}

.vote-filter-tab-bg .vote-filter-tab-radio .el-radio__label::before {
  content: "";
  position: absolute;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.89rem -14.28rem;
  width: 0.09rem;
  height: 0.09rem;
  top: 50%;
  left: -0.05rem;
  -webkit-transform: translateY(-50%) scale(1.6);
  transform: translateY(-50%) scale(1.6);
}

.vote-filter-tab-bg .vote-filter-tab-radio .el-radio {
  margin-right: 0.2rem;
}

.vote-filter-tab-bg .vote-filter-tab-radio .el-radio__input.is-checked + .el-radio__label {
  border: 0.01rem solid #409EFF;
  color: #1c8dd5;
}

.vote-filter-tab-bg .vote-filter-tab-radio .el-radio__input.is-checked + .el-radio__label::before {
  content: "";
  display: none;
}

.vote-filter-tab-works {
  top: 0;
  position: relative;
}

.vote-filter-tab-bg-m {
  font-family: 'NotoSansSC';
  max-height: 4rem;
  min-height: 0.8rem;
  margin: 0 auto;
}

.el-tooltip__popper {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.look-icon-bg .jh,
.look-icon-bg .nxh,
.look-icon-bg .cdd {
  width: 100% !important;
  height: 100% !important;
}

.btn {
  position: relative;
  line-height: 0.88rem;
  width: 7.5rem;
}

.btn .last,
.btn .next {
  text-align: center;
  position: absolute;
  left: 0;
  font-size: 0.26rem;
  color: #5cb39f;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -17.4rem -11.73rem;
  width: 3.75rem;
  height: 0.88rem;
}

.btn .last::after,
.btn .next::after {
  content: '';
  position: absolute;
  width: 0.18rem;
  height: 0.28rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 1.1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/left-icon_9582d494.png) no-repeat;
  background-size: 100% auto;
}

.btn .next {
  left: auto;
  right: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -17.4rem -12.63rem;
  width: 3.75rem;
  height: 0.88rem;
}

.btn .next::after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1.1rem;
  left: auto;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/right-icon_012c77da.png) no-repeat;
  background-size: 100% auto;
}

.m-bg {
  min-height: 100vh;
}

.scrollDel {
  background: #e0f2e7 !important;
}

.scrollDel .detail-bg .content .text::after {
  display: none;
}

.scrollDel .content {
  background: #e0f2e7 !important;
}

.scrollDel .btn {
  margin-top: 0.4rem;
}

.dele-item {
  margin: 0 auto;
  text-align: center;
  color: #66a292;
  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;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
  font-size: 0.3rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -0 -7.01rem;
  width: 6.86rem;
  height: 3.87rem;
}

.masonry-detaill {
  position: relative;
  background-attachment: fixed;
  background-size: 100% 100%;
  min-height: 100vh;
  right: 0;
  top: 0;
  text-align: center;
}

.masonry-detaill .txtOrnage {
  color: #f2963d;
}

.masonry-detaill .detail-bg {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100vw;
}

.masonry-detaill .detail-bg .visit {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: 0.42rem;
}

.masonry-detaill .detail-bg .visit .visit-btn {
  display: none;
}

.masonry-detaill .detail-bg .visit-btn,
.masonry-detaill .detail-bg .visit .icon-share {
  cursor: pointer;
  float: left;
  width: 1.56rem;
  height: 0.51rem;
  line-height: 0.51rem;
  display: inline-block;
  color: #fff;
  font-size: 0.24rem;
  text-align: center;
}

.masonry-detaill .detail-bg .visit-btn .share,
.masonry-detaill .detail-bg .visit .icon-share .share {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/1_f012091b.png) no-repeat center center;
  background-size: 100% auto;
}

.masonry-detaill .detail-bg .visit-btn .vote,
.masonry-detaill .detail-bg .visit .icon-share .vote {
  margin-top: 0.11rem;
  color: #8C6C16;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/vote-btn-d_9bede540.png) no-repeat center center;
  background-size: 100% auto;
}

.masonry-detaill .detail-bg .visit-je {
  width: 1.8rem;
  height: 0.49rem;
  line-height: 0.49rem;
  position: relative;
  display: inline-block;
  color: #f5e1a6;
  font-size: 0.24rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/visit-btn2_fab92b33.png) no-repeat center center;
  background-size: 100% auto;
}

.masonry-detaill .detail-bg .visit-je span {
  position: absolute;
  display: inline-block;
  width: 50%;
  text-align: center;
}

.masonry-detaill .detail-bg .visit-je span:nth-child(1) {
  width: 54%;
  left: 0;
}

.masonry-detaill .detail-bg .visit-je span:nth-child(2) {
  right: 0;
}

.masonry-detaill .detail-bg .detail-icon {
  display: inline-block;
  z-index: 3;
  width: 100%;
  text-align: left;
  padding-bottom: 0.08rem;
  border-bottom: 0.01rem solid rgba(92, 179, 159, 0.5);
}

.masonry-detaill .detail-bg .detail-icon .list-content {
  margin-left: -0.3rem;
  height: 0.41rem;
  display: inline-block;
  vertical-align: bottom;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/icon-bg_2b630400.png) no-repeat center center;
  background-size: 100% 100%;
  padding: 0.06rem 1.2rem 0 0.3rem;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.masonry-detaill .detail-bg .detail-icon .list-content .list-1 {
  padding: 0 0.2rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  border-right: 0.01rem solid #a5dbcd;
}

.masonry-detaill .detail-bg .detail-icon .list-content .list-1 .icon {
  vertical-align: middle;
  display: inline-block;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.7rem -11.19rem;
  width: 0.26rem;
  height: 0.26rem;
  -webkit-transform: translateY(-0.02rem);
  transform: translateY(-0.02rem);
}

.masonry-detaill .detail-bg .detail-icon .list-content .list-1 .num {
  display: inline-block;
  margin-left: 0.05rem;
  font-size: 0.24rem;
  color: #5cb39f;
}

.masonry-detaill .detail-bg .detail-icon .list-content .list-2 {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  padding: 0 0.2rem;
  border-right: 0.01rem solid #a5dbcd;
}

.masonry-detaill .detail-bg .detail-icon .list-content .list-2 .icon {
  vertical-align: middle;
  display: inline-block;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.4rem -11.19rem;
  width: 0.28rem;
  height: 0.26rem;
}

.masonry-detaill .detail-bg .detail-icon .list-content .list-2 .num {
  display: inline-block;
  margin-left: 0.05rem;
  font-size: 0.24rem;
  color: #5cb39f;
}

.masonry-detaill .detail-bg .detail-icon .list-content .iconClick {
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  left: 0.05rem;
  top: 0.03rem;
  z-index: 3;
}

.masonry-detaill .detail-bg .detail-icon .list-content .list-3 {
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 0 0.2rem;
  -webkit-transform: translateY(-0.02rem);
  transform: translateY(-0.02rem);
  border-right: 0.01rem solid #a5dbcd;
}

.masonry-detaill .detail-bg .detail-icon .list-content .list-3 .icon {
  position: absolute;
  top: 0.03rem;
  left: 0.1rem;
  vertical-align: bottom;
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/icon-m-1_75c51d91.png) no-repeat;
  background-size: cover;
  -webkit-transform: translateY(-0.02rem);
  transform: translateY(-0.02rem);
}

.masonry-detaill .detail-bg .detail-icon .list-content .list-3 .icon2 {
  position: absolute;
  height: 1rem;
  width: 1rem;
  vertical-align: bottom;
  top: -0.35rem;
  left: -0.25rem;
  display: inline-block;
  -webkit-transform: translateY(-0.02rem);
  transform: translateY(-0.02rem);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite_shoucang_4_d548da9a.png);
  background-size: 400% 400%;
}

.masonry-detaill .detail-bg .detail-icon .list-content .list-3 .icon3 {
  position: absolute;
  height: 1rem;
  width: 1rem;
  vertical-align: bottom;
  top: -0.35rem;
  left: -0.25rem;
  display: inline-block;
  -webkit-transform: translateY(-0.02rem);
  transform: translateY(-0.02rem);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite_shoucang_4_d548da9a.png);
  background-size: 400% 400%;
  -webkit-animation: sprite_shoucang_4 0.5s steps(1) forwards normal;
  animation: sprite_shoucang_4 0.5s steps(1) forwards normal;
}

.masonry-detaill .detail-bg .detail-icon .list-content .list-3 .num {
  -webkit-transform: translateY(0.02rem);
  transform: translateY(0.02rem);
  display: inline-block;
  margin-left: 0.3rem;
  font-size: 0.24rem;
  color: #5cb39f;
}

.masonry-detaill .detail-bg .detail-icon .report {
  margin-left: -0.9rem;
  margin-top: 0.3rem;
  -webkit-transform: translateY(0.03rem) scale(1.1);
  transform: translateY(0.03rem) scale(1.1);
  display: inline-block;
  z-index: 3;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.74rem -12.42rem;
  width: 0.32rem;
  height: 0.33rem;
}

.masonry-detaill .detail-bg .detail-icon .visit-txt {
  position: absolute;
  right: 0.1rem;
  bottom: 1.55rem;
}

.masonry-detaill .detail-bg .detail-icon .visit-txt::after {
  content: '';
  position: absolute;
  left: -0.12rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.01rem;
  height: 0.56rem;
  background: #C8C8C8;
}

.masonry-detaill .detail-bg .detail-icon .visit-txt div {
  text-align: center;
  letter-spacing: 0;
  font-family: 'NotoSansSC', "Microsoft YaHei", sans-serif;
}

.masonry-detaill .detail-bg .detail-icon .visit-txt div:nth-child(1) {
  font-size: 0.24rem;
  color: #8C8C8C;
  font-weight: 400;
}

.masonry-detaill .detail-bg .detail-icon .visit-txt div:nth-child(2) {
  font-size: 0.26rem;
  color: #66A292;
}

.masonry-detaill .detail-bg .detail-icon .visit-je {
  position: absolute;
  -webkit-transform: translateY(-0.1rem);
  transform: translateY(-0.1rem);
  right: -0.14rem;
  display: inline-block;
  color: #936227;
  font-size: 0.24rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -16.08rem;
  width: 2.33rem;
  height: 0.6rem;
}

.masonry-detaill .detail-bg .detail-icon .visit-je span {
  position: absolute;
  display: inline-block;
  width: 50%;
  text-align: center;
  line-height: 0.57rem;
}

.masonry-detaill .detail-bg .detail-icon .visit-je span:nth-child(1) {
  width: 50%;
  left: 0;
  text-align: center;
  margin-left: 0.35rem;
  width: 1rem;
}

.masonry-detaill .detail-bg .detail-icon .visit-je span:nth-child(1)::after {
  content: '';
  top: 0.03rem;
  left: -0.25rem;
  width: 0.48rem;
  height: 0.48rem;
  position: absolute;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/icon-bg-4_d66830cb.png) no-repeat;
  background-size: cover;
}

.masonry-detaill .detail-bg .detail-icon .visit-je span:nth-child(2) {
  width: 0.8rem;
  text-align: center;
  right: 0.15rem;
}

.masonry-detaill .detail-bg .detail-icon .visit-je .visit-je-icon::after {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/icon-bg-3_0b2cc808.png) no-repeat !important;
  background-size: cover !important;
}

.masonry-detaill .detail-bg .detail-icon .visit-je-2 {
  -webkit-filter: brightness(0.7);
  filter: brightness(0.7);
}

.masonry-detaill .detail-bg .content {
  width: 100%;
  position: relative;
  top: 0;
  right: 0;
  padding: 0.95rem 0.3rem 0.2rem 0.3rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/detail-bg_dbcc1342.jpg) no-repeat top center;
  background-size: 100% auto;
  background-color: #e0f2e7;
}

.masonry-detaill .detail-bg .content .back {
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -4.96rem -21.9rem;
  width: 1.22rem;
  height: 0.57rem;
  position: absolute;
  left: 0;
  top: 0.15rem;
}

.masonry-detaill .detail-bg .content .carousel {
  width: 100%;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.masonry-detaill .detail-bg .content .carousel .el-carousel__indicators--horizontal {
  z-index: 3;
}

.masonry-detaill .detail-bg .content .carousel .el-carousel__indicators--horizontal .is-active .el-carousel__button {
  width: 0.4rem;
  height: 0.12rem;
  border-radius: 0.12rem;
  background-color: rgba(255, 255, 255, 0.8);
}

.masonry-detaill .detail-bg .content .carousel .el-carousel__button {
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 0.12rem;
}

.masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--left {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.72rem -7.89rem;
  width: 0.32rem;
  height: 0.42rem;
  -webkit-transform: scale(1.2) translateY(-50%);
  transform: scale(1.2) translateY(-50%);
}

.masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--left .el-icon-arrow-left::before {
  content: "" !important;
}

.masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--right {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.72rem -8.33rem;
  width: 0.32rem;
  height: 0.42rem;
  -webkit-transform: scale(1.2) translateY(-50%);
  transform: scale(1.2) translateY(-50%);
}

.masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--right .el-icon-arrow-right::before {
  content: "" !important;
}

.masonry-detaill .detail-bg .content .carousel .el-carousel__container {
  min-height: 3.94rem;
  height: 100%;
}

.masonry-detaill .detail-bg .content .carousel .icon {
  z-index: 3;
  width: 0.91rem;
  height: 0.52rem;
  font-size: 0.26rem;
  line-height: 0.52rem;
  color: #e9e9e9;
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/icon_85d965af.png) no-repeat center center;
  background-size: 100% auto;
}

.masonry-detaill .detail-bg .content .carousel .head-img,
.masonry-detaill .detail-bg .content .carousel .temp {
  position: relative;
  background-size: cover;
  width: 100%;
}

.masonry-detaill .detail-bg .content .carousel .icon-play2 {
  z-index: 3;
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.5);
  transform: translate(-50%, -50%) scale(1.5);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.79rem -2.71rem;
  width: 0.68rem;
  height: 0.68rem;
}

.masonry-detaill .detail-bg .content .carousel .temp-text-top {
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 0.4rem;
  color: #ffe6b1;
  line-height: 0.33rem;
}

.masonry-detaill .detail-bg .content .carousel .temp-text-top div:nth-child(1) {
  font-size: 0.2rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0.2rem;
  line-height: 0.4rem;
}

.masonry-detaill .detail-bg .content .carousel .temp-text-top div:nth-child(2) {
  font-size: 0.2rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0.2rem;
  line-height: 0.4rem;
}

.masonry-detaill .detail-bg .content .carousel .temp {
  position: absolute;
  top: -0.05rem;
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  background: rgba(0, 0, 0, 0.2);
}

.masonry-detaill .detail-bg .content .carousel .temp .icon-collect {
  cursor: pointer;
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  -webkit-transform: translate(-0.06rem, 0.06rem);
  transform: translate(-0.06rem, 0.06rem);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.86rem -12rem;
  width: 0.43rem;
  height: 0.4rem;
}

.masonry-detaill .detail-bg .content .carousel .temp .icon-collect2 {
  cursor: pointer;
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.37rem -19.58rem;
  width: 0.56rem;
  height: 0.55rem;
}

.masonry-detaill .detail-bg .content .carousel .temp .icon-play {
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -17.02rem -14.51rem;
  width: 0.34rem;
  height: 0.34rem;
}

.masonry-detaill .detail-bg .content .carousel .temp .icon-play2 {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.79rem -2.71rem;
  width: 0.68rem;
  height: 0.68rem;
}

.masonry-detaill .detail-bg .content .carousel .temp .magnifying-glass {
  position: absolute;
  left: -0.5rem;
  bottom: 0;
  color: #1b5a77;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.65rem -15.61rem;
  width: 0.4rem;
  height: 0.4rem;
}

.masonry-detaill .detail-bg .content .carousel .temp .icon-number {
  height: 0.38rem;
  font-size: 0.24rem;
  line-height: 0.38rem;
  position: absolute;
  right: 0;
  bottom: 0.2rem;
  border-radius: 0.15rem;
  color: #ebd697;
  display: -webkit-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;
}

.masonry-detaill .detail-bg .content .carousel .temp .icon-number span {
  position: relative;
  background: rgba(0, 0, 0, 0.3);
  padding: 0 0.1rem 0 0.4rem;
  border-radius: 0.15rem;
}

.masonry-detaill .detail-bg .content .carousel .temp .icon-number .hot-number {
  margin-right: 0.12rem;
}

.masonry-detaill .detail-bg .content .carousel .temp .icon-number .hot-number::after {
  content: "";
  position: absolute;
  left: 0.1rem;
  top: 0.09rem;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.9rem -14.87rem;
  width: 0.15rem;
  height: 0.19rem;
}

.masonry-detaill .detail-bg .content .carousel .temp .icon-number .flower-number {
  margin-right: 0.12rem;
  color: #FACED6;
}

.masonry-detaill .detail-bg .content .carousel .temp .icon-number .flower-number::after {
  content: "";
  position: absolute;
  left: 0.03rem;
  top: 0.04rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.17rem -13.19rem;
  width: 0.32rem;
  height: 0.32rem;
}

.masonry-detaill .detail-bg .content .labels {
  width: 100%;
  text-align: left;
  margin: 0 0 0.15rem 0;
  padding-top: 0.09rem;
}

.masonry-detaill .detail-bg .content .labels div {
  font-family: 'NotoSansSC';
  margin-right: 0.1rem;
  display: inline-block;
  border-radius: 0.04rem;
  font-size: 0.2rem;
  padding: 0.04rem 0.15rem;
  color: #595959;
  background-color: #feeeba;
  margin-bottom: 0.08rem;
}

.masonry-detaill .detail-bg .content .text {
  width: 100%;
  min-height: 2.6rem;
  position: relative;
  padding-top: 0;
}

.masonry-detaill .detail-bg .content .text .icon-detail-top-1 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -23.79rem -15.61rem;
  width: 0.84rem;
  height: 0.41rem;
  display: inline-block;
  position: absolute;
  right: -1.1rem;
  top: 0;
}

.masonry-detaill .detail-bg .content .text .icon-detail-top-2 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -20.4rem -7.47rem;
  width: 1.32rem;
  height: 0.41rem;
  display: inline-block;
  position: absolute;
  right: -1.5rem;
  top: 0;
}

.masonry-detaill .detail-bg .content .text .icon-detail-top-3 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -20.4rem -9.05rem;
  width: 1.32rem;
  height: 0.41rem;
  display: inline-block;
  position: absolute;
  right: -1.5rem;
  top: 0;
}

.masonry-detaill .detail-bg .content .text .hero-record-detail {
  position: absolute;
  right: -0.8rem;
  top: 0.03rem;
  display: inline-block;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -23.97rem -21.46rem;
  width: 0.59rem;
  height: 0.31rem;
}

.masonry-detaill .detail-bg .content .text .purchase-record-detail {
  position: absolute;
  right: -0.8rem;
  top: 0.03rem;
  display: inline-block;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.81rem -5.43rem;
  width: 0.59rem;
  height: 0.31rem;
}

.masonry-detaill .detail-bg .content .text .title {
  padding-left: 0.05rem;
  white-space: nowrap;
  z-index: 2;
  display: inline-block;
  position: absolute;
  left: 0;
  height: 0.19rem;
  font-size: 0.32rem;
  font-weight: bold;
  color: #45786d;
  text-align: left;
}

.masonry-detaill .detail-bg .content .text .title .txt {
  position: relative;
  z-index: 2;
}

.masonry-detaill .detail-bg .content .text .title .title-bg {
  position: absolute;
  width: calc(100% + 0.2rem);
  height: 0.19rem;
  top: 0.18rem;
  left: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/title-bg_376d6d22.png) no-repeat center center;
  background-size: 100% 100%;
}

.masonry-detaill .detail-bg .content .text .title:first-letter {
  text-transform: uppercase;
}

.masonry-detaill .detail-bg .content .text .doce {
  width: 5rem;
  font-size: 0.24rem;
  color: #595959;
  text-align: left;
  left: 0;
  padding: 0.53rem 0 0.6rem 0.05rem;
  top: 0;
}

.masonry-detaill .detail-bg .content .text .hint {
  cursor: pointer;
  position: absolute;
  top: 1.15rem;
}

.masonry-detaill .detail-bg .content .text .hint .hint-text {
  display: none;
  min-width: 2rem;
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 110%;
  background: #7fbfcf;
  color: #1b5a77;
  font-size: 0.16rem;
  border-radius: 0.05rem;
  line-height: 0.32rem;
  padding: 0 0.05rem;
}

.masonry-detaill .detail-bg .content .text .hint .hint-text::after {
  content: "";
  position: absolute;
  left: -0.01rem;
  top: 50%;
  width: 0.05rem;
  height: 0.05rem;
  border-top: 0.05rem solid #7fbfcf;
  border-right: 0.05rem solid #7fbfcf;
  -webkit-transform: rotate(-135deg) translateX(50%);
  transform: rotate(-135deg) translateX(50%);
}

.masonry-detaill .detail-bg .content .text .hint:hover .hint-text {
  display: block;
}

.masonry-detaill .detail-bg .content .text .x {
  position: absolute;
  top: 1.7rem;
  width: 100%;
  height: 0.01rem;
  background-color: #97b8c9;
}

.masonry-detaill .detail-bg .content .text .x::after {
  position: absolute;
  content: "";
  width: 0.3rem;
  left: 0;
  top: -0.02rem;
  height: 0.02rem;
  background-color: #97b8c9;
}

.masonry-detaill .detail-bg .content .text .x::before {
  position: absolute;
  content: "";
  width: 0.3rem;
  top: -0.02rem;
  height: 0.02rem;
  right: 0;
  background-color: #97b8c9;
}

.masonry-detaill .detail-bg .content .text .btn-text,
.masonry-detaill .detail-bg .content .text .btn-text-cooperation {
  width: 3.36rem;
  margin-top: 0.1rem;
  position: relative;
  text-align: left;
}

.masonry-detaill .detail-bg .content .text .btn-text .head-img,
.masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img {
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.masonry-detaill .detail-bg .content .text .btn-text .head-img::after,
.masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img::after {
  position: absolute;
  content: "";
  top: -0.12rem;
  left: -0.2rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.95rem -16.05rem;
  width: 0.45rem;
  height: 0.44rem;
}

.masonry-detaill .detail-bg .content .text .btn-text .head-img img,
.masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img img {
  display: block;
  position: relative;
  -webkit-transform: translateY(0.15rem);
  transform: translateY(0.15rem);
  width: 0.56rem;
  height: 0.56rem;
  background-size: cover;
  border: 0.01rem solid #ddd6bc;
  border-radius: 50%;
}

.masonry-detaill .detail-bg .content .text .btn-text .head-img .lv,
.masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img .lv {
  bottom: -0.2rem;
}

.masonry-detaill .detail-bg .content .text .btn-text .head-img .admin-v,
.masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img .admin-v {
  position: absolute;
  bottom: -0.25rem;
  right: -0.08rem;
  -webkit-transform: scale(1);
  transform: scale(1);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.4rem -11.5rem;
  width: 0.4rem;
  height: 0.48rem;
}

.masonry-detaill .detail-bg .content .text .btn-text .name,
.masonry-detaill .detail-bg .content .text .btn-text-cooperation .name {
  cursor: pointer;
  display: inline-block;
  font-size: 思源黑体 cn medium;
  position: absolute;
  top: 0.24rem;
  left: 0.66rem;
  font-size: 0.24rem;
  color: #478f77;
  font-weight: 600;
  border-bottom: 0.01rem solid #478f77;
}

.masonry-detaill .detail-bg .content .text .btn-text .attention,
.masonry-detaill .detail-bg .content .text .btn-text-cooperation .attention {
  width: 0.94rem;
  height: 0.41rem;
  line-height: 0.41rem;
  color: #f2963d;
  border: 0.02rem solid #e0b769;
  border-radius: 0.28rem;
  position: absolute;
  text-align: center;
  top: 0.2rem;
  right: 0;
  font-size: 0.24rem;
}

.masonry-detaill .detail-bg .content .text .btn-text-cooperation {
  position: absolute;
  right: 0;
  bottom: 0;
}

.masonry-detaill .detail-bg .content .text .report {
  z-index: 3;
  position: absolute;
  bottom: 0.93rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.74rem -12.42rem;
  width: 0.32rem;
  height: 0.33rem;
}

.masonry-detaill .comment {
  font-family: 'NotoSansSC';
  position: relative;
  left: 0;
  width: 91%;
  min-height: 13rem;
  background: rgba(255, 255, 255);
  padding: 0 0.3rem 2rem 0.3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.masonry-detaill .comment .look-container {
  text-align: left;
}

.masonry-detaill .comment .hot-icon {
  cursor: pointer;
  color: #5db19d;
  font-size: 0.24rem;
  position: absolute;
  right: 0.5rem;
  top: 0.15rem;
}

.masonry-detaill .comment .hot-icon::after {
  content: '';
  position: absolute;
  left: -0.35rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.85rem -13.19rem;
  width: 0.26rem;
  height: 0.23rem;
}

.masonry-detaill .comment .hot-icon ul {
  display: none;
  z-index: 10;
  position: absolute;
  bottom: -1.6rem;
  left: -1.3rem;
  padding: 0.12rem 0 0.07rem 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -19.69rem -4.23rem;
  width: 2.1rem;
  height: 1.59rem;
  font-size: 0.28rem;
  color: #595959;
}

.masonry-detaill .comment .hot-icon ul li {
  height: 0.7rem;
  display: -webkit-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;
}

.masonry-detaill .comment .hot-icon ul .ca-hot {
  color: #5db19d;
}

.masonry-detaill .comment .hot-icon:hover ul,
.masonry-detaill .comment .hot-icon:active ul {
  display: block;
}

.masonry-detaill .comment .nxh:nth-last-child(2) {
  margin-right: 0.05rem;
}

.masonry-detaill .comment .nxh:nth-last-child(3) {
  margin: 0 0.05rem 0 0;
}

.masonry-detaill .comment .im-comment {
  padding: 0.7rem 0 0.34rem 0;
  width: 100%;
  border-bottom: 0.01rem solid #ebf7f6;
}

.masonry-detaill .comment .im-comment .el-textarea__inner,
.masonry-detaill .comment .im-comment .el-input__count {
  background: rgba(255, 255, 255, 0);
  border-width: 0;
  font-size: 0.24rem;
  -webkit-text-fill-color: #595959;
}

.masonry-detaill .comment .im-comment .el-textarea__inner {
  padding: 0.1rem 0.42rem 0.1rem 0;
}

.masonry-detaill .comment .im-comment .el-input__count {
  -webkit-transform: translateY(-0.03rem);
  transform: translateY(-0.03rem);
  opacity: 0.8;
}

.masonry-detaill .comment .im-comment .tx {
  position: absolute;
  top: 0.62rem;
}

.masonry-detaill .comment .im-comment .tx img {
  width: 0.66rem;
  height: 0.7rem;
  border-radius: 50%;
  background-size: cover;
  background-size: 100% auto;
  border: 0.02rem solid #ddd6bc;
}

.masonry-detaill .comment .im-comment .tx .admin-v {
  position: absolute;
  bottom: -0.04rem;
  right: -0.1rem;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.4rem -11.5rem;
  width: 0.4rem;
  height: 0.48rem;
}

.masonry-detaill .comment .im-comment img {
  display: inline-block;
  margin: 0 0.01rem;
}

.masonry-detaill .comment .im-comment .content {
  width: 5.8rem;
  min-height: 0.61rem;
  background: #e1f2e8;
  margin-left: 0.85rem;
  display: inline-block;
  padding-top: 0.02rem;
  border-radius: 0.05rem;
}

.masonry-detaill .comment .im-comment .commentText,
.masonry-detaill .comment .im-comment .commentText2 {
  display: inline-block;
  width: 4rem;
  padding-right: 0.5rem;
  text-align: left;
}

.masonry-detaill .comment .im-comment .commentText .el-input__inner,
.masonry-detaill .comment .im-comment .commentText2 .el-input__inner {
  background: #84bca9;
  border: 0.01rem solid #d7eaf1;
  height: 0.6rem;
  font-size: 0.16rem;
  -webkit-text-fill-color: #1b5a77;
}

.masonry-detaill .comment .im-comment .commentText .el-input__count-inner,
.masonry-detaill .comment .im-comment .commentText2 .el-input__count-inner {
  background: #d7eaf1 !important;
}

.masonry-detaill .comment .im-comment .commentText img,
.masonry-detaill .comment .im-comment .commentText2 img {
  display: inline-block;
}

.masonry-detaill .comment .im-comment .commentText2 {
  width: 4.2rem;
}

.masonry-detaill .comment .im-comment .commentText2 .el-textarea__inner {
  padding: 0.1rem 0.38rem 0.1rem 0;
  width: 3.4rem !important;
}

.masonry-detaill .comment .im-comment textarea::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: #f0fafd;
}

.masonry-detaill .comment .im-comment textarea::-webkit-scrollbar-thumb {
  background-color: #999;
}

.masonry-detaill .comment .im-comment .look {
  z-index: 2;
  position: relative;
  display: inline-block;
  -webkit-transform: translateY(0.05rem);
  transform: translateY(0.05rem);
}

.masonry-detaill .comment .im-comment .look .look-bg {
  -webkit-transform: translateY(0.05rem);
  transform: translateY(0.05rem);
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.2rem -9.05rem;
  width: 0.35rem;
  height: 0.34rem;
}

.masonry-detaill .comment .im-comment .look-icon-bg {
  padding: 0.65rem;
  background-color: #fff;
  display: inline-block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -2.1rem;
  width: 2rem;
  height: 2rem;
}

.masonry-detaill .comment .im-comment .look-icon-bg::before {
  position: absolute;
  bottom: -0.05rem;
  left: 50%;
  content: "";
  border: 0.06rem solid #fff;
  width: 0.05rem;
  height: 0.05rem;
  border-left-color: transparent;
  border-top-color: transparent;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}

.masonry-detaill .comment .im-comment .look-icon-bg .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0.8rem;
  height: 0.8rem;
  font-size: 0;
}

.masonry-detaill .comment .im-comment .look-icon-bg .icon-back {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  cursor: pointer;
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.3rem -11.39rem;
  width: 0.19rem;
  height: 0.18rem;
}

.masonry-detaill .comment .im-comment .look-content {
  z-index: 3;
  position: absolute;
  right: -1.2rem;
  top: 0.5rem;
  width: 4.93rem;
  max-height: 2.89rem;
  background-color: #dfeee9;
}

.masonry-detaill .comment .im-comment .look-scroll {
  margin: 0 auto;
  width: 90%;
  padding: 0.1rem 0.1rem 0.1rem 0.25rem;
  height: 2.1rem;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0.15rem;
  margin-top: 0.1rem;
}

.masonry-detaill .comment .im-comment .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;
}

.masonry-detaill .comment .im-comment .look-scroll .look-icon .emoj-item {
  margin-right: 0.03rem;
}

.masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-temp {
  width: 0.92rem;
  height: 0.92rem;
  margin-bottom: 0.2rem;
  overflow: hidden;
}

.masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-temp.popo {
  width: 0.6rem;
  height: 0.6rem;
}

.masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-temp.icon {
  width: 1.15rem;
  height: 1.15rem;
}

.masonry-detaill .comment .im-comment .look-scroll .look-icon .jh,
.masonry-detaill .comment .im-comment .look-scroll .look-icon .nxh {
  margin-bottom: 0.1rem;
}

.masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item {
  cursor: pointer;
  position: relative;
  font-size: 0;
}

.masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item:hover .look-temp {
  display: block;
}

.masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .el-button {
  width: 0 !important;
  height: 0 !important;
  padding: 0.16rem;
  opacity: 0;
}

.masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp {
  width: 0;
  height: 0;
  display: none;
}

.masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp .el-popover__title {
  display: none;
}

.masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp button {
  display: inline-block;
}

.masonry-detaill .comment .im-comment .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%);
}

.masonry-detaill .comment .im-comment .look-scroll::-webkit-scrollbar {
  width: 0.08rem;
  height: 0.03rem;
  border-radius: 0.12rem;
  background-color: #dfeee9;
}

.masonry-detaill .comment .im-comment .look-scroll::-webkit-scrollbar-thumb {
  border-radius: 0.12rem;
  background-color: #478f77;
}

.masonry-detaill .comment .im-comment .look-nav {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-wrap: nowrap;
  height: 0.55rem;
  line-height: 0.705rem;
  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;
}

.masonry-detaill .comment .im-comment .look-nav::after {
  width: 85%;
  height: 0.02rem;
  position: absolute;
  content: "";
  bottom: 0;
  background-color: #fff;
}

.masonry-detaill .comment .im-comment .look-nav::-webkit-scrollbar {
  width: 0.03rem;
  height: 0.03rem;
  background-color: #f0fafd;
}

.masonry-detaill .comment .im-comment .look-nav::-webkit-scrollbar-thumb {
  border-radius: 0.12rem;
  background-color: #478f77;
}

.masonry-detaill .comment .im-comment .look-nav .look-nav-scroll {
  width: 100%;
  white-space: nowrap;
  height: 0.55rem;
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom: 0.03rem;
}

.masonry-detaill .comment .im-comment .look-nav .look-nav-scroll div {
  z-index: 2;
  cursor: pointer;
  height: 0.46rem;
  line-height: 0.42rem;
  color: #478f77;
  font-size: 0.24rem;
  padding: 0 0.1rem;
  display: inline-block;
}

.masonry-detaill .comment .im-comment .look-nav .look-nav-scroll .ca-lock {
  border: 0.01rem solid #478f77;
  color: #fff;
  background: #478f77;
}

.masonry-detaill .comment .im-comment .z-look {
  z-index: 3;
}

.masonry-detaill .comment .im-comment .look-h {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.13rem -13.19rem;
  width: 0.23rem;
  height: 0.23rem;
}

.masonry-detaill .comment .im-comment .btn-primary {
  width: 0.87rem;
  height: 0.41rem;
  line-height: 0.41rem;
  margin: 0 0 0.08rem 0.05rem;
  display: inline-block;
  background: #469c85;
  font-size: 0.26rem;
  color: #fff;
  border-radius: 0.05rem;
}

.masonry-detaill .comment .scroll-temp {
  position: relative;
  width: 100%;
}

.masonry-detaill .comment .scroll-temp .duration .content {
  margin-left: 0;
}

.masonry-detaill .comment .scroll-temp .comment-item svg {
  width: 0.6rem;
  height: 0.6rem;
  font-size: 0;
}

.masonry-detaill .comment .scroll-temp .comment-item svg.bigEmoj {
  width: 1.15rem;
  height: 1.15rem;
}

.masonry-detaill .comment .scroll-temp .comment-item img {
  width: 0.48rem;
  height: 0.48rem;
  background-size: cover;
  border-radius: 50%;
}

.masonry-detaill .comment .scroll-temp .comment-item .im-comment {
  border-bottom: 0 solid #ebf7f6;
}

.masonry-detaill .comment .scroll-temp .comment-item .im-comment .el-textarea__inner {
  padding-left: 0.2rem;
}

.masonry-detaill .comment .scroll-temp .comment-item .spread,
.masonry-detaill .comment .scroll-temp .comment-item .spread2 {
  position: absolute;
  bottom: -0.08rem;
  left: 1rem;
  cursor: pointer;
  display: inline-block;
  border-radius: 0.25rem;
  font-size: 0.24rem;
  color: #fff;
  padding: 0.03rem 0.35rem 0.06rem 0.1rem;
  background-color: #b3dcc3;
}

.masonry-detaill .comment .scroll-temp .comment-item .spread::before,
.masonry-detaill .comment .scroll-temp .comment-item .spread2::before {
  position: absolute;
  right: 0.15rem;
  top: 50%;
  content: "";
  border: 0.03rem solid #fff;
  width: 0.04rem;
  height: 0.04rem;
  border-left-color: transparent;
  border-top-color: transparent;
  -webkit-transform: translateY(-80%) rotate(45deg) scale(1.3);
  transform: translateY(-80%) rotate(45deg) scale(1.3);
}

.masonry-detaill .comment .scroll-temp .comment-item .spread2::before {
  position: absolute;
  right: 0.15rem;
  top: 50%;
  content: "";
  border: 0.03rem solid #fff;
  width: 0.04rem;
  height: 0.04rem;
  border-left-color: transparent;
  border-top-color: transparent;
  -webkit-transform: translateY(0%) rotate(-135deg) scale(1.3);
  transform: translateY(0%) rotate(-135deg) scale(1.3);
}

.masonry-detaill .comment .scroll-temp .comment-item .spreadList {
  margin: 0.2rem 0 0.2rem 0.9rem;
  padding-top: 0.2rem;
  position: relative;
  border-top: 0.01rem solid #c8d9df;
}

.masonry-detaill .comment .scroll-temp .tx {
  display: inline-block;
  position: absolute;
  left: 0;
}

.masonry-detaill .comment .scroll-temp .tx img {
  width: 0.66rem;
  height: 0.7rem;
  border-radius: 50%;
  background-size: cover;
  background-size: 100% auto;
  border: 0.02rem solid #ddd6bc;
}

.masonry-detaill .comment .scroll-temp .tx .admin-v {
  position: absolute;
  bottom: -0.04rem;
  right: -0.1rem;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.4rem -11.5rem;
  width: 0.4rem;
  height: 0.48rem;
}

.masonry-detaill .comment .scroll-temp::-webkit-scrollbar {
  width: 0.03rem;
  height: 0.03rem;
  background-color: #f0fafd;
}

.masonry-detaill .comment .scroll-temp::-webkit-scrollbar-thumb {
  background-color: #999;
}

.masonry-detaill .comment .scroll-temp .item {
  position: relative;
  top: 0;
  text-align: left;
  border-top: 0.01rem solid #d7eaf1;
  padding: 0.4rem 0;
  margin-bottom: 0.2rem;
}

.masonry-detaill .comment .scroll-temp .item .text-content {
  background: -webkit-gradient(linear, right top, left top, from(#fbfdfd), color-stop(60%, #dcedeb), to(#fbfdfd)) !important;
  background: linear-gradient(to left, #fbfdfd 0%, #dcedeb 60%, #fbfdfd 100%) !important;
}

.masonry-detaill .comment .scroll-temp .item .temp {
  -webkit-transform: translate(0.63rem, 0);
  transform: translate(0.63rem, 0);
  display: inline-block;
  width: 4.65rem;
}

.masonry-detaill .comment .scroll-temp .item .name {
  left: 0.6rem;
  top: 0.05rem;
  font-size: 0.14rem;
  color: #1b5a77;
}

.masonry-detaill .comment .scroll-temp .item .text {
  width: 3.2rem;
  margin: 0.07rem 0;
  left: 0.6rem;
  top: 0.25rem;
  font-size: 0.16rem;
  color: #6c6c6c;
}

.masonry-detaill .comment .scroll-temp .item .comment-content {
  margin-top: 0.05rem;
  margin-left: 1rem;
  left: 0.6rem;
  bottom: 0.1rem;
  font-size: 0.24rem;
  color: #b8b8b8;
}

.masonry-detaill .comment .scroll-temp .item .comment-content .text {
  font-size: 0.24rem;
  color: #5c5c5c;
}

.masonry-detaill .comment .scroll-temp .item .comment-content .text div {
  display: inline-block;
}

.masonry-detaill .comment .scroll-temp .item .comment-content .name {
  font-size: 0.24rem;
  display: inline-block;
  margin-right: 0.1rem;
  color: #45786d;
}

.masonry-detaill .comment .scroll-temp .item .comment-content .reply {
  display: inline-block;
  font-size: 0.14rem;
  color: #b8b8b8;
}

.masonry-detaill .comment .scroll-temp .item .comment-content .tiem {
  font-size: 0.2rem;
}

.masonry-detaill .comment .scroll-temp .item .cu-icon {
  position: absolute;
  top: 0.4rem;
  right: 0.25rem;
  color: #b3dcc3;
  font-size: 0.16rem;
  text-align: right;
}

.masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempHide {
  display: inline-block;
  width: 0.3rem;
  height: 0.31rem;
  position: relative;
  -webkit-transform: scale(0.95) translate(-0.03rem, 0);
  transform: scale(0.95) translate(-0.03rem, 0);
}

.masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempShow {
  display: inline-block;
  width: 0.3rem;
  height: 0.31rem;
  -webkit-transform: scale(0.95) translate(-0.03rem, 0);
  transform: scale(0.95) translate(-0.03rem, 0);
  position: relative;
}

.masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempClick {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 0.3rem;
  height: 0.31rem;
}

.masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempClick:hover + .likesInit {
  position: absolute;
  left: -55px;
  top: -55px;
  zoom: 0.5;
  height: 150px;
  width: 150px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite_dianji_1_abf143a7.png);
  background-position: 0 0;
  /* no */
}

.masonry-detaill .comment .scroll-temp .item .cu-icon span {
  display: inline-block;
  margin: 0 0.05rem;
}

.masonry-detaill .comment .scroll-temp .item .cu-icon .likesTemp {
  display: inline-block;
  width: 0.21rem;
  height: 0.21rem;
  position: relative;
}

.masonry-detaill .comment .scroll-temp .item .cu-icon .likesInit {
  position: absolute;
  left: -55px;
  top: -55px;
  zoom: 0.5;
  height: 150px;
  width: 150px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite_dianji_1_abf143a7.png) no-repeat;
  background-position: 0 0;
}

.masonry-detaill .comment .scroll-temp .item .cu-icon .likes {
  position: absolute;
  left: -55px;
  top: -55px;
  zoom: 0.5;
  height: 150px;
  width: 150px;
  -webkit-animation: sprite_dianji_1 1.33s steps(1) forwards normal;
  animation: sprite_dianji_1 1.33s steps(1) forwards normal;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite_dianji_1_abf143a7.png) no-repeat;
}

.masonry-detaill .comment .scroll-temp .item .cu-icon .likes2 {
  position: absolute;
  left: -55px;
  top: -55px;
  zoom: 0.5;
  height: 150px;
  width: 150px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite_dianji_1_abf143a7.png) no-repeat;
  background-position: -600px -750px;
}

@-webkit-keyframes sprite_dianji_1 {
  0% {
    background-position: 0 0;
    /* no */
  }

  /* no */
  2.5% {
    background-position: -150px 0;
  }

  /* no */
  5% {
    background-position: -300px 0;
  }

  /* no */
  7.5% {
    background-position: -450px 0;
  }

  /* no */
  10% {
    background-position: -600px 0;
  }

  /* no */
  12.5% {
    background-position: -750px 0;
  }

  /* no */
  15% {
    background-position: -900px 0;
  }

  /* no */
  17.5% {
    background-position: 0 -150px;
  }

  /* no */
  20% {
    background-position: -150px -150px;
  }

  /* no */
  22.5% {
    background-position: -300px -150px;
  }

  /* no */
  25% {
    background-position: -450px -150px;
  }

  /* no */
  27.5% {
    background-position: -600px -150px;
  }

  /* no */
  30% {
    background-position: -750px -150px;
  }

  /* no */
  32.5% {
    background-position: -900px -150px;
  }

  /* no */
  35% {
    background-position: 0 -300px;
  }

  /* no */
  37.5% {
    background-position: -150px -300px;
  }

  /* no */
  40% {
    background-position: -300px -300px;
  }

  /* no */
  42.5% {
    background-position: -450px -300px;
  }

  /* no */
  45% {
    background-position: -600px -300px;
  }

  /* no */
  47.5% {
    background-position: -750px -300px;
  }

  /* no */
  50% {
    background-position: -900px -300px;
  }

  /* no */
  52.5% {
    background-position: 0 -450px;
  }

  /* no */
  55% {
    background-position: -150px -450px;
  }

  /* no */
  57.5% {
    background-position: -300px -450px;
  }

  /* no */
  60% {
    background-position: -450px -450px;
  }

  /* no */
  62.5% {
    background-position: -600px -450px;
  }

  /* no */
  65% {
    background-position: -750px -450px;
  }

  /* no */
  67.5% {
    background-position: -900px -450px;
  }

  /* no */
  70% {
    background-position: 0 -600px;
  }

  /* no */
  72.5% {
    background-position: -150px -600px;
  }

  /* no */
  75% {
    background-position: -300px -600px;
  }

  /* no */
  77.5% {
    background-position: -450px -600px;
  }

  /* no */
  80% {
    background-position: -600px -600px;
  }

  /* no */
  82.5% {
    background-position: -750px -600px;
  }

  /* no */
  85% {
    background-position: -900px -600px;
  }

  /* no */
  87.5% {
    background-position: 0 -750px;
  }

  /* no */
  90% {
    background-position: -150px -750px;
  }

  /* no */
  92.5% {
    background-position: -300px -750px;
  }

  /* no */
  95% {
    background-position: -450px -750px;
  }

  /* no */
  97.5% {
    background-position: -600px -750px;
  }

  /* no */
  100% {
    background-position: -600px -750px;
  }

  /* no */}

@keyframes sprite_dianji_1 {
  0% {
    background-position: 0 0;
    /* no */
  }

  /* no */
  2.5% {
    background-position: -150px 0;
  }

  /* no */
  5% {
    background-position: -300px 0;
  }

  /* no */
  7.5% {
    background-position: -450px 0;
  }

  /* no */
  10% {
    background-position: -600px 0;
  }

  /* no */
  12.5% {
    background-position: -750px 0;
  }

  /* no */
  15% {
    background-position: -900px 0;
  }

  /* no */
  17.5% {
    background-position: 0 -150px;
  }

  /* no */
  20% {
    background-position: -150px -150px;
  }

  /* no */
  22.5% {
    background-position: -300px -150px;
  }

  /* no */
  25% {
    background-position: -450px -150px;
  }

  /* no */
  27.5% {
    background-position: -600px -150px;
  }

  /* no */
  30% {
    background-position: -750px -150px;
  }

  /* no */
  32.5% {
    background-position: -900px -150px;
  }

  /* no */
  35% {
    background-position: 0 -300px;
  }

  /* no */
  37.5% {
    background-position: -150px -300px;
  }

  /* no */
  40% {
    background-position: -300px -300px;
  }

  /* no */
  42.5% {
    background-position: -450px -300px;
  }

  /* no */
  45% {
    background-position: -600px -300px;
  }

  /* no */
  47.5% {
    background-position: -750px -300px;
  }

  /* no */
  50% {
    background-position: -900px -300px;
  }

  /* no */
  52.5% {
    background-position: 0 -450px;
  }

  /* no */
  55% {
    background-position: -150px -450px;
  }

  /* no */
  57.5% {
    background-position: -300px -450px;
  }

  /* no */
  60% {
    background-position: -450px -450px;
  }

  /* no */
  62.5% {
    background-position: -600px -450px;
  }

  /* no */
  65% {
    background-position: -750px -450px;
  }

  /* no */
  67.5% {
    background-position: -900px -450px;
  }

  /* no */
  70% {
    background-position: 0 -600px;
  }

  /* no */
  72.5% {
    background-position: -150px -600px;
  }

  /* no */
  75% {
    background-position: -300px -600px;
  }

  /* no */
  77.5% {
    background-position: -450px -600px;
  }

  /* no */
  80% {
    background-position: -600px -600px;
  }

  /* no */
  82.5% {
    background-position: -750px -600px;
  }

  /* no */
  85% {
    background-position: -900px -600px;
  }

  /* no */
  87.5% {
    background-position: 0 -750px;
  }

  /* no */
  90% {
    background-position: -150px -750px;
  }

  /* no */
  92.5% {
    background-position: -300px -750px;
  }

  /* no */
  95% {
    background-position: -450px -750px;
  }

  /* no */
  97.5% {
    background-position: -600px -750px;
  }

  /* no */
  100% {
    background-position: -600px -750px;
  }

  /* no */}

.masonry-detaill .comment .scroll-temp .item .pl {
  z-index: 2;
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-right: 0.08rem;
  -webkit-transform: translateY(0.05rem);
  transform: translateY(0.05rem);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.98rem -11.19rem;
  width: 0.25rem;
  height: 0.24rem;
}

.masonry-detaill .comment .scroll-temp .item .jb {
  z-index: 2;
  position: absolute;
  right: 0.05rem;
  margin-top: 0.1rem;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.26rem -6.69rem;
  width: 0.27rem;
  height: 0.21rem;
}

.masonry-detaill .comment .scroll-temp .item .dele {
  z-index: 2;
  cursor: pointer;
  position: absolute;
  margin-top: 0.25rem;
  right: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.72rem -9.03rem;
  width: 0.22rem;
  height: 0.24rem;
}

.masonry-detaill .comment .scroll-temp .item .delete-item {
  cursor: pointer;
  width: 3.3rem;
  height: 4.7rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/dele-item_97ddadce.png) no-repeat center center;
  background-size: 100% auto;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
}

.masonry-detaill .comment .scroll-temp .item .delete-item div {
  position: absolute;
  right: 0.4rem;
  top: 0.25rem;
}

.masonry-detaill .comment .scroll-temp .item .delete-item .icon-collect {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.29rem -15.83rem;
  width: 0.2rem;
  height: 0.2rem;
}

.masonry-detaill .comment .scroll-temp .item .delete-item .icon-collect2 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.72rem -10.24rem;
  width: 0.2rem;
  height: 0.2rem;
}

.attentionType {
  color: #5cb39f;
  border: 0.02rem solid #5cb39f;
  -webkit-animation: attentionTypea 200ms forwards linear;
  animation: attentionTypea 200ms forwards linear;
}

@-webkit-keyframes attentionTypea {
  0% {
    background-color: rgba(242, 150, 61, 0.2);
    border: 0.02rem solid #eb8019;
  }

  50% {
    background-color: rgba(92, 179, 159, 0.2);
    border: 0.02rem solid #5cb39f;
  }

  100% {
    color: #5cb39f;
    background-color: rgba(92, 179, 159, 0);
    border: 0.02rem solid #5cb39f;
  }
}

@keyframes attentionTypea {
  0% {
    background-color: rgba(242, 150, 61, 0.2);
    border: 0.02rem solid #eb8019;
  }

  50% {
    background-color: rgba(92, 179, 159, 0.2);
    border: 0.02rem solid #5cb39f;
  }

  100% {
    color: #5cb39f;
    background-color: rgba(92, 179, 159, 0);
    border: 0.02rem solid #5cb39f;
  }
}

.attentionType2 {
  -webkit-animation: attentionType22 200ms forwards linear;
  animation: attentionType22 200ms forwards linear;
}

@-webkit-keyframes attentionType22 {
  0% {
    color: #5cb39f;
    background-color: rgba(92, 179, 159, 0.2);
    border: 0.02rem solid #5cb39f;
  }

  50% {
    background-color: rgba(242, 150, 61, 0.2);
    border: 0.02rem solid #eb8019;
  }

  100% {
    background-color: rgba(242, 150, 61, 0);
    border: 0.02rem solid #eb8019;
    color: #f2963d;
  }
}

@keyframes attentionType22 {
  0% {
    color: #5cb39f;
    background-color: rgba(92, 179, 159, 0.2);
    border: 0.02rem solid #5cb39f;
  }

  50% {
    background-color: rgba(242, 150, 61, 0.2);
    border: 0.02rem solid #eb8019;
  }

  100% {
    background-color: rgba(242, 150, 61, 0);
    border: 0.02rem solid #eb8019;
    color: #f2963d;
  }
}

.attentionType3 {
  color: #5cb39f !important;
  border: 0.02rem solid #5cb39f !important;
}

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

  /* no */
  6.7% {
    background-position: -1rem 0;
  }

  /* no */
  13.3% {
    background-position: -2rem 0;
  }

  /* no */
  20% {
    background-position: -3rem 0;
  }

  /* no */
  26.7% {
    background-position: 0 -1rem;
  }

  /* no */
  33.3% {
    background-position: -1rem -1rem;
  }

  /* no */
  40% {
    background-position: -2rem -1rem;
  }

  /* no */
  46.7% {
    background-position: -3rem -1rem;
  }

  /* no */
  53.3% {
    background-position: 0 -2rem;
  }

  /* no */
  60% {
    background-position: -1rem -2rem;
  }

  /* no */
  66.7% {
    background-position: -2rem -2rem;
  }

  /* no */
  73.3% {
    background-position: -3rem -2rem;
  }

  /* no */
  80% {
    background-position: 0 -3rem;
  }

  /* no */
  86.7% {
    background-position: -1rem -3rem;
  }

  /* no */
  93.3% {
    background-position: -2rem -3rem;
  }

  /* no */
  100% {
    background-position: -2rem -3rem;
  }

  /* no */}

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

  /* no */
  6.7% {
    background-position: -1rem 0;
  }

  /* no */
  13.3% {
    background-position: -2rem 0;
  }

  /* no */
  20% {
    background-position: -3rem 0;
  }

  /* no */
  26.7% {
    background-position: 0 -1rem;
  }

  /* no */
  33.3% {
    background-position: -1rem -1rem;
  }

  /* no */
  40% {
    background-position: -2rem -1rem;
  }

  /* no */
  46.7% {
    background-position: -3rem -1rem;
  }

  /* no */
  53.3% {
    background-position: 0 -2rem;
  }

  /* no */
  60% {
    background-position: -1rem -2rem;
  }

  /* no */
  66.7% {
    background-position: -2rem -2rem;
  }

  /* no */
  73.3% {
    background-position: -3rem -2rem;
  }

  /* no */
  80% {
    background-position: 0 -3rem;
  }

  /* no */
  86.7% {
    background-position: -1rem -3rem;
  }

  /* no */
  93.3% {
    background-position: -2rem -3rem;
  }

  /* no */
  100% {
    background-position: -2rem -3rem;
  }

  /* no */}

.card-works {
  background: rgba(255, 255, 255, 0);
}

.hero-temp {
  margin-top: 30%;
  text-align: center;
  min-height: calc(100vh * 0.3);
}

.hero-temp .hero-img {
  width: 100%;
  margin: 0 auto;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -17.4rem -4.23rem;
  width: 2.27rem;
  height: 2.12rem;
}

.hero-temp .hero-img-mine {
  width: 2.8rem;
  height: 2.8rem;
  margin: 0 auto;
  margin-top: -20%;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/hero-null-2_4144328b.gif);
  background-size: 100% auto;
}

.hero-temp .hero-text {
  width: 100%;
  color: #478f77;
  font-size: 0.24rem;
  margin: 0.1rem 0;
}

.hero-temp .hero-button {
  cursor: pointer;
  margin: 0 auto;
  font-size: 0.14rem;
  line-height: 0.4rem;
  color: #756833;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.hero-temp .hero-button a {
  width: 100%;
  height: 100%;
}

.hero-temp .hero-button .mine-target-1 {
  display: inline-block;
  width: 1.36rem;
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
  height: 0.57rem;
  line-height: 0.57rem;
  font-size: 0.18rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/attention_62af049c.png) no-repeat center center;
  background-size: 100% auto;
}

.hero-temp .hero-button .mine-target-2 {
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
  margin-top: 0.3rem;
  width: 3rem;
  color: #f7e6b6;
  line-height: 0.32rem;
  padding-top: 0.12rem;
  height: 0.86rem;
  font-size: 0.26rem;
  display: inline-block;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/attention-2_9b689ac8.png) no-repeat center center;
  background-size: 100% auto;
}

.works-back {
  z-index: 12;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -4.96rem -21.9rem;
  width: 1.22rem;
  height: 0.57rem;
  position: relative;
  left: 0;
  top: 0;
  text-indent: -99.99rem;
}

.works {
  z-index: 9;
  position: relative;
  left: 0;
  width: 100%;
  min-height: 1.2rem;
}

.works .container {
  width: 100%;
  position: relative;
  margin: 0 auto;
  margin-left: 0.2rem;
}

.works .works-img {
  position: absolute;
  left: 0.1rem;
  top: 0.3rem;
}

.works .works-img img {
  display: block;
  position: relative;
  width: 1.05rem;
  height: 1.05rem;
  background-size: cover;
  border-radius: 50%;
}

.works .works-img .zp-tx-bg {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -17.4rem -15.26rem;
  width: 1.71rem;
  height: 1.71rem;
}

.works .works-img .admin-v {
  position: absolute;
  bottom: 0.08rem;
  right: 0;
  -webkit-transform: scale(1.6);
  transform: scale(1.6);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.4rem -11.5rem;
  width: 0.4rem;
  height: 0.48rem;
}

.works .works-img-2 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  left: -0.1rem;
  top: -0.1rem;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  width: 0.6rem;
  height: 0.6rem;
}

.works .works-img-2 img {
  display: block;
  position: relative;
  width: 0.6rem;
  height: 0.6rem;
  background-size: cover;
  border-radius: 50%;
}

.works .works-img-2 div {
  z-index: 2;
  position: absolute;
  top: -0.04rem;
  left: -0.01rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.81rem -4.23rem;
  width: 0.61rem;
  height: 0.65rem;
}

.works .works-container,
.works .works-container-2 {
  position: relative;
  top: 0.1rem;
  left: 1.6rem;
  text-align: left;
  width: 4.15rem;
  height: 1.75rem;
}

.works .works-container .title,
.works .works-container-2 .title {
  font-size: 0.3rem;
  color: #505050;
}

.works .works-container .fans,
.works .works-container-2 .fans {
  margin: 0.03rem 0;
  -webkit-transform: translateX(-0.05rem);
  transform: translateX(-0.05rem);
  font-size: 0.22rem;
  color: #505050;
  opacity: 0.7;
}

.works .works-container .fans .fans-num,
.works .works-container-2 .fans .fans-num {
  line-height: 0.43rem;
  margin-top: -0.07rem;
  float: left;
  margin-right: 0.4rem;
}

.works .works-container .fans .attention-num,
.works .works-container-2 .fans .attention-num {
  line-height: 0.43rem;
  margin-top: -0.07rem;
  float: left;
}

.works .works-container .compile,
.works .works-container-2 .compile {
  position: absolute;
  right: 0.15rem;
  top: 0.35rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.29rem -15.55rem;
  width: 0.27rem;
  height: 0.26rem;
}

.works .works-container .title-level,
.works .works-container-2 .title-level {
  position: relative;
}

.works .works-container .title-level .level,
.works .works-container-2 .title-level .level {
  display: inline-block;
  color: #505050;
  font-size: 0.22rem;
}

.works .works-container .title-level .level span,
.works .works-container-2 .title-level .level span {
  font-size: 0.36rem;
  font-weight: 6rem;
}

.works .works-container .title-level .exp,
.works .works-container-2 .title-level .exp {
  position: absolute;
  right: 0.2rem;
  bottom: 0;
  display: inline-block;
  color: #505050;
  font-size: 0.22rem;
  opacity: 0.7;
}

.works .works-container .el-progress,
.works .works-container-2 .el-progress {
  line-height: 0;
}

.works .works-container .el-progress-bar__outer,
.works .works-container-2 .el-progress-bar__outer {
  opacity: 0.8;
  width: 4rem;
  background: #dce9e4;
  height: 0.1rem !important;
}

.works .works-container .el-progress-bar__inner,
.works .works-container-2 .el-progress-bar__inner {
  background-image: -webkit-gradient(linear, left top, right top, from(#559b86), to(#dce9e4));
  background-image: linear-gradient(to right, #559b86, #dce9e4);
}

.works .works-container .el-icon-circle-close::before,
.works .works-container-2 .el-icon-circle-close::before {
  display: none;
  content: "";
}

.works .works-container-2 {
  top: 0.25rem;
}

.works .attention {
  width: 1.48rem;
  height: 0.54rem;
  line-height: 0.54rem;
  color: #f2963d;
  border: 0.02rem solid #e0b769;
  border-radius: 0.28rem;
  font-size: 0.24rem;
  position: absolute;
  text-align: center;
  top: 0.7rem;
  right: 1.85rem;
}

.works .production {
  cursor: pointer;
  width: 1.69rem;
  height: 0.51rem;
  color: #fff;
  font-weight: 500;
  line-height: 0.51rem;
  position: absolute;
  top: 0.7rem;
  right: 0.05rem;
  font-size: 0.24rem;
  text-align: center;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/production_937c839f.png) no-repeat center center;
  background-size: 100% auto;
}

.works .doce {
  position: relative;
  cursor: pointer;
  left: 0.48rem;
  top: -0.65rem;
  max-width: 4rem;
  font-size: 0.24rem;
  color: #1b5a77;
}

.fans {
  font-size: 0.18rem;
  margin: 0.05rem 0 0 0.05rem;
}

.fansBg {
  overflow: visible !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.fans-item {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -14.06rem -4.48rem;
  width: 3.32rem;
  height: 4.46rem;
  padding: 0 0.2rem 0 0.4rem;
  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;
}

.fans-item2 {
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -14.06rem -4.48rem;
  width: 3.32rem;
  height: 4.46rem;
  padding: 0 0.25rem 0 0.45rem;
}

.fans-item2 .fans-icon {
  position: relative;
  top: 1.1rem;
}

.fans-item2 .admin-v {
  position: absolute;
  top: 1.25rem;
  right: 1rem;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.4rem -11.5rem;
  width: 0.4rem;
  height: 0.48rem;
}

.fans-item2 .lv2 {
  height: 0.3rem;
  line-height: 0.3rem;
  top: 1.44rem;
  right: 0.9rem;
}

.fans-icon {
  position: relative;
  color: #595959;
  font-size: 0.22rem;
}

.fans-icon::after {
  content: "";
  position: absolute;
  left: -0.2rem;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.9rem -15.43rem;
  width: 0.16rem;
  height: 0.13rem;
}

.hotWork .item {
  z-index: 3;
  overflow: visible !important;
  margin-top: 0.4rem;
}

.hotWork .hotWorkLabel {
  position: absolute;
  top: -0.4rem;
  left: 0.1rem;
  height: 0.32rem;
  border: 0.01rem solid #fff;
  border-top-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  overflow: hidden;
}

.hotWork .hotWorkLabel + .hero {
  border-top-left-radius: 0.15rem;
  border-top-right-radius: 0.15rem;
  overflow: hidden;
}

.hotWork .hotWorkLabel + .hero + .text-content {
  border-bottom-left-radius: 0.15rem;
  border-bottom-right-radius: 0.15rem;
  overflow: hidden;
}

.hotWork .hotWorkLabel div {
  position: relative;
  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;
  font-size: 0.22rem;
}

.hotWork .hotWorkLabel div:nth-child(1) {
  padding: 0 0.2rem 0 0.35rem;
  color: #ebd697;
  float: left;
  min-width: 0.95rem;
  height: 0.32rem;
  background: #5ba09f;
}

.hotWork .hotWorkLabel div:nth-child(2) {
  padding: 0 0.1rem;
  color: #66a292;
  min-width: 0.95rem;
  height: 0.32rem;
  background: #deecec;
}

.hotWork .hotWorkLabel .hotWorkLabel-icon-3::after {
  content: "";
  position: absolute;
  left: 0.1rem;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.72rem -10.68rem;
  width: 0.2rem;
  height: 0.17rem;
}

.hotWork .hotWorkLabel .hotWorkLabel-icon-1::after {
  content: "";
  position: absolute;
  left: 0.1rem;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.9rem -15.26rem;
  width: 0.15rem;
  height: 0.15rem;
}

.hotWork .hotWorkLabel .hotWorkLabel-icon-2::after {
  content: "";
  position: absolute;
  left: 0.1rem;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.72rem -10.46rem;
  width: 0.2rem;
  height: 0.2rem;
}

.head-img2 {
  position: relative;
  top: 0.7rem;
  left: 50%;
  -webkit-transform: translateX(-55%);
  transform: translateX(-55%);
  margin: 0 auto;
  width: 1.08rem;
  height: 1.08rem;
  border-radius: 50%;
  background-size: 100% auto;
  border: 0.02rem solid #ebd697;
}

.workList {
  position: relative;
  padding: 0.4rem 0 0 0.27rem;
  width: 6.68rem;
  padding-bottom: 3.5rem;
  height: 100%;
}

.workList .back {
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -4.96rem -21.9rem;
  width: 1.22rem;
  height: 0.57rem;
  position: absolute;
  left: 0;
  top: 0.15rem;
}

.workList-img {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.2rem;
}

.workList-img img {
  width: 0.75rem;
  height: 0.75rem;
  background-size: cover;
  border-radius: 50%;
  border: 0.02rem solid #f0df9f;
}

.workList-img .admin-v {
  position: absolute;
  bottom: 0;
  right: -0.1rem;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.4rem -11.5rem;
  width: 0.4rem;
  height: 0.48rem;
}

.workList-img .level {
  position: absolute;
  right: -0.13rem;
  bottom: 0.05rem;
  color: #c4963e;
  font-size: 0.18rem;
  padding: 0.02rem 0.1rem;
  height: 0.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffe1a8;
  border-radius: 0.23rem;
}

.workList .name {
  color: #505050;
  font-size: 0.26rem;
  display: inline-block;
}

.workList .title {
  margin-top: 0.8rem;
  cursor: pointer;
  font-size: 0.26rem;
  color: #68938a;
  margin-bottom: 0.2rem;
}

.workList .attention {
  width: 1.48rem;
  height: 0.54rem;
  line-height: 0.54rem;
  color: #f2963d;
  border: 0.02rem solid #e0b769;
  border-radius: 0.28rem;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0.5rem;
  font-size: 0.26rem;
}

.workList ul {
  position: absolute;
  top: 1.6rem;
  padding-bottom: 2rem;
}

.workList ul li {
  cursor: pointer;
  position: relative;
  padding: 0 0 0 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.1rem;
  margin-bottom: 0.2rem;
  width: 7rem;
  height: 1rem;
  background: rgba(173, 216, 197, 0.4);
}

.workList ul li::after {
  content: "";
  position: absolute;
  right: 0.15rem;
  top: 50%;
  -webkit-transform: translateY(-55%);
  transform: translateY(-55%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.33rem -4.9rem;
  width: 0.2rem;
  height: 0.33rem;
}

.works .works-back {
  z-index: 109;
}

.works .container {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0.25rem;
  margin: 0.3rem auto;
  width: 6.86rem;
  height: 2rem;
}

.works .works-img {
  position: absolute;
  left: 0.5rem;
  top: 0.45rem;
}

.works .works-img .zp-tx-bg {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -17.4rem -15.26rem;
  width: 1.71rem;
  height: 1.71rem;
}

.works .works-img img {
  width: 1.08rem;
  height: 1.08rem;
}

.works .works-container {
  padding-top: 0.2rem;
  left: 2.2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.works .attention {
  position: absolute;
  right: 0.7rem;
  top: 0.4rem;
}

.masonry-bg {
  width: 6.8rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding-top: 0.3rem;
  margin-bottom: 2rem;
}

.masonry {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.pagination {
  margin: 0.25rem auto auto auto;
  text-align: center;
}

.pagination .el-pagination .btn-prev {
  padding-right: 0.12rem;
}

.pagination .el-pagination button {
  padding: 0 0.06rem;
}

.pagination .el-pagination button,
.pagination .el-pagination span:not([class*=suffix]) {
  display: inline-block;
  min-width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.13rem;
}

.pagination .el-input {
  font-size: 0.14rem;
}

.pagination .el-pagination__editor.el-input {
  width: 0.5rem;
  height: 0.28rem;
  margin: 0 0.13rem 0 0.1rem;
  line-height: 0.28rem;
}

.pagination .el-input__inner {
  -webkit-appearance: none;
  background-color: #FFF;
  background-image: none;
  border-radius: 0.04rem;
  border: 0.01rem solid #DCDFE6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 0.6rem;
  line-height: 0.6rem;
  min-width: 0.5rem;
  outline: 0;
  padding: 0 0.15rem;
  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}

.pagination .el-pagination__jump {
  display: inline-block;
  margin-left: 0.24rem;
  font-weight: 400;
  line-height: 0.5rem;
  color: #606266;
  font-size: 0.13rem;
}

.pagination .el-pager {
  height: 0.5rem;
}

.pagination [class*=" el-icon-"],
.pagination .pagination [class^=el-icon-] {
  line-height: 0.5rem;
}

.pagination .el-pager li {
  padding: 0 0.04rem;
  font-size: 0.24rem;
  min-width: 0.355rem;
  height: 0.5rem;
  line-height: 0.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.pagination .el-dialog,
.pagination .el-pager li,
.pagination .el-pagination .btn-next,
.pagination .el-pagination .btn-prev {
  background: rgba(255, 255, 255, 0);
}

.pagination .el-pagination__total {
  display: none !important;
}

.pagination .active {
  position: relative;
}

.pagination .active::after {
  content: "";
  position: absolute;
  left: 0.05rem;
  top: 50%;
  width: 0.05rem;
  height: 0.01rem;
  background: #409EFF;
}

.pagination .active::before {
  content: "";
  position: absolute;
  right: 0.05rem;
  top: 50%;
  width: 0.05rem;
  height: 0.01rem;
  background: #409EFF;
}

.pagination .pagination-temp {
  font-size: 0.28rem;
  color: #595959;
  margin: 0.5rem 0;
}

.masonry {
  padding-bottom: 0.2rem;
}

.masonry .item {
  position: relative;
  overflow: hidden;
  border-radius: 0.15rem;
  width: 3.3rem;
  -webkit-box-shadow: 0 0 0.1rem 0.01rem #8183874d;
  box-shadow: 0 0 0.1rem 0.01rem #8183874d;
  margin-bottom: 0.3rem;
}

.masonry .item .text-content .title-icon-2 {
  position: absolute;
  top: 0.12rem;
  right: 0.05rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat center center;
  background-size: 25.07rem 22.47rem;
  background-position: -21.74rem -9.05rem;
  width: 0.44rem;
  height: 0.4rem;
}

.masonry .item .text-content .title-icon-1 {
  position: absolute;
  top: 0.12rem;
  right: 0.05rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat center center;
  background-size: 25.07rem 22.47rem;
  background-position: -16.82rem -11.5rem;
  width: 0.44rem;
  height: 0.4rem;
}

.masonry .item .text-content .title-name,
.masonry .item .text-content .title-name-1,
.masonry .item .text-content .title-name-2,
.masonry .item .text-content .title-name-3 {
  padding-left: 0.2rem;
  margin-left: -0.21rem;
  font-size: 0.26rem;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/text-bg_71b128fa.png) no-repeat center center;
  background-size: 100% auto;
  width: 2.74rem;
  height: 0.46rem;
  line-height: 0.5rem;
}

.masonry .item .text-content .title-name-1 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat center center;
  background-size: 25.07rem 22.47rem;
  background-position: -0 -20.98rem;
  width: 2.81rem;
  height: 0.9rem;
  margin-left: -0.32rem;
  margin-top: -0.25rem;
  padding: 0.27rem 0 0 0.65rem;
}

.masonry .item .text-content .title-name-1 + .hero-content {
  margin-top: -0.2rem;
}

.masonry .item .text-content .title-name-2 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat center center;
  background-size: 25.07rem 22.47rem;
  background-position: -19.52rem -18.36rem;
  width: 2.85rem;
  height: 0.9rem;
  margin-left: -0.32rem;
  margin-top: -0.25rem;
  padding: 0.27rem 0 0 0.65rem;
}

.masonry .item .text-content .title-name-2 + .hero-content {
  margin-top: -0.2rem;
}

.masonry .item .text-content .title-name-3 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat center center;
  background-size: 25.07rem 22.47rem;
  background-position: -14.06rem -12.77rem;
  width: 2.84rem;
  height: 0.91rem;
  margin-left: -0.32rem;
  margin-top: -0.25rem;
  padding: 0.27rem 0 0 0.65rem;
}

.masonry .item .text-content .title-name-3 + .hero-content {
  margin-top: -0.2rem;
}

.masonry .item .text-content .text-icon {
  vertical-align: middle;
  display: inline-block;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.72rem -10rem;
  width: 0.22rem;
  height: 0.22rem;
}

.masonry .item .text-content .stylist {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.24rem;
  line-height: 0.45rem;
  color: #505050;
  position: relative;
}

.masonry .item .text-content .stylist .item-admin {
  position: absolute;
  top: 0;
  right: -0.35rem;
  width: 0.3rem;
  height: 0.33rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/admin-item-v_33a436c4.png) no-repeat center center;
  background-size: 100% auto;
}

.masonry .item .text-content .icon-purchase {
  margin-top: 0.1rem;
  height: 0.37rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.masonry .item .text-content .icon-purchase .stage {
  font-size: 0.24rem;
  color: #578377;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.01rem solid rgba(102, 162, 146, 0.6);
  border-radius: 2.67rem;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
  font-weight: 400;
  padding: 0 0.08rem;
  height: 0.3rem;
  line-height: 0.3rem;
  text-align: center;
  white-space: nowrap;
}

.masonry .item .text-content .icon-purchase .stage-icon {
  display: inline-block;
  margin: 0 0.1rem 0 0.1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -16.92rem -12.77rem;
  width: 0.4rem;
  height: 0.4rem;
}

.masonry .item .text-content .icon-purchase .stage-icon-2 {
  display: inline-block;
  margin: 0 0.1rem 0 0.1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -16.92rem -13.19rem;
  width: 0.4rem;
  height: 0.4rem;
}

.masonry .item .text-content .icon-purchase .stage-num {
  font-size: 0.26rem;
  color: #578377;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
  font-weight: 400;
}

.masonry .item .delete-item {
  cursor: pointer;
  width: 3.4rem;
  height: 3.4rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/dele-item_a4f4a5ed.png) no-repeat center center;
  font-size: 0.3rem;
  background-size: 100% auto;
  color: #66a292;
  display: -webkit-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", "Microsoft YaHei", sans-serif;
}

.masonry .item .delete-item div {
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
}

.masonry .item .delete-item .icon-collect {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.26rem -6.37rem;
  width: 0.3rem;
  height: 0.3rem;
}

.masonry .item .delete-item .icon-collect2 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.26rem -11.73rem;
  width: 0.3rem;
  height: 0.3rem;
}

.masonry .item .market {
  position: absolute;
  z-index: 3;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
  cursor: pointer;
  pointer-events: none;
}

.masonry .item .market div {
  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;
  color: #FEFEFE;
  font-size: 0.28rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -19.58rem;
  width: 1.77rem;
  height: 0.64rem;
}

.masonry .item .market-2,
.masonry .item .market-3 {
  position: absolute;
  z-index: 3;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
  cursor: pointer;
  pointer-events: none;
}

.masonry .item .market-2 div,
.masonry .item .market-3 div {
  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;
  color: #FEFEFE;
  font-size: 0.28rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -20.24rem;
  width: 1.77rem;
  height: 0.64rem;
}

.masonry .item .hero {
  width: 3.3rem;
  cursor: pointer;
}

.masonry .item .hero .hero-item {
  border-top-right-radius: 0.05rem;
  border-top-left-radius: 0.05rem;
  overflow: hidden;
  position: relative;
}

.masonry .item .hero .icon {
  text-align: center;
  width: 0.88rem;
  height: 0.46rem;
  z-index: 2;
  font-size: 0.24rem;
  line-height: 0.46rem;
  color: #e9e9e9;
  position: absolute;
  top: 0.03rem;
  left: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/icon_85d965af.png) no-repeat center center;
  background-size: 100% auto;
}

.masonry .item .hero .head-img,
.masonry .item .hero .temp {
  position: relative;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background-size: 100% auto;
  width: 3.3rem;
  border-top-right-radius: 0.05rem;
  border-top-left-radius: 0.05rem;
}

.masonry .item .hero .head-img {
  display: block;
  bottom: 0;
}

.masonry .item .hero .temp {
  height: 100%;
  position: absolute;
  display: inline-block;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}

.masonry .item .hero .temp .icon-collect {
  margin: 0.1rem 0.1rem 0 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.58rem -10.9rem;
  width: 0.4rem;
  height: 0.4rem;
}

.masonry .item .hero .temp .icon-collect2 {
  margin: 0.1rem 0.1rem 0 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.58rem -11.32rem;
  width: 0.4rem;
  height: 0.4rem;
}

.masonry .item .hero .temp .icon-top-1,
.masonry .item .hero .temp .icon-top-2,
.masonry .item .hero .temp .icon-top-3 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -20.57rem -10.09rem;
  width: 1.29rem;
  height: 0.52rem;
  display: inline-block;
  position: absolute;
  right: -0.046rem;
  top: 0;
}

.masonry .item .hero .temp .icon-top-1 .icon-collect,
.masonry .item .hero .temp .icon-top-2 .icon-collect,
.masonry .item .hero .temp .icon-top-3 .icon-collect {
  margin: 0.18rem 0.2rem 0 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.72rem -9.29rem;
  width: 0.24rem;
  height: 0.22rem;
}

.masonry .item .hero .temp .icon-top-1 .icon-collect2,
.masonry .item .hero .temp .icon-top-2 .icon-collect2,
.masonry .item .hero .temp .icon-top-3 .icon-collect2 {
  margin: 0.18rem 0.2rem 0 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.72rem -9.53rem;
  width: 0.24rem;
  height: 0.22rem;
}

.masonry .item .hero .temp .icon-top-2 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -20.4rem -6.93rem;
  width: 1.73rem;
  height: 0.52rem;
}

.masonry .item .hero .temp .icon-top-3 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -20.4rem -7.95rem;
  width: 1.73rem;
  height: 0.52rem;
}

.masonry .item .hero .temp .icon-top- + .coupleDesigner {
  right: 0.4rem;
  top: -0.02rem;
}

.masonry .item .hero .temp .hot-box {
  position: absolute;
  left: 0.1rem;
  bottom: 0.15rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.masonry .item .hero .temp .hot-box .icon-number {
  position: relative;
  font-size: 0.24rem;
  color: #ebd697;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.07rem 0.14rem 0.07rem 0.38rem;
  border-radius: 0.48rem;
}

.masonry .item .hero .temp .hot-box .icon-number::after {
  content: "";
  position: absolute;
  left: 0.15rem;
  top: 0.11rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.89rem -13.48rem;
  width: 0.16rem;
  height: 0.2rem;
}

.masonry .item .hero .temp .hot-box .icon-flower {
  position: relative;
  font-size: 0.24rem;
  color: #FACED6;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.07rem 0.14rem 0.07rem 0.38rem;
  border-radius: 0.48rem;
  margin-left: 0.04rem;
}

.masonry .item .hero .temp .hot-box .icon-flower::after {
  content: "";
  position: absolute;
  left: 0.02rem;
  top: 0.03rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.58rem -11.74rem;
  width: 0.4rem;
  height: 0.4rem;
}

.masonry .item .hero .temp .coupleDesigner {
  position: absolute;
  right: -0.16rem;
  top: 0.45rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.4rem -8.96rem;
  width: 0.98rem;
  height: 0.62rem;
}

.masonry .item .hero .temp .icon-rank {
  position: absolute;
  left: 0;
  top: 0.12rem;
  width: 1.9rem;
  height: 0.4rem;
  background: -webkit-gradient(linear, right top, left top, color-stop(3%, rgba(0, 0, 0, 0)), color-stop(32%, rgba(0, 0, 0, 0.574)), color-stop(42%, rgba(0, 0, 0, 0.7)), color-stop(87%, rgba(0, 0, 0, 0.7)));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0.574) 32%, rgba(0, 0, 0, 0.7) 42%, rgba(0, 0, 0, 0.7) 87%);
  font-size: 0.24rem;
  color: #FFF;
  line-height: 0.45rem;
  padding-left: 0.13rem;
}

.masonry .item .hero .temp .icon-play {
  cursor: pointer;
  position: absolute;
  left: 0.1rem;
  top: 0.1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -17.02rem -14.51rem;
  width: 0.34rem;
  height: 0.34rem;
}

.masonry .item .hero .temp .icon-share {
  cursor: pointer;
  position: absolute;
  right: 0.1rem;
  bottom: 0.15rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.62rem -13.95rem;
  width: 0.4rem;
  height: 0.4rem;
}

.masonry .item .text-content {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-size: cover;
  width: 3.3rem;
  border-bottom-right-radius: 0.05rem;
  border-bottom-left-radius: 0.05rem;
  bottom: 0;
  padding: 0.1rem 0.2rem 0.05rem 0.2rem;
  text-align: left;
  overflow: hidden;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/itemBg_99d27097.png) no-repeat center center;
  background-size: 107% auto;
  background-position-y: -1rem;
}

.masonry .item .text-content .compile {
  cursor: pointer;
  position: absolute;
  right: 0.05rem;
  bottom: 0.05rem;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.9rem -15.08rem;
  width: 0.16rem;
  height: 0.16rem;
}

.masonry .item .text-content .he-del {
  cursor: pointer;
  position: absolute;
  right: 0.5rem;
  bottom: 0.05rem;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.89rem -13.26rem;
  width: 0.18rem;
  height: 0.2rem;
}

.masonry .item .text-content .hero-record {
  position: absolute;
  right: -0.24rem;
  bottom: -0.1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.17rem -11.73rem;
  width: 1.07rem;
  height: 0.73rem;
}

.masonry .item .text-content .purchase-record {
  position: absolute;
  right: -0.24rem;
  bottom: -0.1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -23.79rem -14.87rem;
  width: 1.09rem;
  height: 0.72rem;
}

.masonry .item .text-content .hero-content {
  position: relative;
  padding-top: 0.1rem;
}

.masonry .item .text-content .flower-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: -0.08rem;
}

.masonry .item .text-content .flower-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;
}

.masonry .item .text-content .flower-box i {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.4rem -10.23rem;
  width: 0.44rem;
  height: 0.44rem;
}

.masonry .item .text-content .flower-box span {
  padding-top: 0.03rem;
  font-size: 0.28rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0;
  color: #9C5D66;
}

.masonry .item .text-content .flower-btn {
  font-size: 0.24rem;
  color: #8C6C16;
}

.masonry .item .text-content .flower-btn 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;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -9.67rem -20.98rem;
  width: 1.38rem;
  height: 0.54rem;
  padding-bottom: 0.03rem;
}

.masonry .item .text-content .flower-btn span.numbers {
  color: #8C6C16;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -11.07rem -20.98rem;
  width: 1.38rem;
  height: 0.54rem;
}

.masonry .item .text-content .workCreateTime {
  width: 100%;
  position: relative;
  margin: 0.1rem 0 0.05rem 0;
  font-size: 0.12rem;
  color: #1b5a77;
}

.masonry .item .text-content .dele {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.89rem -14.08rem;
  width: 0.16rem;
  height: 0.18rem;
}

.masonry .item .text-content .hero-img {
  cursor: pointer;
  position: absolute;
  top: 0.3rem;
  display: inline-block;
  width: 0.35rem;
  height: 0.35rem;
  background-size: cover;
  border-radius: 50%;
}

.masonry .item .text-content .hero-name {
  cursor: pointer;
  margin-left: 0.45rem;
  color: #1b5a77;
  font-size: 0.24rem;
  -webkit-transform: translateY(-0.01rem);
  transform: translateY(-0.01rem);
  display: inline-block;
  width: 1.5rem;
}

.masonry .tempBg {
  cursor: pointer;
}

.Seek .vote-filter-tab-bg {
  height: 0.6rem;
}

.Seek .vote-filter-tab-bg .el-select {
  width: 1.17rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.Seek .vote-filter-tab-bg .el-select .filtrate {
  width: 1.17rem;
}

.Seek .vote-filter-tab-bg .activity-select {
  width: 2.1rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.08rem;
}

.Seek .grabble-m {
  right: 0.4rem;
  top: 0;
}

.Seek .Seek-content {
  padding-top: 1.5rem;
}

.Seek .Seek-content.Collect {
  padding-top: 0.22rem;
}

.Seek .Seek-content.inside {
  padding-top: 1.3rem;
}

.Seek .Seek-works {
  margin-top: 0.2rem;
}

.Seek .Seek-nav {
  position: relative;
  top: 1.1rem;
  z-index: 2;
  font-size: 0.3rem;
  width: 5.4rem;
  height: 1.2rem;
  margin: 0 auto;
  margin-bottom: 0.2rem;
}

.Seek .Seek-nav .Seek-btn {
  position: relative;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
  font-size: 0.3rem;
  color: #5E8A81;
  text-shadow: 0 0 0.04rem 0 #BFFFF3;
  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;
}

.Seek .Seek-nav .Seek-btn::after {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0.1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.79rem -20.05rem;
  width: 7.5rem;
  height: 0.36rem;
}

.Seek .Seek-nav .Seek-btn .current-period {
  z-index: 2;
  cursor: pointer;
  width: 2.49rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  display: inline-block;
}

.Seek .Seek-nav .Seek-btn .current-period:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/tab-c-2_cbac7856.png);
  background-size: 100% auto;
  text-indent: -99.99rem;
}

.Seek .Seek-nav .Seek-btn .current-period:hover + .previous + .previous_ca {
  position: absolute;
  left: 1.28rem;
  top: 0.75rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -20.73rem;
  width: 1.71rem;
  height: 0.18rem;
  -webkit-animation: current_ca 200ms forwards;
  animation: current_ca 200ms forwards;
}

.Seek .Seek-nav .Seek-btn .currentCa {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/tab-c-2_cbac7856.png) no-repeat;
  background-size: 100% auto;
  text-indent: -99.99rem;
}

.Seek .Seek-nav .Seek-btn .previous {
  z-index: 2;
  cursor: pointer;
  width: 2.49rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  display: inline-block;
}

.Seek .Seek-nav .Seek-btn .previous:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -12.24rem;
  width: 2.49rem;
  height: 1rem;
  text-indent: -99.99rem;
}

.Seek .Seek-nav .Seek-btn .previous:hover + .current_info {
  position: absolute;
  left: 3.1rem;
  top: 0.75rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -20.73rem;
  width: 1.71rem;
  height: 0.18rem;
  -webkit-animation: previous_ca 200ms forwards;
  animation: previous_ca 200ms forwards;
}

.Seek .Seek-nav .Seek-btn .previous:hover + .current_ca {
  position: absolute;
  left: 3.1rem;
  top: 0.75rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -20.73rem;
  width: 1.71rem;
  height: 0.18rem;
  -webkit-animation: previous_ca 200ms forwards;
  animation: previous_ca 200ms forwards;
}

.Seek .Seek-nav .Seek-btn .previousCa {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -12.24rem;
  width: 2.49rem;
  height: 1rem;
  text-indent: -99.99rem;
}

.Seek .Seek-nav .current_ca {
  position: absolute;
  left: 3.1rem;
  top: 0.75rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -20.73rem;
  width: 1.71rem;
  height: 0.18rem;
  -webkit-animation: current_ca 200ms forwards;
  animation: current_ca 200ms forwards;
}

.Seek .Seek-nav .current_info {
  position: absolute;
  left: 0.6rem;
  top: 0.75rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -20.73rem;
  width: 1.71rem;
  height: 0.18rem;
}

.Seek .Seek-nav .previous_ca {
  position: absolute;
  left: 1.28rem;
  top: 0.75rem;
  -webkit-animation: previous_ca 200ms forwards;
  animation: previous_ca 200ms forwards;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -20.73rem;
  width: 1.71rem;
  height: 0.18rem;
}

.Seek .Seek-nav .store-txt {
  display: inline-block;
  padding: 0 0.3rem;
  white-space: nowrap;
  height: 0.3rem;
  border-radius: 1.7rem;
  background: linear-gradient(91deg, rgba(255, 255, 255, 0.3) 0%, rgba(247, 252, 255, 0.3) 100%);
  font-family: "NotoSansSC", "Microsoft YaHei", sans-serif;
  color: #67998C;
  text-align: center;
  line-height: 0.26rem;
  margin: 0 auto;
}

.masonry-border .masonry {
  width: 7rem;
  border-bottom: 0.01rem solid rgba(81, 130, 162, 0.5);
}

.masonry-border:last-child {
  margin-bottom: 1.2rem;
}

.Designer .works-back {
  -webkit-transform: translateY(0.1rem);
  transform: translateY(0.1rem);
}

.Designer .grabble-m {
  right: 0.4rem;
  top: 0.25rem;
}

.Designer .vote-filter-tab-radio {
  padding-bottom: 0.1rem;
  margin: 0.3rem 0.8rem auto auto;
}

.Designer .masonry-bg {
  padding-top: 0.1rem;
  width: 6.8rem;
  margin: 0 auto;
  padding-top: 0.3rem;
  margin-bottom: 0.2rem;
}

.Designer {
  position: relative;
  color: #84bcb1;
  font-size: 0.28rem;
  padding-top: 1.36rem;
}

.Designer .hero-temp {
  margin-top: 30%;
  text-align: center;
  min-height: calc(100vh*0.3);
}

.Designer .hero-img-mine {
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 auto;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/hero-null-2_4144328b.gif);
  background-size: 100%;
}

.designer-wrapper .tabs {
  position: absolute;
  top: 1.16rem;
  z-index: 9;
  display: -webkit-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;
  left: 0;
  right: 0;
}

.designer-wrapper .tabs .tabs-item {
  width: 2.61rem;
  height: 0.72rem;
  color: #B89B78;
  font-size: 0.32rem;
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.designer-wrapper .tabs .tabs-item.past-tab {
  color: #609386;
}

.designer-wrapper .tabs .tabs-item + .designer-wrapper .tabs .tabs-item {
  margin-left: 0.2rem;
}

.designer-wrapper .tabs .tabs-item.current-active {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -2.83rem -20.98rem;
  width: 2.61rem;
  height: 0.72rem;
  color: #fff;
}

.designer-wrapper .tabs .tabs-item.past-active {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -5.46rem -20.98rem;
  width: 2.61rem;
  height: 0.72rem;
  color: #294957;
}

#leihuo-share {
  z-index: 99999;
}

#leihuo-share .leihuo-share-img {
  width: 5.45rem;
  height: 3.16rem;
}

#leihuo-share .leihuo-share-img img {
  width: 5.45rem;
  height: 3.16rem;
}

#leihuo-share .leihuo-share-qrcode-img {
  width: 5.45rem;
  height: 3.06rem;
}

#leihuo-share .leihuo-share-webview-tips {
  position: absolute;
  top: 0;
  right: 0.4rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -17.4rem -0;
  width: 5.16rem;
  height: 1.99rem;
  font-size: 0;
}

#leihuo-share .leihuo-share-block {
  list-style: none;
}

#leihuo-share .leihuo-share-block::marker {
  content: "";
  display: none;
}

#leihuo-share .leihuo-share-block:nth-child(2) {
  margin: 0.3rem 0;
}

#leihuo-share .leihuo-share-block:nth-child(3) {
  position: relative;
  top: 0.2rem;
  left: 0.12rem;
}

#leihuo-share .leihuo-share-block:nth-child(3) .leihuo-share-desc {
  font-size: 0.2rem;
  margin: 0 0 0 auto;
  width: 2.9rem;
  display: inline-block;
  position: absolute;
  right: -0.2rem;
  top: -0.1rem;
}

#leihuo-share .leihuo-share-block:nth-child(3) .leihuo-share-desc::before {
  content: "";
  background: none;
}

#leihuo-share .leihuo-share-modal {
  width: 6rem;
  height: 7.83rem;
  font-size: 0.24rem;
  -webkit-transform: translate(-50%, 0) !important;
  transform: translate(-50%, 0) !important;
  color: #f7f4f4;
  background: rgba(255, 255, 255, 0);
  padding: 1.8rem 0.27rem 0 0.27rem;
}

#leihuo-share .leihuo-share-modal::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-46%, -46.5%);
  transform: translate(-46%, -46.5%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/max-bg_856631d6.png) no-repeat;
  width: 6.52rem;
  height: 7.83rem;
  background-size: contain;
}

#leihuo-share .leihuo-share-modal .leihuo-share-copy-box {
  height: 0.44rem;
  margin-top: 0.13rem;
}

#leihuo-share .leihuo-share-modal .leihuo-share-copy-btn {
  display: block;
  width: 1.05rem;
  height: 0.44rem;
}

#leihuo-share .leihuo-share-modal .leihuo-share-title {
  font-size: 0.36rem;
  position: absolute;
  top: 0.9rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
}

#leihuo-share .leihuo-share-modal .leihuo-share-title::after {
  content: "\597D\53CB";
  margin-left: -0.13rem;
}

#leihuo-share .leihuo-share-modal .leihuo-share-desc {
  margin: 0.15rem 0;
  position: relative;
  left: 0.2rem;
  font-size: 0.24rem;
  color: #505050;
}

#leihuo-share .leihuo-share-modal .leihuo-share-desc span {
  font-weight: 500;
  font-size: 0.24rem;
}

#leihuo-share .leihuo-share-modal .leihuo-share-desc::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.2rem;
  color: #505050;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #505050;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.89rem -13.89rem;
  width: 0.17rem;
  height: 0.17rem;
}

#leihuo-share .leihuo-share-modal .leihuo-share-input {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 255, 252, 0.5)), color-stop(51%, #E4F8FA));
  background: linear-gradient(180deg, rgba(240, 255, 252, 0.5) 0%, #E4F8FA 51%);
  font-size: 0.2rem;
  color: #505050;
  display: block;
  width: 3rem;
}

#leihuo-share .leihuo-share-modal .leihuo-share-copy-btn {
  margin-left: 0.1rem;
  -webkit-box-flex: initial;
  -webkit-flex-grow: initial;
  -ms-flex-positive: initial;
  flex-grow: initial;
  background: #e2d096;
  font-size: 0.26rem;
  color: #4c4c4c;
}

#leihuo-share .leihuo-share-modal .leihuo-share-channel {
  -webkit-transform: translate(-1.08rem, -0.2rem) scale(0.6) !important;
  transform: translate(-1.08rem, -0.2rem) scale(0.6) !important;
}

#leihuo-share .leihuo-share-modal .leihuo-share-channel-item {
  color: #505050;
  float: left;
  font-size: 0.4rem;
}

#leihuo-share .leihuo-share-modal .leihuo-share-channel-item .leihuo-share-icon-qqkongjian {
  font-size: 0;
  -webkit-transform: scale(2);
  transform: scale(2);
  margin-right: 0.15rem;
  border: 0 solid #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -17.08rem -12.42rem;
  width: 0.25rem;
  height: 0.24rem;
}

#leihuo-share .leihuo-share-modal .leihuo-share-channel-item .leihuo-share-icon-weibo {
  border: 0 solid #fff;
  margin-right: 0.15rem;
  -webkit-transform: scale(2);
  transform: scale(2);
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.72rem -9.77rem;
  width: 0.25rem;
  height: 0.21rem;
}

#leihuo-share .leihuo-share-modal .leihuo-share-iconfont {
  margin-right: 0.05rem;
}

#leihuo-share .leihuo-share-modal .leihuo-share-channel-item {
  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;
}

#leihuo-share .leihuo-share-modal .leihuo-share-close {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.44rem -20.9rem;
  width: 0.52rem;
  height: 0.52rem;
  top: 0.9rem;
  right: 0.15rem;
}

#leihuo-share .leihuo-share-modal .leihuo-share-icon-guanbi:before {
  content: "";
}

.leihuo-share-qrcode {
  position: relative;
  z-index: 2;
}

.leihuo-share-qrcode.has-bg #leihuo-share-qrcode {
  position: absolute;
  width: 1.3rem !important;
  height: 1.3rem;
  left: 0 !important;
  top: 33% !important;
  z-index: 99999;
}

.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 5.45rem;
  height: 3.06rem;
}

.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-work-img {
  display: block;
  position: absolute;
  width: 4.11rem;
  height: 2.32rem;
  left: 1.3rem;
  top: 0;
}

.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-logo {
  z-index: 3;
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -23.91rem -14.39rem;
  width: 1.07rem;
  height: 0.42rem;
}

.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-text {
  position: absolute;
  top: 2.35rem;
  left: 0;
  padding: 0 0.3rem 0 0.1rem;
  font-size: 0.22rem;
  color: #fff;
  text-align: left;
  z-index: 2;
  min-width: 2.8rem;
}

.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-text p {
  margin-top: 0.05rem;
}

.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-text .share-icon {
  position: absolute;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  left: 0.07rem;
  top: 0.45rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.93rem -16.08rem;
  width: 0.13rem;
  height: 0.13rem;
}

.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-text .leihuo-share-qrcode-text-2 {
  position: relative;
}

.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text-2 {
  display: block;
  margin-top: 0.15rem;
}

.popo-1 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-1_36002148.png);
  background-size: 600% 600%;
}

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

  3.2% {
    background-position: -0.32rem 0;
  }

  6.5% {
    background-position: -0.64rem 0;
  }

  9.7% {
    background-position: -0.96rem 0;
  }

  12.9% {
    background-position: -1.28rem 0;
  }

  16.1% {
    background-position: -1.6rem 0;
  }

  19.4% {
    background-position: 0 -0.32rem;
  }

  22.6% {
    background-position: -0.32rem -0.32rem;
  }

  25.8% {
    background-position: -0.64rem -0.32rem;
  }

  29% {
    background-position: -0.96rem -0.32rem;
  }

  32.3% {
    background-position: -1.28rem -0.32rem;
  }

  35.5% {
    background-position: -1.6rem -0.32rem;
  }

  38.7% {
    background-position: 0 -0.64rem;
  }

  41.9% {
    background-position: -0.32rem -0.64rem;
  }

  45.2% {
    background-position: -0.64rem -0.64rem;
  }

  48.4% {
    background-position: -0.96rem -0.64rem;
  }

  51.6% {
    background-position: -1.28rem -0.64rem;
  }

  54.8% {
    background-position: -1.6rem -0.64rem;
  }

  58.1% {
    background-position: 0 -0.96rem;
  }

  61.3% {
    background-position: -0.32rem -0.96rem;
  }

  64.5% {
    background-position: -0.64rem -0.96rem;
  }

  67.7% {
    background-position: -0.96rem -0.96rem;
  }

  71% {
    background-position: -1.28rem -0.96rem;
  }

  74.2% {
    background-position: -1.6rem -0.96rem;
  }

  77.4% {
    background-position: 0 -1.28rem;
  }

  80.6% {
    background-position: -0.32rem -1.28rem;
  }

  83.9% {
    background-position: -0.64rem -1.28rem;
  }

  87.1% {
    background-position: -0.96rem -1.28rem;
  }

  90.3% {
    background-position: -1.28rem -1.28rem;
  }

  93.5% {
    background-position: -1.6rem -1.28rem;
  }

  96.8% {
    background-position: 0 -1.6rem;
  }

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

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

  3.2% {
    background-position: -0.32rem 0;
  }

  6.5% {
    background-position: -0.64rem 0;
  }

  9.7% {
    background-position: -0.96rem 0;
  }

  12.9% {
    background-position: -1.28rem 0;
  }

  16.1% {
    background-position: -1.6rem 0;
  }

  19.4% {
    background-position: 0 -0.32rem;
  }

  22.6% {
    background-position: -0.32rem -0.32rem;
  }

  25.8% {
    background-position: -0.64rem -0.32rem;
  }

  29% {
    background-position: -0.96rem -0.32rem;
  }

  32.3% {
    background-position: -1.28rem -0.32rem;
  }

  35.5% {
    background-position: -1.6rem -0.32rem;
  }

  38.7% {
    background-position: 0 -0.64rem;
  }

  41.9% {
    background-position: -0.32rem -0.64rem;
  }

  45.2% {
    background-position: -0.64rem -0.64rem;
  }

  48.4% {
    background-position: -0.96rem -0.64rem;
  }

  51.6% {
    background-position: -1.28rem -0.64rem;
  }

  54.8% {
    background-position: -1.6rem -0.64rem;
  }

  58.1% {
    background-position: 0 -0.96rem;
  }

  61.3% {
    background-position: -0.32rem -0.96rem;
  }

  64.5% {
    background-position: -0.64rem -0.96rem;
  }

  67.7% {
    background-position: -0.96rem -0.96rem;
  }

  71% {
    background-position: -1.28rem -0.96rem;
  }

  74.2% {
    background-position: -1.6rem -0.96rem;
  }

  77.4% {
    background-position: 0 -1.28rem;
  }

  80.6% {
    background-position: -0.32rem -1.28rem;
  }

  83.9% {
    background-position: -0.64rem -1.28rem;
  }

  87.1% {
    background-position: -0.96rem -1.28rem;
  }

  90.3% {
    background-position: -1.28rem -1.28rem;
  }

  93.5% {
    background-position: -1.6rem -1.28rem;
  }

  96.8% {
    background-position: 0 -1.6rem;
  }

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

.popo-2 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-2_6be7c98f.png);
  background-size: 500% 400%;
}

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

  5.3% {
    background-position: -0.32rem 0;
  }

  10.5% {
    background-position: -0.64rem 0;
  }

  15.8% {
    background-position: -0.96rem 0;
  }

  21.1% {
    background-position: -1.28rem 0;
  }

  26.3% {
    background-position: 0 -0.32rem;
  }

  31.6% {
    background-position: -0.32rem -0.32rem;
  }

  36.8% {
    background-position: -0.64rem -0.32rem;
  }

  42.1% {
    background-position: -0.96rem -0.32rem;
  }

  47.4% {
    background-position: -1.28rem -0.32rem;
  }

  52.6% {
    background-position: 0 -0.64rem;
  }

  57.9% {
    background-position: -0.32rem -0.64rem;
  }

  63.2% {
    background-position: -0.64rem -0.64rem;
  }

  68.4% {
    background-position: -0.96rem -0.64rem;
  }

  73.7% {
    background-position: -1.28rem -0.64rem;
  }

  78.9% {
    background-position: 0 -0.96rem;
  }

  84.2% {
    background-position: -0.32rem -0.96rem;
  }

  89.5% {
    background-position: -0.64rem -0.96rem;
  }

  94.7% {
    background-position: -0.96rem -0.96rem;
  }

  100% {
    background-position: -0.96rem -0.96rem;
  }
}

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

  5.3% {
    background-position: -0.32rem 0;
  }

  10.5% {
    background-position: -0.64rem 0;
  }

  15.8% {
    background-position: -0.96rem 0;
  }

  21.1% {
    background-position: -1.28rem 0;
  }

  26.3% {
    background-position: 0 -0.32rem;
  }

  31.6% {
    background-position: -0.32rem -0.32rem;
  }

  36.8% {
    background-position: -0.64rem -0.32rem;
  }

  42.1% {
    background-position: -0.96rem -0.32rem;
  }

  47.4% {
    background-position: -1.28rem -0.32rem;
  }

  52.6% {
    background-position: 0 -0.64rem;
  }

  57.9% {
    background-position: -0.32rem -0.64rem;
  }

  63.2% {
    background-position: -0.64rem -0.64rem;
  }

  68.4% {
    background-position: -0.96rem -0.64rem;
  }

  73.7% {
    background-position: -1.28rem -0.64rem;
  }

  78.9% {
    background-position: 0 -0.96rem;
  }

  84.2% {
    background-position: -0.32rem -0.96rem;
  }

  89.5% {
    background-position: -0.64rem -0.96rem;
  }

  94.7% {
    background-position: -0.96rem -0.96rem;
  }

  100% {
    background-position: -0.96rem -0.96rem;
  }
}

.popo-3 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-3_8c030ea8.png);
  background-size: 500% 400%;
}

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

  5.9% {
    background-position: -0.32rem 0;
  }

  11.8% {
    background-position: -0.64rem 0;
  }

  17.6% {
    background-position: -0.96rem 0;
  }

  23.5% {
    background-position: -1.28rem 0;
  }

  29.4% {
    background-position: 0 -0.32rem;
  }

  35.3% {
    background-position: -0.32rem -0.32rem;
  }

  41.2% {
    background-position: -0.64rem -0.32rem;
  }

  47.1% {
    background-position: -0.96rem -0.32rem;
  }

  52.9% {
    background-position: -1.28rem -0.32rem;
  }

  58.8% {
    background-position: 0 -0.64rem;
  }

  64.7% {
    background-position: -0.32rem -0.64rem;
  }

  70.6% {
    background-position: -0.64rem -0.64rem;
  }

  76.5% {
    background-position: -0.96rem -0.64rem;
  }

  82.4% {
    background-position: -1.28rem -0.64rem;
  }

  88.2% {
    background-position: 0 -0.96rem;
  }

  94.1% {
    background-position: -0.32rem -0.96rem;
  }

  100% {
    background-position: -0.32rem -0.96rem;
  }
}

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

  5.9% {
    background-position: -0.32rem 0;
  }

  11.8% {
    background-position: -0.64rem 0;
  }

  17.6% {
    background-position: -0.96rem 0;
  }

  23.5% {
    background-position: -1.28rem 0;
  }

  29.4% {
    background-position: 0 -0.32rem;
  }

  35.3% {
    background-position: -0.32rem -0.32rem;
  }

  41.2% {
    background-position: -0.64rem -0.32rem;
  }

  47.1% {
    background-position: -0.96rem -0.32rem;
  }

  52.9% {
    background-position: -1.28rem -0.32rem;
  }

  58.8% {
    background-position: 0 -0.64rem;
  }

  64.7% {
    background-position: -0.32rem -0.64rem;
  }

  70.6% {
    background-position: -0.64rem -0.64rem;
  }

  76.5% {
    background-position: -0.96rem -0.64rem;
  }

  82.4% {
    background-position: -1.28rem -0.64rem;
  }

  88.2% {
    background-position: 0 -0.96rem;
  }

  94.1% {
    background-position: -0.32rem -0.96rem;
  }

  100% {
    background-position: -0.32rem -0.96rem;
  }
}

.popo-4 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-4_57f1273a.png);
  background-size: 500% 500%;
}

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

  4.5% {
    background-position: -0.32rem 0;
  }

  9.1% {
    background-position: -0.64rem 0;
  }

  13.6% {
    background-position: -0.96rem 0;
  }

  18.2% {
    background-position: -1.28rem 0;
  }

  22.7% {
    background-position: 0 -0.32rem;
  }

  27.3% {
    background-position: -0.32rem -0.32rem;
  }

  31.8% {
    background-position: -0.64rem -0.32rem;
  }

  36.4% {
    background-position: -0.96rem -0.32rem;
  }

  40.9% {
    background-position: -1.28rem -0.32rem;
  }

  45.5% {
    background-position: 0 -0.64rem;
  }

  50% {
    background-position: -0.32rem -0.64rem;
  }

  54.5% {
    background-position: -0.64rem -0.64rem;
  }

  59.1% {
    background-position: -0.96rem -0.64rem;
  }

  63.6% {
    background-position: -1.28rem -0.64rem;
  }

  68.2% {
    background-position: 0 -0.96rem;
  }

  72.7% {
    background-position: -0.32rem -0.96rem;
  }

  77.3% {
    background-position: -0.64rem -0.96rem;
  }

  81.8% {
    background-position: -0.96rem -0.96rem;
  }

  86.4% {
    background-position: -1.28rem -0.96rem;
  }

  90.9% {
    background-position: 0 -1.28rem;
  }

  95.5% {
    background-position: -0.32rem -1.28rem;
  }

  100% {
    background-position: -0.32rem -1.28rem;
  }
}

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

  4.5% {
    background-position: -0.32rem 0;
  }

  9.1% {
    background-position: -0.64rem 0;
  }

  13.6% {
    background-position: -0.96rem 0;
  }

  18.2% {
    background-position: -1.28rem 0;
  }

  22.7% {
    background-position: 0 -0.32rem;
  }

  27.3% {
    background-position: -0.32rem -0.32rem;
  }

  31.8% {
    background-position: -0.64rem -0.32rem;
  }

  36.4% {
    background-position: -0.96rem -0.32rem;
  }

  40.9% {
    background-position: -1.28rem -0.32rem;
  }

  45.5% {
    background-position: 0 -0.64rem;
  }

  50% {
    background-position: -0.32rem -0.64rem;
  }

  54.5% {
    background-position: -0.64rem -0.64rem;
  }

  59.1% {
    background-position: -0.96rem -0.64rem;
  }

  63.6% {
    background-position: -1.28rem -0.64rem;
  }

  68.2% {
    background-position: 0 -0.96rem;
  }

  72.7% {
    background-position: -0.32rem -0.96rem;
  }

  77.3% {
    background-position: -0.64rem -0.96rem;
  }

  81.8% {
    background-position: -0.96rem -0.96rem;
  }

  86.4% {
    background-position: -1.28rem -0.96rem;
  }

  90.9% {
    background-position: 0 -1.28rem;
  }

  95.5% {
    background-position: -0.32rem -1.28rem;
  }

  100% {
    background-position: -0.32rem -1.28rem;
  }
}

.popo-5 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-5_be67df62.png);
  background-size: 600% 500%;
}

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

  3.8% {
    background-position: -0.32rem 0;
  }

  7.7% {
    background-position: -0.64rem 0;
  }

  11.5% {
    background-position: -0.96rem 0;
  }

  15.4% {
    background-position: -1.28rem 0;
  }

  19.2% {
    background-position: -1.6rem 0;
  }

  23.1% {
    background-position: 0 -0.32rem;
  }

  26.9% {
    background-position: -0.32rem -0.32rem;
  }

  30.8% {
    background-position: -0.64rem -0.32rem;
  }

  34.6% {
    background-position: -0.96rem -0.32rem;
  }

  38.5% {
    background-position: -1.28rem -0.32rem;
  }

  42.3% {
    background-position: -1.6rem -0.32rem;
  }

  46.2% {
    background-position: 0 -0.64rem;
  }

  50% {
    background-position: -0.32rem -0.64rem;
  }

  53.8% {
    background-position: -0.64rem -0.64rem;
  }

  57.7% {
    background-position: -0.96rem -0.64rem;
  }

  61.5% {
    background-position: -1.28rem -0.64rem;
  }

  65.4% {
    background-position: -1.6rem -0.64rem;
  }

  69.2% {
    background-position: 0 -0.96rem;
  }

  73.1% {
    background-position: -0.32rem -0.96rem;
  }

  76.9% {
    background-position: -0.64rem -0.96rem;
  }

  80.8% {
    background-position: -0.96rem -0.96rem;
  }

  84.6% {
    background-position: -1.28rem -0.96rem;
  }

  88.5% {
    background-position: -1.6rem -0.96rem;
  }

  92.3% {
    background-position: 0 -1.28rem;
  }

  96.2% {
    background-position: -0.32rem -1.28rem;
  }

  100% {
    background-position: -0.32rem -1.28rem;
  }
}

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

  3.8% {
    background-position: -0.32rem 0;
  }

  7.7% {
    background-position: -0.64rem 0;
  }

  11.5% {
    background-position: -0.96rem 0;
  }

  15.4% {
    background-position: -1.28rem 0;
  }

  19.2% {
    background-position: -1.6rem 0;
  }

  23.1% {
    background-position: 0 -0.32rem;
  }

  26.9% {
    background-position: -0.32rem -0.32rem;
  }

  30.8% {
    background-position: -0.64rem -0.32rem;
  }

  34.6% {
    background-position: -0.96rem -0.32rem;
  }

  38.5% {
    background-position: -1.28rem -0.32rem;
  }

  42.3% {
    background-position: -1.6rem -0.32rem;
  }

  46.2% {
    background-position: 0 -0.64rem;
  }

  50% {
    background-position: -0.32rem -0.64rem;
  }

  53.8% {
    background-position: -0.64rem -0.64rem;
  }

  57.7% {
    background-position: -0.96rem -0.64rem;
  }

  61.5% {
    background-position: -1.28rem -0.64rem;
  }

  65.4% {
    background-position: -1.6rem -0.64rem;
  }

  69.2% {
    background-position: 0 -0.96rem;
  }

  73.1% {
    background-position: -0.32rem -0.96rem;
  }

  76.9% {
    background-position: -0.64rem -0.96rem;
  }

  80.8% {
    background-position: -0.96rem -0.96rem;
  }

  84.6% {
    background-position: -1.28rem -0.96rem;
  }

  88.5% {
    background-position: -1.6rem -0.96rem;
  }

  92.3% {
    background-position: 0 -1.28rem;
  }

  96.2% {
    background-position: -0.32rem -1.28rem;
  }

  100% {
    background-position: -0.32rem -1.28rem;
  }
}

.popo-6 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-6_2007cdff.png);
  background-size: 500% 400%;
}

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

  5% {
    background-position: -0.32rem 0;
  }

  10% {
    background-position: -0.64rem 0;
  }

  15% {
    background-position: -0.96rem 0;
  }

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

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

  30% {
    background-position: -0.32rem -0.32rem;
  }

  35% {
    background-position: -0.64rem -0.32rem;
  }

  40% {
    background-position: -0.96rem -0.32rem;
  }

  45% {
    background-position: -1.28rem -0.32rem;
  }

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

  55% {
    background-position: -0.32rem -0.64rem;
  }

  60% {
    background-position: -0.64rem -0.64rem;
  }

  65% {
    background-position: -0.96rem -0.64rem;
  }

  70% {
    background-position: -1.28rem -0.64rem;
  }

  75% {
    background-position: 0 -0.96rem;
  }

  80% {
    background-position: -0.32rem -0.96rem;
  }

  85% {
    background-position: -0.64rem -0.96rem;
  }

  90% {
    background-position: -0.96rem -0.96rem;
  }

  95% {
    background-position: -1.28rem -0.96rem;
  }

  100% {
    background-position: -1.28rem -0.96rem;
  }
}

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

  5% {
    background-position: -0.32rem 0;
  }

  10% {
    background-position: -0.64rem 0;
  }

  15% {
    background-position: -0.96rem 0;
  }

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

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

  30% {
    background-position: -0.32rem -0.32rem;
  }

  35% {
    background-position: -0.64rem -0.32rem;
  }

  40% {
    background-position: -0.96rem -0.32rem;
  }

  45% {
    background-position: -1.28rem -0.32rem;
  }

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

  55% {
    background-position: -0.32rem -0.64rem;
  }

  60% {
    background-position: -0.64rem -0.64rem;
  }

  65% {
    background-position: -0.96rem -0.64rem;
  }

  70% {
    background-position: -1.28rem -0.64rem;
  }

  75% {
    background-position: 0 -0.96rem;
  }

  80% {
    background-position: -0.32rem -0.96rem;
  }

  85% {
    background-position: -0.64rem -0.96rem;
  }

  90% {
    background-position: -0.96rem -0.96rem;
  }

  95% {
    background-position: -1.28rem -0.96rem;
  }

  100% {
    background-position: -1.28rem -0.96rem;
  }
}

.popo-7 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-7_c0530037.png);
  background-size: 300% 200%;
}

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

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

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

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

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

  83.3% {
    background-position: -0.64rem -0.32rem;
  }

  100% {
    background-position: -0.64rem -0.32rem;
  }
}

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

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

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

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

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

  83.3% {
    background-position: -0.64rem -0.32rem;
  }

  100% {
    background-position: -0.64rem -0.32rem;
  }
}

.popo-8 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-8_b7f6fbb3.png);
  background-size: 400% 300%;
}

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

  10% {
    background-position: -0.32rem 0;
  }

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

  30% {
    background-position: -0.96rem 0;
  }

  40% {
    background-position: 0 -0.32rem;
  }

  50% {
    background-position: -0.32rem -0.32rem;
  }

  60% {
    background-position: -0.64rem -0.32rem;
  }

  70% {
    background-position: -0.96rem -0.32rem;
  }

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

  90% {
    background-position: -0.32rem -0.64rem;
  }

  100% {
    background-position: -0.32rem -0.64rem;
  }
}

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

  10% {
    background-position: -0.32rem 0;
  }

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

  30% {
    background-position: -0.96rem 0;
  }

  40% {
    background-position: 0 -0.32rem;
  }

  50% {
    background-position: -0.32rem -0.32rem;
  }

  60% {
    background-position: -0.64rem -0.32rem;
  }

  70% {
    background-position: -0.96rem -0.32rem;
  }

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

  90% {
    background-position: -0.32rem -0.64rem;
  }

  100% {
    background-position: -0.32rem -0.64rem;
  }
}

.popo-9 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-9_66c5c255.png);
  background-size: 600% 600%;
}

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

  3.2% {
    background-position: -0.32rem 0;
  }

  6.5% {
    background-position: -0.64rem 0;
  }

  9.7% {
    background-position: -0.96rem 0;
  }

  12.9% {
    background-position: -1.28rem 0;
  }

  16.1% {
    background-position: -1.6rem 0;
  }

  19.4% {
    background-position: 0 -0.32rem;
  }

  22.6% {
    background-position: -0.32rem -0.32rem;
  }

  25.8% {
    background-position: -0.64rem -0.32rem;
  }

  29% {
    background-position: -0.96rem -0.32rem;
  }

  32.3% {
    background-position: -1.28rem -0.32rem;
  }

  35.5% {
    background-position: -1.6rem -0.32rem;
  }

  38.7% {
    background-position: 0 -0.64rem;
  }

  41.9% {
    background-position: -0.32rem -0.64rem;
  }

  45.2% {
    background-position: -0.64rem -0.64rem;
  }

  48.4% {
    background-position: -0.96rem -0.64rem;
  }

  51.6% {
    background-position: -1.28rem -0.64rem;
  }

  54.8% {
    background-position: -1.6rem -0.64rem;
  }

  58.1% {
    background-position: 0 -0.96rem;
  }

  61.3% {
    background-position: -0.32rem -0.96rem;
  }

  64.5% {
    background-position: -0.64rem -0.96rem;
  }

  67.7% {
    background-position: -0.96rem -0.96rem;
  }

  71% {
    background-position: -1.28rem -0.96rem;
  }

  74.2% {
    background-position: -1.6rem -0.96rem;
  }

  77.4% {
    background-position: 0 -1.28rem;
  }

  80.6% {
    background-position: -0.32rem -1.28rem;
  }

  83.9% {
    background-position: -0.64rem -1.28rem;
  }

  87.1% {
    background-position: -0.96rem -1.28rem;
  }

  90.3% {
    background-position: -1.28rem -1.28rem;
  }

  93.5% {
    background-position: -1.6rem -1.28rem;
  }

  96.8% {
    background-position: 0 -1.6rem;
  }

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

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

  3.2% {
    background-position: -0.32rem 0;
  }

  6.5% {
    background-position: -0.64rem 0;
  }

  9.7% {
    background-position: -0.96rem 0;
  }

  12.9% {
    background-position: -1.28rem 0;
  }

  16.1% {
    background-position: -1.6rem 0;
  }

  19.4% {
    background-position: 0 -0.32rem;
  }

  22.6% {
    background-position: -0.32rem -0.32rem;
  }

  25.8% {
    background-position: -0.64rem -0.32rem;
  }

  29% {
    background-position: -0.96rem -0.32rem;
  }

  32.3% {
    background-position: -1.28rem -0.32rem;
  }

  35.5% {
    background-position: -1.6rem -0.32rem;
  }

  38.7% {
    background-position: 0 -0.64rem;
  }

  41.9% {
    background-position: -0.32rem -0.64rem;
  }

  45.2% {
    background-position: -0.64rem -0.64rem;
  }

  48.4% {
    background-position: -0.96rem -0.64rem;
  }

  51.6% {
    background-position: -1.28rem -0.64rem;
  }

  54.8% {
    background-position: -1.6rem -0.64rem;
  }

  58.1% {
    background-position: 0 -0.96rem;
  }

  61.3% {
    background-position: -0.32rem -0.96rem;
  }

  64.5% {
    background-position: -0.64rem -0.96rem;
  }

  67.7% {
    background-position: -0.96rem -0.96rem;
  }

  71% {
    background-position: -1.28rem -0.96rem;
  }

  74.2% {
    background-position: -1.6rem -0.96rem;
  }

  77.4% {
    background-position: 0 -1.28rem;
  }

  80.6% {
    background-position: -0.32rem -1.28rem;
  }

  83.9% {
    background-position: -0.64rem -1.28rem;
  }

  87.1% {
    background-position: -0.96rem -1.28rem;
  }

  90.3% {
    background-position: -1.28rem -1.28rem;
  }

  93.5% {
    background-position: -1.6rem -1.28rem;
  }

  96.8% {
    background-position: 0 -1.6rem;
  }

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

.popo-10 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-10_c9e8906a.png);
  background-size: 500% 400%;
}

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

  5.3% {
    background-position: -0.32rem 0;
  }

  10.5% {
    background-position: -0.64rem 0;
  }

  15.8% {
    background-position: -0.96rem 0;
  }

  21.1% {
    background-position: -1.28rem 0;
  }

  26.3% {
    background-position: 0 -0.32rem;
  }

  31.6% {
    background-position: -0.32rem -0.32rem;
  }

  36.8% {
    background-position: -0.64rem -0.32rem;
  }

  42.1% {
    background-position: -0.96rem -0.32rem;
  }

  47.4% {
    background-position: -1.28rem -0.32rem;
  }

  52.6% {
    background-position: 0 -0.64rem;
  }

  57.9% {
    background-position: -0.32rem -0.64rem;
  }

  63.2% {
    background-position: -0.64rem -0.64rem;
  }

  68.4% {
    background-position: -0.96rem -0.64rem;
  }

  73.7% {
    background-position: -1.28rem -0.64rem;
  }

  78.9% {
    background-position: 0 -0.96rem;
  }

  84.2% {
    background-position: -0.32rem -0.96rem;
  }

  89.5% {
    background-position: -0.64rem -0.96rem;
  }

  94.7% {
    background-position: -0.96rem -0.96rem;
  }

  100% {
    background-position: -0.96rem -0.96rem;
  }
}

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

  5.3% {
    background-position: -0.32rem 0;
  }

  10.5% {
    background-position: -0.64rem 0;
  }

  15.8% {
    background-position: -0.96rem 0;
  }

  21.1% {
    background-position: -1.28rem 0;
  }

  26.3% {
    background-position: 0 -0.32rem;
  }

  31.6% {
    background-position: -0.32rem -0.32rem;
  }

  36.8% {
    background-position: -0.64rem -0.32rem;
  }

  42.1% {
    background-position: -0.96rem -0.32rem;
  }

  47.4% {
    background-position: -1.28rem -0.32rem;
  }

  52.6% {
    background-position: 0 -0.64rem;
  }

  57.9% {
    background-position: -0.32rem -0.64rem;
  }

  63.2% {
    background-position: -0.64rem -0.64rem;
  }

  68.4% {
    background-position: -0.96rem -0.64rem;
  }

  73.7% {
    background-position: -1.28rem -0.64rem;
  }

  78.9% {
    background-position: 0 -0.96rem;
  }

  84.2% {
    background-position: -0.32rem -0.96rem;
  }

  89.5% {
    background-position: -0.64rem -0.96rem;
  }

  94.7% {
    background-position: -0.96rem -0.96rem;
  }

  100% {
    background-position: -0.96rem -0.96rem;
  }
}

.popo-11 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-11_00673fc7.png);
  background-size: 500% 400%;
}

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

  5.9% {
    background-position: -0.32rem 0;
  }

  11.8% {
    background-position: -0.64rem 0;
  }

  17.6% {
    background-position: -0.96rem 0;
  }

  23.5% {
    background-position: -1.28rem 0;
  }

  29.4% {
    background-position: 0 -0.32rem;
  }

  35.3% {
    background-position: -0.32rem -0.32rem;
  }

  41.2% {
    background-position: -0.64rem -0.32rem;
  }

  47.1% {
    background-position: -0.96rem -0.32rem;
  }

  52.9% {
    background-position: -1.28rem -0.32rem;
  }

  58.8% {
    background-position: 0 -0.64rem;
  }

  64.7% {
    background-position: -0.32rem -0.64rem;
  }

  70.6% {
    background-position: -0.64rem -0.64rem;
  }

  76.5% {
    background-position: -0.96rem -0.64rem;
  }

  82.4% {
    background-position: -1.28rem -0.64rem;
  }

  88.2% {
    background-position: 0 -0.96rem;
  }

  94.1% {
    background-position: -0.32rem -0.96rem;
  }

  100% {
    background-position: -0.32rem -0.96rem;
  }
}

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

  5.9% {
    background-position: -0.32rem 0;
  }

  11.8% {
    background-position: -0.64rem 0;
  }

  17.6% {
    background-position: -0.96rem 0;
  }

  23.5% {
    background-position: -1.28rem 0;
  }

  29.4% {
    background-position: 0 -0.32rem;
  }

  35.3% {
    background-position: -0.32rem -0.32rem;
  }

  41.2% {
    background-position: -0.64rem -0.32rem;
  }

  47.1% {
    background-position: -0.96rem -0.32rem;
  }

  52.9% {
    background-position: -1.28rem -0.32rem;
  }

  58.8% {
    background-position: 0 -0.64rem;
  }

  64.7% {
    background-position: -0.32rem -0.64rem;
  }

  70.6% {
    background-position: -0.64rem -0.64rem;
  }

  76.5% {
    background-position: -0.96rem -0.64rem;
  }

  82.4% {
    background-position: -1.28rem -0.64rem;
  }

  88.2% {
    background-position: 0 -0.96rem;
  }

  94.1% {
    background-position: -0.32rem -0.96rem;
  }

  100% {
    background-position: -0.32rem -0.96rem;
  }
}

.popo-12 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-12_482d6f3c.png);
  background-size: 600% 500%;
}

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

  3.6% {
    background-position: -0.32rem 0;
  }

  7.1% {
    background-position: -0.64rem 0;
  }

  10.7% {
    background-position: -0.96rem 0;
  }

  14.3% {
    background-position: -1.28rem 0;
  }

  17.9% {
    background-position: -1.6rem 0;
  }

  21.4% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  28.6% {
    background-position: -0.64rem -0.32rem;
  }

  32.1% {
    background-position: -0.96rem -0.32rem;
  }

  35.7% {
    background-position: -1.28rem -0.32rem;
  }

  39.3% {
    background-position: -1.6rem -0.32rem;
  }

  42.9% {
    background-position: 0 -0.64rem;
  }

  46.4% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  53.6% {
    background-position: -0.96rem -0.64rem;
  }

  57.1% {
    background-position: -1.28rem -0.64rem;
  }

  60.7% {
    background-position: -1.6rem -0.64rem;
  }

  64.3% {
    background-position: 0 -0.96rem;
  }

  67.9% {
    background-position: -0.32rem -0.96rem;
  }

  71.4% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  78.6% {
    background-position: -1.28rem -0.96rem;
  }

  82.1% {
    background-position: -1.6rem -0.96rem;
  }

  85.7% {
    background-position: 0 -1.28rem;
  }

  89.3% {
    background-position: -0.32rem -1.28rem;
  }

  92.9% {
    background-position: -0.64rem -1.28rem;
  }

  96.4% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

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

  3.6% {
    background-position: -0.32rem 0;
  }

  7.1% {
    background-position: -0.64rem 0;
  }

  10.7% {
    background-position: -0.96rem 0;
  }

  14.3% {
    background-position: -1.28rem 0;
  }

  17.9% {
    background-position: -1.6rem 0;
  }

  21.4% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  28.6% {
    background-position: -0.64rem -0.32rem;
  }

  32.1% {
    background-position: -0.96rem -0.32rem;
  }

  35.7% {
    background-position: -1.28rem -0.32rem;
  }

  39.3% {
    background-position: -1.6rem -0.32rem;
  }

  42.9% {
    background-position: 0 -0.64rem;
  }

  46.4% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  53.6% {
    background-position: -0.96rem -0.64rem;
  }

  57.1% {
    background-position: -1.28rem -0.64rem;
  }

  60.7% {
    background-position: -1.6rem -0.64rem;
  }

  64.3% {
    background-position: 0 -0.96rem;
  }

  67.9% {
    background-position: -0.32rem -0.96rem;
  }

  71.4% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  78.6% {
    background-position: -1.28rem -0.96rem;
  }

  82.1% {
    background-position: -1.6rem -0.96rem;
  }

  85.7% {
    background-position: 0 -1.28rem;
  }

  89.3% {
    background-position: -0.32rem -1.28rem;
  }

  92.9% {
    background-position: -0.64rem -1.28rem;
  }

  96.4% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

.popo-13 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-13_13a49b8f.png);
  background-size: 400% 400%;
}

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

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

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

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

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

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

  40% {
    background-position: -0.64rem -0.32rem;
  }

  46.7% {
    background-position: -0.96rem -0.32rem;
  }

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

  60% {
    background-position: -0.32rem -0.64rem;
  }

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

  73.3% {
    background-position: -0.96rem -0.64rem;
  }

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

  86.7% {
    background-position: -0.32rem -0.96rem;
  }

  93.3% {
    background-position: -0.64rem -0.96rem;
  }

  100% {
    background-position: -0.64rem -0.96rem;
  }
}

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

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

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

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

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

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

  40% {
    background-position: -0.64rem -0.32rem;
  }

  46.7% {
    background-position: -0.96rem -0.32rem;
  }

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

  60% {
    background-position: -0.32rem -0.64rem;
  }

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

  73.3% {
    background-position: -0.96rem -0.64rem;
  }

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

  86.7% {
    background-position: -0.32rem -0.96rem;
  }

  93.3% {
    background-position: -0.64rem -0.96rem;
  }

  100% {
    background-position: -0.64rem -0.96rem;
  }
}

.popo-14 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-14_1ec05819.png);
  background-size: 300% 200%;
}

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

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

  40% {
    background-position: -0.64rem 0;
  }

  60% {
    background-position: 0 -0.32rem;
  }

  80% {
    background-position: -0.32rem -0.32rem;
  }

  100% {
    background-position: -0.32rem -0.32rem;
  }
}

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

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

  40% {
    background-position: -0.64rem 0;
  }

  60% {
    background-position: 0 -0.32rem;
  }

  80% {
    background-position: -0.32rem -0.32rem;
  }

  100% {
    background-position: -0.32rem -0.32rem;
  }
}

.popo-15 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-15_b8aa4dae.png);
  background-size: 500% 400%;
}

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

  5.6% {
    background-position: -0.32rem 0;
  }

  11.1% {
    background-position: -0.64rem 0;
  }

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

  22.2% {
    background-position: -1.28rem 0;
  }

  27.8% {
    background-position: 0 -0.32rem;
  }

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

  38.9% {
    background-position: -0.64rem -0.32rem;
  }

  44.4% {
    background-position: -0.96rem -0.32rem;
  }

  50% {
    background-position: -1.28rem -0.32rem;
  }

  55.6% {
    background-position: 0 -0.64rem;
  }

  61.1% {
    background-position: -0.32rem -0.64rem;
  }

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

  72.2% {
    background-position: -0.96rem -0.64rem;
  }

  77.8% {
    background-position: -1.28rem -0.64rem;
  }

  83.3% {
    background-position: 0 -0.96rem;
  }

  88.9% {
    background-position: -0.32rem -0.96rem;
  }

  94.4% {
    background-position: -0.64rem -0.96rem;
  }

  100% {
    background-position: -0.64rem -0.96rem;
  }
}

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

  5.6% {
    background-position: -0.32rem 0;
  }

  11.1% {
    background-position: -0.64rem 0;
  }

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

  22.2% {
    background-position: -1.28rem 0;
  }

  27.8% {
    background-position: 0 -0.32rem;
  }

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

  38.9% {
    background-position: -0.64rem -0.32rem;
  }

  44.4% {
    background-position: -0.96rem -0.32rem;
  }

  50% {
    background-position: -1.28rem -0.32rem;
  }

  55.6% {
    background-position: 0 -0.64rem;
  }

  61.1% {
    background-position: -0.32rem -0.64rem;
  }

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

  72.2% {
    background-position: -0.96rem -0.64rem;
  }

  77.8% {
    background-position: -1.28rem -0.64rem;
  }

  83.3% {
    background-position: 0 -0.96rem;
  }

  88.9% {
    background-position: -0.32rem -0.96rem;
  }

  94.4% {
    background-position: -0.64rem -0.96rem;
  }

  100% {
    background-position: -0.64rem -0.96rem;
  }
}

.popo-16 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-16_8271719c.png);
  background-size: 400% 300%;
}

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

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

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

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

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

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

  50% {
    background-position: -0.64rem -0.32rem;
  }

  58.3% {
    background-position: -0.96rem -0.32rem;
  }

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

  75% {
    background-position: -0.32rem -0.64rem;
  }

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

  91.7% {
    background-position: -0.96rem -0.64rem;
  }

  100% {
    background-position: -0.96rem -0.64rem;
  }
}

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

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

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

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

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

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

  50% {
    background-position: -0.64rem -0.32rem;
  }

  58.3% {
    background-position: -0.96rem -0.32rem;
  }

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

  75% {
    background-position: -0.32rem -0.64rem;
  }

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

  91.7% {
    background-position: -0.96rem -0.64rem;
  }

  100% {
    background-position: -0.96rem -0.64rem;
  }
}

.popo-17 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-17_28fc110b.png);
  background-size: 500% 400%;
}

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

  5.6% {
    background-position: -0.32rem 0;
  }

  11.1% {
    background-position: -0.64rem 0;
  }

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

  22.2% {
    background-position: -1.28rem 0;
  }

  27.8% {
    background-position: 0 -0.32rem;
  }

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

  38.9% {
    background-position: -0.64rem -0.32rem;
  }

  44.4% {
    background-position: -0.96rem -0.32rem;
  }

  50% {
    background-position: -1.28rem -0.32rem;
  }

  55.6% {
    background-position: 0 -0.64rem;
  }

  61.1% {
    background-position: -0.32rem -0.64rem;
  }

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

  72.2% {
    background-position: -0.96rem -0.64rem;
  }

  77.8% {
    background-position: -1.28rem -0.64rem;
  }

  83.3% {
    background-position: 0 -0.96rem;
  }

  88.9% {
    background-position: -0.32rem -0.96rem;
  }

  94.4% {
    background-position: -0.64rem -0.96rem;
  }

  100% {
    background-position: -0.64rem -0.96rem;
  }
}

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

  5.6% {
    background-position: -0.32rem 0;
  }

  11.1% {
    background-position: -0.64rem 0;
  }

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

  22.2% {
    background-position: -1.28rem 0;
  }

  27.8% {
    background-position: 0 -0.32rem;
  }

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

  38.9% {
    background-position: -0.64rem -0.32rem;
  }

  44.4% {
    background-position: -0.96rem -0.32rem;
  }

  50% {
    background-position: -1.28rem -0.32rem;
  }

  55.6% {
    background-position: 0 -0.64rem;
  }

  61.1% {
    background-position: -0.32rem -0.64rem;
  }

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

  72.2% {
    background-position: -0.96rem -0.64rem;
  }

  77.8% {
    background-position: -1.28rem -0.64rem;
  }

  83.3% {
    background-position: 0 -0.96rem;
  }

  88.9% {
    background-position: -0.32rem -0.96rem;
  }

  94.4% {
    background-position: -0.64rem -0.96rem;
  }

  100% {
    background-position: -0.64rem -0.96rem;
  }
}

.popo-18 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-18_d3ebfc03.png);
  background-size: 400% 400%;
}

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

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

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

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

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

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

  40% {
    background-position: -0.64rem -0.32rem;
  }

  46.7% {
    background-position: -0.96rem -0.32rem;
  }

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

  60% {
    background-position: -0.32rem -0.64rem;
  }

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

  73.3% {
    background-position: -0.96rem -0.64rem;
  }

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

  86.7% {
    background-position: -0.32rem -0.96rem;
  }

  93.3% {
    background-position: -0.64rem -0.96rem;
  }

  100% {
    background-position: -0.64rem -0.96rem;
  }
}

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

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

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

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

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

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

  40% {
    background-position: -0.64rem -0.32rem;
  }

  46.7% {
    background-position: -0.96rem -0.32rem;
  }

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

  60% {
    background-position: -0.32rem -0.64rem;
  }

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

  73.3% {
    background-position: -0.96rem -0.64rem;
  }

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

  86.7% {
    background-position: -0.32rem -0.96rem;
  }

  93.3% {
    background-position: -0.64rem -0.96rem;
  }

  100% {
    background-position: -0.64rem -0.96rem;
  }
}

.popo-19 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-19_46ed8e08.png);
  background-size: 600% 500%;
}

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

  3.4% {
    background-position: -0.32rem 0;
  }

  6.9% {
    background-position: -0.64rem 0;
  }

  10.3% {
    background-position: -0.96rem 0;
  }

  13.8% {
    background-position: -1.28rem 0;
  }

  17.2% {
    background-position: -1.6rem 0;
  }

  20.7% {
    background-position: 0 -0.32rem;
  }

  24.1% {
    background-position: -0.32rem -0.32rem;
  }

  27.6% {
    background-position: -0.64rem -0.32rem;
  }

  31% {
    background-position: -0.96rem -0.32rem;
  }

  34.5% {
    background-position: -1.28rem -0.32rem;
  }

  37.9% {
    background-position: -1.6rem -0.32rem;
  }

  41.4% {
    background-position: 0 -0.64rem;
  }

  44.8% {
    background-position: -0.32rem -0.64rem;
  }

  48.3% {
    background-position: -0.64rem -0.64rem;
  }

  51.7% {
    background-position: -0.96rem -0.64rem;
  }

  55.2% {
    background-position: -1.28rem -0.64rem;
  }

  58.6% {
    background-position: -1.6rem -0.64rem;
  }

  62.1% {
    background-position: 0 -0.96rem;
  }

  65.5% {
    background-position: -0.32rem -0.96rem;
  }

  69% {
    background-position: -0.64rem -0.96rem;
  }

  72.4% {
    background-position: -0.96rem -0.96rem;
  }

  75.9% {
    background-position: -1.28rem -0.96rem;
  }

  79.3% {
    background-position: -1.6rem -0.96rem;
  }

  82.8% {
    background-position: 0 -1.28rem;
  }

  86.2% {
    background-position: -0.32rem -1.28rem;
  }

  89.7% {
    background-position: -0.64rem -1.28rem;
  }

  93.1% {
    background-position: -0.96rem -1.28rem;
  }

  96.6% {
    background-position: -1.28rem -1.28rem;
  }

  100% {
    background-position: -1.28rem -1.28rem;
  }
}

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

  3.4% {
    background-position: -0.32rem 0;
  }

  6.9% {
    background-position: -0.64rem 0;
  }

  10.3% {
    background-position: -0.96rem 0;
  }

  13.8% {
    background-position: -1.28rem 0;
  }

  17.2% {
    background-position: -1.6rem 0;
  }

  20.7% {
    background-position: 0 -0.32rem;
  }

  24.1% {
    background-position: -0.32rem -0.32rem;
  }

  27.6% {
    background-position: -0.64rem -0.32rem;
  }

  31% {
    background-position: -0.96rem -0.32rem;
  }

  34.5% {
    background-position: -1.28rem -0.32rem;
  }

  37.9% {
    background-position: -1.6rem -0.32rem;
  }

  41.4% {
    background-position: 0 -0.64rem;
  }

  44.8% {
    background-position: -0.32rem -0.64rem;
  }

  48.3% {
    background-position: -0.64rem -0.64rem;
  }

  51.7% {
    background-position: -0.96rem -0.64rem;
  }

  55.2% {
    background-position: -1.28rem -0.64rem;
  }

  58.6% {
    background-position: -1.6rem -0.64rem;
  }

  62.1% {
    background-position: 0 -0.96rem;
  }

  65.5% {
    background-position: -0.32rem -0.96rem;
  }

  69% {
    background-position: -0.64rem -0.96rem;
  }

  72.4% {
    background-position: -0.96rem -0.96rem;
  }

  75.9% {
    background-position: -1.28rem -0.96rem;
  }

  79.3% {
    background-position: -1.6rem -0.96rem;
  }

  82.8% {
    background-position: 0 -1.28rem;
  }

  86.2% {
    background-position: -0.32rem -1.28rem;
  }

  89.7% {
    background-position: -0.64rem -1.28rem;
  }

  93.1% {
    background-position: -0.96rem -1.28rem;
  }

  96.6% {
    background-position: -1.28rem -1.28rem;
  }

  100% {
    background-position: -1.28rem -1.28rem;
  }
}

.popo-20 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-20_74b917c3.png);
  background-size: 500% 500%;
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

.popo-21 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-21_df869230.png);
  background-size: 500% 400%;
}

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

  5.9% {
    background-position: -0.32rem 0;
  }

  11.8% {
    background-position: -0.64rem 0;
  }

  17.6% {
    background-position: -0.96rem 0;
  }

  23.5% {
    background-position: -1.28rem 0;
  }

  29.4% {
    background-position: 0 -0.32rem;
  }

  35.3% {
    background-position: -0.32rem -0.32rem;
  }

  41.2% {
    background-position: -0.64rem -0.32rem;
  }

  47.1% {
    background-position: -0.96rem -0.32rem;
  }

  52.9% {
    background-position: -1.28rem -0.32rem;
  }

  58.8% {
    background-position: 0 -0.64rem;
  }

  64.7% {
    background-position: -0.32rem -0.64rem;
  }

  70.6% {
    background-position: -0.64rem -0.64rem;
  }

  76.5% {
    background-position: -0.96rem -0.64rem;
  }

  82.4% {
    background-position: -1.28rem -0.64rem;
  }

  88.2% {
    background-position: 0 -0.96rem;
  }

  94.1% {
    background-position: -0.32rem -0.96rem;
  }

  100% {
    background-position: -0.32rem -0.96rem;
  }
}

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

  5.9% {
    background-position: -0.32rem 0;
  }

  11.8% {
    background-position: -0.64rem 0;
  }

  17.6% {
    background-position: -0.96rem 0;
  }

  23.5% {
    background-position: -1.28rem 0;
  }

  29.4% {
    background-position: 0 -0.32rem;
  }

  35.3% {
    background-position: -0.32rem -0.32rem;
  }

  41.2% {
    background-position: -0.64rem -0.32rem;
  }

  47.1% {
    background-position: -0.96rem -0.32rem;
  }

  52.9% {
    background-position: -1.28rem -0.32rem;
  }

  58.8% {
    background-position: 0 -0.64rem;
  }

  64.7% {
    background-position: -0.32rem -0.64rem;
  }

  70.6% {
    background-position: -0.64rem -0.64rem;
  }

  76.5% {
    background-position: -0.96rem -0.64rem;
  }

  82.4% {
    background-position: -1.28rem -0.64rem;
  }

  88.2% {
    background-position: 0 -0.96rem;
  }

  94.1% {
    background-position: -0.32rem -0.96rem;
  }

  100% {
    background-position: -0.32rem -0.96rem;
  }
}

.popo-22 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-22_48e08973.png);
  background-size: 500% 400%;
}

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

  5% {
    background-position: -0.32rem 0;
  }

  10% {
    background-position: -0.64rem 0;
  }

  15% {
    background-position: -0.96rem 0;
  }

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

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

  30% {
    background-position: -0.32rem -0.32rem;
  }

  35% {
    background-position: -0.64rem -0.32rem;
  }

  40% {
    background-position: -0.96rem -0.32rem;
  }

  45% {
    background-position: -1.28rem -0.32rem;
  }

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

  55% {
    background-position: -0.32rem -0.64rem;
  }

  60% {
    background-position: -0.64rem -0.64rem;
  }

  65% {
    background-position: -0.96rem -0.64rem;
  }

  70% {
    background-position: -1.28rem -0.64rem;
  }

  75% {
    background-position: 0 -0.96rem;
  }

  80% {
    background-position: -0.32rem -0.96rem;
  }

  85% {
    background-position: -0.64rem -0.96rem;
  }

  90% {
    background-position: -0.96rem -0.96rem;
  }

  95% {
    background-position: -1.28rem -0.96rem;
  }

  100% {
    background-position: -1.28rem -0.96rem;
  }
}

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

  5% {
    background-position: -0.32rem 0;
  }

  10% {
    background-position: -0.64rem 0;
  }

  15% {
    background-position: -0.96rem 0;
  }

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

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

  30% {
    background-position: -0.32rem -0.32rem;
  }

  35% {
    background-position: -0.64rem -0.32rem;
  }

  40% {
    background-position: -0.96rem -0.32rem;
  }

  45% {
    background-position: -1.28rem -0.32rem;
  }

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

  55% {
    background-position: -0.32rem -0.64rem;
  }

  60% {
    background-position: -0.64rem -0.64rem;
  }

  65% {
    background-position: -0.96rem -0.64rem;
  }

  70% {
    background-position: -1.28rem -0.64rem;
  }

  75% {
    background-position: 0 -0.96rem;
  }

  80% {
    background-position: -0.32rem -0.96rem;
  }

  85% {
    background-position: -0.64rem -0.96rem;
  }

  90% {
    background-position: -0.96rem -0.96rem;
  }

  95% {
    background-position: -1.28rem -0.96rem;
  }

  100% {
    background-position: -1.28rem -0.96rem;
  }
}

.popo-23 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-23_820578cf.png);
  background-size: 400% 400%;
}

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

  7.7% {
    background-position: -0.32rem 0;
  }

  15.4% {
    background-position: -0.64rem 0;
  }

  23.1% {
    background-position: -0.96rem 0;
  }

  30.8% {
    background-position: 0 -0.32rem;
  }

  38.5% {
    background-position: -0.32rem -0.32rem;
  }

  46.2% {
    background-position: -0.64rem -0.32rem;
  }

  53.8% {
    background-position: -0.96rem -0.32rem;
  }

  61.5% {
    background-position: 0 -0.64rem;
  }

  69.2% {
    background-position: -0.32rem -0.64rem;
  }

  76.9% {
    background-position: -0.64rem -0.64rem;
  }

  84.6% {
    background-position: -0.96rem -0.64rem;
  }

  92.3% {
    background-position: 0 -0.96rem;
  }

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

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

  7.7% {
    background-position: -0.32rem 0;
  }

  15.4% {
    background-position: -0.64rem 0;
  }

  23.1% {
    background-position: -0.96rem 0;
  }

  30.8% {
    background-position: 0 -0.32rem;
  }

  38.5% {
    background-position: -0.32rem -0.32rem;
  }

  46.2% {
    background-position: -0.64rem -0.32rem;
  }

  53.8% {
    background-position: -0.96rem -0.32rem;
  }

  61.5% {
    background-position: 0 -0.64rem;
  }

  69.2% {
    background-position: -0.32rem -0.64rem;
  }

  76.9% {
    background-position: -0.64rem -0.64rem;
  }

  84.6% {
    background-position: -0.96rem -0.64rem;
  }

  92.3% {
    background-position: 0 -0.96rem;
  }

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

.popo-24 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-24_0ab84f2e.png);
  background-size: 600% 500%;
}

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

  3.6% {
    background-position: -0.32rem 0;
  }

  7.1% {
    background-position: -0.64rem 0;
  }

  10.7% {
    background-position: -0.96rem 0;
  }

  14.3% {
    background-position: -1.28rem 0;
  }

  17.9% {
    background-position: -1.6rem 0;
  }

  21.4% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  28.6% {
    background-position: -0.64rem -0.32rem;
  }

  32.1% {
    background-position: -0.96rem -0.32rem;
  }

  35.7% {
    background-position: -1.28rem -0.32rem;
  }

  39.3% {
    background-position: -1.6rem -0.32rem;
  }

  42.9% {
    background-position: 0 -0.64rem;
  }

  46.4% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  53.6% {
    background-position: -0.96rem -0.64rem;
  }

  57.1% {
    background-position: -1.28rem -0.64rem;
  }

  60.7% {
    background-position: -1.6rem -0.64rem;
  }

  64.3% {
    background-position: 0 -0.96rem;
  }

  67.9% {
    background-position: -0.32rem -0.96rem;
  }

  71.4% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  78.6% {
    background-position: -1.28rem -0.96rem;
  }

  82.1% {
    background-position: -1.6rem -0.96rem;
  }

  85.7% {
    background-position: 0 -1.28rem;
  }

  89.3% {
    background-position: -0.32rem -1.28rem;
  }

  92.9% {
    background-position: -0.64rem -1.28rem;
  }

  96.4% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

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

  3.6% {
    background-position: -0.32rem 0;
  }

  7.1% {
    background-position: -0.64rem 0;
  }

  10.7% {
    background-position: -0.96rem 0;
  }

  14.3% {
    background-position: -1.28rem 0;
  }

  17.9% {
    background-position: -1.6rem 0;
  }

  21.4% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  28.6% {
    background-position: -0.64rem -0.32rem;
  }

  32.1% {
    background-position: -0.96rem -0.32rem;
  }

  35.7% {
    background-position: -1.28rem -0.32rem;
  }

  39.3% {
    background-position: -1.6rem -0.32rem;
  }

  42.9% {
    background-position: 0 -0.64rem;
  }

  46.4% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  53.6% {
    background-position: -0.96rem -0.64rem;
  }

  57.1% {
    background-position: -1.28rem -0.64rem;
  }

  60.7% {
    background-position: -1.6rem -0.64rem;
  }

  64.3% {
    background-position: 0 -0.96rem;
  }

  67.9% {
    background-position: -0.32rem -0.96rem;
  }

  71.4% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  78.6% {
    background-position: -1.28rem -0.96rem;
  }

  82.1% {
    background-position: -1.6rem -0.96rem;
  }

  85.7% {
    background-position: 0 -1.28rem;
  }

  89.3% {
    background-position: -0.32rem -1.28rem;
  }

  92.9% {
    background-position: -0.64rem -1.28rem;
  }

  96.4% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

.popo-25 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-25_fa601cb5.png);
  background-size: 600% 600%;
}

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

  2.9% {
    background-position: -0.32rem 0;
  }

  5.9% {
    background-position: -0.64rem 0;
  }

  8.8% {
    background-position: -0.96rem 0;
  }

  11.8% {
    background-position: -1.28rem 0;
  }

  14.7% {
    background-position: -1.6rem 0;
  }

  17.6% {
    background-position: 0 -0.32rem;
  }

  20.6% {
    background-position: -0.32rem -0.32rem;
  }

  23.5% {
    background-position: -0.64rem -0.32rem;
  }

  26.5% {
    background-position: -0.96rem -0.32rem;
  }

  29.4% {
    background-position: -1.28rem -0.32rem;
  }

  32.4% {
    background-position: -1.6rem -0.32rem;
  }

  35.3% {
    background-position: 0 -0.64rem;
  }

  38.2% {
    background-position: -0.32rem -0.64rem;
  }

  41.2% {
    background-position: -0.64rem -0.64rem;
  }

  44.1% {
    background-position: -0.96rem -0.64rem;
  }

  47.1% {
    background-position: -1.28rem -0.64rem;
  }

  50% {
    background-position: -1.6rem -0.64rem;
  }

  52.9% {
    background-position: 0 -0.96rem;
  }

  55.9% {
    background-position: -0.32rem -0.96rem;
  }

  58.8% {
    background-position: -0.64rem -0.96rem;
  }

  61.8% {
    background-position: -0.96rem -0.96rem;
  }

  64.7% {
    background-position: -1.28rem -0.96rem;
  }

  67.6% {
    background-position: -1.6rem -0.96rem;
  }

  70.6% {
    background-position: 0 -1.28rem;
  }

  73.5% {
    background-position: -0.32rem -1.28rem;
  }

  76.5% {
    background-position: -0.64rem -1.28rem;
  }

  79.4% {
    background-position: -0.96rem -1.28rem;
  }

  82.4% {
    background-position: -1.28rem -1.28rem;
  }

  85.3% {
    background-position: -1.6rem -1.28rem;
  }

  88.2% {
    background-position: 0 -1.6rem;
  }

  91.2% {
    background-position: -0.32rem -1.6rem;
  }

  94.1% {
    background-position: -0.64rem -1.6rem;
  }

  97.1% {
    background-position: -0.96rem -1.6rem;
  }

  100% {
    background-position: -0.96rem -1.6rem;
  }
}

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

  2.9% {
    background-position: -0.32rem 0;
  }

  5.9% {
    background-position: -0.64rem 0;
  }

  8.8% {
    background-position: -0.96rem 0;
  }

  11.8% {
    background-position: -1.28rem 0;
  }

  14.7% {
    background-position: -1.6rem 0;
  }

  17.6% {
    background-position: 0 -0.32rem;
  }

  20.6% {
    background-position: -0.32rem -0.32rem;
  }

  23.5% {
    background-position: -0.64rem -0.32rem;
  }

  26.5% {
    background-position: -0.96rem -0.32rem;
  }

  29.4% {
    background-position: -1.28rem -0.32rem;
  }

  32.4% {
    background-position: -1.6rem -0.32rem;
  }

  35.3% {
    background-position: 0 -0.64rem;
  }

  38.2% {
    background-position: -0.32rem -0.64rem;
  }

  41.2% {
    background-position: -0.64rem -0.64rem;
  }

  44.1% {
    background-position: -0.96rem -0.64rem;
  }

  47.1% {
    background-position: -1.28rem -0.64rem;
  }

  50% {
    background-position: -1.6rem -0.64rem;
  }

  52.9% {
    background-position: 0 -0.96rem;
  }

  55.9% {
    background-position: -0.32rem -0.96rem;
  }

  58.8% {
    background-position: -0.64rem -0.96rem;
  }

  61.8% {
    background-position: -0.96rem -0.96rem;
  }

  64.7% {
    background-position: -1.28rem -0.96rem;
  }

  67.6% {
    background-position: -1.6rem -0.96rem;
  }

  70.6% {
    background-position: 0 -1.28rem;
  }

  73.5% {
    background-position: -0.32rem -1.28rem;
  }

  76.5% {
    background-position: -0.64rem -1.28rem;
  }

  79.4% {
    background-position: -0.96rem -1.28rem;
  }

  82.4% {
    background-position: -1.28rem -1.28rem;
  }

  85.3% {
    background-position: -1.6rem -1.28rem;
  }

  88.2% {
    background-position: 0 -1.6rem;
  }

  91.2% {
    background-position: -0.32rem -1.6rem;
  }

  94.1% {
    background-position: -0.64rem -1.6rem;
  }

  97.1% {
    background-position: -0.96rem -1.6rem;
  }

  100% {
    background-position: -0.96rem -1.6rem;
  }
}

.popo-26 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-26_92d5bbb4.png);
  background-size: 500% 500%;
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

.popo-27 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-27_ae220c4a.png);
  background-size: 700% 600%;
}

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

  2.4% {
    background-position: -0.32rem 0;
  }

  4.9% {
    background-position: -0.64rem 0;
  }

  7.3% {
    background-position: -0.96rem 0;
  }

  9.8% {
    background-position: -1.28rem 0;
  }

  12.2% {
    background-position: -1.6rem 0;
  }

  14.6% {
    background-position: -1.92rem 0;
  }

  17.1% {
    background-position: 0 -0.32rem;
  }

  19.5% {
    background-position: -0.32rem -0.32rem;
  }

  22% {
    background-position: -0.64rem -0.32rem;
  }

  24.4% {
    background-position: -0.96rem -0.32rem;
  }

  26.8% {
    background-position: -1.28rem -0.32rem;
  }

  29.3% {
    background-position: -1.6rem -0.32rem;
  }

  31.7% {
    background-position: -1.92rem -0.32rem;
  }

  34.1% {
    background-position: 0 -0.64rem;
  }

  36.6% {
    background-position: -0.32rem -0.64rem;
  }

  39% {
    background-position: -0.64rem -0.64rem;
  }

  41.5% {
    background-position: -0.96rem -0.64rem;
  }

  43.9% {
    background-position: -1.28rem -0.64rem;
  }

  46.3% {
    background-position: -1.6rem -0.64rem;
  }

  48.8% {
    background-position: -1.92rem -0.64rem;
  }

  51.2% {
    background-position: 0 -0.96rem;
  }

  53.7% {
    background-position: -0.32rem -0.96rem;
  }

  56.1% {
    background-position: -0.64rem -0.96rem;
  }

  58.5% {
    background-position: -0.96rem -0.96rem;
  }

  61% {
    background-position: -1.28rem -0.96rem;
  }

  63.4% {
    background-position: -1.6rem -0.96rem;
  }

  65.9% {
    background-position: -1.92rem -0.96rem;
  }

  68.3% {
    background-position: 0 -1.28rem;
  }

  70.7% {
    background-position: -0.32rem -1.28rem;
  }

  73.2% {
    background-position: -0.64rem -1.28rem;
  }

  75.6% {
    background-position: -0.96rem -1.28rem;
  }

  78% {
    background-position: -1.28rem -1.28rem;
  }

  80.5% {
    background-position: -1.6rem -1.28rem;
  }

  82.9% {
    background-position: -1.92rem -1.28rem;
  }

  85.4% {
    background-position: 0 -1.6rem;
  }

  87.8% {
    background-position: -0.32rem -1.6rem;
  }

  90.2% {
    background-position: -0.64rem -1.6rem;
  }

  92.7% {
    background-position: -0.96rem -1.6rem;
  }

  95.1% {
    background-position: -1.28rem -1.6rem;
  }

  97.6% {
    background-position: -1.6rem -1.6rem;
  }

  100% {
    background-position: -1.6rem -1.6rem;
  }
}

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

  2.4% {
    background-position: -0.32rem 0;
  }

  4.9% {
    background-position: -0.64rem 0;
  }

  7.3% {
    background-position: -0.96rem 0;
  }

  9.8% {
    background-position: -1.28rem 0;
  }

  12.2% {
    background-position: -1.6rem 0;
  }

  14.6% {
    background-position: -1.92rem 0;
  }

  17.1% {
    background-position: 0 -0.32rem;
  }

  19.5% {
    background-position: -0.32rem -0.32rem;
  }

  22% {
    background-position: -0.64rem -0.32rem;
  }

  24.4% {
    background-position: -0.96rem -0.32rem;
  }

  26.8% {
    background-position: -1.28rem -0.32rem;
  }

  29.3% {
    background-position: -1.6rem -0.32rem;
  }

  31.7% {
    background-position: -1.92rem -0.32rem;
  }

  34.1% {
    background-position: 0 -0.64rem;
  }

  36.6% {
    background-position: -0.32rem -0.64rem;
  }

  39% {
    background-position: -0.64rem -0.64rem;
  }

  41.5% {
    background-position: -0.96rem -0.64rem;
  }

  43.9% {
    background-position: -1.28rem -0.64rem;
  }

  46.3% {
    background-position: -1.6rem -0.64rem;
  }

  48.8% {
    background-position: -1.92rem -0.64rem;
  }

  51.2% {
    background-position: 0 -0.96rem;
  }

  53.7% {
    background-position: -0.32rem -0.96rem;
  }

  56.1% {
    background-position: -0.64rem -0.96rem;
  }

  58.5% {
    background-position: -0.96rem -0.96rem;
  }

  61% {
    background-position: -1.28rem -0.96rem;
  }

  63.4% {
    background-position: -1.6rem -0.96rem;
  }

  65.9% {
    background-position: -1.92rem -0.96rem;
  }

  68.3% {
    background-position: 0 -1.28rem;
  }

  70.7% {
    background-position: -0.32rem -1.28rem;
  }

  73.2% {
    background-position: -0.64rem -1.28rem;
  }

  75.6% {
    background-position: -0.96rem -1.28rem;
  }

  78% {
    background-position: -1.28rem -1.28rem;
  }

  80.5% {
    background-position: -1.6rem -1.28rem;
  }

  82.9% {
    background-position: -1.92rem -1.28rem;
  }

  85.4% {
    background-position: 0 -1.6rem;
  }

  87.8% {
    background-position: -0.32rem -1.6rem;
  }

  90.2% {
    background-position: -0.64rem -1.6rem;
  }

  92.7% {
    background-position: -0.96rem -1.6rem;
  }

  95.1% {
    background-position: -1.28rem -1.6rem;
  }

  97.6% {
    background-position: -1.6rem -1.6rem;
  }

  100% {
    background-position: -1.6rem -1.6rem;
  }
}

.popo-28 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-28_7b7921e4.png);
  background-size: 500% 500%;
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

.popo-29 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-29_fe6a23d2.png);
  background-size: 600% 600%;
}

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

  3.1% {
    background-position: -0.32rem 0;
  }

  6.3% {
    background-position: -0.64rem 0;
  }

  9.4% {
    background-position: -0.96rem 0;
  }

  12.5% {
    background-position: -1.28rem 0;
  }

  15.6% {
    background-position: -1.6rem 0;
  }

  18.8% {
    background-position: 0 -0.32rem;
  }

  21.9% {
    background-position: -0.32rem -0.32rem;
  }

  25% {
    background-position: -0.64rem -0.32rem;
  }

  28.1% {
    background-position: -0.96rem -0.32rem;
  }

  31.3% {
    background-position: -1.28rem -0.32rem;
  }

  34.4% {
    background-position: -1.6rem -0.32rem;
  }

  37.5% {
    background-position: 0 -0.64rem;
  }

  40.6% {
    background-position: -0.32rem -0.64rem;
  }

  43.8% {
    background-position: -0.64rem -0.64rem;
  }

  46.9% {
    background-position: -0.96rem -0.64rem;
  }

  50% {
    background-position: -1.28rem -0.64rem;
  }

  53.1% {
    background-position: -1.6rem -0.64rem;
  }

  56.3% {
    background-position: 0 -0.96rem;
  }

  59.4% {
    background-position: -0.32rem -0.96rem;
  }

  62.5% {
    background-position: -0.64rem -0.96rem;
  }

  65.6% {
    background-position: -0.96rem -0.96rem;
  }

  68.8% {
    background-position: -1.28rem -0.96rem;
  }

  71.9% {
    background-position: -1.6rem -0.96rem;
  }

  75% {
    background-position: 0 -1.28rem;
  }

  78.1% {
    background-position: -0.32rem -1.28rem;
  }

  81.3% {
    background-position: -0.64rem -1.28rem;
  }

  84.4% {
    background-position: -0.96rem -1.28rem;
  }

  87.5% {
    background-position: -1.28rem -1.28rem;
  }

  90.6% {
    background-position: -1.6rem -1.28rem;
  }

  93.8% {
    background-position: 0 -1.6rem;
  }

  96.9% {
    background-position: -0.32rem -1.6rem;
  }

  100% {
    background-position: -0.32rem -1.6rem;
  }
}

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

  3.1% {
    background-position: -0.32rem 0;
  }

  6.3% {
    background-position: -0.64rem 0;
  }

  9.4% {
    background-position: -0.96rem 0;
  }

  12.5% {
    background-position: -1.28rem 0;
  }

  15.6% {
    background-position: -1.6rem 0;
  }

  18.8% {
    background-position: 0 -0.32rem;
  }

  21.9% {
    background-position: -0.32rem -0.32rem;
  }

  25% {
    background-position: -0.64rem -0.32rem;
  }

  28.1% {
    background-position: -0.96rem -0.32rem;
  }

  31.3% {
    background-position: -1.28rem -0.32rem;
  }

  34.4% {
    background-position: -1.6rem -0.32rem;
  }

  37.5% {
    background-position: 0 -0.64rem;
  }

  40.6% {
    background-position: -0.32rem -0.64rem;
  }

  43.8% {
    background-position: -0.64rem -0.64rem;
  }

  46.9% {
    background-position: -0.96rem -0.64rem;
  }

  50% {
    background-position: -1.28rem -0.64rem;
  }

  53.1% {
    background-position: -1.6rem -0.64rem;
  }

  56.3% {
    background-position: 0 -0.96rem;
  }

  59.4% {
    background-position: -0.32rem -0.96rem;
  }

  62.5% {
    background-position: -0.64rem -0.96rem;
  }

  65.6% {
    background-position: -0.96rem -0.96rem;
  }

  68.8% {
    background-position: -1.28rem -0.96rem;
  }

  71.9% {
    background-position: -1.6rem -0.96rem;
  }

  75% {
    background-position: 0 -1.28rem;
  }

  78.1% {
    background-position: -0.32rem -1.28rem;
  }

  81.3% {
    background-position: -0.64rem -1.28rem;
  }

  84.4% {
    background-position: -0.96rem -1.28rem;
  }

  87.5% {
    background-position: -1.28rem -1.28rem;
  }

  90.6% {
    background-position: -1.6rem -1.28rem;
  }

  93.8% {
    background-position: 0 -1.6rem;
  }

  96.9% {
    background-position: -0.32rem -1.6rem;
  }

  100% {
    background-position: -0.32rem -1.6rem;
  }
}

.popo-30 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-30_29a62e52.png);
  background-size: 500% 400%;
}

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

  5.3% {
    background-position: -0.32rem 0;
  }

  10.5% {
    background-position: -0.64rem 0;
  }

  15.8% {
    background-position: -0.96rem 0;
  }

  21.1% {
    background-position: -1.28rem 0;
  }

  26.3% {
    background-position: 0 -0.32rem;
  }

  31.6% {
    background-position: -0.32rem -0.32rem;
  }

  36.8% {
    background-position: -0.64rem -0.32rem;
  }

  42.1% {
    background-position: -0.96rem -0.32rem;
  }

  47.4% {
    background-position: -1.28rem -0.32rem;
  }

  52.6% {
    background-position: 0 -0.64rem;
  }

  57.9% {
    background-position: -0.32rem -0.64rem;
  }

  63.2% {
    background-position: -0.64rem -0.64rem;
  }

  68.4% {
    background-position: -0.96rem -0.64rem;
  }

  73.7% {
    background-position: -1.28rem -0.64rem;
  }

  78.9% {
    background-position: 0 -0.96rem;
  }

  84.2% {
    background-position: -0.32rem -0.96rem;
  }

  89.5% {
    background-position: -0.64rem -0.96rem;
  }

  94.7% {
    background-position: -0.96rem -0.96rem;
  }

  100% {
    background-position: -0.96rem -0.96rem;
  }
}

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

  5.3% {
    background-position: -0.32rem 0;
  }

  10.5% {
    background-position: -0.64rem 0;
  }

  15.8% {
    background-position: -0.96rem 0;
  }

  21.1% {
    background-position: -1.28rem 0;
  }

  26.3% {
    background-position: 0 -0.32rem;
  }

  31.6% {
    background-position: -0.32rem -0.32rem;
  }

  36.8% {
    background-position: -0.64rem -0.32rem;
  }

  42.1% {
    background-position: -0.96rem -0.32rem;
  }

  47.4% {
    background-position: -1.28rem -0.32rem;
  }

  52.6% {
    background-position: 0 -0.64rem;
  }

  57.9% {
    background-position: -0.32rem -0.64rem;
  }

  63.2% {
    background-position: -0.64rem -0.64rem;
  }

  68.4% {
    background-position: -0.96rem -0.64rem;
  }

  73.7% {
    background-position: -1.28rem -0.64rem;
  }

  78.9% {
    background-position: 0 -0.96rem;
  }

  84.2% {
    background-position: -0.32rem -0.96rem;
  }

  89.5% {
    background-position: -0.64rem -0.96rem;
  }

  94.7% {
    background-position: -0.96rem -0.96rem;
  }

  100% {
    background-position: -0.96rem -0.96rem;
  }
}

.popo-31 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-31_5789b916.png);
  background-size: 300% 200%;
}

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

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

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

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

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

  83.3% {
    background-position: -0.64rem -0.32rem;
  }

  100% {
    background-position: -0.64rem -0.32rem;
  }
}

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

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

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

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

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

  83.3% {
    background-position: -0.64rem -0.32rem;
  }

  100% {
    background-position: -0.64rem -0.32rem;
  }
}

.popo-32 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-32_dd6be0dc.png);
  background-size: 500% 400%;
}

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

  5% {
    background-position: -0.32rem 0;
  }

  10% {
    background-position: -0.64rem 0;
  }

  15% {
    background-position: -0.96rem 0;
  }

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

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

  30% {
    background-position: -0.32rem -0.32rem;
  }

  35% {
    background-position: -0.64rem -0.32rem;
  }

  40% {
    background-position: -0.96rem -0.32rem;
  }

  45% {
    background-position: -1.28rem -0.32rem;
  }

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

  55% {
    background-position: -0.32rem -0.64rem;
  }

  60% {
    background-position: -0.64rem -0.64rem;
  }

  65% {
    background-position: -0.96rem -0.64rem;
  }

  70% {
    background-position: -1.28rem -0.64rem;
  }

  75% {
    background-position: 0 -0.96rem;
  }

  80% {
    background-position: -0.32rem -0.96rem;
  }

  85% {
    background-position: -0.64rem -0.96rem;
  }

  90% {
    background-position: -0.96rem -0.96rem;
  }

  95% {
    background-position: -1.28rem -0.96rem;
  }

  100% {
    background-position: -1.28rem -0.96rem;
  }
}

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

  5% {
    background-position: -0.32rem 0;
  }

  10% {
    background-position: -0.64rem 0;
  }

  15% {
    background-position: -0.96rem 0;
  }

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

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

  30% {
    background-position: -0.32rem -0.32rem;
  }

  35% {
    background-position: -0.64rem -0.32rem;
  }

  40% {
    background-position: -0.96rem -0.32rem;
  }

  45% {
    background-position: -1.28rem -0.32rem;
  }

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

  55% {
    background-position: -0.32rem -0.64rem;
  }

  60% {
    background-position: -0.64rem -0.64rem;
  }

  65% {
    background-position: -0.96rem -0.64rem;
  }

  70% {
    background-position: -1.28rem -0.64rem;
  }

  75% {
    background-position: 0 -0.96rem;
  }

  80% {
    background-position: -0.32rem -0.96rem;
  }

  85% {
    background-position: -0.64rem -0.96rem;
  }

  90% {
    background-position: -0.96rem -0.96rem;
  }

  95% {
    background-position: -1.28rem -0.96rem;
  }

  100% {
    background-position: -1.28rem -0.96rem;
  }
}

.popo-33 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-33_29a4cb73.png);
  background-size: 500% 500%;
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

.popo-34 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-34_b1e379e2.png);
  background-size: 300% 300%;
}

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

  12.5% {
    background-position: -0.32rem 0;
  }

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

  37.5% {
    background-position: 0 -0.32rem;
  }

  50% {
    background-position: -0.32rem -0.32rem;
  }

  62.5% {
    background-position: -0.64rem -0.32rem;
  }

  75% {
    background-position: 0 -0.64rem;
  }

  87.5% {
    background-position: -0.32rem -0.64rem;
  }

  100% {
    background-position: -0.32rem -0.64rem;
  }
}

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

  12.5% {
    background-position: -0.32rem 0;
  }

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

  37.5% {
    background-position: 0 -0.32rem;
  }

  50% {
    background-position: -0.32rem -0.32rem;
  }

  62.5% {
    background-position: -0.64rem -0.32rem;
  }

  75% {
    background-position: 0 -0.64rem;
  }

  87.5% {
    background-position: -0.32rem -0.64rem;
  }

  100% {
    background-position: -0.32rem -0.64rem;
  }
}

.popo-35 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-35_01f9ab34.png);
  background-size: 500% 500%;
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

.popo-36 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-36_6d0234e5.png);
  background-size: 500% 500%;
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

.popo-37 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-37_baafc696.png);
  background-size: 300% 300%;
}

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

  14.3% {
    background-position: -0.32rem 0;
  }

  28.6% {
    background-position: -0.64rem 0;
  }

  42.9% {
    background-position: 0 -0.32rem;
  }

  57.1% {
    background-position: -0.32rem -0.32rem;
  }

  71.4% {
    background-position: -0.64rem -0.32rem;
  }

  85.7% {
    background-position: 0 -0.64rem;
  }

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

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

  14.3% {
    background-position: -0.32rem 0;
  }

  28.6% {
    background-position: -0.64rem 0;
  }

  42.9% {
    background-position: 0 -0.32rem;
  }

  57.1% {
    background-position: -0.32rem -0.32rem;
  }

  71.4% {
    background-position: -0.64rem -0.32rem;
  }

  85.7% {
    background-position: 0 -0.64rem;
  }

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

.popo-38 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-38_681a734c.png);
  background-size: 600% 500%;
}

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

  3.4% {
    background-position: -0.32rem 0;
  }

  6.9% {
    background-position: -0.64rem 0;
  }

  10.3% {
    background-position: -0.96rem 0;
  }

  13.8% {
    background-position: -1.28rem 0;
  }

  17.2% {
    background-position: -1.6rem 0;
  }

  20.7% {
    background-position: 0 -0.32rem;
  }

  24.1% {
    background-position: -0.32rem -0.32rem;
  }

  27.6% {
    background-position: -0.64rem -0.32rem;
  }

  31% {
    background-position: -0.96rem -0.32rem;
  }

  34.5% {
    background-position: -1.28rem -0.32rem;
  }

  37.9% {
    background-position: -1.6rem -0.32rem;
  }

  41.4% {
    background-position: 0 -0.64rem;
  }

  44.8% {
    background-position: -0.32rem -0.64rem;
  }

  48.3% {
    background-position: -0.64rem -0.64rem;
  }

  51.7% {
    background-position: -0.96rem -0.64rem;
  }

  55.2% {
    background-position: -1.28rem -0.64rem;
  }

  58.6% {
    background-position: -1.6rem -0.64rem;
  }

  62.1% {
    background-position: 0 -0.96rem;
  }

  65.5% {
    background-position: -0.32rem -0.96rem;
  }

  69% {
    background-position: -0.64rem -0.96rem;
  }

  72.4% {
    background-position: -0.96rem -0.96rem;
  }

  75.9% {
    background-position: -1.28rem -0.96rem;
  }

  79.3% {
    background-position: -1.6rem -0.96rem;
  }

  82.8% {
    background-position: 0 -1.28rem;
  }

  86.2% {
    background-position: -0.32rem -1.28rem;
  }

  89.7% {
    background-position: -0.64rem -1.28rem;
  }

  93.1% {
    background-position: -0.96rem -1.28rem;
  }

  96.6% {
    background-position: -1.28rem -1.28rem;
  }

  100% {
    background-position: -1.28rem -1.28rem;
  }
}

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

  3.4% {
    background-position: -0.32rem 0;
  }

  6.9% {
    background-position: -0.64rem 0;
  }

  10.3% {
    background-position: -0.96rem 0;
  }

  13.8% {
    background-position: -1.28rem 0;
  }

  17.2% {
    background-position: -1.6rem 0;
  }

  20.7% {
    background-position: 0 -0.32rem;
  }

  24.1% {
    background-position: -0.32rem -0.32rem;
  }

  27.6% {
    background-position: -0.64rem -0.32rem;
  }

  31% {
    background-position: -0.96rem -0.32rem;
  }

  34.5% {
    background-position: -1.28rem -0.32rem;
  }

  37.9% {
    background-position: -1.6rem -0.32rem;
  }

  41.4% {
    background-position: 0 -0.64rem;
  }

  44.8% {
    background-position: -0.32rem -0.64rem;
  }

  48.3% {
    background-position: -0.64rem -0.64rem;
  }

  51.7% {
    background-position: -0.96rem -0.64rem;
  }

  55.2% {
    background-position: -1.28rem -0.64rem;
  }

  58.6% {
    background-position: -1.6rem -0.64rem;
  }

  62.1% {
    background-position: 0 -0.96rem;
  }

  65.5% {
    background-position: -0.32rem -0.96rem;
  }

  69% {
    background-position: -0.64rem -0.96rem;
  }

  72.4% {
    background-position: -0.96rem -0.96rem;
  }

  75.9% {
    background-position: -1.28rem -0.96rem;
  }

  79.3% {
    background-position: -1.6rem -0.96rem;
  }

  82.8% {
    background-position: 0 -1.28rem;
  }

  86.2% {
    background-position: -0.32rem -1.28rem;
  }

  89.7% {
    background-position: -0.64rem -1.28rem;
  }

  93.1% {
    background-position: -0.96rem -1.28rem;
  }

  96.6% {
    background-position: -1.28rem -1.28rem;
  }

  100% {
    background-position: -1.28rem -1.28rem;
  }
}

.popo-39 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-39_468a394b.png);
  background-size: 600% 600%;
}

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

  2.8% {
    background-position: -0.32rem 0;
  }

  5.6% {
    background-position: -0.64rem 0;
  }

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

  11.1% {
    background-position: -1.28rem 0;
  }

  13.9% {
    background-position: -1.6rem 0;
  }

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

  19.4% {
    background-position: -0.32rem -0.32rem;
  }

  22.2% {
    background-position: -0.64rem -0.32rem;
  }

  25% {
    background-position: -0.96rem -0.32rem;
  }

  27.8% {
    background-position: -1.28rem -0.32rem;
  }

  30.6% {
    background-position: -1.6rem -0.32rem;
  }

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

  36.1% {
    background-position: -0.32rem -0.64rem;
  }

  38.9% {
    background-position: -0.64rem -0.64rem;
  }

  41.7% {
    background-position: -0.96rem -0.64rem;
  }

  44.4% {
    background-position: -1.28rem -0.64rem;
  }

  47.2% {
    background-position: -1.6rem -0.64rem;
  }

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

  52.8% {
    background-position: -0.32rem -0.96rem;
  }

  55.6% {
    background-position: -0.64rem -0.96rem;
  }

  58.3% {
    background-position: -0.96rem -0.96rem;
  }

  61.1% {
    background-position: -1.28rem -0.96rem;
  }

  63.9% {
    background-position: -1.6rem -0.96rem;
  }

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

  69.4% {
    background-position: -0.32rem -1.28rem;
  }

  72.2% {
    background-position: -0.64rem -1.28rem;
  }

  75% {
    background-position: -0.96rem -1.28rem;
  }

  77.8% {
    background-position: -1.28rem -1.28rem;
  }

  80.6% {
    background-position: -1.6rem -1.28rem;
  }

  83.3% {
    background-position: 0 -1.6rem;
  }

  86.1% {
    background-position: -0.32rem -1.6rem;
  }

  88.9% {
    background-position: -0.64rem -1.6rem;
  }

  91.7% {
    background-position: -0.96rem -1.6rem;
  }

  94.4% {
    background-position: -1.28rem -1.6rem;
  }

  97.2% {
    background-position: -1.6rem -1.6rem;
  }

  100% {
    background-position: -1.6rem -1.6rem;
  }
}

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

  2.8% {
    background-position: -0.32rem 0;
  }

  5.6% {
    background-position: -0.64rem 0;
  }

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

  11.1% {
    background-position: -1.28rem 0;
  }

  13.9% {
    background-position: -1.6rem 0;
  }

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

  19.4% {
    background-position: -0.32rem -0.32rem;
  }

  22.2% {
    background-position: -0.64rem -0.32rem;
  }

  25% {
    background-position: -0.96rem -0.32rem;
  }

  27.8% {
    background-position: -1.28rem -0.32rem;
  }

  30.6% {
    background-position: -1.6rem -0.32rem;
  }

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

  36.1% {
    background-position: -0.32rem -0.64rem;
  }

  38.9% {
    background-position: -0.64rem -0.64rem;
  }

  41.7% {
    background-position: -0.96rem -0.64rem;
  }

  44.4% {
    background-position: -1.28rem -0.64rem;
  }

  47.2% {
    background-position: -1.6rem -0.64rem;
  }

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

  52.8% {
    background-position: -0.32rem -0.96rem;
  }

  55.6% {
    background-position: -0.64rem -0.96rem;
  }

  58.3% {
    background-position: -0.96rem -0.96rem;
  }

  61.1% {
    background-position: -1.28rem -0.96rem;
  }

  63.9% {
    background-position: -1.6rem -0.96rem;
  }

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

  69.4% {
    background-position: -0.32rem -1.28rem;
  }

  72.2% {
    background-position: -0.64rem -1.28rem;
  }

  75% {
    background-position: -0.96rem -1.28rem;
  }

  77.8% {
    background-position: -1.28rem -1.28rem;
  }

  80.6% {
    background-position: -1.6rem -1.28rem;
  }

  83.3% {
    background-position: 0 -1.6rem;
  }

  86.1% {
    background-position: -0.32rem -1.6rem;
  }

  88.9% {
    background-position: -0.64rem -1.6rem;
  }

  91.7% {
    background-position: -0.96rem -1.6rem;
  }

  94.4% {
    background-position: -1.28rem -1.6rem;
  }

  97.2% {
    background-position: -1.6rem -1.6rem;
  }

  100% {
    background-position: -1.6rem -1.6rem;
  }
}

.popo-40 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-40_81c06326.png);
  background-size: 600% 500%;
}

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

  3.4% {
    background-position: -0.32rem 0;
  }

  6.9% {
    background-position: -0.64rem 0;
  }

  10.3% {
    background-position: -0.96rem 0;
  }

  13.8% {
    background-position: -1.28rem 0;
  }

  17.2% {
    background-position: -1.6rem 0;
  }

  20.7% {
    background-position: 0 -0.32rem;
  }

  24.1% {
    background-position: -0.32rem -0.32rem;
  }

  27.6% {
    background-position: -0.64rem -0.32rem;
  }

  31% {
    background-position: -0.96rem -0.32rem;
  }

  34.5% {
    background-position: -1.28rem -0.32rem;
  }

  37.9% {
    background-position: -1.6rem -0.32rem;
  }

  41.4% {
    background-position: 0 -0.64rem;
  }

  44.8% {
    background-position: -0.32rem -0.64rem;
  }

  48.3% {
    background-position: -0.64rem -0.64rem;
  }

  51.7% {
    background-position: -0.96rem -0.64rem;
  }

  55.2% {
    background-position: -1.28rem -0.64rem;
  }

  58.6% {
    background-position: -1.6rem -0.64rem;
  }

  62.1% {
    background-position: 0 -0.96rem;
  }

  65.5% {
    background-position: -0.32rem -0.96rem;
  }

  69% {
    background-position: -0.64rem -0.96rem;
  }

  72.4% {
    background-position: -0.96rem -0.96rem;
  }

  75.9% {
    background-position: -1.28rem -0.96rem;
  }

  79.3% {
    background-position: -1.6rem -0.96rem;
  }

  82.8% {
    background-position: 0 -1.28rem;
  }

  86.2% {
    background-position: -0.32rem -1.28rem;
  }

  89.7% {
    background-position: -0.64rem -1.28rem;
  }

  93.1% {
    background-position: -0.96rem -1.28rem;
  }

  96.6% {
    background-position: -1.28rem -1.28rem;
  }

  100% {
    background-position: -1.28rem -1.28rem;
  }
}

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

  3.4% {
    background-position: -0.32rem 0;
  }

  6.9% {
    background-position: -0.64rem 0;
  }

  10.3% {
    background-position: -0.96rem 0;
  }

  13.8% {
    background-position: -1.28rem 0;
  }

  17.2% {
    background-position: -1.6rem 0;
  }

  20.7% {
    background-position: 0 -0.32rem;
  }

  24.1% {
    background-position: -0.32rem -0.32rem;
  }

  27.6% {
    background-position: -0.64rem -0.32rem;
  }

  31% {
    background-position: -0.96rem -0.32rem;
  }

  34.5% {
    background-position: -1.28rem -0.32rem;
  }

  37.9% {
    background-position: -1.6rem -0.32rem;
  }

  41.4% {
    background-position: 0 -0.64rem;
  }

  44.8% {
    background-position: -0.32rem -0.64rem;
  }

  48.3% {
    background-position: -0.64rem -0.64rem;
  }

  51.7% {
    background-position: -0.96rem -0.64rem;
  }

  55.2% {
    background-position: -1.28rem -0.64rem;
  }

  58.6% {
    background-position: -1.6rem -0.64rem;
  }

  62.1% {
    background-position: 0 -0.96rem;
  }

  65.5% {
    background-position: -0.32rem -0.96rem;
  }

  69% {
    background-position: -0.64rem -0.96rem;
  }

  72.4% {
    background-position: -0.96rem -0.96rem;
  }

  75.9% {
    background-position: -1.28rem -0.96rem;
  }

  79.3% {
    background-position: -1.6rem -0.96rem;
  }

  82.8% {
    background-position: 0 -1.28rem;
  }

  86.2% {
    background-position: -0.32rem -1.28rem;
  }

  89.7% {
    background-position: -0.64rem -1.28rem;
  }

  93.1% {
    background-position: -0.96rem -1.28rem;
  }

  96.6% {
    background-position: -1.28rem -1.28rem;
  }

  100% {
    background-position: -1.28rem -1.28rem;
  }
}

.popo-41 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-41_bccce268.png);
  background-size: 600% 500%;
}

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

  3.8% {
    background-position: -0.32rem 0;
  }

  7.7% {
    background-position: -0.64rem 0;
  }

  11.5% {
    background-position: -0.96rem 0;
  }

  15.4% {
    background-position: -1.28rem 0;
  }

  19.2% {
    background-position: -1.6rem 0;
  }

  23.1% {
    background-position: 0 -0.32rem;
  }

  26.9% {
    background-position: -0.32rem -0.32rem;
  }

  30.8% {
    background-position: -0.64rem -0.32rem;
  }

  34.6% {
    background-position: -0.96rem -0.32rem;
  }

  38.5% {
    background-position: -1.28rem -0.32rem;
  }

  42.3% {
    background-position: -1.6rem -0.32rem;
  }

  46.2% {
    background-position: 0 -0.64rem;
  }

  50% {
    background-position: -0.32rem -0.64rem;
  }

  53.8% {
    background-position: -0.64rem -0.64rem;
  }

  57.7% {
    background-position: -0.96rem -0.64rem;
  }

  61.5% {
    background-position: -1.28rem -0.64rem;
  }

  65.4% {
    background-position: -1.6rem -0.64rem;
  }

  69.2% {
    background-position: 0 -0.96rem;
  }

  73.1% {
    background-position: -0.32rem -0.96rem;
  }

  76.9% {
    background-position: -0.64rem -0.96rem;
  }

  80.8% {
    background-position: -0.96rem -0.96rem;
  }

  84.6% {
    background-position: -1.28rem -0.96rem;
  }

  88.5% {
    background-position: -1.6rem -0.96rem;
  }

  92.3% {
    background-position: 0 -1.28rem;
  }

  96.2% {
    background-position: -0.32rem -1.28rem;
  }

  100% {
    background-position: -0.32rem -1.28rem;
  }
}

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

  3.8% {
    background-position: -0.32rem 0;
  }

  7.7% {
    background-position: -0.64rem 0;
  }

  11.5% {
    background-position: -0.96rem 0;
  }

  15.4% {
    background-position: -1.28rem 0;
  }

  19.2% {
    background-position: -1.6rem 0;
  }

  23.1% {
    background-position: 0 -0.32rem;
  }

  26.9% {
    background-position: -0.32rem -0.32rem;
  }

  30.8% {
    background-position: -0.64rem -0.32rem;
  }

  34.6% {
    background-position: -0.96rem -0.32rem;
  }

  38.5% {
    background-position: -1.28rem -0.32rem;
  }

  42.3% {
    background-position: -1.6rem -0.32rem;
  }

  46.2% {
    background-position: 0 -0.64rem;
  }

  50% {
    background-position: -0.32rem -0.64rem;
  }

  53.8% {
    background-position: -0.64rem -0.64rem;
  }

  57.7% {
    background-position: -0.96rem -0.64rem;
  }

  61.5% {
    background-position: -1.28rem -0.64rem;
  }

  65.4% {
    background-position: -1.6rem -0.64rem;
  }

  69.2% {
    background-position: 0 -0.96rem;
  }

  73.1% {
    background-position: -0.32rem -0.96rem;
  }

  76.9% {
    background-position: -0.64rem -0.96rem;
  }

  80.8% {
    background-position: -0.96rem -0.96rem;
  }

  84.6% {
    background-position: -1.28rem -0.96rem;
  }

  88.5% {
    background-position: -1.6rem -0.96rem;
  }

  92.3% {
    background-position: 0 -1.28rem;
  }

  96.2% {
    background-position: -0.32rem -1.28rem;
  }

  100% {
    background-position: -0.32rem -1.28rem;
  }
}

.popo-42 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-42_0e0a0629.png);
  background-size: 500% 500%;
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

.popo-43 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-43_3744113c.png);
  background-size: 700% 600%;
}

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

  2.6% {
    background-position: -0.32rem 0;
  }

  5.1% {
    background-position: -0.64rem 0;
  }

  7.7% {
    background-position: -0.96rem 0;
  }

  10.3% {
    background-position: -1.28rem 0;
  }

  12.8% {
    background-position: -1.6rem 0;
  }

  15.4% {
    background-position: -1.92rem 0;
  }

  17.9% {
    background-position: 0 -0.32rem;
  }

  20.5% {
    background-position: -0.32rem -0.32rem;
  }

  23.1% {
    background-position: -0.64rem -0.32rem;
  }

  25.6% {
    background-position: -0.96rem -0.32rem;
  }

  28.2% {
    background-position: -1.28rem -0.32rem;
  }

  30.8% {
    background-position: -1.6rem -0.32rem;
  }

  33.3% {
    background-position: -1.92rem -0.32rem;
  }

  35.9% {
    background-position: 0 -0.64rem;
  }

  38.5% {
    background-position: -0.32rem -0.64rem;
  }

  41% {
    background-position: -0.64rem -0.64rem;
  }

  43.6% {
    background-position: -0.96rem -0.64rem;
  }

  46.2% {
    background-position: -1.28rem -0.64rem;
  }

  48.7% {
    background-position: -1.6rem -0.64rem;
  }

  51.3% {
    background-position: -1.92rem -0.64rem;
  }

  53.8% {
    background-position: 0 -0.96rem;
  }

  56.4% {
    background-position: -0.32rem -0.96rem;
  }

  59% {
    background-position: -0.64rem -0.96rem;
  }

  61.5% {
    background-position: -0.96rem -0.96rem;
  }

  64.1% {
    background-position: -1.28rem -0.96rem;
  }

  66.7% {
    background-position: -1.6rem -0.96rem;
  }

  69.2% {
    background-position: -1.92rem -0.96rem;
  }

  71.8% {
    background-position: 0 -1.28rem;
  }

  74.4% {
    background-position: -0.32rem -1.28rem;
  }

  76.9% {
    background-position: -0.64rem -1.28rem;
  }

  79.5% {
    background-position: -0.96rem -1.28rem;
  }

  82.1% {
    background-position: -1.28rem -1.28rem;
  }

  84.6% {
    background-position: -1.6rem -1.28rem;
  }

  87.2% {
    background-position: -1.92rem -1.28rem;
  }

  89.7% {
    background-position: 0 -1.6rem;
  }

  92.3% {
    background-position: -0.32rem -1.6rem;
  }

  94.9% {
    background-position: -0.64rem -1.6rem;
  }

  97.4% {
    background-position: -0.96rem -1.6rem;
  }

  100% {
    background-position: -0.96rem -1.6rem;
  }
}

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

  2.6% {
    background-position: -0.32rem 0;
  }

  5.1% {
    background-position: -0.64rem 0;
  }

  7.7% {
    background-position: -0.96rem 0;
  }

  10.3% {
    background-position: -1.28rem 0;
  }

  12.8% {
    background-position: -1.6rem 0;
  }

  15.4% {
    background-position: -1.92rem 0;
  }

  17.9% {
    background-position: 0 -0.32rem;
  }

  20.5% {
    background-position: -0.32rem -0.32rem;
  }

  23.1% {
    background-position: -0.64rem -0.32rem;
  }

  25.6% {
    background-position: -0.96rem -0.32rem;
  }

  28.2% {
    background-position: -1.28rem -0.32rem;
  }

  30.8% {
    background-position: -1.6rem -0.32rem;
  }

  33.3% {
    background-position: -1.92rem -0.32rem;
  }

  35.9% {
    background-position: 0 -0.64rem;
  }

  38.5% {
    background-position: -0.32rem -0.64rem;
  }

  41% {
    background-position: -0.64rem -0.64rem;
  }

  43.6% {
    background-position: -0.96rem -0.64rem;
  }

  46.2% {
    background-position: -1.28rem -0.64rem;
  }

  48.7% {
    background-position: -1.6rem -0.64rem;
  }

  51.3% {
    background-position: -1.92rem -0.64rem;
  }

  53.8% {
    background-position: 0 -0.96rem;
  }

  56.4% {
    background-position: -0.32rem -0.96rem;
  }

  59% {
    background-position: -0.64rem -0.96rem;
  }

  61.5% {
    background-position: -0.96rem -0.96rem;
  }

  64.1% {
    background-position: -1.28rem -0.96rem;
  }

  66.7% {
    background-position: -1.6rem -0.96rem;
  }

  69.2% {
    background-position: -1.92rem -0.96rem;
  }

  71.8% {
    background-position: 0 -1.28rem;
  }

  74.4% {
    background-position: -0.32rem -1.28rem;
  }

  76.9% {
    background-position: -0.64rem -1.28rem;
  }

  79.5% {
    background-position: -0.96rem -1.28rem;
  }

  82.1% {
    background-position: -1.28rem -1.28rem;
  }

  84.6% {
    background-position: -1.6rem -1.28rem;
  }

  87.2% {
    background-position: -1.92rem -1.28rem;
  }

  89.7% {
    background-position: 0 -1.6rem;
  }

  92.3% {
    background-position: -0.32rem -1.6rem;
  }

  94.9% {
    background-position: -0.64rem -1.6rem;
  }

  97.4% {
    background-position: -0.96rem -1.6rem;
  }

  100% {
    background-position: -0.96rem -1.6rem;
  }
}

.popo-44 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-44_7bd1addf.png);
  background-size: 500% 500%;
}

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

  4.3% {
    background-position: -0.32rem 0;
  }

  8.7% {
    background-position: -0.64rem 0;
  }

  13% {
    background-position: -0.96rem 0;
  }

  17.4% {
    background-position: -1.28rem 0;
  }

  21.7% {
    background-position: 0 -0.32rem;
  }

  26.1% {
    background-position: -0.32rem -0.32rem;
  }

  30.4% {
    background-position: -0.64rem -0.32rem;
  }

  34.8% {
    background-position: -0.96rem -0.32rem;
  }

  39.1% {
    background-position: -1.28rem -0.32rem;
  }

  43.5% {
    background-position: 0 -0.64rem;
  }

  47.8% {
    background-position: -0.32rem -0.64rem;
  }

  52.2% {
    background-position: -0.64rem -0.64rem;
  }

  56.5% {
    background-position: -0.96rem -0.64rem;
  }

  60.9% {
    background-position: -1.28rem -0.64rem;
  }

  65.2% {
    background-position: 0 -0.96rem;
  }

  69.6% {
    background-position: -0.32rem -0.96rem;
  }

  73.9% {
    background-position: -0.64rem -0.96rem;
  }

  78.3% {
    background-position: -0.96rem -0.96rem;
  }

  82.6% {
    background-position: -1.28rem -0.96rem;
  }

  87% {
    background-position: 0 -1.28rem;
  }

  91.3% {
    background-position: -0.32rem -1.28rem;
  }

  95.7% {
    background-position: -0.64rem -1.28rem;
  }

  100% {
    background-position: -0.64rem -1.28rem;
  }
}

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

  4.3% {
    background-position: -0.32rem 0;
  }

  8.7% {
    background-position: -0.64rem 0;
  }

  13% {
    background-position: -0.96rem 0;
  }

  17.4% {
    background-position: -1.28rem 0;
  }

  21.7% {
    background-position: 0 -0.32rem;
  }

  26.1% {
    background-position: -0.32rem -0.32rem;
  }

  30.4% {
    background-position: -0.64rem -0.32rem;
  }

  34.8% {
    background-position: -0.96rem -0.32rem;
  }

  39.1% {
    background-position: -1.28rem -0.32rem;
  }

  43.5% {
    background-position: 0 -0.64rem;
  }

  47.8% {
    background-position: -0.32rem -0.64rem;
  }

  52.2% {
    background-position: -0.64rem -0.64rem;
  }

  56.5% {
    background-position: -0.96rem -0.64rem;
  }

  60.9% {
    background-position: -1.28rem -0.64rem;
  }

  65.2% {
    background-position: 0 -0.96rem;
  }

  69.6% {
    background-position: -0.32rem -0.96rem;
  }

  73.9% {
    background-position: -0.64rem -0.96rem;
  }

  78.3% {
    background-position: -0.96rem -0.96rem;
  }

  82.6% {
    background-position: -1.28rem -0.96rem;
  }

  87% {
    background-position: 0 -1.28rem;
  }

  91.3% {
    background-position: -0.32rem -1.28rem;
  }

  95.7% {
    background-position: -0.64rem -1.28rem;
  }

  100% {
    background-position: -0.64rem -1.28rem;
  }
}

.popo-45 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-45_ee3fbe37.png);
  background-size: 600% 600%;
}

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

  3.1% {
    background-position: -0.32rem 0;
  }

  6.3% {
    background-position: -0.64rem 0;
  }

  9.4% {
    background-position: -0.96rem 0;
  }

  12.5% {
    background-position: -1.28rem 0;
  }

  15.6% {
    background-position: -1.6rem 0;
  }

  18.8% {
    background-position: 0 -0.32rem;
  }

  21.9% {
    background-position: -0.32rem -0.32rem;
  }

  25% {
    background-position: -0.64rem -0.32rem;
  }

  28.1% {
    background-position: -0.96rem -0.32rem;
  }

  31.3% {
    background-position: -1.28rem -0.32rem;
  }

  34.4% {
    background-position: -1.6rem -0.32rem;
  }

  37.5% {
    background-position: 0 -0.64rem;
  }

  40.6% {
    background-position: -0.32rem -0.64rem;
  }

  43.8% {
    background-position: -0.64rem -0.64rem;
  }

  46.9% {
    background-position: -0.96rem -0.64rem;
  }

  50% {
    background-position: -1.28rem -0.64rem;
  }

  53.1% {
    background-position: -1.6rem -0.64rem;
  }

  56.3% {
    background-position: 0 -0.96rem;
  }

  59.4% {
    background-position: -0.32rem -0.96rem;
  }

  62.5% {
    background-position: -0.64rem -0.96rem;
  }

  65.6% {
    background-position: -0.96rem -0.96rem;
  }

  68.8% {
    background-position: -1.28rem -0.96rem;
  }

  71.9% {
    background-position: -1.6rem -0.96rem;
  }

  75% {
    background-position: 0 -1.28rem;
  }

  78.1% {
    background-position: -0.32rem -1.28rem;
  }

  81.3% {
    background-position: -0.64rem -1.28rem;
  }

  84.4% {
    background-position: -0.96rem -1.28rem;
  }

  87.5% {
    background-position: -1.28rem -1.28rem;
  }

  90.6% {
    background-position: -1.6rem -1.28rem;
  }

  93.8% {
    background-position: 0 -1.6rem;
  }

  96.9% {
    background-position: -0.32rem -1.6rem;
  }

  100% {
    background-position: -0.32rem -1.6rem;
  }
}

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

  3.1% {
    background-position: -0.32rem 0;
  }

  6.3% {
    background-position: -0.64rem 0;
  }

  9.4% {
    background-position: -0.96rem 0;
  }

  12.5% {
    background-position: -1.28rem 0;
  }

  15.6% {
    background-position: -1.6rem 0;
  }

  18.8% {
    background-position: 0 -0.32rem;
  }

  21.9% {
    background-position: -0.32rem -0.32rem;
  }

  25% {
    background-position: -0.64rem -0.32rem;
  }

  28.1% {
    background-position: -0.96rem -0.32rem;
  }

  31.3% {
    background-position: -1.28rem -0.32rem;
  }

  34.4% {
    background-position: -1.6rem -0.32rem;
  }

  37.5% {
    background-position: 0 -0.64rem;
  }

  40.6% {
    background-position: -0.32rem -0.64rem;
  }

  43.8% {
    background-position: -0.64rem -0.64rem;
  }

  46.9% {
    background-position: -0.96rem -0.64rem;
  }

  50% {
    background-position: -1.28rem -0.64rem;
  }

  53.1% {
    background-position: -1.6rem -0.64rem;
  }

  56.3% {
    background-position: 0 -0.96rem;
  }

  59.4% {
    background-position: -0.32rem -0.96rem;
  }

  62.5% {
    background-position: -0.64rem -0.96rem;
  }

  65.6% {
    background-position: -0.96rem -0.96rem;
  }

  68.8% {
    background-position: -1.28rem -0.96rem;
  }

  71.9% {
    background-position: -1.6rem -0.96rem;
  }

  75% {
    background-position: 0 -1.28rem;
  }

  78.1% {
    background-position: -0.32rem -1.28rem;
  }

  81.3% {
    background-position: -0.64rem -1.28rem;
  }

  84.4% {
    background-position: -0.96rem -1.28rem;
  }

  87.5% {
    background-position: -1.28rem -1.28rem;
  }

  90.6% {
    background-position: -1.6rem -1.28rem;
  }

  93.8% {
    background-position: 0 -1.6rem;
  }

  96.9% {
    background-position: -0.32rem -1.6rem;
  }

  100% {
    background-position: -0.32rem -1.6rem;
  }
}

.popo-46 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-46_1f8ca1a0.png);
  background-size: 500% 500%;
}

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

  4.3% {
    background-position: -0.32rem 0;
  }

  8.7% {
    background-position: -0.64rem 0;
  }

  13% {
    background-position: -0.96rem 0;
  }

  17.4% {
    background-position: -1.28rem 0;
  }

  21.7% {
    background-position: 0 -0.32rem;
  }

  26.1% {
    background-position: -0.32rem -0.32rem;
  }

  30.4% {
    background-position: -0.64rem -0.32rem;
  }

  34.8% {
    background-position: -0.96rem -0.32rem;
  }

  39.1% {
    background-position: -1.28rem -0.32rem;
  }

  43.5% {
    background-position: 0 -0.64rem;
  }

  47.8% {
    background-position: -0.32rem -0.64rem;
  }

  52.2% {
    background-position: -0.64rem -0.64rem;
  }

  56.5% {
    background-position: -0.96rem -0.64rem;
  }

  60.9% {
    background-position: -1.28rem -0.64rem;
  }

  65.2% {
    background-position: 0 -0.96rem;
  }

  69.6% {
    background-position: -0.32rem -0.96rem;
  }

  73.9% {
    background-position: -0.64rem -0.96rem;
  }

  78.3% {
    background-position: -0.96rem -0.96rem;
  }

  82.6% {
    background-position: -1.28rem -0.96rem;
  }

  87% {
    background-position: 0 -1.28rem;
  }

  91.3% {
    background-position: -0.32rem -1.28rem;
  }

  95.7% {
    background-position: -0.64rem -1.28rem;
  }

  100% {
    background-position: -0.64rem -1.28rem;
  }
}

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

  4.3% {
    background-position: -0.32rem 0;
  }

  8.7% {
    background-position: -0.64rem 0;
  }

  13% {
    background-position: -0.96rem 0;
  }

  17.4% {
    background-position: -1.28rem 0;
  }

  21.7% {
    background-position: 0 -0.32rem;
  }

  26.1% {
    background-position: -0.32rem -0.32rem;
  }

  30.4% {
    background-position: -0.64rem -0.32rem;
  }

  34.8% {
    background-position: -0.96rem -0.32rem;
  }

  39.1% {
    background-position: -1.28rem -0.32rem;
  }

  43.5% {
    background-position: 0 -0.64rem;
  }

  47.8% {
    background-position: -0.32rem -0.64rem;
  }

  52.2% {
    background-position: -0.64rem -0.64rem;
  }

  56.5% {
    background-position: -0.96rem -0.64rem;
  }

  60.9% {
    background-position: -1.28rem -0.64rem;
  }

  65.2% {
    background-position: 0 -0.96rem;
  }

  69.6% {
    background-position: -0.32rem -0.96rem;
  }

  73.9% {
    background-position: -0.64rem -0.96rem;
  }

  78.3% {
    background-position: -0.96rem -0.96rem;
  }

  82.6% {
    background-position: -1.28rem -0.96rem;
  }

  87% {
    background-position: 0 -1.28rem;
  }

  91.3% {
    background-position: -0.32rem -1.28rem;
  }

  95.7% {
    background-position: -0.64rem -1.28rem;
  }

  100% {
    background-position: -0.64rem -1.28rem;
  }
}

.popo-47 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-47_a0110936.png);
  background-size: 300% 300%;
}

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

  11.1% {
    background-position: -0.32rem 0;
  }

  22.2% {
    background-position: -0.64rem 0;
  }

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

  44.4% {
    background-position: -0.32rem -0.32rem;
  }

  55.6% {
    background-position: -0.64rem -0.32rem;
  }

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

  77.8% {
    background-position: -0.32rem -0.64rem;
  }

  88.9% {
    background-position: -0.64rem -0.64rem;
  }

  100% {
    background-position: -0.64rem -0.64rem;
  }
}

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

  11.1% {
    background-position: -0.32rem 0;
  }

  22.2% {
    background-position: -0.64rem 0;
  }

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

  44.4% {
    background-position: -0.32rem -0.32rem;
  }

  55.6% {
    background-position: -0.64rem -0.32rem;
  }

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

  77.8% {
    background-position: -0.32rem -0.64rem;
  }

  88.9% {
    background-position: -0.64rem -0.64rem;
  }

  100% {
    background-position: -0.64rem -0.64rem;
  }
}

.popo-48 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-48_58f675f0.png);
  background-size: 500% 400%;
}

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

  5.3% {
    background-position: -0.32rem 0;
  }

  10.5% {
    background-position: -0.64rem 0;
  }

  15.8% {
    background-position: -0.96rem 0;
  }

  21.1% {
    background-position: -1.28rem 0;
  }

  26.3% {
    background-position: 0 -0.32rem;
  }

  31.6% {
    background-position: -0.32rem -0.32rem;
  }

  36.8% {
    background-position: -0.64rem -0.32rem;
  }

  42.1% {
    background-position: -0.96rem -0.32rem;
  }

  47.4% {
    background-position: -1.28rem -0.32rem;
  }

  52.6% {
    background-position: 0 -0.64rem;
  }

  57.9% {
    background-position: -0.32rem -0.64rem;
  }

  63.2% {
    background-position: -0.64rem -0.64rem;
  }

  68.4% {
    background-position: -0.96rem -0.64rem;
  }

  73.7% {
    background-position: -1.28rem -0.64rem;
  }

  78.9% {
    background-position: 0 -0.96rem;
  }

  84.2% {
    background-position: -0.32rem -0.96rem;
  }

  89.5% {
    background-position: -0.64rem -0.96rem;
  }

  94.7% {
    background-position: -0.96rem -0.96rem;
  }

  100% {
    background-position: -0.96rem -0.96rem;
  }
}

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

  5.3% {
    background-position: -0.32rem 0;
  }

  10.5% {
    background-position: -0.64rem 0;
  }

  15.8% {
    background-position: -0.96rem 0;
  }

  21.1% {
    background-position: -1.28rem 0;
  }

  26.3% {
    background-position: 0 -0.32rem;
  }

  31.6% {
    background-position: -0.32rem -0.32rem;
  }

  36.8% {
    background-position: -0.64rem -0.32rem;
  }

  42.1% {
    background-position: -0.96rem -0.32rem;
  }

  47.4% {
    background-position: -1.28rem -0.32rem;
  }

  52.6% {
    background-position: 0 -0.64rem;
  }

  57.9% {
    background-position: -0.32rem -0.64rem;
  }

  63.2% {
    background-position: -0.64rem -0.64rem;
  }

  68.4% {
    background-position: -0.96rem -0.64rem;
  }

  73.7% {
    background-position: -1.28rem -0.64rem;
  }

  78.9% {
    background-position: 0 -0.96rem;
  }

  84.2% {
    background-position: -0.32rem -0.96rem;
  }

  89.5% {
    background-position: -0.64rem -0.96rem;
  }

  94.7% {
    background-position: -0.96rem -0.96rem;
  }

  100% {
    background-position: -0.96rem -0.96rem;
  }
}

.popo-49 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-49_e9ae06f7.png);
  background-size: 500% 500%;
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

.popo-50 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-50_97a0e5d4.png);
  background-size: 500% 500%;
}

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

  4.5% {
    background-position: -0.32rem 0;
  }

  9.1% {
    background-position: -0.64rem 0;
  }

  13.6% {
    background-position: -0.96rem 0;
  }

  18.2% {
    background-position: -1.28rem 0;
  }

  22.7% {
    background-position: 0 -0.32rem;
  }

  27.3% {
    background-position: -0.32rem -0.32rem;
  }

  31.8% {
    background-position: -0.64rem -0.32rem;
  }

  36.4% {
    background-position: -0.96rem -0.32rem;
  }

  40.9% {
    background-position: -1.28rem -0.32rem;
  }

  45.5% {
    background-position: 0 -0.64rem;
  }

  50% {
    background-position: -0.32rem -0.64rem;
  }

  54.5% {
    background-position: -0.64rem -0.64rem;
  }

  59.1% {
    background-position: -0.96rem -0.64rem;
  }

  63.6% {
    background-position: -1.28rem -0.64rem;
  }

  68.2% {
    background-position: 0 -0.96rem;
  }

  72.7% {
    background-position: -0.32rem -0.96rem;
  }

  77.3% {
    background-position: -0.64rem -0.96rem;
  }

  81.8% {
    background-position: -0.96rem -0.96rem;
  }

  86.4% {
    background-position: -1.28rem -0.96rem;
  }

  90.9% {
    background-position: 0 -1.28rem;
  }

  95.5% {
    background-position: -0.32rem -1.28rem;
  }

  100% {
    background-position: -0.32rem -1.28rem;
  }
}

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

  4.5% {
    background-position: -0.32rem 0;
  }

  9.1% {
    background-position: -0.64rem 0;
  }

  13.6% {
    background-position: -0.96rem 0;
  }

  18.2% {
    background-position: -1.28rem 0;
  }

  22.7% {
    background-position: 0 -0.32rem;
  }

  27.3% {
    background-position: -0.32rem -0.32rem;
  }

  31.8% {
    background-position: -0.64rem -0.32rem;
  }

  36.4% {
    background-position: -0.96rem -0.32rem;
  }

  40.9% {
    background-position: -1.28rem -0.32rem;
  }

  45.5% {
    background-position: 0 -0.64rem;
  }

  50% {
    background-position: -0.32rem -0.64rem;
  }

  54.5% {
    background-position: -0.64rem -0.64rem;
  }

  59.1% {
    background-position: -0.96rem -0.64rem;
  }

  63.6% {
    background-position: -1.28rem -0.64rem;
  }

  68.2% {
    background-position: 0 -0.96rem;
  }

  72.7% {
    background-position: -0.32rem -0.96rem;
  }

  77.3% {
    background-position: -0.64rem -0.96rem;
  }

  81.8% {
    background-position: -0.96rem -0.96rem;
  }

  86.4% {
    background-position: -1.28rem -0.96rem;
  }

  90.9% {
    background-position: 0 -1.28rem;
  }

  95.5% {
    background-position: -0.32rem -1.28rem;
  }

  100% {
    background-position: -0.32rem -1.28rem;
  }
}

.popo-51 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-51_defd5953.png);
  background-size: 600% 600%;
}

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

  2.8% {
    background-position: -0.32rem 0;
  }

  5.6% {
    background-position: -0.64rem 0;
  }

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

  11.1% {
    background-position: -1.28rem 0;
  }

  13.9% {
    background-position: -1.6rem 0;
  }

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

  19.4% {
    background-position: -0.32rem -0.32rem;
  }

  22.2% {
    background-position: -0.64rem -0.32rem;
  }

  25% {
    background-position: -0.96rem -0.32rem;
  }

  27.8% {
    background-position: -1.28rem -0.32rem;
  }

  30.6% {
    background-position: -1.6rem -0.32rem;
  }

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

  36.1% {
    background-position: -0.32rem -0.64rem;
  }

  38.9% {
    background-position: -0.64rem -0.64rem;
  }

  41.7% {
    background-position: -0.96rem -0.64rem;
  }

  44.4% {
    background-position: -1.28rem -0.64rem;
  }

  47.2% {
    background-position: -1.6rem -0.64rem;
  }

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

  52.8% {
    background-position: -0.32rem -0.96rem;
  }

  55.6% {
    background-position: -0.64rem -0.96rem;
  }

  58.3% {
    background-position: -0.96rem -0.96rem;
  }

  61.1% {
    background-position: -1.28rem -0.96rem;
  }

  63.9% {
    background-position: -1.6rem -0.96rem;
  }

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

  69.4% {
    background-position: -0.32rem -1.28rem;
  }

  72.2% {
    background-position: -0.64rem -1.28rem;
  }

  75% {
    background-position: -0.96rem -1.28rem;
  }

  77.8% {
    background-position: -1.28rem -1.28rem;
  }

  80.6% {
    background-position: -1.6rem -1.28rem;
  }

  83.3% {
    background-position: 0 -1.6rem;
  }

  86.1% {
    background-position: -0.32rem -1.6rem;
  }

  88.9% {
    background-position: -0.64rem -1.6rem;
  }

  91.7% {
    background-position: -0.96rem -1.6rem;
  }

  94.4% {
    background-position: -1.28rem -1.6rem;
  }

  97.2% {
    background-position: -1.6rem -1.6rem;
  }

  100% {
    background-position: -1.6rem -1.6rem;
  }
}

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

  2.8% {
    background-position: -0.32rem 0;
  }

  5.6% {
    background-position: -0.64rem 0;
  }

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

  11.1% {
    background-position: -1.28rem 0;
  }

  13.9% {
    background-position: -1.6rem 0;
  }

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

  19.4% {
    background-position: -0.32rem -0.32rem;
  }

  22.2% {
    background-position: -0.64rem -0.32rem;
  }

  25% {
    background-position: -0.96rem -0.32rem;
  }

  27.8% {
    background-position: -1.28rem -0.32rem;
  }

  30.6% {
    background-position: -1.6rem -0.32rem;
  }

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

  36.1% {
    background-position: -0.32rem -0.64rem;
  }

  38.9% {
    background-position: -0.64rem -0.64rem;
  }

  41.7% {
    background-position: -0.96rem -0.64rem;
  }

  44.4% {
    background-position: -1.28rem -0.64rem;
  }

  47.2% {
    background-position: -1.6rem -0.64rem;
  }

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

  52.8% {
    background-position: -0.32rem -0.96rem;
  }

  55.6% {
    background-position: -0.64rem -0.96rem;
  }

  58.3% {
    background-position: -0.96rem -0.96rem;
  }

  61.1% {
    background-position: -1.28rem -0.96rem;
  }

  63.9% {
    background-position: -1.6rem -0.96rem;
  }

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

  69.4% {
    background-position: -0.32rem -1.28rem;
  }

  72.2% {
    background-position: -0.64rem -1.28rem;
  }

  75% {
    background-position: -0.96rem -1.28rem;
  }

  77.8% {
    background-position: -1.28rem -1.28rem;
  }

  80.6% {
    background-position: -1.6rem -1.28rem;
  }

  83.3% {
    background-position: 0 -1.6rem;
  }

  86.1% {
    background-position: -0.32rem -1.6rem;
  }

  88.9% {
    background-position: -0.64rem -1.6rem;
  }

  91.7% {
    background-position: -0.96rem -1.6rem;
  }

  94.4% {
    background-position: -1.28rem -1.6rem;
  }

  97.2% {
    background-position: -1.6rem -1.6rem;
  }

  100% {
    background-position: -1.6rem -1.6rem;
  }
}

.popo-52 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-52_4414bf58.png);
  background-size: 600% 600%;
}

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

  3.2% {
    background-position: -0.32rem 0;
  }

  6.5% {
    background-position: -0.64rem 0;
  }

  9.7% {
    background-position: -0.96rem 0;
  }

  12.9% {
    background-position: -1.28rem 0;
  }

  16.1% {
    background-position: -1.6rem 0;
  }

  19.4% {
    background-position: 0 -0.32rem;
  }

  22.6% {
    background-position: -0.32rem -0.32rem;
  }

  25.8% {
    background-position: -0.64rem -0.32rem;
  }

  29% {
    background-position: -0.96rem -0.32rem;
  }

  32.3% {
    background-position: -1.28rem -0.32rem;
  }

  35.5% {
    background-position: -1.6rem -0.32rem;
  }

  38.7% {
    background-position: 0 -0.64rem;
  }

  41.9% {
    background-position: -0.32rem -0.64rem;
  }

  45.2% {
    background-position: -0.64rem -0.64rem;
  }

  48.4% {
    background-position: -0.96rem -0.64rem;
  }

  51.6% {
    background-position: -1.28rem -0.64rem;
  }

  54.8% {
    background-position: -1.6rem -0.64rem;
  }

  58.1% {
    background-position: 0 -0.96rem;
  }

  61.3% {
    background-position: -0.32rem -0.96rem;
  }

  64.5% {
    background-position: -0.64rem -0.96rem;
  }

  67.7% {
    background-position: -0.96rem -0.96rem;
  }

  71% {
    background-position: -1.28rem -0.96rem;
  }

  74.2% {
    background-position: -1.6rem -0.96rem;
  }

  77.4% {
    background-position: 0 -1.28rem;
  }

  80.6% {
    background-position: -0.32rem -1.28rem;
  }

  83.9% {
    background-position: -0.64rem -1.28rem;
  }

  87.1% {
    background-position: -0.96rem -1.28rem;
  }

  90.3% {
    background-position: -1.28rem -1.28rem;
  }

  93.5% {
    background-position: -1.6rem -1.28rem;
  }

  96.8% {
    background-position: 0 -1.6rem;
  }

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

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

  3.2% {
    background-position: -0.32rem 0;
  }

  6.5% {
    background-position: -0.64rem 0;
  }

  9.7% {
    background-position: -0.96rem 0;
  }

  12.9% {
    background-position: -1.28rem 0;
  }

  16.1% {
    background-position: -1.6rem 0;
  }

  19.4% {
    background-position: 0 -0.32rem;
  }

  22.6% {
    background-position: -0.32rem -0.32rem;
  }

  25.8% {
    background-position: -0.64rem -0.32rem;
  }

  29% {
    background-position: -0.96rem -0.32rem;
  }

  32.3% {
    background-position: -1.28rem -0.32rem;
  }

  35.5% {
    background-position: -1.6rem -0.32rem;
  }

  38.7% {
    background-position: 0 -0.64rem;
  }

  41.9% {
    background-position: -0.32rem -0.64rem;
  }

  45.2% {
    background-position: -0.64rem -0.64rem;
  }

  48.4% {
    background-position: -0.96rem -0.64rem;
  }

  51.6% {
    background-position: -1.28rem -0.64rem;
  }

  54.8% {
    background-position: -1.6rem -0.64rem;
  }

  58.1% {
    background-position: 0 -0.96rem;
  }

  61.3% {
    background-position: -0.32rem -0.96rem;
  }

  64.5% {
    background-position: -0.64rem -0.96rem;
  }

  67.7% {
    background-position: -0.96rem -0.96rem;
  }

  71% {
    background-position: -1.28rem -0.96rem;
  }

  74.2% {
    background-position: -1.6rem -0.96rem;
  }

  77.4% {
    background-position: 0 -1.28rem;
  }

  80.6% {
    background-position: -0.32rem -1.28rem;
  }

  83.9% {
    background-position: -0.64rem -1.28rem;
  }

  87.1% {
    background-position: -0.96rem -1.28rem;
  }

  90.3% {
    background-position: -1.28rem -1.28rem;
  }

  93.5% {
    background-position: -1.6rem -1.28rem;
  }

  96.8% {
    background-position: 0 -1.6rem;
  }

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

.popo-53 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-53_4c742a16.png);
  background-size: 600% 500%;
}

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

  3.7% {
    background-position: -0.32rem 0;
  }

  7.4% {
    background-position: -0.64rem 0;
  }

  11.1% {
    background-position: -0.96rem 0;
  }

  14.8% {
    background-position: -1.28rem 0;
  }

  18.5% {
    background-position: -1.6rem 0;
  }

  22.2% {
    background-position: 0 -0.32rem;
  }

  25.9% {
    background-position: -0.32rem -0.32rem;
  }

  29.6% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37% {
    background-position: -1.28rem -0.32rem;
  }

  40.7% {
    background-position: -1.6rem -0.32rem;
  }

  44.4% {
    background-position: 0 -0.64rem;
  }

  48.1% {
    background-position: -0.32rem -0.64rem;
  }

  51.9% {
    background-position: -0.64rem -0.64rem;
  }

  55.6% {
    background-position: -0.96rem -0.64rem;
  }

  59.3% {
    background-position: -1.28rem -0.64rem;
  }

  63% {
    background-position: -1.6rem -0.64rem;
  }

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

  70.4% {
    background-position: -0.32rem -0.96rem;
  }

  74.1% {
    background-position: -0.64rem -0.96rem;
  }

  77.8% {
    background-position: -0.96rem -0.96rem;
  }

  81.5% {
    background-position: -1.28rem -0.96rem;
  }

  85.2% {
    background-position: -1.6rem -0.96rem;
  }

  88.9% {
    background-position: 0 -1.28rem;
  }

  92.6% {
    background-position: -0.32rem -1.28rem;
  }

  96.3% {
    background-position: -0.64rem -1.28rem;
  }

  100% {
    background-position: -0.64rem -1.28rem;
  }
}

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

  3.7% {
    background-position: -0.32rem 0;
  }

  7.4% {
    background-position: -0.64rem 0;
  }

  11.1% {
    background-position: -0.96rem 0;
  }

  14.8% {
    background-position: -1.28rem 0;
  }

  18.5% {
    background-position: -1.6rem 0;
  }

  22.2% {
    background-position: 0 -0.32rem;
  }

  25.9% {
    background-position: -0.32rem -0.32rem;
  }

  29.6% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37% {
    background-position: -1.28rem -0.32rem;
  }

  40.7% {
    background-position: -1.6rem -0.32rem;
  }

  44.4% {
    background-position: 0 -0.64rem;
  }

  48.1% {
    background-position: -0.32rem -0.64rem;
  }

  51.9% {
    background-position: -0.64rem -0.64rem;
  }

  55.6% {
    background-position: -0.96rem -0.64rem;
  }

  59.3% {
    background-position: -1.28rem -0.64rem;
  }

  63% {
    background-position: -1.6rem -0.64rem;
  }

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

  70.4% {
    background-position: -0.32rem -0.96rem;
  }

  74.1% {
    background-position: -0.64rem -0.96rem;
  }

  77.8% {
    background-position: -0.96rem -0.96rem;
  }

  81.5% {
    background-position: -1.28rem -0.96rem;
  }

  85.2% {
    background-position: -1.6rem -0.96rem;
  }

  88.9% {
    background-position: 0 -1.28rem;
  }

  92.6% {
    background-position: -0.32rem -1.28rem;
  }

  96.3% {
    background-position: -0.64rem -1.28rem;
  }

  100% {
    background-position: -0.64rem -1.28rem;
  }
}

.popo-54 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-54_7591c578.png);
  background-size: 600% 600%;
}

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

  3.2% {
    background-position: -0.32rem 0;
  }

  6.5% {
    background-position: -0.64rem 0;
  }

  9.7% {
    background-position: -0.96rem 0;
  }

  12.9% {
    background-position: -1.28rem 0;
  }

  16.1% {
    background-position: -1.6rem 0;
  }

  19.4% {
    background-position: 0 -0.32rem;
  }

  22.6% {
    background-position: -0.32rem -0.32rem;
  }

  25.8% {
    background-position: -0.64rem -0.32rem;
  }

  29% {
    background-position: -0.96rem -0.32rem;
  }

  32.3% {
    background-position: -1.28rem -0.32rem;
  }

  35.5% {
    background-position: -1.6rem -0.32rem;
  }

  38.7% {
    background-position: 0 -0.64rem;
  }

  41.9% {
    background-position: -0.32rem -0.64rem;
  }

  45.2% {
    background-position: -0.64rem -0.64rem;
  }

  48.4% {
    background-position: -0.96rem -0.64rem;
  }

  51.6% {
    background-position: -1.28rem -0.64rem;
  }

  54.8% {
    background-position: -1.6rem -0.64rem;
  }

  58.1% {
    background-position: 0 -0.96rem;
  }

  61.3% {
    background-position: -0.32rem -0.96rem;
  }

  64.5% {
    background-position: -0.64rem -0.96rem;
  }

  67.7% {
    background-position: -0.96rem -0.96rem;
  }

  71% {
    background-position: -1.28rem -0.96rem;
  }

  74.2% {
    background-position: -1.6rem -0.96rem;
  }

  77.4% {
    background-position: 0 -1.28rem;
  }

  80.6% {
    background-position: -0.32rem -1.28rem;
  }

  83.9% {
    background-position: -0.64rem -1.28rem;
  }

  87.1% {
    background-position: -0.96rem -1.28rem;
  }

  90.3% {
    background-position: -1.28rem -1.28rem;
  }

  93.5% {
    background-position: -1.6rem -1.28rem;
  }

  96.8% {
    background-position: 0 -1.6rem;
  }

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

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

  3.2% {
    background-position: -0.32rem 0;
  }

  6.5% {
    background-position: -0.64rem 0;
  }

  9.7% {
    background-position: -0.96rem 0;
  }

  12.9% {
    background-position: -1.28rem 0;
  }

  16.1% {
    background-position: -1.6rem 0;
  }

  19.4% {
    background-position: 0 -0.32rem;
  }

  22.6% {
    background-position: -0.32rem -0.32rem;
  }

  25.8% {
    background-position: -0.64rem -0.32rem;
  }

  29% {
    background-position: -0.96rem -0.32rem;
  }

  32.3% {
    background-position: -1.28rem -0.32rem;
  }

  35.5% {
    background-position: -1.6rem -0.32rem;
  }

  38.7% {
    background-position: 0 -0.64rem;
  }

  41.9% {
    background-position: -0.32rem -0.64rem;
  }

  45.2% {
    background-position: -0.64rem -0.64rem;
  }

  48.4% {
    background-position: -0.96rem -0.64rem;
  }

  51.6% {
    background-position: -1.28rem -0.64rem;
  }

  54.8% {
    background-position: -1.6rem -0.64rem;
  }

  58.1% {
    background-position: 0 -0.96rem;
  }

  61.3% {
    background-position: -0.32rem -0.96rem;
  }

  64.5% {
    background-position: -0.64rem -0.96rem;
  }

  67.7% {
    background-position: -0.96rem -0.96rem;
  }

  71% {
    background-position: -1.28rem -0.96rem;
  }

  74.2% {
    background-position: -1.6rem -0.96rem;
  }

  77.4% {
    background-position: 0 -1.28rem;
  }

  80.6% {
    background-position: -0.32rem -1.28rem;
  }

  83.9% {
    background-position: -0.64rem -1.28rem;
  }

  87.1% {
    background-position: -0.96rem -1.28rem;
  }

  90.3% {
    background-position: -1.28rem -1.28rem;
  }

  93.5% {
    background-position: -1.6rem -1.28rem;
  }

  96.8% {
    background-position: 0 -1.6rem;
  }

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

.popo-55 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-55_28ce4fad.png);
  background-size: 500% 500%;
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

.popo-56 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-56_33b551e1.png);
  background-size: 400% 400%;
}

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

  7.1% {
    background-position: -0.32rem 0;
  }

  14.3% {
    background-position: -0.64rem 0;
  }

  21.4% {
    background-position: -0.96rem 0;
  }

  28.6% {
    background-position: 0 -0.32rem;
  }

  35.7% {
    background-position: -0.32rem -0.32rem;
  }

  42.9% {
    background-position: -0.64rem -0.32rem;
  }

  50% {
    background-position: -0.96rem -0.32rem;
  }

  57.1% {
    background-position: 0 -0.64rem;
  }

  64.3% {
    background-position: -0.32rem -0.64rem;
  }

  71.4% {
    background-position: -0.64rem -0.64rem;
  }

  78.6% {
    background-position: -0.96rem -0.64rem;
  }

  85.7% {
    background-position: 0 -0.96rem;
  }

  92.9% {
    background-position: -0.32rem -0.96rem;
  }

  100% {
    background-position: -0.32rem -0.96rem;
  }
}

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

  7.1% {
    background-position: -0.32rem 0;
  }

  14.3% {
    background-position: -0.64rem 0;
  }

  21.4% {
    background-position: -0.96rem 0;
  }

  28.6% {
    background-position: 0 -0.32rem;
  }

  35.7% {
    background-position: -0.32rem -0.32rem;
  }

  42.9% {
    background-position: -0.64rem -0.32rem;
  }

  50% {
    background-position: -0.96rem -0.32rem;
  }

  57.1% {
    background-position: 0 -0.64rem;
  }

  64.3% {
    background-position: -0.32rem -0.64rem;
  }

  71.4% {
    background-position: -0.64rem -0.64rem;
  }

  78.6% {
    background-position: -0.96rem -0.64rem;
  }

  85.7% {
    background-position: 0 -0.96rem;
  }

  92.9% {
    background-position: -0.32rem -0.96rem;
  }

  100% {
    background-position: -0.32rem -0.96rem;
  }
}

.popo-57 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-57_26ee4599.png);
  background-size: 600% 500%;
}

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

  3.8% {
    background-position: -0.32rem 0;
  }

  7.7% {
    background-position: -0.64rem 0;
  }

  11.5% {
    background-position: -0.96rem 0;
  }

  15.4% {
    background-position: -1.28rem 0;
  }

  19.2% {
    background-position: -1.6rem 0;
  }

  23.1% {
    background-position: 0 -0.32rem;
  }

  26.9% {
    background-position: -0.32rem -0.32rem;
  }

  30.8% {
    background-position: -0.64rem -0.32rem;
  }

  34.6% {
    background-position: -0.96rem -0.32rem;
  }

  38.5% {
    background-position: -1.28rem -0.32rem;
  }

  42.3% {
    background-position: -1.6rem -0.32rem;
  }

  46.2% {
    background-position: 0 -0.64rem;
  }

  50% {
    background-position: -0.32rem -0.64rem;
  }

  53.8% {
    background-position: -0.64rem -0.64rem;
  }

  57.7% {
    background-position: -0.96rem -0.64rem;
  }

  61.5% {
    background-position: -1.28rem -0.64rem;
  }

  65.4% {
    background-position: -1.6rem -0.64rem;
  }

  69.2% {
    background-position: 0 -0.96rem;
  }

  73.1% {
    background-position: -0.32rem -0.96rem;
  }

  76.9% {
    background-position: -0.64rem -0.96rem;
  }

  80.8% {
    background-position: -0.96rem -0.96rem;
  }

  84.6% {
    background-position: -1.28rem -0.96rem;
  }

  88.5% {
    background-position: -1.6rem -0.96rem;
  }

  92.3% {
    background-position: 0 -1.28rem;
  }

  96.2% {
    background-position: -0.32rem -1.28rem;
  }

  100% {
    background-position: -0.32rem -1.28rem;
  }
}

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

  3.8% {
    background-position: -0.32rem 0;
  }

  7.7% {
    background-position: -0.64rem 0;
  }

  11.5% {
    background-position: -0.96rem 0;
  }

  15.4% {
    background-position: -1.28rem 0;
  }

  19.2% {
    background-position: -1.6rem 0;
  }

  23.1% {
    background-position: 0 -0.32rem;
  }

  26.9% {
    background-position: -0.32rem -0.32rem;
  }

  30.8% {
    background-position: -0.64rem -0.32rem;
  }

  34.6% {
    background-position: -0.96rem -0.32rem;
  }

  38.5% {
    background-position: -1.28rem -0.32rem;
  }

  42.3% {
    background-position: -1.6rem -0.32rem;
  }

  46.2% {
    background-position: 0 -0.64rem;
  }

  50% {
    background-position: -0.32rem -0.64rem;
  }

  53.8% {
    background-position: -0.64rem -0.64rem;
  }

  57.7% {
    background-position: -0.96rem -0.64rem;
  }

  61.5% {
    background-position: -1.28rem -0.64rem;
  }

  65.4% {
    background-position: -1.6rem -0.64rem;
  }

  69.2% {
    background-position: 0 -0.96rem;
  }

  73.1% {
    background-position: -0.32rem -0.96rem;
  }

  76.9% {
    background-position: -0.64rem -0.96rem;
  }

  80.8% {
    background-position: -0.96rem -0.96rem;
  }

  84.6% {
    background-position: -1.28rem -0.96rem;
  }

  88.5% {
    background-position: -1.6rem -0.96rem;
  }

  92.3% {
    background-position: 0 -1.28rem;
  }

  96.2% {
    background-position: -0.32rem -1.28rem;
  }

  100% {
    background-position: -0.32rem -1.28rem;
  }
}

.popo-58 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-58_d0fbde14.png);
  background-size: 400% 400%;
}

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

  6.3% {
    background-position: -0.32rem 0;
  }

  12.5% {
    background-position: -0.64rem 0;
  }

  18.8% {
    background-position: -0.96rem 0;
  }

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

  31.3% {
    background-position: -0.32rem -0.32rem;
  }

  37.5% {
    background-position: -0.64rem -0.32rem;
  }

  43.8% {
    background-position: -0.96rem -0.32rem;
  }

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

  56.3% {
    background-position: -0.32rem -0.64rem;
  }

  62.5% {
    background-position: -0.64rem -0.64rem;
  }

  68.8% {
    background-position: -0.96rem -0.64rem;
  }

  75% {
    background-position: 0 -0.96rem;
  }

  81.3% {
    background-position: -0.32rem -0.96rem;
  }

  87.5% {
    background-position: -0.64rem -0.96rem;
  }

  93.8% {
    background-position: -0.96rem -0.96rem;
  }

  100% {
    background-position: -0.96rem -0.96rem;
  }
}

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

  6.3% {
    background-position: -0.32rem 0;
  }

  12.5% {
    background-position: -0.64rem 0;
  }

  18.8% {
    background-position: -0.96rem 0;
  }

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

  31.3% {
    background-position: -0.32rem -0.32rem;
  }

  37.5% {
    background-position: -0.64rem -0.32rem;
  }

  43.8% {
    background-position: -0.96rem -0.32rem;
  }

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

  56.3% {
    background-position: -0.32rem -0.64rem;
  }

  62.5% {
    background-position: -0.64rem -0.64rem;
  }

  68.8% {
    background-position: -0.96rem -0.64rem;
  }

  75% {
    background-position: 0 -0.96rem;
  }

  81.3% {
    background-position: -0.32rem -0.96rem;
  }

  87.5% {
    background-position: -0.64rem -0.96rem;
  }

  93.8% {
    background-position: -0.96rem -0.96rem;
  }

  100% {
    background-position: -0.96rem -0.96rem;
  }
}

.popo-59 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-59_e3a3dd39.png);
  background-size: 500% 400%;
}

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

  5.6% {
    background-position: -0.32rem 0;
  }

  11.1% {
    background-position: -0.64rem 0;
  }

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

  22.2% {
    background-position: -1.28rem 0;
  }

  27.8% {
    background-position: 0 -0.32rem;
  }

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

  38.9% {
    background-position: -0.64rem -0.32rem;
  }

  44.4% {
    background-position: -0.96rem -0.32rem;
  }

  50% {
    background-position: -1.28rem -0.32rem;
  }

  55.6% {
    background-position: 0 -0.64rem;
  }

  61.1% {
    background-position: -0.32rem -0.64rem;
  }

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

  72.2% {
    background-position: -0.96rem -0.64rem;
  }

  77.8% {
    background-position: -1.28rem -0.64rem;
  }

  83.3% {
    background-position: 0 -0.96rem;
  }

  88.9% {
    background-position: -0.32rem -0.96rem;
  }

  94.4% {
    background-position: -0.64rem -0.96rem;
  }

  100% {
    background-position: -0.64rem -0.96rem;
  }
}

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

  5.6% {
    background-position: -0.32rem 0;
  }

  11.1% {
    background-position: -0.64rem 0;
  }

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

  22.2% {
    background-position: -1.28rem 0;
  }

  27.8% {
    background-position: 0 -0.32rem;
  }

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

  38.9% {
    background-position: -0.64rem -0.32rem;
  }

  44.4% {
    background-position: -0.96rem -0.32rem;
  }

  50% {
    background-position: -1.28rem -0.32rem;
  }

  55.6% {
    background-position: 0 -0.64rem;
  }

  61.1% {
    background-position: -0.32rem -0.64rem;
  }

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

  72.2% {
    background-position: -0.96rem -0.64rem;
  }

  77.8% {
    background-position: -1.28rem -0.64rem;
  }

  83.3% {
    background-position: 0 -0.96rem;
  }

  88.9% {
    background-position: -0.32rem -0.96rem;
  }

  94.4% {
    background-position: -0.64rem -0.96rem;
  }

  100% {
    background-position: -0.64rem -0.96rem;
  }
}

.popo-60 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-60_e52e95c1.png);
  background-size: 500% 500%;
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

.popo-61 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-61_0202bca8.png);
  background-size: 400% 400%;
}

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

  6.3% {
    background-position: -0.32rem 0;
  }

  12.5% {
    background-position: -0.64rem 0;
  }

  18.8% {
    background-position: -0.96rem 0;
  }

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

  31.3% {
    background-position: -0.32rem -0.32rem;
  }

  37.5% {
    background-position: -0.64rem -0.32rem;
  }

  43.8% {
    background-position: -0.96rem -0.32rem;
  }

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

  56.3% {
    background-position: -0.32rem -0.64rem;
  }

  62.5% {
    background-position: -0.64rem -0.64rem;
  }

  68.8% {
    background-position: -0.96rem -0.64rem;
  }

  75% {
    background-position: 0 -0.96rem;
  }

  81.3% {
    background-position: -0.32rem -0.96rem;
  }

  87.5% {
    background-position: -0.64rem -0.96rem;
  }

  93.8% {
    background-position: -0.96rem -0.96rem;
  }

  100% {
    background-position: -0.96rem -0.96rem;
  }
}

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

  6.3% {
    background-position: -0.32rem 0;
  }

  12.5% {
    background-position: -0.64rem 0;
  }

  18.8% {
    background-position: -0.96rem 0;
  }

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

  31.3% {
    background-position: -0.32rem -0.32rem;
  }

  37.5% {
    background-position: -0.64rem -0.32rem;
  }

  43.8% {
    background-position: -0.96rem -0.32rem;
  }

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

  56.3% {
    background-position: -0.32rem -0.64rem;
  }

  62.5% {
    background-position: -0.64rem -0.64rem;
  }

  68.8% {
    background-position: -0.96rem -0.64rem;
  }

  75% {
    background-position: 0 -0.96rem;
  }

  81.3% {
    background-position: -0.32rem -0.96rem;
  }

  87.5% {
    background-position: -0.64rem -0.96rem;
  }

  93.8% {
    background-position: -0.96rem -0.96rem;
  }

  100% {
    background-position: -0.96rem -0.96rem;
  }
}

.popo-62 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-62_d750d2a8.png);
  background-size: 500% 400%;
}

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

  5.3% {
    background-position: -0.32rem 0;
  }

  10.5% {
    background-position: -0.64rem 0;
  }

  15.8% {
    background-position: -0.96rem 0;
  }

  21.1% {
    background-position: -1.28rem 0;
  }

  26.3% {
    background-position: 0 -0.32rem;
  }

  31.6% {
    background-position: -0.32rem -0.32rem;
  }

  36.8% {
    background-position: -0.64rem -0.32rem;
  }

  42.1% {
    background-position: -0.96rem -0.32rem;
  }

  47.4% {
    background-position: -1.28rem -0.32rem;
  }

  52.6% {
    background-position: 0 -0.64rem;
  }

  57.9% {
    background-position: -0.32rem -0.64rem;
  }

  63.2% {
    background-position: -0.64rem -0.64rem;
  }

  68.4% {
    background-position: -0.96rem -0.64rem;
  }

  73.7% {
    background-position: -1.28rem -0.64rem;
  }

  78.9% {
    background-position: 0 -0.96rem;
  }

  84.2% {
    background-position: -0.32rem -0.96rem;
  }

  89.5% {
    background-position: -0.64rem -0.96rem;
  }

  94.7% {
    background-position: -0.96rem -0.96rem;
  }

  100% {
    background-position: -0.96rem -0.96rem;
  }
}

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

  5.3% {
    background-position: -0.32rem 0;
  }

  10.5% {
    background-position: -0.64rem 0;
  }

  15.8% {
    background-position: -0.96rem 0;
  }

  21.1% {
    background-position: -1.28rem 0;
  }

  26.3% {
    background-position: 0 -0.32rem;
  }

  31.6% {
    background-position: -0.32rem -0.32rem;
  }

  36.8% {
    background-position: -0.64rem -0.32rem;
  }

  42.1% {
    background-position: -0.96rem -0.32rem;
  }

  47.4% {
    background-position: -1.28rem -0.32rem;
  }

  52.6% {
    background-position: 0 -0.64rem;
  }

  57.9% {
    background-position: -0.32rem -0.64rem;
  }

  63.2% {
    background-position: -0.64rem -0.64rem;
  }

  68.4% {
    background-position: -0.96rem -0.64rem;
  }

  73.7% {
    background-position: -1.28rem -0.64rem;
  }

  78.9% {
    background-position: 0 -0.96rem;
  }

  84.2% {
    background-position: -0.32rem -0.96rem;
  }

  89.5% {
    background-position: -0.64rem -0.96rem;
  }

  94.7% {
    background-position: -0.96rem -0.96rem;
  }

  100% {
    background-position: -0.96rem -0.96rem;
  }
}

.popo-63 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-63_a186cf45.png);
  background-size: 500% 400%;
}

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

  5.9% {
    background-position: -0.32rem 0;
  }

  11.8% {
    background-position: -0.64rem 0;
  }

  17.6% {
    background-position: -0.96rem 0;
  }

  23.5% {
    background-position: -1.28rem 0;
  }

  29.4% {
    background-position: 0 -0.32rem;
  }

  35.3% {
    background-position: -0.32rem -0.32rem;
  }

  41.2% {
    background-position: -0.64rem -0.32rem;
  }

  47.1% {
    background-position: -0.96rem -0.32rem;
  }

  52.9% {
    background-position: -1.28rem -0.32rem;
  }

  58.8% {
    background-position: 0 -0.64rem;
  }

  64.7% {
    background-position: -0.32rem -0.64rem;
  }

  70.6% {
    background-position: -0.64rem -0.64rem;
  }

  76.5% {
    background-position: -0.96rem -0.64rem;
  }

  82.4% {
    background-position: -1.28rem -0.64rem;
  }

  88.2% {
    background-position: 0 -0.96rem;
  }

  94.1% {
    background-position: -0.32rem -0.96rem;
  }

  100% {
    background-position: -0.32rem -0.96rem;
  }
}

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

  5.9% {
    background-position: -0.32rem 0;
  }

  11.8% {
    background-position: -0.64rem 0;
  }

  17.6% {
    background-position: -0.96rem 0;
  }

  23.5% {
    background-position: -1.28rem 0;
  }

  29.4% {
    background-position: 0 -0.32rem;
  }

  35.3% {
    background-position: -0.32rem -0.32rem;
  }

  41.2% {
    background-position: -0.64rem -0.32rem;
  }

  47.1% {
    background-position: -0.96rem -0.32rem;
  }

  52.9% {
    background-position: -1.28rem -0.32rem;
  }

  58.8% {
    background-position: 0 -0.64rem;
  }

  64.7% {
    background-position: -0.32rem -0.64rem;
  }

  70.6% {
    background-position: -0.64rem -0.64rem;
  }

  76.5% {
    background-position: -0.96rem -0.64rem;
  }

  82.4% {
    background-position: -1.28rem -0.64rem;
  }

  88.2% {
    background-position: 0 -0.96rem;
  }

  94.1% {
    background-position: -0.32rem -0.96rem;
  }

  100% {
    background-position: -0.32rem -0.96rem;
  }
}

.popo-65 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-64_3d67ae6d.png);
  background-size: 500% 400%;
}

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

  5.3% {
    background-position: -0.32rem 0;
  }

  10.5% {
    background-position: -0.64rem 0;
  }

  15.8% {
    background-position: -0.96rem 0;
  }

  21.1% {
    background-position: -1.28rem 0;
  }

  26.3% {
    background-position: 0 -0.32rem;
  }

  31.6% {
    background-position: -0.32rem -0.32rem;
  }

  36.8% {
    background-position: -0.64rem -0.32rem;
  }

  42.1% {
    background-position: -0.96rem -0.32rem;
  }

  47.4% {
    background-position: -1.28rem -0.32rem;
  }

  52.6% {
    background-position: 0 -0.64rem;
  }

  57.9% {
    background-position: -0.32rem -0.64rem;
  }

  63.2% {
    background-position: -0.64rem -0.64rem;
  }

  68.4% {
    background-position: -0.96rem -0.64rem;
  }

  73.7% {
    background-position: -1.28rem -0.64rem;
  }

  78.9% {
    background-position: 0 -0.96rem;
  }

  84.2% {
    background-position: -0.32rem -0.96rem;
  }

  89.5% {
    background-position: -0.64rem -0.96rem;
  }

  94.7% {
    background-position: -0.96rem -0.96rem;
  }

  100% {
    background-position: -0.96rem -0.96rem;
  }
}

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

  5.3% {
    background-position: -0.32rem 0;
  }

  10.5% {
    background-position: -0.64rem 0;
  }

  15.8% {
    background-position: -0.96rem 0;
  }

  21.1% {
    background-position: -1.28rem 0;
  }

  26.3% {
    background-position: 0 -0.32rem;
  }

  31.6% {
    background-position: -0.32rem -0.32rem;
  }

  36.8% {
    background-position: -0.64rem -0.32rem;
  }

  42.1% {
    background-position: -0.96rem -0.32rem;
  }

  47.4% {
    background-position: -1.28rem -0.32rem;
  }

  52.6% {
    background-position: 0 -0.64rem;
  }

  57.9% {
    background-position: -0.32rem -0.64rem;
  }

  63.2% {
    background-position: -0.64rem -0.64rem;
  }

  68.4% {
    background-position: -0.96rem -0.64rem;
  }

  73.7% {
    background-position: -1.28rem -0.64rem;
  }

  78.9% {
    background-position: 0 -0.96rem;
  }

  84.2% {
    background-position: -0.32rem -0.96rem;
  }

  89.5% {
    background-position: -0.64rem -0.96rem;
  }

  94.7% {
    background-position: -0.96rem -0.96rem;
  }

  100% {
    background-position: -0.96rem -0.96rem;
  }
}

.popo-66 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-65_d173ff3b.png);
  background-size: 600% 500%;
}

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

  3.4% {
    background-position: -0.32rem 0;
  }

  6.9% {
    background-position: -0.64rem 0;
  }

  10.3% {
    background-position: -0.96rem 0;
  }

  13.8% {
    background-position: -1.28rem 0;
  }

  17.2% {
    background-position: -1.6rem 0;
  }

  20.7% {
    background-position: 0 -0.32rem;
  }

  24.1% {
    background-position: -0.32rem -0.32rem;
  }

  27.6% {
    background-position: -0.64rem -0.32rem;
  }

  31% {
    background-position: -0.96rem -0.32rem;
  }

  34.5% {
    background-position: -1.28rem -0.32rem;
  }

  37.9% {
    background-position: -1.6rem -0.32rem;
  }

  41.4% {
    background-position: 0 -0.64rem;
  }

  44.8% {
    background-position: -0.32rem -0.64rem;
  }

  48.3% {
    background-position: -0.64rem -0.64rem;
  }

  51.7% {
    background-position: -0.96rem -0.64rem;
  }

  55.2% {
    background-position: -1.28rem -0.64rem;
  }

  58.6% {
    background-position: -1.6rem -0.64rem;
  }

  62.1% {
    background-position: 0 -0.96rem;
  }

  65.5% {
    background-position: -0.32rem -0.96rem;
  }

  69% {
    background-position: -0.64rem -0.96rem;
  }

  72.4% {
    background-position: -0.96rem -0.96rem;
  }

  75.9% {
    background-position: -1.28rem -0.96rem;
  }

  79.3% {
    background-position: -1.6rem -0.96rem;
  }

  82.8% {
    background-position: 0 -1.28rem;
  }

  86.2% {
    background-position: -0.32rem -1.28rem;
  }

  89.7% {
    background-position: -0.64rem -1.28rem;
  }

  93.1% {
    background-position: -0.96rem -1.28rem;
  }

  96.6% {
    background-position: -1.28rem -1.28rem;
  }

  100% {
    background-position: -1.28rem -1.28rem;
  }
}

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

  3.4% {
    background-position: -0.32rem 0;
  }

  6.9% {
    background-position: -0.64rem 0;
  }

  10.3% {
    background-position: -0.96rem 0;
  }

  13.8% {
    background-position: -1.28rem 0;
  }

  17.2% {
    background-position: -1.6rem 0;
  }

  20.7% {
    background-position: 0 -0.32rem;
  }

  24.1% {
    background-position: -0.32rem -0.32rem;
  }

  27.6% {
    background-position: -0.64rem -0.32rem;
  }

  31% {
    background-position: -0.96rem -0.32rem;
  }

  34.5% {
    background-position: -1.28rem -0.32rem;
  }

  37.9% {
    background-position: -1.6rem -0.32rem;
  }

  41.4% {
    background-position: 0 -0.64rem;
  }

  44.8% {
    background-position: -0.32rem -0.64rem;
  }

  48.3% {
    background-position: -0.64rem -0.64rem;
  }

  51.7% {
    background-position: -0.96rem -0.64rem;
  }

  55.2% {
    background-position: -1.28rem -0.64rem;
  }

  58.6% {
    background-position: -1.6rem -0.64rem;
  }

  62.1% {
    background-position: 0 -0.96rem;
  }

  65.5% {
    background-position: -0.32rem -0.96rem;
  }

  69% {
    background-position: -0.64rem -0.96rem;
  }

  72.4% {
    background-position: -0.96rem -0.96rem;
  }

  75.9% {
    background-position: -1.28rem -0.96rem;
  }

  79.3% {
    background-position: -1.6rem -0.96rem;
  }

  82.8% {
    background-position: 0 -1.28rem;
  }

  86.2% {
    background-position: -0.32rem -1.28rem;
  }

  89.7% {
    background-position: -0.64rem -1.28rem;
  }

  93.1% {
    background-position: -0.96rem -1.28rem;
  }

  96.6% {
    background-position: -1.28rem -1.28rem;
  }

  100% {
    background-position: -1.28rem -1.28rem;
  }
}

.popo-67 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-66_5145d1d4.png);
  background-size: 500% 400%;
}

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

  5.3% {
    background-position: -0.32rem 0;
  }

  10.5% {
    background-position: -0.64rem 0;
  }

  15.8% {
    background-position: -0.96rem 0;
  }

  21.1% {
    background-position: -1.28rem 0;
  }

  26.3% {
    background-position: 0 -0.32rem;
  }

  31.6% {
    background-position: -0.32rem -0.32rem;
  }

  36.8% {
    background-position: -0.64rem -0.32rem;
  }

  42.1% {
    background-position: -0.96rem -0.32rem;
  }

  47.4% {
    background-position: -1.28rem -0.32rem;
  }

  52.6% {
    background-position: 0 -0.64rem;
  }

  57.9% {
    background-position: -0.32rem -0.64rem;
  }

  63.2% {
    background-position: -0.64rem -0.64rem;
  }

  68.4% {
    background-position: -0.96rem -0.64rem;
  }

  73.7% {
    background-position: -1.28rem -0.64rem;
  }

  78.9% {
    background-position: 0 -0.96rem;
  }

  84.2% {
    background-position: -0.32rem -0.96rem;
  }

  89.5% {
    background-position: -0.64rem -0.96rem;
  }

  94.7% {
    background-position: -0.96rem -0.96rem;
  }

  100% {
    background-position: -0.96rem -0.96rem;
  }
}

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

  5.3% {
    background-position: -0.32rem 0;
  }

  10.5% {
    background-position: -0.64rem 0;
  }

  15.8% {
    background-position: -0.96rem 0;
  }

  21.1% {
    background-position: -1.28rem 0;
  }

  26.3% {
    background-position: 0 -0.32rem;
  }

  31.6% {
    background-position: -0.32rem -0.32rem;
  }

  36.8% {
    background-position: -0.64rem -0.32rem;
  }

  42.1% {
    background-position: -0.96rem -0.32rem;
  }

  47.4% {
    background-position: -1.28rem -0.32rem;
  }

  52.6% {
    background-position: 0 -0.64rem;
  }

  57.9% {
    background-position: -0.32rem -0.64rem;
  }

  63.2% {
    background-position: -0.64rem -0.64rem;
  }

  68.4% {
    background-position: -0.96rem -0.64rem;
  }

  73.7% {
    background-position: -1.28rem -0.64rem;
  }

  78.9% {
    background-position: 0 -0.96rem;
  }

  84.2% {
    background-position: -0.32rem -0.96rem;
  }

  89.5% {
    background-position: -0.64rem -0.96rem;
  }

  94.7% {
    background-position: -0.96rem -0.96rem;
  }

  100% {
    background-position: -0.96rem -0.96rem;
  }
}

.popo-68 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-67_10810a28.png);
  background-size: 500% 500%;
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

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

  4.2% {
    background-position: -0.32rem 0;
  }

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

  12.5% {
    background-position: -0.96rem 0;
  }

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

  20.8% {
    background-position: 0 -0.32rem;
  }

  25% {
    background-position: -0.32rem -0.32rem;
  }

  29.2% {
    background-position: -0.64rem -0.32rem;
  }

  33.3% {
    background-position: -0.96rem -0.32rem;
  }

  37.5% {
    background-position: -1.28rem -0.32rem;
  }

  41.7% {
    background-position: 0 -0.64rem;
  }

  45.8% {
    background-position: -0.32rem -0.64rem;
  }

  50% {
    background-position: -0.64rem -0.64rem;
  }

  54.2% {
    background-position: -0.96rem -0.64rem;
  }

  58.3% {
    background-position: -1.28rem -0.64rem;
  }

  62.5% {
    background-position: 0 -0.96rem;
  }

  66.7% {
    background-position: -0.32rem -0.96rem;
  }

  70.8% {
    background-position: -0.64rem -0.96rem;
  }

  75% {
    background-position: -0.96rem -0.96rem;
  }

  79.2% {
    background-position: -1.28rem -0.96rem;
  }

  83.3% {
    background-position: 0 -1.28rem;
  }

  87.5% {
    background-position: -0.32rem -1.28rem;
  }

  91.7% {
    background-position: -0.64rem -1.28rem;
  }

  95.8% {
    background-position: -0.96rem -1.28rem;
  }

  100% {
    background-position: -0.96rem -1.28rem;
  }
}

.popo-69 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-68_48f7564e.png);
  background-size: 600% 600%;
}

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

  3.2% {
    background-position: -0.32rem 0;
  }

  6.5% {
    background-position: -0.64rem 0;
  }

  9.7% {
    background-position: -0.96rem 0;
  }

  12.9% {
    background-position: -1.28rem 0;
  }

  16.1% {
    background-position: -1.6rem 0;
  }

  19.4% {
    background-position: 0 -0.32rem;
  }

  22.6% {
    background-position: -0.32rem -0.32rem;
  }

  25.8% {
    background-position: -0.64rem -0.32rem;
  }

  29% {
    background-position: -0.96rem -0.32rem;
  }

  32.3% {
    background-position: -1.28rem -0.32rem;
  }

  35.5% {
    background-position: -1.6rem -0.32rem;
  }

  38.7% {
    background-position: 0 -0.64rem;
  }

  41.9% {
    background-position: -0.32rem -0.64rem;
  }

  45.2% {
    background-position: -0.64rem -0.64rem;
  }

  48.4% {
    background-position: -0.96rem -0.64rem;
  }

  51.6% {
    background-position: -1.28rem -0.64rem;
  }

  54.8% {
    background-position: -1.6rem -0.64rem;
  }

  58.1% {
    background-position: 0 -0.96rem;
  }

  61.3% {
    background-position: -0.32rem -0.96rem;
  }

  64.5% {
    background-position: -0.64rem -0.96rem;
  }

  67.7% {
    background-position: -0.96rem -0.96rem;
  }

  71% {
    background-position: -1.28rem -0.96rem;
  }

  74.2% {
    background-position: -1.6rem -0.96rem;
  }

  77.4% {
    background-position: 0 -1.28rem;
  }

  80.6% {
    background-position: -0.32rem -1.28rem;
  }

  83.9% {
    background-position: -0.64rem -1.28rem;
  }

  87.1% {
    background-position: -0.96rem -1.28rem;
  }

  90.3% {
    background-position: -1.28rem -1.28rem;
  }

  93.5% {
    background-position: -1.6rem -1.28rem;
  }

  96.8% {
    background-position: 0 -1.6rem;
  }

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

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

  3.2% {
    background-position: -0.32rem 0;
  }

  6.5% {
    background-position: -0.64rem 0;
  }

  9.7% {
    background-position: -0.96rem 0;
  }

  12.9% {
    background-position: -1.28rem 0;
  }

  16.1% {
    background-position: -1.6rem 0;
  }

  19.4% {
    background-position: 0 -0.32rem;
  }

  22.6% {
    background-position: -0.32rem -0.32rem;
  }

  25.8% {
    background-position: -0.64rem -0.32rem;
  }

  29% {
    background-position: -0.96rem -0.32rem;
  }

  32.3% {
    background-position: -1.28rem -0.32rem;
  }

  35.5% {
    background-position: -1.6rem -0.32rem;
  }

  38.7% {
    background-position: 0 -0.64rem;
  }

  41.9% {
    background-position: -0.32rem -0.64rem;
  }

  45.2% {
    background-position: -0.64rem -0.64rem;
  }

  48.4% {
    background-position: -0.96rem -0.64rem;
  }

  51.6% {
    background-position: -1.28rem -0.64rem;
  }

  54.8% {
    background-position: -1.6rem -0.64rem;
  }

  58.1% {
    background-position: 0 -0.96rem;
  }

  61.3% {
    background-position: -0.32rem -0.96rem;
  }

  64.5% {
    background-position: -0.64rem -0.96rem;
  }

  67.7% {
    background-position: -0.96rem -0.96rem;
  }

  71% {
    background-position: -1.28rem -0.96rem;
  }

  74.2% {
    background-position: -1.6rem -0.96rem;
  }

  77.4% {
    background-position: 0 -1.28rem;
  }

  80.6% {
    background-position: -0.32rem -1.28rem;
  }

  83.9% {
    background-position: -0.64rem -1.28rem;
  }

  87.1% {
    background-position: -0.96rem -1.28rem;
  }

  90.3% {
    background-position: -1.28rem -1.28rem;
  }

  93.5% {
    background-position: -1.6rem -1.28rem;
  }

  96.8% {
    background-position: 0 -1.6rem;
  }

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

.popo-70 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-69_376ae283.png);
  background-size: 400% 300%;
}

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

  9.1% {
    background-position: -0.32rem 0;
  }

  18.2% {
    background-position: -0.64rem 0;
  }

  27.3% {
    background-position: -0.96rem 0;
  }

  36.4% {
    background-position: 0 -0.32rem;
  }

  45.5% {
    background-position: -0.32rem -0.32rem;
  }

  54.5% {
    background-position: -0.64rem -0.32rem;
  }

  63.6% {
    background-position: -0.96rem -0.32rem;
  }

  72.7% {
    background-position: 0 -0.64rem;
  }

  81.8% {
    background-position: -0.32rem -0.64rem;
  }

  90.9% {
    background-position: -0.64rem -0.64rem;
  }

  100% {
    background-position: -0.64rem -0.64rem;
  }
}

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

  9.1% {
    background-position: -0.32rem 0;
  }

  18.2% {
    background-position: -0.64rem 0;
  }

  27.3% {
    background-position: -0.96rem 0;
  }

  36.4% {
    background-position: 0 -0.32rem;
  }

  45.5% {
    background-position: -0.32rem -0.32rem;
  }

  54.5% {
    background-position: -0.64rem -0.32rem;
  }

  63.6% {
    background-position: -0.96rem -0.32rem;
  }

  72.7% {
    background-position: 0 -0.64rem;
  }

  81.8% {
    background-position: -0.32rem -0.64rem;
  }

  90.9% {
    background-position: -0.64rem -0.64rem;
  }

  100% {
    background-position: -0.64rem -0.64rem;
  }
}

.popo-71 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-70_8818ebfa.png);
  background-size: 600% 500%;
}

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

  3.4% {
    background-position: -0.32rem 0;
  }

  6.9% {
    background-position: -0.64rem 0;
  }

  10.3% {
    background-position: -0.96rem 0;
  }

  13.8% {
    background-position: -1.28rem 0;
  }

  17.2% {
    background-position: -1.6rem 0;
  }

  20.7% {
    background-position: 0 -0.32rem;
  }

  24.1% {
    background-position: -0.32rem -0.32rem;
  }

  27.6% {
    background-position: -0.64rem -0.32rem;
  }

  31% {
    background-position: -0.96rem -0.32rem;
  }

  34.5% {
    background-position: -1.28rem -0.32rem;
  }

  37.9% {
    background-position: -1.6rem -0.32rem;
  }

  41.4% {
    background-position: 0 -0.64rem;
  }

  44.8% {
    background-position: -0.32rem -0.64rem;
  }

  48.3% {
    background-position: -0.64rem -0.64rem;
  }

  51.7% {
    background-position: -0.96rem -0.64rem;
  }

  55.2% {
    background-position: -1.28rem -0.64rem;
  }

  58.6% {
    background-position: -1.6rem -0.64rem;
  }

  62.1% {
    background-position: 0 -0.96rem;
  }

  65.5% {
    background-position: -0.32rem -0.96rem;
  }

  69% {
    background-position: -0.64rem -0.96rem;
  }

  72.4% {
    background-position: -0.96rem -0.96rem;
  }

  75.9% {
    background-position: -1.28rem -0.96rem;
  }

  79.3% {
    background-position: -1.6rem -0.96rem;
  }

  82.8% {
    background-position: 0 -1.28rem;
  }

  86.2% {
    background-position: -0.32rem -1.28rem;
  }

  89.7% {
    background-position: -0.64rem -1.28rem;
  }

  93.1% {
    background-position: -0.96rem -1.28rem;
  }

  96.6% {
    background-position: -1.28rem -1.28rem;
  }

  100% {
    background-position: -1.28rem -1.28rem;
  }
}

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

  3.4% {
    background-position: -0.32rem 0;
  }

  6.9% {
    background-position: -0.64rem 0;
  }

  10.3% {
    background-position: -0.96rem 0;
  }

  13.8% {
    background-position: -1.28rem 0;
  }

  17.2% {
    background-position: -1.6rem 0;
  }

  20.7% {
    background-position: 0 -0.32rem;
  }

  24.1% {
    background-position: -0.32rem -0.32rem;
  }

  27.6% {
    background-position: -0.64rem -0.32rem;
  }

  31% {
    background-position: -0.96rem -0.32rem;
  }

  34.5% {
    background-position: -1.28rem -0.32rem;
  }

  37.9% {
    background-position: -1.6rem -0.32rem;
  }

  41.4% {
    background-position: 0 -0.64rem;
  }

  44.8% {
    background-position: -0.32rem -0.64rem;
  }

  48.3% {
    background-position: -0.64rem -0.64rem;
  }

  51.7% {
    background-position: -0.96rem -0.64rem;
  }

  55.2% {
    background-position: -1.28rem -0.64rem;
  }

  58.6% {
    background-position: -1.6rem -0.64rem;
  }

  62.1% {
    background-position: 0 -0.96rem;
  }

  65.5% {
    background-position: -0.32rem -0.96rem;
  }

  69% {
    background-position: -0.64rem -0.96rem;
  }

  72.4% {
    background-position: -0.96rem -0.96rem;
  }

  75.9% {
    background-position: -1.28rem -0.96rem;
  }

  79.3% {
    background-position: -1.6rem -0.96rem;
  }

  82.8% {
    background-position: 0 -1.28rem;
  }

  86.2% {
    background-position: -0.32rem -1.28rem;
  }

  89.7% {
    background-position: -0.64rem -1.28rem;
  }

  93.1% {
    background-position: -0.96rem -1.28rem;
  }

  96.6% {
    background-position: -1.28rem -1.28rem;
  }

  100% {
    background-position: -1.28rem -1.28rem;
  }
}

.popo-72 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-71_c6b5904c.png);
  background-size: 600% 500%;
}

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

  3.8% {
    background-position: -0.32rem 0;
  }

  7.7% {
    background-position: -0.64rem 0;
  }

  11.5% {
    background-position: -0.96rem 0;
  }

  15.4% {
    background-position: -1.28rem 0;
  }

  19.2% {
    background-position: -1.6rem 0;
  }

  23.1% {
    background-position: 0 -0.32rem;
  }

  26.9% {
    background-position: -0.32rem -0.32rem;
  }

  30.8% {
    background-position: -0.64rem -0.32rem;
  }

  34.6% {
    background-position: -0.96rem -0.32rem;
  }

  38.5% {
    background-position: -1.28rem -0.32rem;
  }

  42.3% {
    background-position: -1.6rem -0.32rem;
  }

  46.2% {
    background-position: 0 -0.64rem;
  }

  50% {
    background-position: -0.32rem -0.64rem;
  }

  53.8% {
    background-position: -0.64rem -0.64rem;
  }

  57.7% {
    background-position: -0.96rem -0.64rem;
  }

  61.5% {
    background-position: -1.28rem -0.64rem;
  }

  65.4% {
    background-position: -1.6rem -0.64rem;
  }

  69.2% {
    background-position: 0 -0.96rem;
  }

  73.1% {
    background-position: -0.32rem -0.96rem;
  }

  76.9% {
    background-position: -0.64rem -0.96rem;
  }

  80.8% {
    background-position: -0.96rem -0.96rem;
  }

  84.6% {
    background-position: -1.28rem -0.96rem;
  }

  88.5% {
    background-position: -1.6rem -0.96rem;
  }

  92.3% {
    background-position: 0 -1.28rem;
  }

  96.2% {
    background-position: -0.32rem -1.28rem;
  }

  100% {
    background-position: -0.32rem -1.28rem;
  }
}

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

  3.8% {
    background-position: -0.32rem 0;
  }

  7.7% {
    background-position: -0.64rem 0;
  }

  11.5% {
    background-position: -0.96rem 0;
  }

  15.4% {
    background-position: -1.28rem 0;
  }

  19.2% {
    background-position: -1.6rem 0;
  }

  23.1% {
    background-position: 0 -0.32rem;
  }

  26.9% {
    background-position: -0.32rem -0.32rem;
  }

  30.8% {
    background-position: -0.64rem -0.32rem;
  }

  34.6% {
    background-position: -0.96rem -0.32rem;
  }

  38.5% {
    background-position: -1.28rem -0.32rem;
  }

  42.3% {
    background-position: -1.6rem -0.32rem;
  }

  46.2% {
    background-position: 0 -0.64rem;
  }

  50% {
    background-position: -0.32rem -0.64rem;
  }

  53.8% {
    background-position: -0.64rem -0.64rem;
  }

  57.7% {
    background-position: -0.96rem -0.64rem;
  }

  61.5% {
    background-position: -1.28rem -0.64rem;
  }

  65.4% {
    background-position: -1.6rem -0.64rem;
  }

  69.2% {
    background-position: 0 -0.96rem;
  }

  73.1% {
    background-position: -0.32rem -0.96rem;
  }

  76.9% {
    background-position: -0.64rem -0.96rem;
  }

  80.8% {
    background-position: -0.96rem -0.96rem;
  }

  84.6% {
    background-position: -1.28rem -0.96rem;
  }

  88.5% {
    background-position: -1.6rem -0.96rem;
  }

  92.3% {
    background-position: 0 -1.28rem;
  }

  96.2% {
    background-position: -0.32rem -1.28rem;
  }

  100% {
    background-position: -0.32rem -1.28rem;
  }
}

.popo-73 {
  height: 0.32rem;
  width: 0.32rem;
  -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/20221129164500/assets/pop-72_6be95aad.png);
  background-size: 600% 600%;
}

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

  3.2% {
    background-position: -0.32rem 0;
  }

  6.5% {
    background-position: -0.64rem 0;
  }

  9.7% {
    background-position: -0.96rem 0;
  }

  12.9% {
    background-position: -1.28rem 0;
  }

  16.1% {
    background-position: -1.6rem 0;
  }

  19.4% {
    background-position: 0 -0.32rem;
  }

  22.6% {
    background-position: -0.32rem -0.32rem;
  }

  25.8% {
    background-position: -0.64rem -0.32rem;
  }

  29% {
    background-position: -0.96rem -0.32rem;
  }

  32.3% {
    background-position: -1.28rem -0.32rem;
  }

  35.5% {
    background-position: -1.6rem -0.32rem;
  }

  38.7% {
    background-position: 0 -0.64rem;
  }

  41.9% {
    background-position: -0.32rem -0.64rem;
  }

  45.2% {
    background-position: -0.64rem -0.64rem;
  }

  48.4% {
    background-position: -0.96rem -0.64rem;
  }

  51.6% {
    background-position: -1.28rem -0.64rem;
  }

  54.8% {
    background-position: -1.6rem -0.64rem;
  }

  58.1% {
    background-position: 0 -0.96rem;
  }

  61.3% {
    background-position: -0.32rem -0.96rem;
  }

  64.5% {
    background-position: -0.64rem -0.96rem;
  }

  67.7% {
    background-position: -0.96rem -0.96rem;
  }

  71% {
    background-position: -1.28rem -0.96rem;
  }

  74.2% {
    background-position: -1.6rem -0.96rem;
  }

  77.4% {
    background-position: 0 -1.28rem;
  }

  80.6% {
    background-position: -0.32rem -1.28rem;
  }

  83.9% {
    background-position: -0.64rem -1.28rem;
  }

  87.1% {
    background-position: -0.96rem -1.28rem;
  }

  90.3% {
    background-position: -1.28rem -1.28rem;
  }

  93.5% {
    background-position: -1.6rem -1.28rem;
  }

  96.8% {
    background-position: 0 -1.6rem;
  }

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

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

  3.2% {
    background-position: -0.32rem 0;
  }

  6.5% {
    background-position: -0.64rem 0;
  }

  9.7% {
    background-position: -0.96rem 0;
  }

  12.9% {
    background-position: -1.28rem 0;
  }

  16.1% {
    background-position: -1.6rem 0;
  }

  19.4% {
    background-position: 0 -0.32rem;
  }

  22.6% {
    background-position: -0.32rem -0.32rem;
  }

  25.8% {
    background-position: -0.64rem -0.32rem;
  }

  29% {
    background-position: -0.96rem -0.32rem;
  }

  32.3% {
    background-position: -1.28rem -0.32rem;
  }

  35.5% {
    background-position: -1.6rem -0.32rem;
  }

  38.7% {
    background-position: 0 -0.64rem;
  }

  41.9% {
    background-position: -0.32rem -0.64rem;
  }

  45.2% {
    background-position: -0.64rem -0.64rem;
  }

  48.4% {
    background-position: -0.96rem -0.64rem;
  }

  51.6% {
    background-position: -1.28rem -0.64rem;
  }

  54.8% {
    background-position: -1.6rem -0.64rem;
  }

  58.1% {
    background-position: 0 -0.96rem;
  }

  61.3% {
    background-position: -0.32rem -0.96rem;
  }

  64.5% {
    background-position: -0.64rem -0.96rem;
  }

  67.7% {
    background-position: -0.96rem -0.96rem;
  }

  71% {
    background-position: -1.28rem -0.96rem;
  }

  74.2% {
    background-position: -1.6rem -0.96rem;
  }

  77.4% {
    background-position: 0 -1.28rem;
  }

  80.6% {
    background-position: -0.32rem -1.28rem;
  }

  83.9% {
    background-position: -0.64rem -1.28rem;
  }

  87.1% {
    background-position: -0.96rem -1.28rem;
  }

  90.3% {
    background-position: -1.28rem -1.28rem;
  }

  93.5% {
    background-position: -1.6rem -1.28rem;
  }

  96.8% {
    background-position: 0 -1.6rem;
  }

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

.cdd-1 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/700_b02e85c2.png) no-repeat;
  background-size: cover;
}

.cdd-2 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/701_61dfc5b0.png) no-repeat;
  background-size: cover;
}

.cdd-3 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/702_1cab9601.png) no-repeat;
  background-size: cover;
}

.cdd-4 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/703_59414318.png) no-repeat;
  background-size: cover;
}

.cdd-5 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/704_708212b5.png) no-repeat;
  background-size: cover;
}

.cdd-6 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/705_8d39ea05.png) no-repeat;
  background-size: cover;
}

.cdd-7 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/706_a8a5bad3.png) no-repeat;
  background-size: cover;
}

.cdd-8 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/707_a77c4f7c.png) no-repeat;
  background-size: cover;
}

.cdd-9 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/708_782882d1.png) no-repeat;
  background-size: cover;
}

.cdd-10 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/709_e04f76e1.png) no-repeat;
  background-size: cover;
}

.cdd-11 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/710_86f253e1.png) no-repeat;
  background-size: cover;
}

.cdd-12 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/711_a800c18d.png) no-repeat;
  background-size: cover;
}

.cdd-13 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/712_63ad3b85.png) no-repeat;
  background-size: cover;
}

.cdd-14 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/713_f30831ec.png) no-repeat;
  background-size: cover;
}

.cdd-15 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/714_8ec9128d.png) no-repeat;
  background-size: cover;
}

.cdd-16 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/715_89d4620c.png) no-repeat;
  background-size: cover;
}

.cj-1 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/800_4e1fef78.png) no-repeat;
  background-size: cover;
}

.cj-2 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/801_58de78dd.png) no-repeat;
  background-size: cover;
}

.cj-3 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/802_79d70bfe.png) no-repeat;
  background-size: cover;
}

.cj-4 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/803_5d616388.png) no-repeat;
  background-size: cover;
}

.cj-5 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/804_51d3ff26.png) no-repeat;
  background-size: cover;
}

.cj-6 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/805_3fa82c67.png) no-repeat;
  background-size: cover;
}

.cj-7 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/806_b70918fe.png) no-repeat;
  background-size: cover;
}

.cj-8 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/807_4b0eb2e9.png) no-repeat;
  background-size: cover;
}

.cj-9 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/808_3ef2dc86.png) no-repeat;
  background-size: cover;
}

.cj-10 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/809_fd3d237d.png) no-repeat;
  background-size: cover;
}

.cj-11 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/810_532a38e2.png) no-repeat;
  background-size: cover;
}

.cj-12 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/811_b2042d7a.png) no-repeat;
  background-size: cover;
}

.cj-13 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/812_90f43996.png) no-repeat;
  background-size: cover;
}

.cj-14 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/813_be868ce1.png) no-repeat;
  background-size: cover;
}

.cj-15 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/814_c521abc1.png) no-repeat;
  background-size: cover;
}

.cj-16 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/815_e5a51563.png) no-repeat;
  background-size: cover;
}

.cj-17 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/816_53c3cb13.png) no-repeat;
  background-size: cover;
}

.cj-18 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/817_e5ee5c5f.png) no-repeat;
  background-size: cover;
}

.cj-19 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/818_843b80f4.png) no-repeat;
  background-size: cover;
}

.cj-20 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/819_16c719ed.png) no-repeat;
  background-size: cover;
}

.cj-21 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/820_eb8da7c2.png) no-repeat;
  background-size: cover;
}

.cj-22 {
  height: 115px;
  width: 115px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/821_162842ca.png) no-repeat;
  background-size: cover;
}

.jh-1 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/400_36ed0f43.png);
  background-size: 610.4% 203.5%;
}

@-webkit-keyframes keyframes_400_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  9.1% {
    background-position: -0.01rem -1.18rem;
  }

  18.2% {
    background-position: -1.18rem -1.18rem;
  }

  27.3% {
    background-position: -2.35rem -0.01rem;
  }

  36.4% {
    background-position: -2.35rem -1.18rem;
  }

  45.5% {
    background-position: -3.52rem -0.01rem;
  }

  54.5% {
    background-position: -3.52rem -1.18rem;
  }

  63.6% {
    background-position: -4.69rem -0.01rem;
  }

  72.7% {
    background-position: -4.69rem -1.18rem;
  }

  81.8% {
    background-position: -5.86rem -0.01rem;
  }

  90.9% {
    background-position: -1.18rem -0.01rem;
  }
}

@keyframes keyframes_400_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  9.1% {
    background-position: -0.01rem -1.18rem;
  }

  18.2% {
    background-position: -1.18rem -1.18rem;
  }

  27.3% {
    background-position: -2.35rem -0.01rem;
  }

  36.4% {
    background-position: -2.35rem -1.18rem;
  }

  45.5% {
    background-position: -3.52rem -0.01rem;
  }

  54.5% {
    background-position: -3.52rem -1.18rem;
  }

  63.6% {
    background-position: -4.69rem -0.01rem;
  }

  72.7% {
    background-position: -4.69rem -1.18rem;
  }

  81.8% {
    background-position: -5.86rem -0.01rem;
  }

  90.9% {
    background-position: -1.18rem -0.01rem;
  }
}

.jh-2 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/401_24f5f7a9.png);
  background-size: 813.9% 305.2%;
}

@-webkit-keyframes keyframes_401_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  4.3% {
    background-position: -1.18rem -0.01rem;
  }

  8.7% {
    background-position: -4.69rem -1.18rem;
  }

  13.0% {
    background-position: -0.01rem -2.35rem;
  }

  17.4% {
    background-position: -1.18rem -2.35rem;
  }

  21.7% {
    background-position: -2.35rem -2.35rem;
  }

  26.1% {
    background-position: -3.52rem -2.35rem;
  }

  30.4% {
    background-position: -4.69rem -2.35rem;
  }

  34.8% {
    background-position: -5.86rem -2.35rem;
  }

  39.1% {
    background-position: -7.03rem -2.35rem;
  }

  43.5% {
    background-position: -2.35rem -0.01rem;
  }

  47.8% {
    background-position: -3.52rem -0.01rem;
  }

  52.2% {
    background-position: -4.69rem -0.01rem;
  }

  56.5% {
    background-position: -5.86rem -0.01rem;
  }

  60.9% {
    background-position: -7.03rem -0.01rem;
  }

  65.2% {
    background-position: -8.2rem -0.01rem;
  }

  69.6% {
    background-position: -0.01rem -1.18rem;
  }

  73.9% {
    background-position: -1.18rem -1.18rem;
  }

  78.3% {
    background-position: -2.35rem -1.18rem;
  }

  82.6% {
    background-position: -3.52rem -1.18rem;
  }

  87.0% {
    background-position: -5.86rem -1.18rem;
  }

  91.3% {
    background-position: -7.03rem -1.18rem;
  }

  95.7% {
    background-position: -8.2rem -1.18rem;
  }
}

@keyframes keyframes_401_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  4.3% {
    background-position: -1.18rem -0.01rem;
  }

  8.7% {
    background-position: -4.69rem -1.18rem;
  }

  13.0% {
    background-position: -0.01rem -2.35rem;
  }

  17.4% {
    background-position: -1.18rem -2.35rem;
  }

  21.7% {
    background-position: -2.35rem -2.35rem;
  }

  26.1% {
    background-position: -3.52rem -2.35rem;
  }

  30.4% {
    background-position: -4.69rem -2.35rem;
  }

  34.8% {
    background-position: -5.86rem -2.35rem;
  }

  39.1% {
    background-position: -7.03rem -2.35rem;
  }

  43.5% {
    background-position: -2.35rem -0.01rem;
  }

  47.8% {
    background-position: -3.52rem -0.01rem;
  }

  52.2% {
    background-position: -4.69rem -0.01rem;
  }

  56.5% {
    background-position: -5.86rem -0.01rem;
  }

  60.9% {
    background-position: -7.03rem -0.01rem;
  }

  65.2% {
    background-position: -8.2rem -0.01rem;
  }

  69.6% {
    background-position: -0.01rem -1.18rem;
  }

  73.9% {
    background-position: -1.18rem -1.18rem;
  }

  78.3% {
    background-position: -2.35rem -1.18rem;
  }

  82.6% {
    background-position: -3.52rem -1.18rem;
  }

  87.0% {
    background-position: -5.86rem -1.18rem;
  }

  91.3% {
    background-position: -7.03rem -1.18rem;
  }

  95.7% {
    background-position: -8.2rem -1.18rem;
  }
}

.jh-3 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/402_e6c04a6a.png);
  background-size: 712.2% 407%;
}

@-webkit-keyframes keyframes_402_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  4.0% {
    background-position: -0.01rem -1.18rem;
  }

  8.0% {
    background-position: -3.52rem -1.18rem;
  }

  12.0% {
    background-position: -3.52rem -3.52rem;
  }

  16.0% {
    background-position: -4.69rem -2.35rem;
  }

  20.0% {
    background-position: -5.86rem -1.18rem;
  }

  24.0% {
    background-position: -7.03rem -0.01rem;
  }

  28.0% {
    background-position: -4.69rem -3.52rem;
  }

  32.0% {
    background-position: -5.86rem -2.35rem;
  }

  36.0% {
    background-position: -7.03rem -1.18rem;
  }

  40.0% {
    background-position: -1.18rem -0.01rem;
  }

  44.0% {
    background-position: -0.01rem -2.35rem;
  }

  48.0% {
    background-position: -1.18rem -1.18rem;
  }

  52.0% {
    background-position: -2.35rem -0.01rem;
  }

  56.0% {
    background-position: -0.01rem -3.52rem;
  }

  60.0% {
    background-position: -1.18rem -2.35rem;
  }

  64.0% {
    background-position: -2.35rem -1.18rem;
  }

  68.0% {
    background-position: -3.52rem -0.01rem;
  }

  72.0% {
    background-position: -1.18rem -3.52rem;
  }

  76.0% {
    background-position: -2.35rem -2.35rem;
  }

  80.0% {
    background-position: -4.69rem -0.01rem;
  }

  84.0% {
    background-position: -2.35rem -3.52rem;
  }

  88.0% {
    background-position: -3.52rem -2.35rem;
  }

  92.0% {
    background-position: -4.69rem -1.18rem;
  }

  96.0% {
    background-position: -5.86rem -0.01rem;
  }
}

@keyframes keyframes_402_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  4.0% {
    background-position: -0.01rem -1.18rem;
  }

  8.0% {
    background-position: -3.52rem -1.18rem;
  }

  12.0% {
    background-position: -3.52rem -3.52rem;
  }

  16.0% {
    background-position: -4.69rem -2.35rem;
  }

  20.0% {
    background-position: -5.86rem -1.18rem;
  }

  24.0% {
    background-position: -7.03rem -0.01rem;
  }

  28.0% {
    background-position: -4.69rem -3.52rem;
  }

  32.0% {
    background-position: -5.86rem -2.35rem;
  }

  36.0% {
    background-position: -7.03rem -1.18rem;
  }

  40.0% {
    background-position: -1.18rem -0.01rem;
  }

  44.0% {
    background-position: -0.01rem -2.35rem;
  }

  48.0% {
    background-position: -1.18rem -1.18rem;
  }

  52.0% {
    background-position: -2.35rem -0.01rem;
  }

  56.0% {
    background-position: -0.01rem -3.52rem;
  }

  60.0% {
    background-position: -1.18rem -2.35rem;
  }

  64.0% {
    background-position: -2.35rem -1.18rem;
  }

  68.0% {
    background-position: -3.52rem -0.01rem;
  }

  72.0% {
    background-position: -1.18rem -3.52rem;
  }

  76.0% {
    background-position: -2.35rem -2.35rem;
  }

  80.0% {
    background-position: -4.69rem -0.01rem;
  }

  84.0% {
    background-position: -2.35rem -3.52rem;
  }

  88.0% {
    background-position: -3.52rem -2.35rem;
  }

  92.0% {
    background-position: -4.69rem -1.18rem;
  }

  96.0% {
    background-position: -5.86rem -0.01rem;
  }
}

.jh-4 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/403_7babffb6.png);
  background-size: 407% 712.2%;
}

@-webkit-keyframes keyframes_403_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  3.7% {
    background-position: -1.18rem -0.01rem;
  }

  7.4% {
    background-position: -0.01rem -3.52rem;
  }

  11.1% {
    background-position: -0.01rem -5.86rem;
  }

  14.8% {
    background-position: -1.18rem -5.86rem;
  }

  18.5% {
    background-position: -2.35rem -5.86rem;
  }

  22.2% {
    background-position: -3.52rem -5.86rem;
  }

  25.9% {
    background-position: -0.01rem -7.03rem;
  }

  29.6% {
    background-position: -1.18rem -7.03rem;
  }

  33.3% {
    background-position: -2.35rem -7.03rem;
  }

  37.0% {
    background-position: -2.35rem -0.01rem;
  }

  40.7% {
    background-position: -3.52rem -0.01rem;
  }

  44.4% {
    background-position: -0.01rem -1.18rem;
  }

  48.1% {
    background-position: -1.18rem -1.18rem;
  }

  51.9% {
    background-position: -2.35rem -1.18rem;
  }

  55.6% {
    background-position: -3.52rem -1.18rem;
  }

  59.3% {
    background-position: -0.01rem -2.35rem;
  }

  63.0% {
    background-position: -1.18rem -2.35rem;
  }

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

  70.4% {
    background-position: -3.52rem -2.35rem;
  }

  74.1% {
    background-position: -1.18rem -3.52rem;
  }

  77.8% {
    background-position: -2.35rem -3.52rem;
  }

  81.5% {
    background-position: -3.52rem -3.52rem;
  }

  85.2% {
    background-position: -0.01rem -4.69rem;
  }

  88.9% {
    background-position: -1.18rem -4.69rem;
  }

  92.6% {
    background-position: -2.35rem -4.69rem;
  }

  96.3% {
    background-position: -3.52rem -4.69rem;
  }
}

@keyframes keyframes_403_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  3.7% {
    background-position: -1.18rem -0.01rem;
  }

  7.4% {
    background-position: -0.01rem -3.52rem;
  }

  11.1% {
    background-position: -0.01rem -5.86rem;
  }

  14.8% {
    background-position: -1.18rem -5.86rem;
  }

  18.5% {
    background-position: -2.35rem -5.86rem;
  }

  22.2% {
    background-position: -3.52rem -5.86rem;
  }

  25.9% {
    background-position: -0.01rem -7.03rem;
  }

  29.6% {
    background-position: -1.18rem -7.03rem;
  }

  33.3% {
    background-position: -2.35rem -7.03rem;
  }

  37.0% {
    background-position: -2.35rem -0.01rem;
  }

  40.7% {
    background-position: -3.52rem -0.01rem;
  }

  44.4% {
    background-position: -0.01rem -1.18rem;
  }

  48.1% {
    background-position: -1.18rem -1.18rem;
  }

  51.9% {
    background-position: -2.35rem -1.18rem;
  }

  55.6% {
    background-position: -3.52rem -1.18rem;
  }

  59.3% {
    background-position: -0.01rem -2.35rem;
  }

  63.0% {
    background-position: -1.18rem -2.35rem;
  }

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

  70.4% {
    background-position: -3.52rem -2.35rem;
  }

  74.1% {
    background-position: -1.18rem -3.52rem;
  }

  77.8% {
    background-position: -2.35rem -3.52rem;
  }

  81.5% {
    background-position: -3.52rem -3.52rem;
  }

  85.2% {
    background-position: -0.01rem -4.69rem;
  }

  88.9% {
    background-position: -1.18rem -4.69rem;
  }

  92.6% {
    background-position: -2.35rem -4.69rem;
  }

  96.3% {
    background-position: -3.52rem -4.69rem;
  }
}

.jh-5 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/404_ea4becbf.jpg);
  background-size: 712.2% 101.7%;
}

@-webkit-keyframes keyframes_404_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  14.3% {
    background-position: -1.18rem -0.01rem;
  }

  28.6% {
    background-position: -2.35rem -0.01rem;
  }

  42.9% {
    background-position: -3.52rem -0.01rem;
  }

  57.1% {
    background-position: -4.69rem -0.01rem;
  }

  71.4% {
    background-position: -5.86rem -0.01rem;
  }

  85.7% {
    background-position: -7.03rem -0.01rem;
  }
}

@keyframes keyframes_404_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  14.3% {
    background-position: -1.18rem -0.01rem;
  }

  28.6% {
    background-position: -2.35rem -0.01rem;
  }

  42.9% {
    background-position: -3.52rem -0.01rem;
  }

  57.1% {
    background-position: -4.69rem -0.01rem;
  }

  71.4% {
    background-position: -5.86rem -0.01rem;
  }

  85.7% {
    background-position: -7.03rem -0.01rem;
  }
}

.jh-6 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/405_a80ff59c.png);
  background-size: 508.7% 203.5%;
}

@-webkit-keyframes keyframes_405_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  11.1% {
    background-position: -0.01rem -1.18rem;
  }

  22.2% {
    background-position: -1.18rem -0.01rem;
  }

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

  44.4% {
    background-position: -2.35rem -0.01rem;
  }

  55.6% {
    background-position: -2.35rem -1.18rem;
  }

  66.7% {
    background-position: -3.52rem -0.01rem;
  }

  77.8% {
    background-position: -3.52rem -1.18rem;
  }

  88.9% {
    background-position: -4.69rem -0.01rem;
  }
}

@keyframes keyframes_405_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  11.1% {
    background-position: -0.01rem -1.18rem;
  }

  22.2% {
    background-position: -1.18rem -0.01rem;
  }

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

  44.4% {
    background-position: -2.35rem -0.01rem;
  }

  55.6% {
    background-position: -2.35rem -1.18rem;
  }

  66.7% {
    background-position: -3.52rem -0.01rem;
  }

  77.8% {
    background-position: -3.52rem -1.18rem;
  }

  88.9% {
    background-position: -4.69rem -0.01rem;
  }
}

.jh-7 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/406_be754e66.png);
  background-size: 407% 712.2%;
}

@-webkit-keyframes keyframes_406_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  3.7% {
    background-position: -1.18rem -0.01rem;
  }

  7.4% {
    background-position: -0.01rem -3.52rem;
  }

  11.1% {
    background-position: -0.01rem -5.86rem;
  }

  14.8% {
    background-position: -1.18rem -5.86rem;
  }

  18.5% {
    background-position: -2.35rem -5.86rem;
  }

  22.2% {
    background-position: -3.52rem -5.86rem;
  }

  25.9% {
    background-position: -0.01rem -7.03rem;
  }

  29.6% {
    background-position: -1.18rem -7.03rem;
  }

  33.3% {
    background-position: -2.35rem -7.03rem;
  }

  37.0% {
    background-position: -2.35rem -0.01rem;
  }

  40.7% {
    background-position: -3.52rem -0.01rem;
  }

  44.4% {
    background-position: -0.01rem -1.18rem;
  }

  48.1% {
    background-position: -1.18rem -1.18rem;
  }

  51.9% {
    background-position: -2.35rem -1.18rem;
  }

  55.6% {
    background-position: -3.52rem -1.18rem;
  }

  59.3% {
    background-position: -0.01rem -2.35rem;
  }

  63.0% {
    background-position: -1.18rem -2.35rem;
  }

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

  70.4% {
    background-position: -3.52rem -2.35rem;
  }

  74.1% {
    background-position: -1.18rem -3.52rem;
  }

  77.8% {
    background-position: -2.35rem -3.52rem;
  }

  81.5% {
    background-position: -3.52rem -3.52rem;
  }

  85.2% {
    background-position: -0.01rem -4.69rem;
  }

  88.9% {
    background-position: -1.18rem -4.69rem;
  }

  92.6% {
    background-position: -2.35rem -4.69rem;
  }

  96.3% {
    background-position: -3.52rem -4.69rem;
  }
}

@keyframes keyframes_406_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  3.7% {
    background-position: -1.18rem -0.01rem;
  }

  7.4% {
    background-position: -0.01rem -3.52rem;
  }

  11.1% {
    background-position: -0.01rem -5.86rem;
  }

  14.8% {
    background-position: -1.18rem -5.86rem;
  }

  18.5% {
    background-position: -2.35rem -5.86rem;
  }

  22.2% {
    background-position: -3.52rem -5.86rem;
  }

  25.9% {
    background-position: -0.01rem -7.03rem;
  }

  29.6% {
    background-position: -1.18rem -7.03rem;
  }

  33.3% {
    background-position: -2.35rem -7.03rem;
  }

  37.0% {
    background-position: -2.35rem -0.01rem;
  }

  40.7% {
    background-position: -3.52rem -0.01rem;
  }

  44.4% {
    background-position: -0.01rem -1.18rem;
  }

  48.1% {
    background-position: -1.18rem -1.18rem;
  }

  51.9% {
    background-position: -2.35rem -1.18rem;
  }

  55.6% {
    background-position: -3.52rem -1.18rem;
  }

  59.3% {
    background-position: -0.01rem -2.35rem;
  }

  63.0% {
    background-position: -1.18rem -2.35rem;
  }

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

  70.4% {
    background-position: -3.52rem -2.35rem;
  }

  74.1% {
    background-position: -1.18rem -3.52rem;
  }

  77.8% {
    background-position: -2.35rem -3.52rem;
  }

  81.5% {
    background-position: -3.52rem -3.52rem;
  }

  85.2% {
    background-position: -0.01rem -4.69rem;
  }

  88.9% {
    background-position: -1.18rem -4.69rem;
  }

  92.6% {
    background-position: -2.35rem -4.69rem;
  }

  96.3% {
    background-position: -3.52rem -4.69rem;
  }
}

.jh-8 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/407_5336d8e2.png);
  background-size: 813.9% 305.2%;
}

@-webkit-keyframes keyframes_407_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  4.3% {
    background-position: -1.18rem -0.01rem;
  }

  8.7% {
    background-position: -4.69rem -1.18rem;
  }

  13.0% {
    background-position: -0.01rem -2.35rem;
  }

  17.4% {
    background-position: -1.18rem -2.35rem;
  }

  21.7% {
    background-position: -2.35rem -2.35rem;
  }

  26.1% {
    background-position: -3.52rem -2.35rem;
  }

  30.4% {
    background-position: -4.69rem -2.35rem;
  }

  34.8% {
    background-position: -5.86rem -2.35rem;
  }

  39.1% {
    background-position: -7.03rem -2.35rem;
  }

  43.5% {
    background-position: -2.35rem -0.01rem;
  }

  47.8% {
    background-position: -3.52rem -0.01rem;
  }

  52.2% {
    background-position: -4.69rem -0.01rem;
  }

  56.5% {
    background-position: -5.86rem -0.01rem;
  }

  60.9% {
    background-position: -7.03rem -0.01rem;
  }

  65.2% {
    background-position: -8.2rem -0.01rem;
  }

  69.6% {
    background-position: -0.01rem -1.18rem;
  }

  73.9% {
    background-position: -1.18rem -1.18rem;
  }

  78.3% {
    background-position: -2.35rem -1.18rem;
  }

  82.6% {
    background-position: -3.52rem -1.18rem;
  }

  87.0% {
    background-position: -5.86rem -1.18rem;
  }

  91.3% {
    background-position: -7.03rem -1.18rem;
  }

  95.7% {
    background-position: -8.2rem -1.18rem;
  }
}

@keyframes keyframes_407_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  4.3% {
    background-position: -1.18rem -0.01rem;
  }

  8.7% {
    background-position: -4.69rem -1.18rem;
  }

  13.0% {
    background-position: -0.01rem -2.35rem;
  }

  17.4% {
    background-position: -1.18rem -2.35rem;
  }

  21.7% {
    background-position: -2.35rem -2.35rem;
  }

  26.1% {
    background-position: -3.52rem -2.35rem;
  }

  30.4% {
    background-position: -4.69rem -2.35rem;
  }

  34.8% {
    background-position: -5.86rem -2.35rem;
  }

  39.1% {
    background-position: -7.03rem -2.35rem;
  }

  43.5% {
    background-position: -2.35rem -0.01rem;
  }

  47.8% {
    background-position: -3.52rem -0.01rem;
  }

  52.2% {
    background-position: -4.69rem -0.01rem;
  }

  56.5% {
    background-position: -5.86rem -0.01rem;
  }

  60.9% {
    background-position: -7.03rem -0.01rem;
  }

  65.2% {
    background-position: -8.2rem -0.01rem;
  }

  69.6% {
    background-position: -0.01rem -1.18rem;
  }

  73.9% {
    background-position: -1.18rem -1.18rem;
  }

  78.3% {
    background-position: -2.35rem -1.18rem;
  }

  82.6% {
    background-position: -3.52rem -1.18rem;
  }

  87.0% {
    background-position: -5.86rem -1.18rem;
  }

  91.3% {
    background-position: -7.03rem -1.18rem;
  }

  95.7% {
    background-position: -8.2rem -1.18rem;
  }
}

.jh-9 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/408_3f0f183b.jpg);
  background-size: 813.9% 203.5%;
}

@-webkit-keyframes keyframes_408_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  6.2% {
    background-position: -0.01rem -1.18rem;
  }

  12.5% {
    background-position: -4.69rem -0.01rem;
  }

  18.8% {
    background-position: -4.69rem -1.18rem;
  }

  25.0% {
    background-position: -5.86rem -0.01rem;
  }

  31.2% {
    background-position: -5.86rem -1.18rem;
  }

  37.5% {
    background-position: -7.03rem -0.01rem;
  }

  43.8% {
    background-position: -7.03rem -1.18rem;
  }

  50.0% {
    background-position: -8.2rem -0.01rem;
  }

  56.2% {
    background-position: -8.2rem -1.18rem;
  }

  62.5% {
    background-position: -1.18rem -0.01rem;
  }

  68.8% {
    background-position: -1.18rem -1.18rem;
  }

  75.0% {
    background-position: -2.35rem -0.01rem;
  }

  81.2% {
    background-position: -2.35rem -1.18rem;
  }

  87.5% {
    background-position: -3.52rem -0.01rem;
  }

  93.8% {
    background-position: -3.52rem -1.18rem;
  }
}

@keyframes keyframes_408_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  6.2% {
    background-position: -0.01rem -1.18rem;
  }

  12.5% {
    background-position: -4.69rem -0.01rem;
  }

  18.8% {
    background-position: -4.69rem -1.18rem;
  }

  25.0% {
    background-position: -5.86rem -0.01rem;
  }

  31.2% {
    background-position: -5.86rem -1.18rem;
  }

  37.5% {
    background-position: -7.03rem -0.01rem;
  }

  43.8% {
    background-position: -7.03rem -1.18rem;
  }

  50.0% {
    background-position: -8.2rem -0.01rem;
  }

  56.2% {
    background-position: -8.2rem -1.18rem;
  }

  62.5% {
    background-position: -1.18rem -0.01rem;
  }

  68.8% {
    background-position: -1.18rem -1.18rem;
  }

  75.0% {
    background-position: -2.35rem -0.01rem;
  }

  81.2% {
    background-position: -2.35rem -1.18rem;
  }

  87.5% {
    background-position: -3.52rem -0.01rem;
  }

  93.8% {
    background-position: -3.52rem -1.18rem;
  }
}

.jh-10 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/409_9fdd8ce2.jpg);
  background-size: 508.7% 407%;
}

@-webkit-keyframes keyframes_409_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  5.0% {
    background-position: -0.01rem -1.18rem;
  }

  10.0% {
    background-position: -3.52rem -0.01rem;
  }

  15.0% {
    background-position: -3.52rem -1.18rem;
  }

  20.0% {
    background-position: -3.52rem -2.35rem;
  }

  25.0% {
    background-position: -3.52rem -3.52rem;
  }

  30.0% {
    background-position: -4.69rem -0.01rem;
  }

  35.0% {
    background-position: -4.69rem -1.18rem;
  }

  40.0% {
    background-position: -4.69rem -2.35rem;
  }

  45.0% {
    background-position: -4.69rem -3.52rem;
  }

  50.0% {
    background-position: -0.01rem -2.35rem;
  }

  55.0% {
    background-position: -0.01rem -3.52rem;
  }

  60.0% {
    background-position: -1.18rem -0.01rem;
  }

  65.0% {
    background-position: -1.18rem -1.18rem;
  }

  70.0% {
    background-position: -1.18rem -2.35rem;
  }

  75.0% {
    background-position: -1.18rem -3.52rem;
  }

  80.0% {
    background-position: -2.35rem -0.01rem;
  }

  85.0% {
    background-position: -2.35rem -1.18rem;
  }

  90.0% {
    background-position: -2.35rem -2.35rem;
  }

  95.0% {
    background-position: -2.35rem -3.52rem;
  }
}

@keyframes keyframes_409_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  5.0% {
    background-position: -0.01rem -1.18rem;
  }

  10.0% {
    background-position: -3.52rem -0.01rem;
  }

  15.0% {
    background-position: -3.52rem -1.18rem;
  }

  20.0% {
    background-position: -3.52rem -2.35rem;
  }

  25.0% {
    background-position: -3.52rem -3.52rem;
  }

  30.0% {
    background-position: -4.69rem -0.01rem;
  }

  35.0% {
    background-position: -4.69rem -1.18rem;
  }

  40.0% {
    background-position: -4.69rem -2.35rem;
  }

  45.0% {
    background-position: -4.69rem -3.52rem;
  }

  50.0% {
    background-position: -0.01rem -2.35rem;
  }

  55.0% {
    background-position: -0.01rem -3.52rem;
  }

  60.0% {
    background-position: -1.18rem -0.01rem;
  }

  65.0% {
    background-position: -1.18rem -1.18rem;
  }

  70.0% {
    background-position: -1.18rem -2.35rem;
  }

  75.0% {
    background-position: -1.18rem -3.52rem;
  }

  80.0% {
    background-position: -2.35rem -0.01rem;
  }

  85.0% {
    background-position: -2.35rem -1.18rem;
  }

  90.0% {
    background-position: -2.35rem -2.35rem;
  }

  95.0% {
    background-position: -2.35rem -3.52rem;
  }
}

.jh-11 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/410_ce46d31f.jpg);
  background-size: 712.2% 203.5%;
}

@-webkit-keyframes keyframes_410_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  7.1% {
    background-position: -0.01rem -1.18rem;
  }

  14.3% {
    background-position: -3.52rem -0.01rem;
  }

  21.4% {
    background-position: -3.52rem -1.18rem;
  }

  28.6% {
    background-position: -4.69rem -0.01rem;
  }

  35.7% {
    background-position: -4.69rem -1.18rem;
  }

  42.9% {
    background-position: -5.86rem -0.01rem;
  }

  50.0% {
    background-position: -5.86rem -1.18rem;
  }

  57.1% {
    background-position: -7.03rem -0.01rem;
  }

  64.3% {
    background-position: -7.03rem -1.18rem;
  }

  71.4% {
    background-position: -1.18rem -0.01rem;
  }

  78.6% {
    background-position: -1.18rem -1.18rem;
  }

  85.7% {
    background-position: -2.35rem -0.01rem;
  }

  92.9% {
    background-position: -2.35rem -1.18rem;
  }
}

@keyframes keyframes_410_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  7.1% {
    background-position: -0.01rem -1.18rem;
  }

  14.3% {
    background-position: -3.52rem -0.01rem;
  }

  21.4% {
    background-position: -3.52rem -1.18rem;
  }

  28.6% {
    background-position: -4.69rem -0.01rem;
  }

  35.7% {
    background-position: -4.69rem -1.18rem;
  }

  42.9% {
    background-position: -5.86rem -0.01rem;
  }

  50.0% {
    background-position: -5.86rem -1.18rem;
  }

  57.1% {
    background-position: -7.03rem -0.01rem;
  }

  64.3% {
    background-position: -7.03rem -1.18rem;
  }

  71.4% {
    background-position: -1.18rem -0.01rem;
  }

  78.6% {
    background-position: -1.18rem -1.18rem;
  }

  85.7% {
    background-position: -2.35rem -0.01rem;
  }

  92.9% {
    background-position: -2.35rem -1.18rem;
  }
}

.jh-12 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/411_363fe649.png);
  background-size: 610.4% 203.5%;
}

@-webkit-keyframes keyframes_411_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  9.1% {
    background-position: -0.01rem -1.18rem;
  }

  18.2% {
    background-position: -1.18rem -1.18rem;
  }

  27.3% {
    background-position: -2.35rem -0.01rem;
  }

  36.4% {
    background-position: -2.35rem -1.18rem;
  }

  45.5% {
    background-position: -3.52rem -0.01rem;
  }

  54.5% {
    background-position: -3.52rem -1.18rem;
  }

  63.6% {
    background-position: -4.69rem -0.01rem;
  }

  72.7% {
    background-position: -4.69rem -1.18rem;
  }

  81.8% {
    background-position: -5.86rem -0.01rem;
  }

  90.9% {
    background-position: -1.18rem -0.01rem;
  }
}

@keyframes keyframes_411_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  9.1% {
    background-position: -0.01rem -1.18rem;
  }

  18.2% {
    background-position: -1.18rem -1.18rem;
  }

  27.3% {
    background-position: -2.35rem -0.01rem;
  }

  36.4% {
    background-position: -2.35rem -1.18rem;
  }

  45.5% {
    background-position: -3.52rem -0.01rem;
  }

  54.5% {
    background-position: -3.52rem -1.18rem;
  }

  63.6% {
    background-position: -4.69rem -0.01rem;
  }

  72.7% {
    background-position: -4.69rem -1.18rem;
  }

  81.8% {
    background-position: -5.86rem -0.01rem;
  }

  90.9% {
    background-position: -1.18rem -0.01rem;
  }
}

.jh-13 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/412_7cc5e059.jpg);
  background-size: 813.9% 203.5%;
}

@-webkit-keyframes keyframes_412_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  6.2% {
    background-position: -0.01rem -1.18rem;
  }

  12.5% {
    background-position: -4.69rem -0.01rem;
  }

  18.8% {
    background-position: -4.69rem -1.18rem;
  }

  25.0% {
    background-position: -5.86rem -0.01rem;
  }

  31.2% {
    background-position: -5.86rem -1.18rem;
  }

  37.5% {
    background-position: -7.03rem -0.01rem;
  }

  43.8% {
    background-position: -7.03rem -1.18rem;
  }

  50.0% {
    background-position: -8.2rem -0.01rem;
  }

  56.2% {
    background-position: -8.2rem -1.18rem;
  }

  62.5% {
    background-position: -1.18rem -0.01rem;
  }

  68.8% {
    background-position: -1.18rem -1.18rem;
  }

  75.0% {
    background-position: -2.35rem -0.01rem;
  }

  81.2% {
    background-position: -2.35rem -1.18rem;
  }

  87.5% {
    background-position: -3.52rem -0.01rem;
  }

  93.8% {
    background-position: -3.52rem -1.18rem;
  }
}

@keyframes keyframes_412_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  6.2% {
    background-position: -0.01rem -1.18rem;
  }

  12.5% {
    background-position: -4.69rem -0.01rem;
  }

  18.8% {
    background-position: -4.69rem -1.18rem;
  }

  25.0% {
    background-position: -5.86rem -0.01rem;
  }

  31.2% {
    background-position: -5.86rem -1.18rem;
  }

  37.5% {
    background-position: -7.03rem -0.01rem;
  }

  43.8% {
    background-position: -7.03rem -1.18rem;
  }

  50.0% {
    background-position: -8.2rem -0.01rem;
  }

  56.2% {
    background-position: -8.2rem -1.18rem;
  }

  62.5% {
    background-position: -1.18rem -0.01rem;
  }

  68.8% {
    background-position: -1.18rem -1.18rem;
  }

  75.0% {
    background-position: -2.35rem -0.01rem;
  }

  81.2% {
    background-position: -2.35rem -1.18rem;
  }

  87.5% {
    background-position: -3.52rem -0.01rem;
  }

  93.8% {
    background-position: -3.52rem -1.18rem;
  }
}

.jh-14 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/413_3522e325.jpg);
  background-size: 610.4% 203.5%;
}

@-webkit-keyframes keyframes_413_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  8.3% {
    background-position: -0.01rem -1.18rem;
  }

  16.7% {
    background-position: -2.35rem -0.01rem;
  }

  25.0% {
    background-position: -2.35rem -1.18rem;
  }

  33.3% {
    background-position: -3.52rem -0.01rem;
  }

  41.7% {
    background-position: -3.52rem -1.18rem;
  }

  50.0% {
    background-position: -4.69rem -0.01rem;
  }

  58.3% {
    background-position: -4.69rem -1.18rem;
  }

  66.7% {
    background-position: -5.86rem -0.01rem;
  }

  75.0% {
    background-position: -5.86rem -1.18rem;
  }

  83.3% {
    background-position: -1.18rem -0.01rem;
  }

  91.7% {
    background-position: -1.18rem -1.18rem;
  }
}

@keyframes keyframes_413_png {
  0.0% {
    background-position: -0.01rem -0.01rem;
  }

  8.3% {
    background-position: -0.01rem -1.18rem;
  }

  16.7% {
    background-position: -2.35rem -0.01rem;
  }

  25.0% {
    background-position: -2.35rem -1.18rem;
  }

  33.3% {
    background-position: -3.52rem -0.01rem;
  }

  41.7% {
    background-position: -3.52rem -1.18rem;
  }

  50.0% {
    background-position: -4.69rem -0.01rem;
  }

  58.3% {
    background-position: -4.69rem -1.18rem;
  }

  66.7% {
    background-position: -5.86rem -0.01rem;
  }

  75.0% {
    background-position: -5.86rem -1.18rem;
  }

  83.3% {
    background-position: -1.18rem -0.01rem;
  }

  91.7% {
    background-position: -1.18rem -1.18rem;
  }
}

.jh-15 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/414_453dba91.png);
  background-size: 400% 700%;
}

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

  3.7% {
    background-position: -1.15rem 0;
  }

  7.4% {
    background-position: -2.3rem 0;
  }

  11.1% {
    background-position: -3.45rem 0;
  }

  14.8% {
    background-position: 0 -1.15rem;
  }

  18.5% {
    background-position: -1.15rem -1.15rem;
  }

  22.2% {
    background-position: -2.3rem -1.15rem;
  }

  25.9% {
    background-position: -3.45rem -1.15rem;
  }

  29.6% {
    background-position: 0 -2.3rem;
  }

  33.3% {
    background-position: -1.15rem -2.3rem;
  }

  37.0% {
    background-position: -2.3rem -2.3rem;
  }

  40.7% {
    background-position: -3.45rem -2.3rem;
  }

  44.4% {
    background-position: 0 -3.45rem;
  }

  48.1% {
    background-position: -1.15rem -3.45rem;
  }

  51.9% {
    background-position: -2.3rem -3.45rem;
  }

  55.6% {
    background-position: -3.45rem -3.45rem;
  }

  59.3% {
    background-position: 0 -4.6rem;
  }

  63.0% {
    background-position: -1.15rem -4.6rem;
  }

  66.7% {
    background-position: -2.3rem -4.6rem;
  }

  70.4% {
    background-position: -3.45rem -4.6rem;
  }

  74.1% {
    background-position: 0 -5.75rem;
  }

  77.8% {
    background-position: -1.15rem -5.75rem;
  }

  81.5% {
    background-position: -2.3rem -5.75rem;
  }

  85.2% {
    background-position: -3.45rem -5.75rem;
  }

  88.9% {
    background-position: 0 -6.9rem;
  }

  92.6% {
    background-position: -1.15rem -6.9rem;
  }

  96.3% {
    background-position: -2.3rem -6.9rem;
  }
}

@keyframes keyframes_414_png {
  0.0% {
    background-position: 0 0;
  }

  3.7% {
    background-position: -1.15rem 0;
  }

  7.4% {
    background-position: -2.3rem 0;
  }

  11.1% {
    background-position: -3.45rem 0;
  }

  14.8% {
    background-position: 0 -1.15rem;
  }

  18.5% {
    background-position: -1.15rem -1.15rem;
  }

  22.2% {
    background-position: -2.3rem -1.15rem;
  }

  25.9% {
    background-position: -3.45rem -1.15rem;
  }

  29.6% {
    background-position: 0 -2.3rem;
  }

  33.3% {
    background-position: -1.15rem -2.3rem;
  }

  37.0% {
    background-position: -2.3rem -2.3rem;
  }

  40.7% {
    background-position: -3.45rem -2.3rem;
  }

  44.4% {
    background-position: 0 -3.45rem;
  }

  48.1% {
    background-position: -1.15rem -3.45rem;
  }

  51.9% {
    background-position: -2.3rem -3.45rem;
  }

  55.6% {
    background-position: -3.45rem -3.45rem;
  }

  59.3% {
    background-position: 0 -4.6rem;
  }

  63.0% {
    background-position: -1.15rem -4.6rem;
  }

  66.7% {
    background-position: -2.3rem -4.6rem;
  }

  70.4% {
    background-position: -3.45rem -4.6rem;
  }

  74.1% {
    background-position: 0 -5.75rem;
  }

  77.8% {
    background-position: -1.15rem -5.75rem;
  }

  81.5% {
    background-position: -2.3rem -5.75rem;
  }

  85.2% {
    background-position: -3.45rem -5.75rem;
  }

  88.9% {
    background-position: 0 -6.9rem;
  }

  92.6% {
    background-position: -1.15rem -6.9rem;
  }

  96.3% {
    background-position: -2.3rem -6.9rem;
  }
}

.jh-16 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/415_7091e837.png);
  background-size: 800% 500%;
}

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

  2.8% {
    background-position: -1.15rem 0;
  }

  5.6% {
    background-position: -2.3rem 0;
  }

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

  11.1% {
    background-position: -4.6rem 0;
  }

  13.9% {
    background-position: -5.75rem 0;
  }

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

  19.4% {
    background-position: -8.05rem 0;
  }

  22.2% {
    background-position: 0 -1.15rem;
  }

  25.0% {
    background-position: -1.15rem -1.15rem;
  }

  27.8% {
    background-position: -2.3rem -1.15rem;
  }

  30.6% {
    background-position: -3.45rem -1.15rem;
  }

  33.3% {
    background-position: -4.6rem -1.15rem;
  }

  36.1% {
    background-position: -5.75rem -1.15rem;
  }

  38.9% {
    background-position: -6.9rem -1.15rem;
  }

  41.7% {
    background-position: -8.05rem -1.15rem;
  }

  44.4% {
    background-position: 0 -2.3rem;
  }

  47.2% {
    background-position: -1.15rem -2.3rem;
  }

  50.0% {
    background-position: -2.3rem -2.3rem;
  }

  52.8% {
    background-position: -3.45rem -2.3rem;
  }

  55.6% {
    background-position: -4.6rem -2.3rem;
  }

  58.3% {
    background-position: -5.75rem -2.3rem;
  }

  61.1% {
    background-position: -6.9rem -2.3rem;
  }

  63.9% {
    background-position: -8.05rem -2.3rem;
  }

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

  69.4% {
    background-position: -1.15rem -3.45rem;
  }

  72.2% {
    background-position: -2.3rem -3.45rem;
  }

  75.0% {
    background-position: -3.45rem -3.45rem;
  }

  77.8% {
    background-position: -4.6rem -3.45rem;
  }

  80.6% {
    background-position: -5.75rem -3.45rem;
  }

  83.3% {
    background-position: -6.9rem -3.45rem;
  }

  86.1% {
    background-position: -8.05rem -3.45rem;
  }

  88.9% {
    background-position: 0 -4.6rem;
  }

  91.7% {
    background-position: -1.15rem -4.6rem;
  }

  94.4% {
    background-position: -2.3rem -4.6rem;
  }

  97.2% {
    background-position: -3.45rem -4.6rem;
  }
}

@keyframes keyframes_415_png {
  0.0% {
    background-position: 0 0;
  }

  2.8% {
    background-position: -1.15rem 0;
  }

  5.6% {
    background-position: -2.3rem 0;
  }

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

  11.1% {
    background-position: -4.6rem 0;
  }

  13.9% {
    background-position: -5.75rem 0;
  }

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

  19.4% {
    background-position: -8.05rem 0;
  }

  22.2% {
    background-position: 0 -1.15rem;
  }

  25.0% {
    background-position: -1.15rem -1.15rem;
  }

  27.8% {
    background-position: -2.3rem -1.15rem;
  }

  30.6% {
    background-position: -3.45rem -1.15rem;
  }

  33.3% {
    background-position: -4.6rem -1.15rem;
  }

  36.1% {
    background-position: -5.75rem -1.15rem;
  }

  38.9% {
    background-position: -6.9rem -1.15rem;
  }

  41.7% {
    background-position: -8.05rem -1.15rem;
  }

  44.4% {
    background-position: 0 -2.3rem;
  }

  47.2% {
    background-position: -1.15rem -2.3rem;
  }

  50.0% {
    background-position: -2.3rem -2.3rem;
  }

  52.8% {
    background-position: -3.45rem -2.3rem;
  }

  55.6% {
    background-position: -4.6rem -2.3rem;
  }

  58.3% {
    background-position: -5.75rem -2.3rem;
  }

  61.1% {
    background-position: -6.9rem -2.3rem;
  }

  63.9% {
    background-position: -8.05rem -2.3rem;
  }

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

  69.4% {
    background-position: -1.15rem -3.45rem;
  }

  72.2% {
    background-position: -2.3rem -3.45rem;
  }

  75.0% {
    background-position: -3.45rem -3.45rem;
  }

  77.8% {
    background-position: -4.6rem -3.45rem;
  }

  80.6% {
    background-position: -5.75rem -3.45rem;
  }

  83.3% {
    background-position: -6.9rem -3.45rem;
  }

  86.1% {
    background-position: -8.05rem -3.45rem;
  }

  88.9% {
    background-position: 0 -4.6rem;
  }

  91.7% {
    background-position: -1.15rem -4.6rem;
  }

  94.4% {
    background-position: -2.3rem -4.6rem;
  }

  97.2% {
    background-position: -3.45rem -4.6rem;
  }
}

.jh-17 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/416_57a66008.png);
  background-size: 800% 300%;
}

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

  4.3% {
    background-position: -1.15rem 0;
  }

  8.7% {
    background-position: -2.3rem 0;
  }

  13.0% {
    background-position: -3.45rem 0;
  }

  17.4% {
    background-position: -4.6rem 0;
  }

  21.7% {
    background-position: -5.75rem 0;
  }

  26.1% {
    background-position: -6.9rem 0;
  }

  30.4% {
    background-position: -8.05rem 0;
  }

  34.8% {
    background-position: 0 -1.15rem;
  }

  39.1% {
    background-position: -1.15rem -1.15rem;
  }

  43.5% {
    background-position: -2.3rem -1.15rem;
  }

  47.8% {
    background-position: -3.45rem -1.15rem;
  }

  52.2% {
    background-position: -4.6rem -1.15rem;
  }

  56.5% {
    background-position: -5.75rem -1.15rem;
  }

  60.9% {
    background-position: -6.9rem -1.15rem;
  }

  65.2% {
    background-position: -8.05rem -1.15rem;
  }

  69.6% {
    background-position: 0 -2.3rem;
  }

  73.9% {
    background-position: -1.15rem -2.3rem;
  }

  78.3% {
    background-position: -2.3rem -2.3rem;
  }

  82.6% {
    background-position: -3.45rem -2.3rem;
  }

  87.0% {
    background-position: -4.6rem -2.3rem;
  }

  91.3% {
    background-position: -5.75rem -2.3rem;
  }

  95.7% {
    background-position: -6.9rem -2.3rem;
  }
}

@keyframes keyframes_416_png {
  0.0% {
    background-position: 0 0;
  }

  4.3% {
    background-position: -1.15rem 0;
  }

  8.7% {
    background-position: -2.3rem 0;
  }

  13.0% {
    background-position: -3.45rem 0;
  }

  17.4% {
    background-position: -4.6rem 0;
  }

  21.7% {
    background-position: -5.75rem 0;
  }

  26.1% {
    background-position: -6.9rem 0;
  }

  30.4% {
    background-position: -8.05rem 0;
  }

  34.8% {
    background-position: 0 -1.15rem;
  }

  39.1% {
    background-position: -1.15rem -1.15rem;
  }

  43.5% {
    background-position: -2.3rem -1.15rem;
  }

  47.8% {
    background-position: -3.45rem -1.15rem;
  }

  52.2% {
    background-position: -4.6rem -1.15rem;
  }

  56.5% {
    background-position: -5.75rem -1.15rem;
  }

  60.9% {
    background-position: -6.9rem -1.15rem;
  }

  65.2% {
    background-position: -8.05rem -1.15rem;
  }

  69.6% {
    background-position: 0 -2.3rem;
  }

  73.9% {
    background-position: -1.15rem -2.3rem;
  }

  78.3% {
    background-position: -2.3rem -2.3rem;
  }

  82.6% {
    background-position: -3.45rem -2.3rem;
  }

  87.0% {
    background-position: -4.6rem -2.3rem;
  }

  91.3% {
    background-position: -5.75rem -2.3rem;
  }

  95.7% {
    background-position: -6.9rem -2.3rem;
  }
}

.jh-18 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/417_cff9d37e.jpg);
  background-size: 200% 600%;
}

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

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

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

  25.0% {
    background-position: -1.15rem -1.15rem;
  }

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

  41.7% {
    background-position: -1.15rem -2.3rem;
  }

  50.0% {
    background-position: 0 -3.45rem;
  }

  58.3% {
    background-position: -1.15rem -3.45rem;
  }

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

  75.0% {
    background-position: -1.15rem -4.6rem;
  }

  83.3% {
    background-position: 0 -5.75rem;
  }

  91.7% {
    background-position: -1.15rem -5.75rem;
  }
}

@keyframes keyframes_417_png {
  0.0% {
    background-position: 0 0;
  }

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

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

  25.0% {
    background-position: -1.15rem -1.15rem;
  }

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

  41.7% {
    background-position: -1.15rem -2.3rem;
  }

  50.0% {
    background-position: 0 -3.45rem;
  }

  58.3% {
    background-position: -1.15rem -3.45rem;
  }

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

  75.0% {
    background-position: -1.15rem -4.6rem;
  }

  83.3% {
    background-position: 0 -5.75rem;
  }

  91.7% {
    background-position: -1.15rem -5.75rem;
  }
}

.jh-19 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/418_b48f63b2.jpg);
  background-size: 800% 200%;
}

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

  6.2% {
    background-position: -1.15rem 0;
  }

  12.5% {
    background-position: -2.3rem 0;
  }

  18.8% {
    background-position: -3.45rem 0;
  }

  25.0% {
    background-position: -4.6rem 0;
  }

  31.2% {
    background-position: -5.75rem 0;
  }

  37.5% {
    background-position: -6.9rem 0;
  }

  43.8% {
    background-position: -8.05rem 0;
  }

  50.0% {
    background-position: 0 -1.15rem;
  }

  56.2% {
    background-position: -1.15rem -1.15rem;
  }

  62.5% {
    background-position: -2.3rem -1.15rem;
  }

  68.8% {
    background-position: -3.45rem -1.15rem;
  }

  75.0% {
    background-position: -4.6rem -1.15rem;
  }

  81.2% {
    background-position: -5.75rem -1.15rem;
  }

  87.5% {
    background-position: -6.9rem -1.15rem;
  }

  93.8% {
    background-position: -8.05rem -1.15rem;
  }
}

@keyframes keyframes_418_png {
  0.0% {
    background-position: 0 0;
  }

  6.2% {
    background-position: -1.15rem 0;
  }

  12.5% {
    background-position: -2.3rem 0;
  }

  18.8% {
    background-position: -3.45rem 0;
  }

  25.0% {
    background-position: -4.6rem 0;
  }

  31.2% {
    background-position: -5.75rem 0;
  }

  37.5% {
    background-position: -6.9rem 0;
  }

  43.8% {
    background-position: -8.05rem 0;
  }

  50.0% {
    background-position: 0 -1.15rem;
  }

  56.2% {
    background-position: -1.15rem -1.15rem;
  }

  62.5% {
    background-position: -2.3rem -1.15rem;
  }

  68.8% {
    background-position: -3.45rem -1.15rem;
  }

  75.0% {
    background-position: -4.6rem -1.15rem;
  }

  81.2% {
    background-position: -5.75rem -1.15rem;
  }

  87.5% {
    background-position: -6.9rem -1.15rem;
  }

  93.8% {
    background-position: -8.05rem -1.15rem;
  }
}

.jh-20 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/419_8d388ade.png);
  background-size: 800% 500%;
}

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

  2.8% {
    background-position: -1.15rem 0;
  }

  5.6% {
    background-position: -2.3rem 0;
  }

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

  11.1% {
    background-position: -4.6rem 0;
  }

  13.9% {
    background-position: -5.75rem 0;
  }

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

  19.4% {
    background-position: -8.05rem 0;
  }

  22.2% {
    background-position: 0 -1.15rem;
  }

  25.0% {
    background-position: -1.15rem -1.15rem;
  }

  27.8% {
    background-position: -2.3rem -1.15rem;
  }

  30.6% {
    background-position: -3.45rem -1.15rem;
  }

  33.3% {
    background-position: -4.6rem -1.15rem;
  }

  36.1% {
    background-position: -5.75rem -1.15rem;
  }

  38.9% {
    background-position: -6.9rem -1.15rem;
  }

  41.7% {
    background-position: -8.05rem -1.15rem;
  }

  44.4% {
    background-position: 0 -2.3rem;
  }

  47.2% {
    background-position: -1.15rem -2.3rem;
  }

  50.0% {
    background-position: -2.3rem -2.3rem;
  }

  52.8% {
    background-position: -3.45rem -2.3rem;
  }

  55.6% {
    background-position: -4.6rem -2.3rem;
  }

  58.3% {
    background-position: -5.75rem -2.3rem;
  }

  61.1% {
    background-position: -6.9rem -2.3rem;
  }

  63.9% {
    background-position: -8.05rem -2.3rem;
  }

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

  69.4% {
    background-position: -1.15rem -3.45rem;
  }

  72.2% {
    background-position: -2.3rem -3.45rem;
  }

  75.0% {
    background-position: -3.45rem -3.45rem;
  }

  77.8% {
    background-position: -4.6rem -3.45rem;
  }

  80.6% {
    background-position: -5.75rem -3.45rem;
  }

  83.3% {
    background-position: -6.9rem -3.45rem;
  }

  86.1% {
    background-position: -8.05rem -3.45rem;
  }

  88.9% {
    background-position: 0 -4.6rem;
  }

  91.7% {
    background-position: -1.15rem -4.6rem;
  }

  94.4% {
    background-position: -2.3rem -4.6rem;
  }

  97.2% {
    background-position: -3.45rem -4.6rem;
  }
}

@keyframes keyframes_419_png {
  0.0% {
    background-position: 0 0;
  }

  2.8% {
    background-position: -1.15rem 0;
  }

  5.6% {
    background-position: -2.3rem 0;
  }

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

  11.1% {
    background-position: -4.6rem 0;
  }

  13.9% {
    background-position: -5.75rem 0;
  }

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

  19.4% {
    background-position: -8.05rem 0;
  }

  22.2% {
    background-position: 0 -1.15rem;
  }

  25.0% {
    background-position: -1.15rem -1.15rem;
  }

  27.8% {
    background-position: -2.3rem -1.15rem;
  }

  30.6% {
    background-position: -3.45rem -1.15rem;
  }

  33.3% {
    background-position: -4.6rem -1.15rem;
  }

  36.1% {
    background-position: -5.75rem -1.15rem;
  }

  38.9% {
    background-position: -6.9rem -1.15rem;
  }

  41.7% {
    background-position: -8.05rem -1.15rem;
  }

  44.4% {
    background-position: 0 -2.3rem;
  }

  47.2% {
    background-position: -1.15rem -2.3rem;
  }

  50.0% {
    background-position: -2.3rem -2.3rem;
  }

  52.8% {
    background-position: -3.45rem -2.3rem;
  }

  55.6% {
    background-position: -4.6rem -2.3rem;
  }

  58.3% {
    background-position: -5.75rem -2.3rem;
  }

  61.1% {
    background-position: -6.9rem -2.3rem;
  }

  63.9% {
    background-position: -8.05rem -2.3rem;
  }

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

  69.4% {
    background-position: -1.15rem -3.45rem;
  }

  72.2% {
    background-position: -2.3rem -3.45rem;
  }

  75.0% {
    background-position: -3.45rem -3.45rem;
  }

  77.8% {
    background-position: -4.6rem -3.45rem;
  }

  80.6% {
    background-position: -5.75rem -3.45rem;
  }

  83.3% {
    background-position: -6.9rem -3.45rem;
  }

  86.1% {
    background-position: -8.05rem -3.45rem;
  }

  88.9% {
    background-position: 0 -4.6rem;
  }

  91.7% {
    background-position: -1.15rem -4.6rem;
  }

  94.4% {
    background-position: -2.3rem -4.6rem;
  }

  97.2% {
    background-position: -3.45rem -4.6rem;
  }
}

.jh-21 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/420_20ae7e18.jpg);
  background-size: 400% 700%;
}

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

  3.6% {
    background-position: -1.15rem 0;
  }

  7.1% {
    background-position: -2.3rem 0;
  }

  10.7% {
    background-position: -3.45rem 0;
  }

  14.3% {
    background-position: 0 -1.15rem;
  }

  17.9% {
    background-position: -1.15rem -1.15rem;
  }

  21.4% {
    background-position: -2.3rem -1.15rem;
  }

  25.0% {
    background-position: -3.45rem -1.15rem;
  }

  28.6% {
    background-position: 0 -2.3rem;
  }

  32.1% {
    background-position: -1.15rem -2.3rem;
  }

  35.7% {
    background-position: -2.3rem -2.3rem;
  }

  39.3% {
    background-position: -3.45rem -2.3rem;
  }

  42.9% {
    background-position: 0 -3.45rem;
  }

  46.4% {
    background-position: -1.15rem -3.45rem;
  }

  50.0% {
    background-position: -2.3rem -3.45rem;
  }

  53.6% {
    background-position: -3.45rem -3.45rem;
  }

  57.1% {
    background-position: 0 -4.6rem;
  }

  60.7% {
    background-position: -1.15rem -4.6rem;
  }

  64.3% {
    background-position: -2.3rem -4.6rem;
  }

  67.9% {
    background-position: -3.45rem -4.6rem;
  }

  71.4% {
    background-position: 0 -5.75rem;
  }

  75.0% {
    background-position: -1.15rem -5.75rem;
  }

  78.6% {
    background-position: -2.3rem -5.75rem;
  }

  82.1% {
    background-position: -3.45rem -5.75rem;
  }

  85.7% {
    background-position: 0 -6.9rem;
  }

  89.3% {
    background-position: -1.15rem -6.9rem;
  }

  92.9% {
    background-position: -2.3rem -6.9rem;
  }

  96.4% {
    background-position: -3.45rem -6.9rem;
  }
}

@keyframes keyframes_420_png {
  0.0% {
    background-position: 0 0;
  }

  3.6% {
    background-position: -1.15rem 0;
  }

  7.1% {
    background-position: -2.3rem 0;
  }

  10.7% {
    background-position: -3.45rem 0;
  }

  14.3% {
    background-position: 0 -1.15rem;
  }

  17.9% {
    background-position: -1.15rem -1.15rem;
  }

  21.4% {
    background-position: -2.3rem -1.15rem;
  }

  25.0% {
    background-position: -3.45rem -1.15rem;
  }

  28.6% {
    background-position: 0 -2.3rem;
  }

  32.1% {
    background-position: -1.15rem -2.3rem;
  }

  35.7% {
    background-position: -2.3rem -2.3rem;
  }

  39.3% {
    background-position: -3.45rem -2.3rem;
  }

  42.9% {
    background-position: 0 -3.45rem;
  }

  46.4% {
    background-position: -1.15rem -3.45rem;
  }

  50.0% {
    background-position: -2.3rem -3.45rem;
  }

  53.6% {
    background-position: -3.45rem -3.45rem;
  }

  57.1% {
    background-position: 0 -4.6rem;
  }

  60.7% {
    background-position: -1.15rem -4.6rem;
  }

  64.3% {
    background-position: -2.3rem -4.6rem;
  }

  67.9% {
    background-position: -3.45rem -4.6rem;
  }

  71.4% {
    background-position: 0 -5.75rem;
  }

  75.0% {
    background-position: -1.15rem -5.75rem;
  }

  78.6% {
    background-position: -2.3rem -5.75rem;
  }

  82.1% {
    background-position: -3.45rem -5.75rem;
  }

  85.7% {
    background-position: 0 -6.9rem;
  }

  89.3% {
    background-position: -1.15rem -6.9rem;
  }

  92.9% {
    background-position: -2.3rem -6.9rem;
  }

  96.4% {
    background-position: -3.45rem -6.9rem;
  }
}

.jh-22 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/421_4a59c7ef.png);
  background-size: 400% 500%;
}

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

  5.9% {
    background-position: -1.15rem 0;
  }

  11.8% {
    background-position: -2.3rem 0;
  }

  17.6% {
    background-position: -3.45rem 0;
  }

  23.5% {
    background-position: 0 -1.15rem;
  }

  29.4% {
    background-position: -1.15rem -1.15rem;
  }

  35.3% {
    background-position: -2.3rem -1.15rem;
  }

  41.2% {
    background-position: -3.45rem -1.15rem;
  }

  47.1% {
    background-position: 0 -2.3rem;
  }

  52.9% {
    background-position: -1.15rem -2.3rem;
  }

  58.8% {
    background-position: -2.3rem -2.3rem;
  }

  64.7% {
    background-position: -3.45rem -2.3rem;
  }

  70.6% {
    background-position: 0 -3.45rem;
  }

  76.5% {
    background-position: -1.15rem -3.45rem;
  }

  82.4% {
    background-position: -2.3rem -3.45rem;
  }

  88.2% {
    background-position: -3.45rem -3.45rem;
  }

  94.1% {
    background-position: 0 -4.6rem;
  }
}

@keyframes keyframes_421_png {
  0.0% {
    background-position: 0 0;
  }

  5.9% {
    background-position: -1.15rem 0;
  }

  11.8% {
    background-position: -2.3rem 0;
  }

  17.6% {
    background-position: -3.45rem 0;
  }

  23.5% {
    background-position: 0 -1.15rem;
  }

  29.4% {
    background-position: -1.15rem -1.15rem;
  }

  35.3% {
    background-position: -2.3rem -1.15rem;
  }

  41.2% {
    background-position: -3.45rem -1.15rem;
  }

  47.1% {
    background-position: 0 -2.3rem;
  }

  52.9% {
    background-position: -1.15rem -2.3rem;
  }

  58.8% {
    background-position: -2.3rem -2.3rem;
  }

  64.7% {
    background-position: -3.45rem -2.3rem;
  }

  70.6% {
    background-position: 0 -3.45rem;
  }

  76.5% {
    background-position: -1.15rem -3.45rem;
  }

  82.4% {
    background-position: -2.3rem -3.45rem;
  }

  88.2% {
    background-position: -3.45rem -3.45rem;
  }

  94.1% {
    background-position: 0 -4.6rem;
  }
}

.jh-23 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/422_4bf01f42.png);
  background-size: 400% 500%;
}

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

  5.9% {
    background-position: -1.15rem 0;
  }

  11.8% {
    background-position: -2.3rem 0;
  }

  17.6% {
    background-position: -3.45rem 0;
  }

  23.5% {
    background-position: 0 -1.15rem;
  }

  29.4% {
    background-position: -1.15rem -1.15rem;
  }

  35.3% {
    background-position: -2.3rem -1.15rem;
  }

  41.2% {
    background-position: -3.45rem -1.15rem;
  }

  47.1% {
    background-position: 0 -2.3rem;
  }

  52.9% {
    background-position: -1.15rem -2.3rem;
  }

  58.8% {
    background-position: -2.3rem -2.3rem;
  }

  64.7% {
    background-position: -3.45rem -2.3rem;
  }

  70.6% {
    background-position: 0 -3.45rem;
  }

  76.5% {
    background-position: -1.15rem -3.45rem;
  }

  82.4% {
    background-position: -2.3rem -3.45rem;
  }

  88.2% {
    background-position: -3.45rem -3.45rem;
  }

  94.1% {
    background-position: 0 -4.6rem;
  }
}

@keyframes keyframes_422_png {
  0.0% {
    background-position: 0 0;
  }

  5.9% {
    background-position: -1.15rem 0;
  }

  11.8% {
    background-position: -2.3rem 0;
  }

  17.6% {
    background-position: -3.45rem 0;
  }

  23.5% {
    background-position: 0 -1.15rem;
  }

  29.4% {
    background-position: -1.15rem -1.15rem;
  }

  35.3% {
    background-position: -2.3rem -1.15rem;
  }

  41.2% {
    background-position: -3.45rem -1.15rem;
  }

  47.1% {
    background-position: 0 -2.3rem;
  }

  52.9% {
    background-position: -1.15rem -2.3rem;
  }

  58.8% {
    background-position: -2.3rem -2.3rem;
  }

  64.7% {
    background-position: -3.45rem -2.3rem;
  }

  70.6% {
    background-position: 0 -3.45rem;
  }

  76.5% {
    background-position: -1.15rem -3.45rem;
  }

  82.4% {
    background-position: -2.3rem -3.45rem;
  }

  88.2% {
    background-position: -3.45rem -3.45rem;
  }

  94.1% {
    background-position: 0 -4.6rem;
  }
}

.jh-24 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/423_95dc5116.jpg);
  background-size: 700% 100%;
}

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

  14.3% {
    background-position: -1.15rem 0;
  }

  28.6% {
    background-position: -2.3rem 0;
  }

  42.9% {
    background-position: -3.45rem 0;
  }

  57.1% {
    background-position: -4.6rem 0;
  }

  71.4% {
    background-position: -5.75rem 0;
  }

  85.7% {
    background-position: -6.9rem 0;
  }
}

@keyframes keyframes_423_png {
  0.0% {
    background-position: 0 0;
  }

  14.3% {
    background-position: -1.15rem 0;
  }

  28.6% {
    background-position: -2.3rem 0;
  }

  42.9% {
    background-position: -3.45rem 0;
  }

  57.1% {
    background-position: -4.6rem 0;
  }

  71.4% {
    background-position: -5.75rem 0;
  }

  85.7% {
    background-position: -6.9rem 0;
  }
}

.jh-25 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/424_899f2bbb.png);
  background-size: 200% 500%;
}

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

  11.1% {
    background-position: -1.15rem 0;
  }

  22.2% {
    background-position: 0 -1.15rem;
  }

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

  44.4% {
    background-position: 0 -2.3rem;
  }

  55.6% {
    background-position: -1.15rem -2.3rem;
  }

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

  77.8% {
    background-position: -1.15rem -3.45rem;
  }

  88.9% {
    background-position: 0 -4.6rem;
  }
}

@keyframes keyframes_424_png {
  0.0% {
    background-position: 0 0;
  }

  11.1% {
    background-position: -1.15rem 0;
  }

  22.2% {
    background-position: 0 -1.15rem;
  }

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

  44.4% {
    background-position: 0 -2.3rem;
  }

  55.6% {
    background-position: -1.15rem -2.3rem;
  }

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

  77.8% {
    background-position: -1.15rem -3.45rem;
  }

  88.9% {
    background-position: 0 -4.6rem;
  }
}

.jh-26 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/425_0bbc3e91.png);
  background-size: 800% 300%;
}

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

  4.3% {
    background-position: -1.15rem 0;
  }

  8.7% {
    background-position: -2.3rem 0;
  }

  13.0% {
    background-position: -3.45rem 0;
  }

  17.4% {
    background-position: -4.6rem 0;
  }

  21.7% {
    background-position: -5.75rem 0;
  }

  26.1% {
    background-position: -6.9rem 0;
  }

  30.4% {
    background-position: -8.05rem 0;
  }

  34.8% {
    background-position: 0 -1.15rem;
  }

  39.1% {
    background-position: -1.15rem -1.15rem;
  }

  43.5% {
    background-position: -2.3rem -1.15rem;
  }

  47.8% {
    background-position: -3.45rem -1.15rem;
  }

  52.2% {
    background-position: -4.6rem -1.15rem;
  }

  56.5% {
    background-position: -5.75rem -1.15rem;
  }

  60.9% {
    background-position: -6.9rem -1.15rem;
  }

  65.2% {
    background-position: -8.05rem -1.15rem;
  }

  69.6% {
    background-position: 0 -2.3rem;
  }

  73.9% {
    background-position: -1.15rem -2.3rem;
  }

  78.3% {
    background-position: -2.3rem -2.3rem;
  }

  82.6% {
    background-position: -3.45rem -2.3rem;
  }

  87.0% {
    background-position: -4.6rem -2.3rem;
  }

  91.3% {
    background-position: -5.75rem -2.3rem;
  }

  95.7% {
    background-position: -6.9rem -2.3rem;
  }
}

@keyframes keyframes_425_png {
  0.0% {
    background-position: 0 0;
  }

  4.3% {
    background-position: -1.15rem 0;
  }

  8.7% {
    background-position: -2.3rem 0;
  }

  13.0% {
    background-position: -3.45rem 0;
  }

  17.4% {
    background-position: -4.6rem 0;
  }

  21.7% {
    background-position: -5.75rem 0;
  }

  26.1% {
    background-position: -6.9rem 0;
  }

  30.4% {
    background-position: -8.05rem 0;
  }

  34.8% {
    background-position: 0 -1.15rem;
  }

  39.1% {
    background-position: -1.15rem -1.15rem;
  }

  43.5% {
    background-position: -2.3rem -1.15rem;
  }

  47.8% {
    background-position: -3.45rem -1.15rem;
  }

  52.2% {
    background-position: -4.6rem -1.15rem;
  }

  56.5% {
    background-position: -5.75rem -1.15rem;
  }

  60.9% {
    background-position: -6.9rem -1.15rem;
  }

  65.2% {
    background-position: -8.05rem -1.15rem;
  }

  69.6% {
    background-position: 0 -2.3rem;
  }

  73.9% {
    background-position: -1.15rem -2.3rem;
  }

  78.3% {
    background-position: -2.3rem -2.3rem;
  }

  82.6% {
    background-position: -3.45rem -2.3rem;
  }

  87.0% {
    background-position: -4.6rem -2.3rem;
  }

  91.3% {
    background-position: -5.75rem -2.3rem;
  }

  95.7% {
    background-position: -6.9rem -2.3rem;
  }
}

.jh-27 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/426_b5803f2b.png);
  background-size: 800% 600%;
}

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

  2.1% {
    background-position: -1.15rem 0;
  }

  4.3% {
    background-position: -2.3rem 0;
  }

  6.4% {
    background-position: -3.45rem 0;
  }

  8.5% {
    background-position: -4.6rem 0;
  }

  10.6% {
    background-position: -5.75rem 0;
  }

  12.8% {
    background-position: -6.9rem 0;
  }

  14.9% {
    background-position: -8.05rem 0;
  }

  17.0% {
    background-position: 0 -1.15rem;
  }

  19.1% {
    background-position: -1.15rem -1.15rem;
  }

  21.3% {
    background-position: -2.3rem -1.15rem;
  }

  23.4% {
    background-position: -3.45rem -1.15rem;
  }

  25.5% {
    background-position: -4.6rem -1.15rem;
  }

  27.7% {
    background-position: -5.75rem -1.15rem;
  }

  29.8% {
    background-position: -6.9rem -1.15rem;
  }

  31.9% {
    background-position: -8.05rem -1.15rem;
  }

  34.0% {
    background-position: 0 -2.3rem;
  }

  36.2% {
    background-position: -1.15rem -2.3rem;
  }

  38.3% {
    background-position: -2.3rem -2.3rem;
  }

  40.4% {
    background-position: -3.45rem -2.3rem;
  }

  42.6% {
    background-position: -4.6rem -2.3rem;
  }

  44.7% {
    background-position: -5.75rem -2.3rem;
  }

  46.8% {
    background-position: -6.9rem -2.3rem;
  }

  48.9% {
    background-position: -8.05rem -2.3rem;
  }

  51.1% {
    background-position: 0 -3.45rem;
  }

  53.2% {
    background-position: -1.15rem -3.45rem;
  }

  55.3% {
    background-position: -2.3rem -3.45rem;
  }

  57.4% {
    background-position: -3.45rem -3.45rem;
  }

  59.6% {
    background-position: -4.6rem -3.45rem;
  }

  61.7% {
    background-position: -5.75rem -3.45rem;
  }

  63.8% {
    background-position: -6.9rem -3.45rem;
  }

  66.0% {
    background-position: -8.05rem -3.45rem;
  }

  68.1% {
    background-position: 0 -4.6rem;
  }

  70.2% {
    background-position: -1.15rem -4.6rem;
  }

  72.3% {
    background-position: -2.3rem -4.6rem;
  }

  74.5% {
    background-position: -3.45rem -4.6rem;
  }

  76.6% {
    background-position: -4.6rem -4.6rem;
  }

  78.7% {
    background-position: -5.75rem -4.6rem;
  }

  80.9% {
    background-position: -6.9rem -4.6rem;
  }

  83.0% {
    background-position: -8.05rem -4.6rem;
  }

  85.1% {
    background-position: 0 -5.75rem;
  }

  87.2% {
    background-position: -1.15rem -5.75rem;
  }

  89.4% {
    background-position: -2.3rem -5.75rem;
  }

  91.5% {
    background-position: -3.45rem -5.75rem;
  }

  93.6% {
    background-position: -4.6rem -5.75rem;
  }

  95.7% {
    background-position: -5.75rem -5.75rem;
  }

  97.9% {
    background-position: -6.9rem -5.75rem;
  }
}

@keyframes keyframes_426_png {
  0.0% {
    background-position: 0 0;
  }

  2.1% {
    background-position: -1.15rem 0;
  }

  4.3% {
    background-position: -2.3rem 0;
  }

  6.4% {
    background-position: -3.45rem 0;
  }

  8.5% {
    background-position: -4.6rem 0;
  }

  10.6% {
    background-position: -5.75rem 0;
  }

  12.8% {
    background-position: -6.9rem 0;
  }

  14.9% {
    background-position: -8.05rem 0;
  }

  17.0% {
    background-position: 0 -1.15rem;
  }

  19.1% {
    background-position: -1.15rem -1.15rem;
  }

  21.3% {
    background-position: -2.3rem -1.15rem;
  }

  23.4% {
    background-position: -3.45rem -1.15rem;
  }

  25.5% {
    background-position: -4.6rem -1.15rem;
  }

  27.7% {
    background-position: -5.75rem -1.15rem;
  }

  29.8% {
    background-position: -6.9rem -1.15rem;
  }

  31.9% {
    background-position: -8.05rem -1.15rem;
  }

  34.0% {
    background-position: 0 -2.3rem;
  }

  36.2% {
    background-position: -1.15rem -2.3rem;
  }

  38.3% {
    background-position: -2.3rem -2.3rem;
  }

  40.4% {
    background-position: -3.45rem -2.3rem;
  }

  42.6% {
    background-position: -4.6rem -2.3rem;
  }

  44.7% {
    background-position: -5.75rem -2.3rem;
  }

  46.8% {
    background-position: -6.9rem -2.3rem;
  }

  48.9% {
    background-position: -8.05rem -2.3rem;
  }

  51.1% {
    background-position: 0 -3.45rem;
  }

  53.2% {
    background-position: -1.15rem -3.45rem;
  }

  55.3% {
    background-position: -2.3rem -3.45rem;
  }

  57.4% {
    background-position: -3.45rem -3.45rem;
  }

  59.6% {
    background-position: -4.6rem -3.45rem;
  }

  61.7% {
    background-position: -5.75rem -3.45rem;
  }

  63.8% {
    background-position: -6.9rem -3.45rem;
  }

  66.0% {
    background-position: -8.05rem -3.45rem;
  }

  68.1% {
    background-position: 0 -4.6rem;
  }

  70.2% {
    background-position: -1.15rem -4.6rem;
  }

  72.3% {
    background-position: -2.3rem -4.6rem;
  }

  74.5% {
    background-position: -3.45rem -4.6rem;
  }

  76.6% {
    background-position: -4.6rem -4.6rem;
  }

  78.7% {
    background-position: -5.75rem -4.6rem;
  }

  80.9% {
    background-position: -6.9rem -4.6rem;
  }

  83.0% {
    background-position: -8.05rem -4.6rem;
  }

  85.1% {
    background-position: 0 -5.75rem;
  }

  87.2% {
    background-position: -1.15rem -5.75rem;
  }

  89.4% {
    background-position: -2.3rem -5.75rem;
  }

  91.5% {
    background-position: -3.45rem -5.75rem;
  }

  93.6% {
    background-position: -4.6rem -5.75rem;
  }

  95.7% {
    background-position: -5.75rem -5.75rem;
  }

  97.9% {
    background-position: -6.9rem -5.75rem;
  }
}

.jh-28 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/427_d5857ee3.png);
  background-size: 400% 700%;
}

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

  3.8% {
    background-position: -1.15rem 0;
  }

  7.7% {
    background-position: -2.3rem 0;
  }

  11.5% {
    background-position: -3.45rem 0;
  }

  15.4% {
    background-position: 0 -1.15rem;
  }

  19.2% {
    background-position: -1.15rem -1.15rem;
  }

  23.1% {
    background-position: -2.3rem -1.15rem;
  }

  26.9% {
    background-position: -3.45rem -1.15rem;
  }

  30.8% {
    background-position: 0 -2.3rem;
  }

  34.6% {
    background-position: -1.15rem -2.3rem;
  }

  38.5% {
    background-position: -2.3rem -2.3rem;
  }

  42.3% {
    background-position: -3.45rem -2.3rem;
  }

  46.2% {
    background-position: 0 -3.45rem;
  }

  50.0% {
    background-position: -1.15rem -3.45rem;
  }

  53.8% {
    background-position: -2.3rem -3.45rem;
  }

  57.7% {
    background-position: -3.45rem -3.45rem;
  }

  61.5% {
    background-position: 0 -4.6rem;
  }

  65.4% {
    background-position: -1.15rem -4.6rem;
  }

  69.2% {
    background-position: -2.3rem -4.6rem;
  }

  73.1% {
    background-position: -3.45rem -4.6rem;
  }

  76.9% {
    background-position: 0 -5.75rem;
  }

  80.8% {
    background-position: -1.15rem -5.75rem;
  }

  84.6% {
    background-position: -2.3rem -5.75rem;
  }

  88.5% {
    background-position: -3.45rem -5.75rem;
  }

  92.3% {
    background-position: 0 -6.9rem;
  }

  96.2% {
    background-position: -1.15rem -6.9rem;
  }
}

@keyframes keyframes_427_png {
  0.0% {
    background-position: 0 0;
  }

  3.8% {
    background-position: -1.15rem 0;
  }

  7.7% {
    background-position: -2.3rem 0;
  }

  11.5% {
    background-position: -3.45rem 0;
  }

  15.4% {
    background-position: 0 -1.15rem;
  }

  19.2% {
    background-position: -1.15rem -1.15rem;
  }

  23.1% {
    background-position: -2.3rem -1.15rem;
  }

  26.9% {
    background-position: -3.45rem -1.15rem;
  }

  30.8% {
    background-position: 0 -2.3rem;
  }

  34.6% {
    background-position: -1.15rem -2.3rem;
  }

  38.5% {
    background-position: -2.3rem -2.3rem;
  }

  42.3% {
    background-position: -3.45rem -2.3rem;
  }

  46.2% {
    background-position: 0 -3.45rem;
  }

  50.0% {
    background-position: -1.15rem -3.45rem;
  }

  53.8% {
    background-position: -2.3rem -3.45rem;
  }

  57.7% {
    background-position: -3.45rem -3.45rem;
  }

  61.5% {
    background-position: 0 -4.6rem;
  }

  65.4% {
    background-position: -1.15rem -4.6rem;
  }

  69.2% {
    background-position: -2.3rem -4.6rem;
  }

  73.1% {
    background-position: -3.45rem -4.6rem;
  }

  76.9% {
    background-position: 0 -5.75rem;
  }

  80.8% {
    background-position: -1.15rem -5.75rem;
  }

  84.6% {
    background-position: -2.3rem -5.75rem;
  }

  88.5% {
    background-position: -3.45rem -5.75rem;
  }

  92.3% {
    background-position: 0 -6.9rem;
  }

  96.2% {
    background-position: -1.15rem -6.9rem;
  }
}

.jh-29 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/428_addc4a26.png);
  background-size: 400% 700%;
}

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

  3.8% {
    background-position: -1.15rem 0;
  }

  7.7% {
    background-position: -2.3rem 0;
  }

  11.5% {
    background-position: -3.45rem 0;
  }

  15.4% {
    background-position: 0 -1.15rem;
  }

  19.2% {
    background-position: -1.15rem -1.15rem;
  }

  23.1% {
    background-position: -2.3rem -1.15rem;
  }

  26.9% {
    background-position: -3.45rem -1.15rem;
  }

  30.8% {
    background-position: 0 -2.3rem;
  }

  34.6% {
    background-position: -1.15rem -2.3rem;
  }

  38.5% {
    background-position: -2.3rem -2.3rem;
  }

  42.3% {
    background-position: -3.45rem -2.3rem;
  }

  46.2% {
    background-position: 0 -3.45rem;
  }

  50.0% {
    background-position: -1.15rem -3.45rem;
  }

  53.8% {
    background-position: -2.3rem -3.45rem;
  }

  57.7% {
    background-position: -3.45rem -3.45rem;
  }

  61.5% {
    background-position: 0 -4.6rem;
  }

  65.4% {
    background-position: -1.15rem -4.6rem;
  }

  69.2% {
    background-position: -2.3rem -4.6rem;
  }

  73.1% {
    background-position: -3.45rem -4.6rem;
  }

  76.9% {
    background-position: 0 -5.75rem;
  }

  80.8% {
    background-position: -1.15rem -5.75rem;
  }

  84.6% {
    background-position: -2.3rem -5.75rem;
  }

  88.5% {
    background-position: -3.45rem -5.75rem;
  }

  92.3% {
    background-position: 0 -6.9rem;
  }

  96.2% {
    background-position: -1.15rem -6.9rem;
  }
}

@keyframes keyframes_428_png {
  0.0% {
    background-position: 0 0;
  }

  3.8% {
    background-position: -1.15rem 0;
  }

  7.7% {
    background-position: -2.3rem 0;
  }

  11.5% {
    background-position: -3.45rem 0;
  }

  15.4% {
    background-position: 0 -1.15rem;
  }

  19.2% {
    background-position: -1.15rem -1.15rem;
  }

  23.1% {
    background-position: -2.3rem -1.15rem;
  }

  26.9% {
    background-position: -3.45rem -1.15rem;
  }

  30.8% {
    background-position: 0 -2.3rem;
  }

  34.6% {
    background-position: -1.15rem -2.3rem;
  }

  38.5% {
    background-position: -2.3rem -2.3rem;
  }

  42.3% {
    background-position: -3.45rem -2.3rem;
  }

  46.2% {
    background-position: 0 -3.45rem;
  }

  50.0% {
    background-position: -1.15rem -3.45rem;
  }

  53.8% {
    background-position: -2.3rem -3.45rem;
  }

  57.7% {
    background-position: -3.45rem -3.45rem;
  }

  61.5% {
    background-position: 0 -4.6rem;
  }

  65.4% {
    background-position: -1.15rem -4.6rem;
  }

  69.2% {
    background-position: -2.3rem -4.6rem;
  }

  73.1% {
    background-position: -3.45rem -4.6rem;
  }

  76.9% {
    background-position: 0 -5.75rem;
  }

  80.8% {
    background-position: -1.15rem -5.75rem;
  }

  84.6% {
    background-position: -2.3rem -5.75rem;
  }

  88.5% {
    background-position: -3.45rem -5.75rem;
  }

  92.3% {
    background-position: 0 -6.9rem;
  }

  96.2% {
    background-position: -1.15rem -6.9rem;
  }
}

.jh-30 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/429_8cb7b569.png);
  background-size: 700% 500%;
}

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

  3.0% {
    background-position: -1.15rem 0;
  }

  6.1% {
    background-position: -2.3rem 0;
  }

  9.1% {
    background-position: -3.45rem 0;
  }

  12.1% {
    background-position: -4.6rem 0;
  }

  15.2% {
    background-position: -5.75rem 0;
  }

  18.2% {
    background-position: -6.9rem 0;
  }

  21.2% {
    background-position: 0 -1.15rem;
  }

  24.2% {
    background-position: -1.15rem -1.15rem;
  }

  27.3% {
    background-position: -2.3rem -1.15rem;
  }

  30.3% {
    background-position: -3.45rem -1.15rem;
  }

  33.3% {
    background-position: -4.6rem -1.15rem;
  }

  36.4% {
    background-position: -5.75rem -1.15rem;
  }

  39.4% {
    background-position: -6.9rem -1.15rem;
  }

  42.4% {
    background-position: 0 -2.3rem;
  }

  45.5% {
    background-position: -1.15rem -2.3rem;
  }

  48.5% {
    background-position: -2.3rem -2.3rem;
  }

  51.5% {
    background-position: -3.45rem -2.3rem;
  }

  54.5% {
    background-position: -4.6rem -2.3rem;
  }

  57.6% {
    background-position: -5.75rem -2.3rem;
  }

  60.6% {
    background-position: -6.9rem -2.3rem;
  }

  63.6% {
    background-position: 0 -3.45rem;
  }

  66.7% {
    background-position: -1.15rem -3.45rem;
  }

  69.7% {
    background-position: -2.3rem -3.45rem;
  }

  72.7% {
    background-position: -3.45rem -3.45rem;
  }

  75.8% {
    background-position: -4.6rem -3.45rem;
  }

  78.8% {
    background-position: -5.75rem -3.45rem;
  }

  81.8% {
    background-position: -6.9rem -3.45rem;
  }

  84.8% {
    background-position: 0 -4.6rem;
  }

  87.9% {
    background-position: -1.15rem -4.6rem;
  }

  90.9% {
    background-position: -2.3rem -4.6rem;
  }

  93.9% {
    background-position: -3.45rem -4.6rem;
  }

  97.0% {
    background-position: -4.6rem -4.6rem;
  }
}

@keyframes keyframes_429_png {
  0.0% {
    background-position: 0 0;
  }

  3.0% {
    background-position: -1.15rem 0;
  }

  6.1% {
    background-position: -2.3rem 0;
  }

  9.1% {
    background-position: -3.45rem 0;
  }

  12.1% {
    background-position: -4.6rem 0;
  }

  15.2% {
    background-position: -5.75rem 0;
  }

  18.2% {
    background-position: -6.9rem 0;
  }

  21.2% {
    background-position: 0 -1.15rem;
  }

  24.2% {
    background-position: -1.15rem -1.15rem;
  }

  27.3% {
    background-position: -2.3rem -1.15rem;
  }

  30.3% {
    background-position: -3.45rem -1.15rem;
  }

  33.3% {
    background-position: -4.6rem -1.15rem;
  }

  36.4% {
    background-position: -5.75rem -1.15rem;
  }

  39.4% {
    background-position: -6.9rem -1.15rem;
  }

  42.4% {
    background-position: 0 -2.3rem;
  }

  45.5% {
    background-position: -1.15rem -2.3rem;
  }

  48.5% {
    background-position: -2.3rem -2.3rem;
  }

  51.5% {
    background-position: -3.45rem -2.3rem;
  }

  54.5% {
    background-position: -4.6rem -2.3rem;
  }

  57.6% {
    background-position: -5.75rem -2.3rem;
  }

  60.6% {
    background-position: -6.9rem -2.3rem;
  }

  63.6% {
    background-position: 0 -3.45rem;
  }

  66.7% {
    background-position: -1.15rem -3.45rem;
  }

  69.7% {
    background-position: -2.3rem -3.45rem;
  }

  72.7% {
    background-position: -3.45rem -3.45rem;
  }

  75.8% {
    background-position: -4.6rem -3.45rem;
  }

  78.8% {
    background-position: -5.75rem -3.45rem;
  }

  81.8% {
    background-position: -6.9rem -3.45rem;
  }

  84.8% {
    background-position: 0 -4.6rem;
  }

  87.9% {
    background-position: -1.15rem -4.6rem;
  }

  90.9% {
    background-position: -2.3rem -4.6rem;
  }

  93.9% {
    background-position: -3.45rem -4.6rem;
  }

  97.0% {
    background-position: -4.6rem -4.6rem;
  }
}

.jh-31 {
  height: 1.16rem;
  width: 1.16rem;
  -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/20221129164500/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;
  }

  4.2% {
    background-position: -232px 0;
  }

  6.3% {
    background-position: -348px 0;
  }

  8.3% {
    background-position: -464px 0;
  }

  10.4% {
    background-position: -580px 0;
  }

  12.5% {
    background-position: -696px 0;
  }

  14.6% {
    background-position: 0 -116px;
  }

  16.7% {
    background-position: -116px -116px;
  }

  18.8% {
    background-position: -232px -116px;
  }

  20.8% {
    background-position: -348px -116px;
  }

  22.9% {
    background-position: -464px -116px;
  }

  25% {
    background-position: -580px -116px;
  }

  27.1% {
    background-position: -696px -116px;
  }

  29.2% {
    background-position: 0 -232px;
  }

  31.3% {
    background-position: -116px -232px;
  }

  33.3% {
    background-position: -232px -232px;
  }

  35.4% {
    background-position: -348px -232px;
  }

  37.5% {
    background-position: -464px -232px;
  }

  39.6% {
    background-position: -580px -232px;
  }

  41.7% {
    background-position: -696px -232px;
  }

  43.8% {
    background-position: 0 -348px;
  }

  45.8% {
    background-position: -116px -348px;
  }

  47.9% {
    background-position: -232px -348px;
  }

  50% {
    background-position: -348px -348px;
  }

  52.1% {
    background-position: -464px -348px;
  }

  54.2% {
    background-position: -580px -348px;
  }

  56.3% {
    background-position: -696px -348px;
  }

  58.3% {
    background-position: 0 -464px;
  }

  60.4% {
    background-position: -116px -464px;
  }

  62.5% {
    background-position: -232px -464px;
  }

  64.6% {
    background-position: -348px -464px;
  }

  66.7% {
    background-position: -464px -464px;
  }

  68.8% {
    background-position: -580px -464px;
  }

  70.8% {
    background-position: -696px -464px;
  }

  72.9% {
    background-position: 0 -580px;
  }

  75% {
    background-position: -116px -580px;
  }

  77.1% {
    background-position: -232px -580px;
  }

  79.2% {
    background-position: -348px -580px;
  }

  81.3% {
    background-position: -464px -580px;
  }

  83.3% {
    background-position: -580px -580px;
  }

  85.4% {
    background-position: -696px -580px;
  }

  87.5% {
    background-position: 0 -696px;
  }

  89.6% {
    background-position: -116px -696px;
  }

  91.7% {
    background-position: -232px -696px;
  }

  93.8% {
    background-position: -348px -696px;
  }

  95.8% {
    background-position: -464px -696px;
  }

  97.9% {
    background-position: -580px -696px;
  }

  100% {
    background-position: -580px -696px;
  }
}

@keyframes sprite_yuhecheng_1_1 {
  0% {
    background-position: 0 0;
    /* no */
  }

  2.1% {
    background-position: -116px 0;
  }

  4.2% {
    background-position: -232px 0;
  }

  6.3% {
    background-position: -348px 0;
  }

  8.3% {
    background-position: -464px 0;
  }

  10.4% {
    background-position: -580px 0;
  }

  12.5% {
    background-position: -696px 0;
  }

  14.6% {
    background-position: 0 -116px;
  }

  16.7% {
    background-position: -116px -116px;
  }

  18.8% {
    background-position: -232px -116px;
  }

  20.8% {
    background-position: -348px -116px;
  }

  22.9% {
    background-position: -464px -116px;
  }

  25% {
    background-position: -580px -116px;
  }

  27.1% {
    background-position: -696px -116px;
  }

  29.2% {
    background-position: 0 -232px;
  }

  31.3% {
    background-position: -116px -232px;
  }

  33.3% {
    background-position: -232px -232px;
  }

  35.4% {
    background-position: -348px -232px;
  }

  37.5% {
    background-position: -464px -232px;
  }

  39.6% {
    background-position: -580px -232px;
  }

  41.7% {
    background-position: -696px -232px;
  }

  43.8% {
    background-position: 0 -348px;
  }

  45.8% {
    background-position: -116px -348px;
  }

  47.9% {
    background-position: -232px -348px;
  }

  50% {
    background-position: -348px -348px;
  }

  52.1% {
    background-position: -464px -348px;
  }

  54.2% {
    background-position: -580px -348px;
  }

  56.3% {
    background-position: -696px -348px;
  }

  58.3% {
    background-position: 0 -464px;
  }

  60.4% {
    background-position: -116px -464px;
  }

  62.5% {
    background-position: -232px -464px;
  }

  64.6% {
    background-position: -348px -464px;
  }

  66.7% {
    background-position: -464px -464px;
  }

  68.8% {
    background-position: -580px -464px;
  }

  70.8% {
    background-position: -696px -464px;
  }

  72.9% {
    background-position: 0 -580px;
  }

  75% {
    background-position: -116px -580px;
  }

  77.1% {
    background-position: -232px -580px;
  }

  79.2% {
    background-position: -348px -580px;
  }

  81.3% {
    background-position: -464px -580px;
  }

  83.3% {
    background-position: -580px -580px;
  }

  85.4% {
    background-position: -696px -580px;
  }

  87.5% {
    background-position: 0 -696px;
  }

  89.6% {
    background-position: -116px -696px;
  }

  91.7% {
    background-position: -232px -696px;
  }

  93.8% {
    background-position: -348px -696px;
  }

  95.8% {
    background-position: -464px -696px;
  }

  97.9% {
    background-position: -580px -696px;
  }

  100% {
    background-position: -580px -696px;
  }
}

.jh-32 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/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;
  }

  7.4% {
    background-position: -230px 0;
  }

  11.1% {
    background-position: -345px 0;
  }

  14.8% {
    background-position: -460px 0;
  }

  18.5% {
    background-position: -575px 0;
  }

  22.2% {
    background-position: 0 -115px;
  }

  25.9% {
    background-position: -115px -115px;
  }

  29.6% {
    background-position: -230px -115px;
  }

  33.3% {
    background-position: -345px -115px;
  }

  37% {
    background-position: -460px -115px;
  }

  40.7% {
    background-position: -575px -115px;
  }

  44.4% {
    background-position: 0 -230px;
  }

  48.1% {
    background-position: -115px -230px;
  }

  51.9% {
    background-position: -230px -230px;
  }

  55.6% {
    background-position: -345px -230px;
  }

  59.3% {
    background-position: -460px -230px;
  }

  63% {
    background-position: -575px -230px;
  }

  66.7% {
    background-position: 0 -345px;
  }

  70.4% {
    background-position: -115px -345px;
  }

  74.1% {
    background-position: -230px -345px;
  }

  77.8% {
    background-position: -345px -345px;
  }

  81.5% {
    background-position: -460px -345px;
  }

  85.2% {
    background-position: -575px -345px;
  }

  88.9% {
    background-position: 0 -460px;
  }

  92.6% {
    background-position: -115px -460px;
  }

  96.3% {
    background-position: -230px -460px;
  }

  100% {
    background-position: -230px -460px;
  }
}

@keyframes sprite_image_0_26__png_1 {
  0% {
    background-position: 0 0;
    /* no */
  }

  3.7% {
    background-position: -115px 0;
  }

  7.4% {
    background-position: -230px 0;
  }

  11.1% {
    background-position: -345px 0;
  }

  14.8% {
    background-position: -460px 0;
  }

  18.5% {
    background-position: -575px 0;
  }

  22.2% {
    background-position: 0 -115px;
  }

  25.9% {
    background-position: -115px -115px;
  }

  29.6% {
    background-position: -230px -115px;
  }

  33.3% {
    background-position: -345px -115px;
  }

  37% {
    background-position: -460px -115px;
  }

  40.7% {
    background-position: -575px -115px;
  }

  44.4% {
    background-position: 0 -230px;
  }

  48.1% {
    background-position: -115px -230px;
  }

  51.9% {
    background-position: -230px -230px;
  }

  55.6% {
    background-position: -345px -230px;
  }

  59.3% {
    background-position: -460px -230px;
  }

  63% {
    background-position: -575px -230px;
  }

  66.7% {
    background-position: 0 -345px;
  }

  70.4% {
    background-position: -115px -345px;
  }

  74.1% {
    background-position: -230px -345px;
  }

  77.8% {
    background-position: -345px -345px;
  }

  81.5% {
    background-position: -460px -345px;
  }

  85.2% {
    background-position: -575px -345px;
  }

  88.9% {
    background-position: 0 -460px;
  }

  92.6% {
    background-position: -115px -460px;
  }

  96.3% {
    background-position: -230px -460px;
  }

  100% {
    background-position: -230px -460px;
  }
}

.jh-33 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/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;
  }

  6.7% {
    background-position: -230px 0;
  }

  10% {
    background-position: -345px 0;
  }

  13.3% {
    background-position: -460px 0;
  }

  16.7% {
    background-position: -575px 0;
  }

  20% {
    background-position: 0 -115px;
  }

  23.3% {
    background-position: -115px -115px;
  }

  26.7% {
    background-position: -230px -115px;
  }

  30% {
    background-position: -345px -115px;
  }

  33.3% {
    background-position: -460px -115px;
  }

  36.7% {
    background-position: -575px -115px;
  }

  40% {
    background-position: 0 -230px;
  }

  43.3% {
    background-position: -115px -230px;
  }

  46.7% {
    background-position: -230px -230px;
  }

  50% {
    background-position: -345px -230px;
  }

  53.3% {
    background-position: -460px -230px;
  }

  56.7% {
    background-position: -575px -230px;
  }

  60% {
    background-position: 0 -345px;
  }

  63.3% {
    background-position: -115px -345px;
  }

  66.7% {
    background-position: -230px -345px;
  }

  70% {
    background-position: -345px -345px;
  }

  73.3% {
    background-position: -460px -345px;
  }

  76.7% {
    background-position: -575px -345px;
  }

  80% {
    background-position: 0 -460px;
  }

  83.3% {
    background-position: -115px -460px;
  }

  86.7% {
    background-position: -230px -460px;
  }

  90% {
    background-position: -345px -460px;
  }

  93.3% {
    background-position: -460px -460px;
  }

  96.7% {
    background-position: -575px -460px;
  }

  100% {
    background-position: -575px -460px;
  }
}

@keyframes sprite_image_0_29__png_1 {
  0% {
    background-position: 0 0;
    /* no */
  }

  3.3% {
    background-position: -115px 0;
  }

  6.7% {
    background-position: -230px 0;
  }

  10% {
    background-position: -345px 0;
  }

  13.3% {
    background-position: -460px 0;
  }

  16.7% {
    background-position: -575px 0;
  }

  20% {
    background-position: 0 -115px;
  }

  23.3% {
    background-position: -115px -115px;
  }

  26.7% {
    background-position: -230px -115px;
  }

  30% {
    background-position: -345px -115px;
  }

  33.3% {
    background-position: -460px -115px;
  }

  36.7% {
    background-position: -575px -115px;
  }

  40% {
    background-position: 0 -230px;
  }

  43.3% {
    background-position: -115px -230px;
  }

  46.7% {
    background-position: -230px -230px;
  }

  50% {
    background-position: -345px -230px;
  }

  53.3% {
    background-position: -460px -230px;
  }

  56.7% {
    background-position: -575px -230px;
  }

  60% {
    background-position: 0 -345px;
  }

  63.3% {
    background-position: -115px -345px;
  }

  66.7% {
    background-position: -230px -345px;
  }

  70% {
    background-position: -345px -345px;
  }

  73.3% {
    background-position: -460px -345px;
  }

  76.7% {
    background-position: -575px -345px;
  }

  80% {
    background-position: 0 -460px;
  }

  83.3% {
    background-position: -115px -460px;
  }

  86.7% {
    background-position: -230px -460px;
  }

  90% {
    background-position: -345px -460px;
  }

  93.3% {
    background-position: -460px -460px;
  }

  96.7% {
    background-position: -575px -460px;
  }

  100% {
    background-position: -575px -460px;
  }
}

.jh-34 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/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;
  }

  6.7% {
    background-position: -230px 0;
  }

  10% {
    background-position: -345px 0;
  }

  13.3% {
    background-position: -460px 0;
  }

  16.7% {
    background-position: -575px 0;
  }

  20% {
    background-position: 0 -115px;
  }

  23.3% {
    background-position: -115px -115px;
  }

  26.7% {
    background-position: -230px -115px;
  }

  30% {
    background-position: -345px -115px;
  }

  33.3% {
    background-position: -460px -115px;
  }

  36.7% {
    background-position: -575px -115px;
  }

  40% {
    background-position: 0 -230px;
  }

  43.3% {
    background-position: -115px -230px;
  }

  46.7% {
    background-position: -230px -230px;
  }

  50% {
    background-position: -345px -230px;
  }

  53.3% {
    background-position: -460px -230px;
  }

  56.7% {
    background-position: -575px -230px;
  }

  60% {
    background-position: 0 -345px;
  }

  63.3% {
    background-position: -115px -345px;
  }

  66.7% {
    background-position: -230px -345px;
  }

  70% {
    background-position: -345px -345px;
  }

  73.3% {
    background-position: -460px -345px;
  }

  76.7% {
    background-position: -575px -345px;
  }

  80% {
    background-position: 0 -460px;
  }

  83.3% {
    background-position: -115px -460px;
  }

  86.7% {
    background-position: -230px -460px;
  }

  90% {
    background-position: -345px -460px;
  }

  93.3% {
    background-position: -460px -460px;
  }

  96.7% {
    background-position: -575px -460px;
  }

  100% {
    background-position: -575px -460px;
  }
}

.jh-35 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/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;
  }

  6.7% {
    background-position: -230px 0;
  }

  10% {
    background-position: -345px 0;
  }

  13.3% {
    background-position: -460px 0;
  }

  16.7% {
    background-position: -575px 0;
  }

  20% {
    background-position: 0 -115px;
  }

  23.3% {
    background-position: -115px -115px;
  }

  26.7% {
    background-position: -230px -115px;
  }

  30% {
    background-position: -345px -115px;
  }

  33.3% {
    background-position: -460px -115px;
  }

  36.7% {
    background-position: -575px -115px;
  }

  40% {
    background-position: 0 -230px;
  }

  43.3% {
    background-position: -115px -230px;
  }

  46.7% {
    background-position: -230px -230px;
  }

  50% {
    background-position: -345px -230px;
  }

  53.3% {
    background-position: -460px -230px;
  }

  56.7% {
    background-position: -575px -230px;
  }

  60% {
    background-position: 0 -345px;
  }

  63.3% {
    background-position: -115px -345px;
  }

  66.7% {
    background-position: -230px -345px;
  }

  70% {
    background-position: -345px -345px;
  }

  73.3% {
    background-position: -460px -345px;
  }

  76.7% {
    background-position: -575px -345px;
  }

  80% {
    background-position: 0 -460px;
  }

  83.3% {
    background-position: -115px -460px;
  }

  86.7% {
    background-position: -230px -460px;
  }

  90% {
    background-position: -345px -460px;
  }

  93.3% {
    background-position: -460px -460px;
  }

  96.7% {
    background-position: -575px -460px;
  }

  100% {
    background-position: -575px -460px;
  }
}

.jh-36 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/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;
  }

  5.6% {
    background-position: -230px 0;
  }

  8.3% {
    background-position: -345px 0;
  }

  11.1% {
    background-position: -460px 0;
  }

  13.9% {
    background-position: -575px 0;
  }

  16.7% {
    background-position: 0 -115px;
  }

  19.4% {
    background-position: -115px -115px;
  }

  22.2% {
    background-position: -230px -115px;
  }

  25% {
    background-position: -345px -115px;
  }

  27.8% {
    background-position: -460px -115px;
  }

  30.6% {
    background-position: -575px -115px;
  }

  33.3% {
    background-position: 0 -230px;
  }

  36.1% {
    background-position: -115px -230px;
  }

  38.9% {
    background-position: -230px -230px;
  }

  41.7% {
    background-position: -345px -230px;
  }

  44.4% {
    background-position: -460px -230px;
  }

  47.2% {
    background-position: -575px -230px;
  }

  50% {
    background-position: 0 -345px;
  }

  52.8% {
    background-position: -115px -345px;
  }

  55.6% {
    background-position: -230px -345px;
  }

  58.3% {
    background-position: -345px -345px;
  }

  61.1% {
    background-position: -460px -345px;
  }

  63.9% {
    background-position: -575px -345px;
  }

  66.7% {
    background-position: 0 -460px;
  }

  69.4% {
    background-position: -115px -460px;
  }

  72.2% {
    background-position: -230px -460px;
  }

  75% {
    background-position: -345px -460px;
  }

  77.8% {
    background-position: -460px -460px;
  }

  80.6% {
    background-position: -575px -460px;
  }

  83.3% {
    background-position: 0 -575px;
  }

  86.1% {
    background-position: -115px -575px;
  }

  88.9% {
    background-position: -230px -575px;
  }

  91.7% {
    background-position: -345px -575px;
  }

  94.4% {
    background-position: -460px -575px;
  }

  97.2% {
    background-position: -575px -575px;
  }

  100% {
    background-position: -575px -575px;
  }
}

@keyframes sprite_image_0_35__png_1 {
  0% {
    background-position: 0 0;
    /* no */
  }

  2.8% {
    background-position: -115px 0;
  }

  5.6% {
    background-position: -230px 0;
  }

  8.3% {
    background-position: -345px 0;
  }

  11.1% {
    background-position: -460px 0;
  }

  13.9% {
    background-position: -575px 0;
  }

  16.7% {
    background-position: 0 -115px;
  }

  19.4% {
    background-position: -115px -115px;
  }

  22.2% {
    background-position: -230px -115px;
  }

  25% {
    background-position: -345px -115px;
  }

  27.8% {
    background-position: -460px -115px;
  }

  30.6% {
    background-position: -575px -115px;
  }

  33.3% {
    background-position: 0 -230px;
  }

  36.1% {
    background-position: -115px -230px;
  }

  38.9% {
    background-position: -230px -230px;
  }

  41.7% {
    background-position: -345px -230px;
  }

  44.4% {
    background-position: -460px -230px;
  }

  47.2% {
    background-position: -575px -230px;
  }

  50% {
    background-position: 0 -345px;
  }

  52.8% {
    background-position: -115px -345px;
  }

  55.6% {
    background-position: -230px -345px;
  }

  58.3% {
    background-position: -345px -345px;
  }

  61.1% {
    background-position: -460px -345px;
  }

  63.9% {
    background-position: -575px -345px;
  }

  66.7% {
    background-position: 0 -460px;
  }

  69.4% {
    background-position: -115px -460px;
  }

  72.2% {
    background-position: -230px -460px;
  }

  75% {
    background-position: -345px -460px;
  }

  77.8% {
    background-position: -460px -460px;
  }

  80.6% {
    background-position: -575px -460px;
  }

  83.3% {
    background-position: 0 -575px;
  }

  86.1% {
    background-position: -115px -575px;
  }

  88.9% {
    background-position: -230px -575px;
  }

  91.7% {
    background-position: -345px -575px;
  }

  94.4% {
    background-position: -460px -575px;
  }

  97.2% {
    background-position: -575px -575px;
  }

  100% {
    background-position: -575px -575px;
  }
}

.jh-37 {
  height: 115px;
  width: 115px;
  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/20221129164500/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;
  }

  8.3% {
    background-position: -230px 0;
  }

  12.5% {
    background-position: -345px 0;
  }

  16.7% {
    background-position: -460px 0;
  }

  20.8% {
    background-position: 0 -115px;
  }

  25% {
    background-position: -115px -115px;
  }

  29.2% {
    background-position: -230px -115px;
  }

  33.3% {
    background-position: -345px -115px;
  }

  37.5% {
    background-position: -460px -115px;
  }

  41.7% {
    background-position: 0 -230px;
  }

  45.8% {
    background-position: -115px -230px;
  }

  50% {
    background-position: -230px -230px;
  }

  54.2% {
    background-position: -345px -230px;
  }

  58.3% {
    background-position: -460px -230px;
  }

  62.5% {
    background-position: 0 -345px;
  }

  66.7% {
    background-position: -115px -345px;
  }

  70.8% {
    background-position: -230px -345px;
  }

  75% {
    background-position: -345px -345px;
  }

  79.2% {
    background-position: -460px -345px;
  }

  83.3% {
    background-position: 0 -460px;
  }

  87.5% {
    background-position: -115px -460px;
  }

  91.7% {
    background-position: -230px -460px;
  }

  95.8% {
    background-position: -345px -460px;
  }

  100% {
    background-position: -345px -460px;
  }
}

@keyframes sprite_image_0_23__png_1 {
  0% {
    background-position: 0 0;
    /* no */
  }

  4.2% {
    background-position: -115px 0;
  }

  8.3% {
    background-position: -230px 0;
  }

  12.5% {
    background-position: -345px 0;
  }

  16.7% {
    background-position: -460px 0;
  }

  20.8% {
    background-position: 0 -115px;
  }

  25% {
    background-position: -115px -115px;
  }

  29.2% {
    background-position: -230px -115px;
  }

  33.3% {
    background-position: -345px -115px;
  }

  37.5% {
    background-position: -460px -115px;
  }

  41.7% {
    background-position: 0 -230px;
  }

  45.8% {
    background-position: -115px -230px;
  }

  50% {
    background-position: -230px -230px;
  }

  54.2% {
    background-position: -345px -230px;
  }

  58.3% {
    background-position: -460px -230px;
  }

  62.5% {
    background-position: 0 -345px;
  }

  66.7% {
    background-position: -115px -345px;
  }

  70.8% {
    background-position: -230px -345px;
  }

  75% {
    background-position: -345px -345px;
  }

  79.2% {
    background-position: -460px -345px;
  }

  83.3% {
    background-position: 0 -460px;
  }

  87.5% {
    background-position: -115px -460px;
  }

  91.7% {
    background-position: -230px -460px;
  }

  95.8% {
    background-position: -345px -460px;
  }

  100% {
    background-position: -345px -460px;
  }
}

.jh-38 {
  height: 115px;
  width: 115px;
  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/20221129164500/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;
  }

  8.3% {
    background-position: -230px 0;
  }

  12.5% {
    background-position: -345px 0;
  }

  16.7% {
    background-position: -460px 0;
  }

  20.8% {
    background-position: 0 -115px;
  }

  25% {
    background-position: -115px -115px;
  }

  29.2% {
    background-position: -230px -115px;
  }

  33.3% {
    background-position: -345px -115px;
  }

  37.5% {
    background-position: -460px -115px;
  }

  41.7% {
    background-position: 0 -230px;
  }

  45.8% {
    background-position: -115px -230px;
  }

  50% {
    background-position: -230px -230px;
  }

  54.2% {
    background-position: -345px -230px;
  }

  58.3% {
    background-position: -460px -230px;
  }

  62.5% {
    background-position: 0 -345px;
  }

  66.7% {
    background-position: -115px -345px;
  }

  70.8% {
    background-position: -230px -345px;
  }

  75% {
    background-position: -345px -345px;
  }

  79.2% {
    background-position: -460px -345px;
  }

  83.3% {
    background-position: 0 -460px;
  }

  87.5% {
    background-position: -115px -460px;
  }

  91.7% {
    background-position: -230px -460px;
  }

  95.8% {
    background-position: -345px -460px;
  }

  100% {
    background-position: -345px -460px;
  }
}

@keyframes sprite_image_0_23__png_2 {
  0% {
    background-position: 0 0;
    /* no */
  }

  4.2% {
    background-position: -115px 0;
  }

  8.3% {
    background-position: -230px 0;
  }

  12.5% {
    background-position: -345px 0;
  }

  16.7% {
    background-position: -460px 0;
  }

  20.8% {
    background-position: 0 -115px;
  }

  25% {
    background-position: -115px -115px;
  }

  29.2% {
    background-position: -230px -115px;
  }

  33.3% {
    background-position: -345px -115px;
  }

  37.5% {
    background-position: -460px -115px;
  }

  41.7% {
    background-position: 0 -230px;
  }

  45.8% {
    background-position: -115px -230px;
  }

  50% {
    background-position: -230px -230px;
  }

  54.2% {
    background-position: -345px -230px;
  }

  58.3% {
    background-position: -460px -230px;
  }

  62.5% {
    background-position: 0 -345px;
  }

  66.7% {
    background-position: -115px -345px;
  }

  70.8% {
    background-position: -230px -345px;
  }

  75% {
    background-position: -345px -345px;
  }

  79.2% {
    background-position: -460px -345px;
  }

  83.3% {
    background-position: 0 -460px;
  }

  87.5% {
    background-position: -115px -460px;
  }

  91.7% {
    background-position: -230px -460px;
  }

  95.8% {
    background-position: -345px -460px;
  }

  100% {
    background-position: -345px -460px;
  }
}

.jh-39 {
  height: 115px;
  width: 115px;
  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/20221129164500/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;
  }

  8.3% {
    background-position: -230px 0;
  }

  12.5% {
    background-position: -345px 0;
  }

  16.7% {
    background-position: -460px 0;
  }

  20.8% {
    background-position: 0 -115px;
  }

  25% {
    background-position: -115px -115px;
  }

  29.2% {
    background-position: -230px -115px;
  }

  33.3% {
    background-position: -345px -115px;
  }

  37.5% {
    background-position: -460px -115px;
  }

  41.7% {
    background-position: 0 -230px;
  }

  45.8% {
    background-position: -115px -230px;
  }

  50% {
    background-position: -230px -230px;
  }

  54.2% {
    background-position: -345px -230px;
  }

  58.3% {
    background-position: -460px -230px;
  }

  62.5% {
    background-position: 0 -345px;
  }

  66.7% {
    background-position: -115px -345px;
  }

  70.8% {
    background-position: -230px -345px;
  }

  75% {
    background-position: -345px -345px;
  }

  79.2% {
    background-position: -460px -345px;
  }

  83.3% {
    background-position: 0 -460px;
  }

  87.5% {
    background-position: -115px -460px;
  }

  91.7% {
    background-position: -230px -460px;
  }

  95.8% {
    background-position: -345px -460px;
  }

  100% {
    background-position: -345px -460px;
  }
}

@keyframes sprite_image_0_23__png_3 {
  0% {
    background-position: 0 0;
    /* no */
  }

  4.2% {
    background-position: -115px 0;
  }

  8.3% {
    background-position: -230px 0;
  }

  12.5% {
    background-position: -345px 0;
  }

  16.7% {
    background-position: -460px 0;
  }

  20.8% {
    background-position: 0 -115px;
  }

  25% {
    background-position: -115px -115px;
  }

  29.2% {
    background-position: -230px -115px;
  }

  33.3% {
    background-position: -345px -115px;
  }

  37.5% {
    background-position: -460px -115px;
  }

  41.7% {
    background-position: 0 -230px;
  }

  45.8% {
    background-position: -115px -230px;
  }

  50% {
    background-position: -230px -230px;
  }

  54.2% {
    background-position: -345px -230px;
  }

  58.3% {
    background-position: -460px -230px;
  }

  62.5% {
    background-position: 0 -345px;
  }

  66.7% {
    background-position: -115px -345px;
  }

  70.8% {
    background-position: -230px -345px;
  }

  75% {
    background-position: -345px -345px;
  }

  79.2% {
    background-position: -460px -345px;
  }

  83.3% {
    background-position: 0 -460px;
  }

  87.5% {
    background-position: -115px -460px;
  }

  91.7% {
    background-position: -230px -460px;
  }

  95.8% {
    background-position: -345px -460px;
  }

  100% {
    background-position: -345px -460px;
  }
}

.jh-40 {
  height: 115px;
  width: 115px;
  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/20221129164500/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;
  }

  8.3% {
    background-position: -230px 0;
  }

  12.5% {
    background-position: -345px 0;
  }

  16.7% {
    background-position: -460px 0;
  }

  20.8% {
    background-position: 0 -115px;
  }

  25% {
    background-position: -115px -115px;
  }

  29.2% {
    background-position: -230px -115px;
  }

  33.3% {
    background-position: -345px -115px;
  }

  37.5% {
    background-position: -460px -115px;
  }

  41.7% {
    background-position: 0 -230px;
  }

  45.8% {
    background-position: -115px -230px;
  }

  50% {
    background-position: -230px -230px;
  }

  54.2% {
    background-position: -345px -230px;
  }

  58.3% {
    background-position: -460px -230px;
  }

  62.5% {
    background-position: 0 -345px;
  }

  66.7% {
    background-position: -115px -345px;
  }

  70.8% {
    background-position: -230px -345px;
  }

  75% {
    background-position: -345px -345px;
  }

  79.2% {
    background-position: -460px -345px;
  }

  83.3% {
    background-position: 0 -460px;
  }

  87.5% {
    background-position: -115px -460px;
  }

  91.7% {
    background-position: -230px -460px;
  }

  95.8% {
    background-position: -345px -460px;
  }

  100% {
    background-position: -345px -460px;
  }
}

@keyframes sprite_image_0_23__png_4 {
  0% {
    background-position: 0 0;
    /* no */
  }

  4.2% {
    background-position: -115px 0;
  }

  8.3% {
    background-position: -230px 0;
  }

  12.5% {
    background-position: -345px 0;
  }

  16.7% {
    background-position: -460px 0;
  }

  20.8% {
    background-position: 0 -115px;
  }

  25% {
    background-position: -115px -115px;
  }

  29.2% {
    background-position: -230px -115px;
  }

  33.3% {
    background-position: -345px -115px;
  }

  37.5% {
    background-position: -460px -115px;
  }

  41.7% {
    background-position: 0 -230px;
  }

  45.8% {
    background-position: -115px -230px;
  }

  50% {
    background-position: -230px -230px;
  }

  54.2% {
    background-position: -345px -230px;
  }

  58.3% {
    background-position: -460px -230px;
  }

  62.5% {
    background-position: 0 -345px;
  }

  66.7% {
    background-position: -115px -345px;
  }

  70.8% {
    background-position: -230px -345px;
  }

  75% {
    background-position: -345px -345px;
  }

  79.2% {
    background-position: -460px -345px;
  }

  83.3% {
    background-position: 0 -460px;
  }

  87.5% {
    background-position: -115px -460px;
  }

  91.7% {
    background-position: -230px -460px;
  }

  95.8% {
    background-position: -345px -460px;
  }

  100% {
    background-position: -345px -460px;
  }
}

.jh-41 {
  height: 115px;
  width: 115px;
  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/20221129164500/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;
  }

  8.3% {
    background-position: -230px 0;
  }

  12.5% {
    background-position: -345px 0;
  }

  16.7% {
    background-position: -460px 0;
  }

  20.8% {
    background-position: 0 -115px;
  }

  25% {
    background-position: -115px -115px;
  }

  29.2% {
    background-position: -230px -115px;
  }

  33.3% {
    background-position: -345px -115px;
  }

  37.5% {
    background-position: -460px -115px;
  }

  41.7% {
    background-position: 0 -230px;
  }

  45.8% {
    background-position: -115px -230px;
  }

  50% {
    background-position: -230px -230px;
  }

  54.2% {
    background-position: -345px -230px;
  }

  58.3% {
    background-position: -460px -230px;
  }

  62.5% {
    background-position: 0 -345px;
  }

  66.7% {
    background-position: -115px -345px;
  }

  70.8% {
    background-position: -230px -345px;
  }

  75% {
    background-position: -345px -345px;
  }

  79.2% {
    background-position: -460px -345px;
  }

  83.3% {
    background-position: 0 -460px;
  }

  87.5% {
    background-position: -115px -460px;
  }

  91.7% {
    background-position: -230px -460px;
  }

  95.8% {
    background-position: -345px -460px;
  }

  100% {
    background-position: -345px -460px;
  }
}

@keyframes sprite_image_0_23__png_5 {
  0% {
    background-position: 0 0;
    /* no */
  }

  4.2% {
    background-position: -115px 0;
  }

  8.3% {
    background-position: -230px 0;
  }

  12.5% {
    background-position: -345px 0;
  }

  16.7% {
    background-position: -460px 0;
  }

  20.8% {
    background-position: 0 -115px;
  }

  25% {
    background-position: -115px -115px;
  }

  29.2% {
    background-position: -230px -115px;
  }

  33.3% {
    background-position: -345px -115px;
  }

  37.5% {
    background-position: -460px -115px;
  }

  41.7% {
    background-position: 0 -230px;
  }

  45.8% {
    background-position: -115px -230px;
  }

  50% {
    background-position: -230px -230px;
  }

  54.2% {
    background-position: -345px -230px;
  }

  58.3% {
    background-position: -460px -230px;
  }

  62.5% {
    background-position: 0 -345px;
  }

  66.7% {
    background-position: -115px -345px;
  }

  70.8% {
    background-position: -230px -345px;
  }

  75% {
    background-position: -345px -345px;
  }

  79.2% {
    background-position: -460px -345px;
  }

  83.3% {
    background-position: 0 -460px;
  }

  87.5% {
    background-position: -115px -460px;
  }

  91.7% {
    background-position: -230px -460px;
  }

  95.8% {
    background-position: -345px -460px;
  }

  100% {
    background-position: -345px -460px;
  }
}

.jh-42 {
  height: 115px;
  width: 115px;
  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/20221129164500/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;
  }

  8.3% {
    background-position: -230px 0;
  }

  12.5% {
    background-position: -345px 0;
  }

  16.7% {
    background-position: -460px 0;
  }

  20.8% {
    background-position: 0 -115px;
  }

  25% {
    background-position: -115px -115px;
  }

  29.2% {
    background-position: -230px -115px;
  }

  33.3% {
    background-position: -345px -115px;
  }

  37.5% {
    background-position: -460px -115px;
  }

  41.7% {
    background-position: 0 -230px;
  }

  45.8% {
    background-position: -115px -230px;
  }

  50% {
    background-position: -230px -230px;
  }

  54.2% {
    background-position: -345px -230px;
  }

  58.3% {
    background-position: -460px -230px;
  }

  62.5% {
    background-position: 0 -345px;
  }

  66.7% {
    background-position: -115px -345px;
  }

  70.8% {
    background-position: -230px -345px;
  }

  75% {
    background-position: -345px -345px;
  }

  79.2% {
    background-position: -460px -345px;
  }

  83.3% {
    background-position: 0 -460px;
  }

  87.5% {
    background-position: -115px -460px;
  }

  91.7% {
    background-position: -230px -460px;
  }

  95.8% {
    background-position: -345px -460px;
  }

  100% {
    background-position: -345px -460px;
  }
}

@keyframes sprite_image_0_23__png_6 {
  0% {
    background-position: 0 0;
    /* no */
  }

  4.2% {
    background-position: -115px 0;
  }

  8.3% {
    background-position: -230px 0;
  }

  12.5% {
    background-position: -345px 0;
  }

  16.7% {
    background-position: -460px 0;
  }

  20.8% {
    background-position: 0 -115px;
  }

  25% {
    background-position: -115px -115px;
  }

  29.2% {
    background-position: -230px -115px;
  }

  33.3% {
    background-position: -345px -115px;
  }

  37.5% {
    background-position: -460px -115px;
  }

  41.7% {
    background-position: 0 -230px;
  }

  45.8% {
    background-position: -115px -230px;
  }

  50% {
    background-position: -230px -230px;
  }

  54.2% {
    background-position: -345px -230px;
  }

  58.3% {
    background-position: -460px -230px;
  }

  62.5% {
    background-position: 0 -345px;
  }

  66.7% {
    background-position: -115px -345px;
  }

  70.8% {
    background-position: -230px -345px;
  }

  75% {
    background-position: -345px -345px;
  }

  79.2% {
    background-position: -460px -345px;
  }

  83.3% {
    background-position: 0 -460px;
  }

  87.5% {
    background-position: -115px -460px;
  }

  91.7% {
    background-position: -230px -460px;
  }

  95.8% {
    background-position: -345px -460px;
  }

  100% {
    background-position: -345px -460px;
  }
}

.nxh-1 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/jh-31_603962a0.png);
  background-size: 1400% 1300%;
}

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

  0.6% {
    background-position: -1.15rem 0;
  }

  1.1% {
    background-position: -2.3rem 0;
  }

  1.7% {
    background-position: -3.45rem 0;
  }

  2.2% {
    background-position: -4.6rem 0;
  }

  2.8% {
    background-position: -5.75rem 0;
  }

  3.3% {
    background-position: -6.9rem 0;
  }

  3.9% {
    background-position: -8.05rem 0;
  }

  4.4% {
    background-position: -9.2rem 0;
  }

  5% {
    background-position: -10.35rem 0;
  }

  5.6% {
    background-position: -11.5rem 0;
  }

  6.1% {
    background-position: -12.65rem 0;
  }

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

  7.2% {
    background-position: -14.95rem 0;
  }

  7.8% {
    background-position: 0 -1.15rem;
  }

  8.3% {
    background-position: -1.15rem -1.15rem;
  }

  8.9% {
    background-position: -2.3rem -1.15rem;
  }

  9.4% {
    background-position: -3.45rem -1.15rem;
  }

  10% {
    background-position: -4.6rem -1.15rem;
  }

  10.6% {
    background-position: -5.75rem -1.15rem;
  }

  11.1% {
    background-position: -6.9rem -1.15rem;
  }

  11.7% {
    background-position: -8.05rem -1.15rem;
  }

  12.2% {
    background-position: -9.2rem -1.15rem;
  }

  12.8% {
    background-position: -10.35rem -1.15rem;
  }

  13.3% {
    background-position: -11.5rem -1.15rem;
  }

  13.9% {
    background-position: -12.65rem -1.15rem;
  }

  14.4% {
    background-position: -13.8rem -1.15rem;
  }

  15% {
    background-position: -14.95rem -1.15rem;
  }

  15.6% {
    background-position: 0 -2.3rem;
  }

  16.1% {
    background-position: -1.15rem -2.3rem;
  }

  16.7% {
    background-position: -2.3rem -2.3rem;
  }

  17.2% {
    background-position: -3.45rem -2.3rem;
  }

  17.8% {
    background-position: -4.6rem -2.3rem;
  }

  18.3% {
    background-position: -5.75rem -2.3rem;
  }

  18.9% {
    background-position: -6.9rem -2.3rem;
  }

  19.4% {
    background-position: -8.05rem -2.3rem;
  }

  20% {
    background-position: -9.2rem -2.3rem;
  }

  20.6% {
    background-position: -10.35rem -2.3rem;
  }

  21.1% {
    background-position: -11.5rem -2.3rem;
  }

  21.7% {
    background-position: -12.65rem -2.3rem;
  }

  22.2% {
    background-position: -13.8rem -2.3rem;
  }

  22.8% {
    background-position: -14.95rem -2.3rem;
  }

  23.3% {
    background-position: 0 -3.45rem;
  }

  23.9% {
    background-position: -1.15rem -3.45rem;
  }

  24.4% {
    background-position: -2.3rem -3.45rem;
  }

  25% {
    background-position: -3.45rem -3.45rem;
  }

  25.6% {
    background-position: -4.6rem -3.45rem;
  }

  26.1% {
    background-position: -5.75rem -3.45rem;
  }

  26.7% {
    background-position: -6.9rem -3.45rem;
  }

  27.2% {
    background-position: -8.05rem -3.45rem;
  }

  27.8% {
    background-position: -9.2rem -3.45rem;
  }

  28.3% {
    background-position: -10.35rem -3.45rem;
  }

  28.9% {
    background-position: -11.5rem -3.45rem;
  }

  29.4% {
    background-position: -12.65rem -3.45rem;
  }

  30% {
    background-position: -13.8rem -3.45rem;
  }

  30.6% {
    background-position: -14.95rem -3.45rem;
  }

  31.1% {
    background-position: 0 -4.6rem;
  }

  31.7% {
    background-position: -1.15rem -4.6rem;
  }

  32.2% {
    background-position: -2.3rem -4.6rem;
  }

  32.8% {
    background-position: -3.45rem -4.6rem;
  }

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

  33.9% {
    background-position: -5.75rem -4.6rem;
  }

  34.4% {
    background-position: -6.9rem -4.6rem;
  }

  35% {
    background-position: -8.05rem -4.6rem;
  }

  35.6% {
    background-position: -9.2rem -4.6rem;
  }

  36.1% {
    background-position: -10.35rem -4.6rem;
  }

  36.7% {
    background-position: -11.5rem -4.6rem;
  }

  37.2% {
    background-position: -12.65rem -4.6rem;
  }

  37.8% {
    background-position: -13.8rem -4.6rem;
  }

  38.3% {
    background-position: -14.95rem -4.6rem;
  }

  38.9% {
    background-position: 0 -5.75rem;
  }

  39.4% {
    background-position: -1.15rem -5.75rem;
  }

  40% {
    background-position: -2.3rem -5.75rem;
  }

  40.6% {
    background-position: -3.45rem -5.75rem;
  }

  41.1% {
    background-position: -4.6rem -5.75rem;
  }

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

  42.2% {
    background-position: -6.9rem -5.75rem;
  }

  42.8% {
    background-position: -8.05rem -5.75rem;
  }

  43.3% {
    background-position: -9.2rem -5.75rem;
  }

  43.9% {
    background-position: -10.35rem -5.75rem;
  }

  44.4% {
    background-position: -11.5rem -5.75rem;
  }

  45% {
    background-position: -12.65rem -5.75rem;
  }

  45.6% {
    background-position: -13.8rem -5.75rem;
  }

  46.1% {
    background-position: -14.95rem -5.75rem;
  }

  46.7% {
    background-position: 0 -6.9rem;
  }

  47.2% {
    background-position: -1.15rem -6.9rem;
  }

  47.8% {
    background-position: -2.3rem -6.9rem;
  }

  48.3% {
    background-position: -3.45rem -6.9rem;
  }

  48.9% {
    background-position: -4.6rem -6.9rem;
  }

  49.4% {
    background-position: -5.75rem -6.9rem;
  }

  50% {
    background-position: -6.9rem -6.9rem;
  }

  50.6% {
    background-position: -8.05rem -6.9rem;
  }

  51.1% {
    background-position: -9.2rem -6.9rem;
  }

  51.7% {
    background-position: -10.35rem -6.9rem;
  }

  52.2% {
    background-position: -11.5rem -6.9rem;
  }

  52.8% {
    background-position: -12.65rem -6.9rem;
  }

  53.3% {
    background-position: -13.8rem -6.9rem;
  }

  53.9% {
    background-position: -14.95rem -6.9rem;
  }

  54.4% {
    background-position: 0 -8.05rem;
  }

  55% {
    background-position: -1.15rem -8.05rem;
  }

  55.6% {
    background-position: -2.3rem -8.05rem;
  }

  56.1% {
    background-position: -3.45rem -8.05rem;
  }

  56.7% {
    background-position: -4.6rem -8.05rem;
  }

  57.2% {
    background-position: -5.75rem -8.05rem;
  }

  57.8% {
    background-position: -6.9rem -8.05rem;
  }

  58.3% {
    background-position: -8.05rem -8.05rem;
  }

  58.9% {
    background-position: -9.2rem -8.05rem;
  }

  59.4% {
    background-position: -10.35rem -8.05rem;
  }

  60% {
    background-position: -11.5rem -8.05rem;
  }

  60.6% {
    background-position: -12.65rem -8.05rem;
  }

  61.1% {
    background-position: -13.8rem -8.05rem;
  }

  61.7% {
    background-position: -14.95rem -8.05rem;
  }

  62.2% {
    background-position: 0 -9.2rem;
  }

  62.8% {
    background-position: -1.15rem -9.2rem;
  }

  63.3% {
    background-position: -2.3rem -9.2rem;
  }

  63.9% {
    background-position: -3.45rem -9.2rem;
  }

  64.4% {
    background-position: -4.6rem -9.2rem;
  }

  65% {
    background-position: -5.75rem -9.2rem;
  }

  65.6% {
    background-position: -6.9rem -9.2rem;
  }

  66.1% {
    background-position: -8.05rem -9.2rem;
  }

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

  67.2% {
    background-position: -10.35rem -9.2rem;
  }

  67.8% {
    background-position: -11.5rem -9.2rem;
  }

  68.3% {
    background-position: -12.65rem -9.2rem;
  }

  68.9% {
    background-position: -13.8rem -9.2rem;
  }

  69.4% {
    background-position: -14.95rem -9.2rem;
  }

  70% {
    background-position: 0 -10.35rem;
  }

  70.6% {
    background-position: -1.15rem -10.35rem;
  }

  71.1% {
    background-position: -2.3rem -10.35rem;
  }

  71.7% {
    background-position: -3.45rem -10.35rem;
  }

  72.2% {
    background-position: -4.6rem -10.35rem;
  }

  72.8% {
    background-position: -5.75rem -10.35rem;
  }

  73.3% {
    background-position: -6.9rem -10.35rem;
  }

  73.9% {
    background-position: -8.05rem -10.35rem;
  }

  74.4% {
    background-position: -9.2rem -10.35rem;
  }

  75% {
    background-position: -10.35rem -10.35rem;
  }

  75.6% {
    background-position: -11.5rem -10.35rem;
  }

  76.1% {
    background-position: -12.65rem -10.35rem;
  }

  76.7% {
    background-position: -13.8rem -10.35rem;
  }

  77.2% {
    background-position: -14.95rem -10.35rem;
  }

  77.8% {
    background-position: 0 -11.5rem;
  }

  78.3% {
    background-position: -1.15rem -11.5rem;
  }

  78.9% {
    background-position: -2.3rem -11.5rem;
  }

  79.4% {
    background-position: -3.45rem -11.5rem;
  }

  80% {
    background-position: -4.6rem -11.5rem;
  }

  80.6% {
    background-position: -5.75rem -11.5rem;
  }

  81.1% {
    background-position: -6.9rem -11.5rem;
  }

  81.7% {
    background-position: -8.05rem -11.5rem;
  }

  82.2% {
    background-position: -9.2rem -11.5rem;
  }

  82.8% {
    background-position: -10.35rem -11.5rem;
  }

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

  83.9% {
    background-position: -12.65rem -11.5rem;
  }

  84.4% {
    background-position: -13.8rem -11.5rem;
  }

  85% {
    background-position: -14.95rem -11.5rem;
  }

  85.6% {
    background-position: 0 -12.65rem;
  }

  86.1% {
    background-position: -1.15rem -12.65rem;
  }

  86.7% {
    background-position: -2.3rem -12.65rem;
  }

  87.2% {
    background-position: -3.45rem -12.65rem;
  }

  87.8% {
    background-position: -4.6rem -12.65rem;
  }

  88.3% {
    background-position: -5.75rem -12.65rem;
  }

  88.9% {
    background-position: -6.9rem -12.65rem;
  }

  89.4% {
    background-position: -8.05rem -12.65rem;
  }

  90% {
    background-position: -9.2rem -12.65rem;
  }

  90.6% {
    background-position: -10.35rem -12.65rem;
  }

  91.1% {
    background-position: -11.5rem -12.65rem;
  }

  91.7% {
    background-position: -12.65rem -12.65rem;
  }

  92.2% {
    background-position: -13.8rem -12.65rem;
  }

  92.8% {
    background-position: -14.95rem -12.65rem;
  }

  93.3% {
    background-position: 0 -13.8rem;
  }

  93.9% {
    background-position: -1.15rem -13.8rem;
  }

  94.4% {
    background-position: -2.3rem -13.8rem;
  }

  95% {
    background-position: -3.45rem -13.8rem;
  }

  95.6% {
    background-position: -4.6rem -13.8rem;
  }

  96.1% {
    background-position: -5.75rem -13.8rem;
  }

  96.7% {
    background-position: -6.9rem -13.8rem;
  }

  97.2% {
    background-position: -8.05rem -13.8rem;
  }

  97.8% {
    background-position: -9.2rem -13.8rem;
  }

  98.3% {
    background-position: -10.35rem -13.8rem;
  }

  98.9% {
    background-position: -11.5rem -13.8rem;
  }

  99.4% {
    background-position: -12.65rem -13.8rem;
  }

  100% {
    background-position: -12.65rem -13.8rem;
  }
}

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

  0.6% {
    background-position: -1.15rem 0;
  }

  1.1% {
    background-position: -2.3rem 0;
  }

  1.7% {
    background-position: -3.45rem 0;
  }

  2.2% {
    background-position: -4.6rem 0;
  }

  2.8% {
    background-position: -5.75rem 0;
  }

  3.3% {
    background-position: -6.9rem 0;
  }

  3.9% {
    background-position: -8.05rem 0;
  }

  4.4% {
    background-position: -9.2rem 0;
  }

  5% {
    background-position: -10.35rem 0;
  }

  5.6% {
    background-position: -11.5rem 0;
  }

  6.1% {
    background-position: -12.65rem 0;
  }

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

  7.2% {
    background-position: -14.95rem 0;
  }

  7.8% {
    background-position: 0 -1.15rem;
  }

  8.3% {
    background-position: -1.15rem -1.15rem;
  }

  8.9% {
    background-position: -2.3rem -1.15rem;
  }

  9.4% {
    background-position: -3.45rem -1.15rem;
  }

  10% {
    background-position: -4.6rem -1.15rem;
  }

  10.6% {
    background-position: -5.75rem -1.15rem;
  }

  11.1% {
    background-position: -6.9rem -1.15rem;
  }

  11.7% {
    background-position: -8.05rem -1.15rem;
  }

  12.2% {
    background-position: -9.2rem -1.15rem;
  }

  12.8% {
    background-position: -10.35rem -1.15rem;
  }

  13.3% {
    background-position: -11.5rem -1.15rem;
  }

  13.9% {
    background-position: -12.65rem -1.15rem;
  }

  14.4% {
    background-position: -13.8rem -1.15rem;
  }

  15% {
    background-position: -14.95rem -1.15rem;
  }

  15.6% {
    background-position: 0 -2.3rem;
  }

  16.1% {
    background-position: -1.15rem -2.3rem;
  }

  16.7% {
    background-position: -2.3rem -2.3rem;
  }

  17.2% {
    background-position: -3.45rem -2.3rem;
  }

  17.8% {
    background-position: -4.6rem -2.3rem;
  }

  18.3% {
    background-position: -5.75rem -2.3rem;
  }

  18.9% {
    background-position: -6.9rem -2.3rem;
  }

  19.4% {
    background-position: -8.05rem -2.3rem;
  }

  20% {
    background-position: -9.2rem -2.3rem;
  }

  20.6% {
    background-position: -10.35rem -2.3rem;
  }

  21.1% {
    background-position: -11.5rem -2.3rem;
  }

  21.7% {
    background-position: -12.65rem -2.3rem;
  }

  22.2% {
    background-position: -13.8rem -2.3rem;
  }

  22.8% {
    background-position: -14.95rem -2.3rem;
  }

  23.3% {
    background-position: 0 -3.45rem;
  }

  23.9% {
    background-position: -1.15rem -3.45rem;
  }

  24.4% {
    background-position: -2.3rem -3.45rem;
  }

  25% {
    background-position: -3.45rem -3.45rem;
  }

  25.6% {
    background-position: -4.6rem -3.45rem;
  }

  26.1% {
    background-position: -5.75rem -3.45rem;
  }

  26.7% {
    background-position: -6.9rem -3.45rem;
  }

  27.2% {
    background-position: -8.05rem -3.45rem;
  }

  27.8% {
    background-position: -9.2rem -3.45rem;
  }

  28.3% {
    background-position: -10.35rem -3.45rem;
  }

  28.9% {
    background-position: -11.5rem -3.45rem;
  }

  29.4% {
    background-position: -12.65rem -3.45rem;
  }

  30% {
    background-position: -13.8rem -3.45rem;
  }

  30.6% {
    background-position: -14.95rem -3.45rem;
  }

  31.1% {
    background-position: 0 -4.6rem;
  }

  31.7% {
    background-position: -1.15rem -4.6rem;
  }

  32.2% {
    background-position: -2.3rem -4.6rem;
  }

  32.8% {
    background-position: -3.45rem -4.6rem;
  }

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

  33.9% {
    background-position: -5.75rem -4.6rem;
  }

  34.4% {
    background-position: -6.9rem -4.6rem;
  }

  35% {
    background-position: -8.05rem -4.6rem;
  }

  35.6% {
    background-position: -9.2rem -4.6rem;
  }

  36.1% {
    background-position: -10.35rem -4.6rem;
  }

  36.7% {
    background-position: -11.5rem -4.6rem;
  }

  37.2% {
    background-position: -12.65rem -4.6rem;
  }

  37.8% {
    background-position: -13.8rem -4.6rem;
  }

  38.3% {
    background-position: -14.95rem -4.6rem;
  }

  38.9% {
    background-position: 0 -5.75rem;
  }

  39.4% {
    background-position: -1.15rem -5.75rem;
  }

  40% {
    background-position: -2.3rem -5.75rem;
  }

  40.6% {
    background-position: -3.45rem -5.75rem;
  }

  41.1% {
    background-position: -4.6rem -5.75rem;
  }

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

  42.2% {
    background-position: -6.9rem -5.75rem;
  }

  42.8% {
    background-position: -8.05rem -5.75rem;
  }

  43.3% {
    background-position: -9.2rem -5.75rem;
  }

  43.9% {
    background-position: -10.35rem -5.75rem;
  }

  44.4% {
    background-position: -11.5rem -5.75rem;
  }

  45% {
    background-position: -12.65rem -5.75rem;
  }

  45.6% {
    background-position: -13.8rem -5.75rem;
  }

  46.1% {
    background-position: -14.95rem -5.75rem;
  }

  46.7% {
    background-position: 0 -6.9rem;
  }

  47.2% {
    background-position: -1.15rem -6.9rem;
  }

  47.8% {
    background-position: -2.3rem -6.9rem;
  }

  48.3% {
    background-position: -3.45rem -6.9rem;
  }

  48.9% {
    background-position: -4.6rem -6.9rem;
  }

  49.4% {
    background-position: -5.75rem -6.9rem;
  }

  50% {
    background-position: -6.9rem -6.9rem;
  }

  50.6% {
    background-position: -8.05rem -6.9rem;
  }

  51.1% {
    background-position: -9.2rem -6.9rem;
  }

  51.7% {
    background-position: -10.35rem -6.9rem;
  }

  52.2% {
    background-position: -11.5rem -6.9rem;
  }

  52.8% {
    background-position: -12.65rem -6.9rem;
  }

  53.3% {
    background-position: -13.8rem -6.9rem;
  }

  53.9% {
    background-position: -14.95rem -6.9rem;
  }

  54.4% {
    background-position: 0 -8.05rem;
  }

  55% {
    background-position: -1.15rem -8.05rem;
  }

  55.6% {
    background-position: -2.3rem -8.05rem;
  }

  56.1% {
    background-position: -3.45rem -8.05rem;
  }

  56.7% {
    background-position: -4.6rem -8.05rem;
  }

  57.2% {
    background-position: -5.75rem -8.05rem;
  }

  57.8% {
    background-position: -6.9rem -8.05rem;
  }

  58.3% {
    background-position: -8.05rem -8.05rem;
  }

  58.9% {
    background-position: -9.2rem -8.05rem;
  }

  59.4% {
    background-position: -10.35rem -8.05rem;
  }

  60% {
    background-position: -11.5rem -8.05rem;
  }

  60.6% {
    background-position: -12.65rem -8.05rem;
  }

  61.1% {
    background-position: -13.8rem -8.05rem;
  }

  61.7% {
    background-position: -14.95rem -8.05rem;
  }

  62.2% {
    background-position: 0 -9.2rem;
  }

  62.8% {
    background-position: -1.15rem -9.2rem;
  }

  63.3% {
    background-position: -2.3rem -9.2rem;
  }

  63.9% {
    background-position: -3.45rem -9.2rem;
  }

  64.4% {
    background-position: -4.6rem -9.2rem;
  }

  65% {
    background-position: -5.75rem -9.2rem;
  }

  65.6% {
    background-position: -6.9rem -9.2rem;
  }

  66.1% {
    background-position: -8.05rem -9.2rem;
  }

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

  67.2% {
    background-position: -10.35rem -9.2rem;
  }

  67.8% {
    background-position: -11.5rem -9.2rem;
  }

  68.3% {
    background-position: -12.65rem -9.2rem;
  }

  68.9% {
    background-position: -13.8rem -9.2rem;
  }

  69.4% {
    background-position: -14.95rem -9.2rem;
  }

  70% {
    background-position: 0 -10.35rem;
  }

  70.6% {
    background-position: -1.15rem -10.35rem;
  }

  71.1% {
    background-position: -2.3rem -10.35rem;
  }

  71.7% {
    background-position: -3.45rem -10.35rem;
  }

  72.2% {
    background-position: -4.6rem -10.35rem;
  }

  72.8% {
    background-position: -5.75rem -10.35rem;
  }

  73.3% {
    background-position: -6.9rem -10.35rem;
  }

  73.9% {
    background-position: -8.05rem -10.35rem;
  }

  74.4% {
    background-position: -9.2rem -10.35rem;
  }

  75% {
    background-position: -10.35rem -10.35rem;
  }

  75.6% {
    background-position: -11.5rem -10.35rem;
  }

  76.1% {
    background-position: -12.65rem -10.35rem;
  }

  76.7% {
    background-position: -13.8rem -10.35rem;
  }

  77.2% {
    background-position: -14.95rem -10.35rem;
  }

  77.8% {
    background-position: 0 -11.5rem;
  }

  78.3% {
    background-position: -1.15rem -11.5rem;
  }

  78.9% {
    background-position: -2.3rem -11.5rem;
  }

  79.4% {
    background-position: -3.45rem -11.5rem;
  }

  80% {
    background-position: -4.6rem -11.5rem;
  }

  80.6% {
    background-position: -5.75rem -11.5rem;
  }

  81.1% {
    background-position: -6.9rem -11.5rem;
  }

  81.7% {
    background-position: -8.05rem -11.5rem;
  }

  82.2% {
    background-position: -9.2rem -11.5rem;
  }

  82.8% {
    background-position: -10.35rem -11.5rem;
  }

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

  83.9% {
    background-position: -12.65rem -11.5rem;
  }

  84.4% {
    background-position: -13.8rem -11.5rem;
  }

  85% {
    background-position: -14.95rem -11.5rem;
  }

  85.6% {
    background-position: 0 -12.65rem;
  }

  86.1% {
    background-position: -1.15rem -12.65rem;
  }

  86.7% {
    background-position: -2.3rem -12.65rem;
  }

  87.2% {
    background-position: -3.45rem -12.65rem;
  }

  87.8% {
    background-position: -4.6rem -12.65rem;
  }

  88.3% {
    background-position: -5.75rem -12.65rem;
  }

  88.9% {
    background-position: -6.9rem -12.65rem;
  }

  89.4% {
    background-position: -8.05rem -12.65rem;
  }

  90% {
    background-position: -9.2rem -12.65rem;
  }

  90.6% {
    background-position: -10.35rem -12.65rem;
  }

  91.1% {
    background-position: -11.5rem -12.65rem;
  }

  91.7% {
    background-position: -12.65rem -12.65rem;
  }

  92.2% {
    background-position: -13.8rem -12.65rem;
  }

  92.8% {
    background-position: -14.95rem -12.65rem;
  }

  93.3% {
    background-position: 0 -13.8rem;
  }

  93.9% {
    background-position: -1.15rem -13.8rem;
  }

  94.4% {
    background-position: -2.3rem -13.8rem;
  }

  95% {
    background-position: -3.45rem -13.8rem;
  }

  95.6% {
    background-position: -4.6rem -13.8rem;
  }

  96.1% {
    background-position: -5.75rem -13.8rem;
  }

  96.7% {
    background-position: -6.9rem -13.8rem;
  }

  97.2% {
    background-position: -8.05rem -13.8rem;
  }

  97.8% {
    background-position: -9.2rem -13.8rem;
  }

  98.3% {
    background-position: -10.35rem -13.8rem;
  }

  98.9% {
    background-position: -11.5rem -13.8rem;
  }

  99.4% {
    background-position: -12.65rem -13.8rem;
  }

  100% {
    background-position: -12.65rem -13.8rem;
  }
}

.nxh-2 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/jh-32_7c17e08c.png);
  background-size: 1400% 1300%;
}

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

  0.6% {
    background-position: -1.15rem 0;
  }

  1.1% {
    background-position: -2.3rem 0;
  }

  1.7% {
    background-position: -3.45rem 0;
  }

  2.2% {
    background-position: -4.6rem 0;
  }

  2.8% {
    background-position: -5.75rem 0;
  }

  3.3% {
    background-position: -6.9rem 0;
  }

  3.9% {
    background-position: -8.05rem 0;
  }

  4.4% {
    background-position: -9.2rem 0;
  }

  5% {
    background-position: -10.35rem 0;
  }

  5.6% {
    background-position: -11.5rem 0;
  }

  6.1% {
    background-position: -12.65rem 0;
  }

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

  7.2% {
    background-position: -14.95rem 0;
  }

  7.8% {
    background-position: 0 -1.15rem;
  }

  8.3% {
    background-position: -1.15rem -1.15rem;
  }

  8.9% {
    background-position: -2.3rem -1.15rem;
  }

  9.4% {
    background-position: -3.45rem -1.15rem;
  }

  10% {
    background-position: -4.6rem -1.15rem;
  }

  10.6% {
    background-position: -5.75rem -1.15rem;
  }

  11.1% {
    background-position: -6.9rem -1.15rem;
  }

  11.7% {
    background-position: -8.05rem -1.15rem;
  }

  12.2% {
    background-position: -9.2rem -1.15rem;
  }

  12.8% {
    background-position: -10.35rem -1.15rem;
  }

  13.3% {
    background-position: -11.5rem -1.15rem;
  }

  13.9% {
    background-position: -12.65rem -1.15rem;
  }

  14.4% {
    background-position: -13.8rem -1.15rem;
  }

  15% {
    background-position: -14.95rem -1.15rem;
  }

  15.6% {
    background-position: 0 -2.3rem;
  }

  16.1% {
    background-position: -1.15rem -2.3rem;
  }

  16.7% {
    background-position: -2.3rem -2.3rem;
  }

  17.2% {
    background-position: -3.45rem -2.3rem;
  }

  17.8% {
    background-position: -4.6rem -2.3rem;
  }

  18.3% {
    background-position: -5.75rem -2.3rem;
  }

  18.9% {
    background-position: -6.9rem -2.3rem;
  }

  19.4% {
    background-position: -8.05rem -2.3rem;
  }

  20% {
    background-position: -9.2rem -2.3rem;
  }

  20.6% {
    background-position: -10.35rem -2.3rem;
  }

  21.1% {
    background-position: -11.5rem -2.3rem;
  }

  21.7% {
    background-position: -12.65rem -2.3rem;
  }

  22.2% {
    background-position: -13.8rem -2.3rem;
  }

  22.8% {
    background-position: -14.95rem -2.3rem;
  }

  23.3% {
    background-position: 0 -3.45rem;
  }

  23.9% {
    background-position: -1.15rem -3.45rem;
  }

  24.4% {
    background-position: -2.3rem -3.45rem;
  }

  25% {
    background-position: -3.45rem -3.45rem;
  }

  25.6% {
    background-position: -4.6rem -3.45rem;
  }

  26.1% {
    background-position: -5.75rem -3.45rem;
  }

  26.7% {
    background-position: -6.9rem -3.45rem;
  }

  27.2% {
    background-position: -8.05rem -3.45rem;
  }

  27.8% {
    background-position: -9.2rem -3.45rem;
  }

  28.3% {
    background-position: -10.35rem -3.45rem;
  }

  28.9% {
    background-position: -11.5rem -3.45rem;
  }

  29.4% {
    background-position: -12.65rem -3.45rem;
  }

  30% {
    background-position: -13.8rem -3.45rem;
  }

  30.6% {
    background-position: -14.95rem -3.45rem;
  }

  31.1% {
    background-position: 0 -4.6rem;
  }

  31.7% {
    background-position: -1.15rem -4.6rem;
  }

  32.2% {
    background-position: -2.3rem -4.6rem;
  }

  32.8% {
    background-position: -3.45rem -4.6rem;
  }

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

  33.9% {
    background-position: -5.75rem -4.6rem;
  }

  34.4% {
    background-position: -6.9rem -4.6rem;
  }

  35% {
    background-position: -8.05rem -4.6rem;
  }

  35.6% {
    background-position: -9.2rem -4.6rem;
  }

  36.1% {
    background-position: -10.35rem -4.6rem;
  }

  36.7% {
    background-position: -11.5rem -4.6rem;
  }

  37.2% {
    background-position: -12.65rem -4.6rem;
  }

  37.8% {
    background-position: -13.8rem -4.6rem;
  }

  38.3% {
    background-position: -14.95rem -4.6rem;
  }

  38.9% {
    background-position: 0 -5.75rem;
  }

  39.4% {
    background-position: -1.15rem -5.75rem;
  }

  40% {
    background-position: -2.3rem -5.75rem;
  }

  40.6% {
    background-position: -3.45rem -5.75rem;
  }

  41.1% {
    background-position: -4.6rem -5.75rem;
  }

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

  42.2% {
    background-position: -6.9rem -5.75rem;
  }

  42.8% {
    background-position: -8.05rem -5.75rem;
  }

  43.3% {
    background-position: -9.2rem -5.75rem;
  }

  43.9% {
    background-position: -10.35rem -5.75rem;
  }

  44.4% {
    background-position: -11.5rem -5.75rem;
  }

  45% {
    background-position: -12.65rem -5.75rem;
  }

  45.6% {
    background-position: -13.8rem -5.75rem;
  }

  46.1% {
    background-position: -14.95rem -5.75rem;
  }

  46.7% {
    background-position: 0 -6.9rem;
  }

  47.2% {
    background-position: -1.15rem -6.9rem;
  }

  47.8% {
    background-position: -2.3rem -6.9rem;
  }

  48.3% {
    background-position: -3.45rem -6.9rem;
  }

  48.9% {
    background-position: -4.6rem -6.9rem;
  }

  49.4% {
    background-position: -5.75rem -6.9rem;
  }

  50% {
    background-position: -6.9rem -6.9rem;
  }

  50.6% {
    background-position: -8.05rem -6.9rem;
  }

  51.1% {
    background-position: -9.2rem -6.9rem;
  }

  51.7% {
    background-position: -10.35rem -6.9rem;
  }

  52.2% {
    background-position: -11.5rem -6.9rem;
  }

  52.8% {
    background-position: -12.65rem -6.9rem;
  }

  53.3% {
    background-position: -13.8rem -6.9rem;
  }

  53.9% {
    background-position: -14.95rem -6.9rem;
  }

  54.4% {
    background-position: 0 -8.05rem;
  }

  55% {
    background-position: -1.15rem -8.05rem;
  }

  55.6% {
    background-position: -2.3rem -8.05rem;
  }

  56.1% {
    background-position: -3.45rem -8.05rem;
  }

  56.7% {
    background-position: -4.6rem -8.05rem;
  }

  57.2% {
    background-position: -5.75rem -8.05rem;
  }

  57.8% {
    background-position: -6.9rem -8.05rem;
  }

  58.3% {
    background-position: -8.05rem -8.05rem;
  }

  58.9% {
    background-position: -9.2rem -8.05rem;
  }

  59.4% {
    background-position: -10.35rem -8.05rem;
  }

  60% {
    background-position: -11.5rem -8.05rem;
  }

  60.6% {
    background-position: -12.65rem -8.05rem;
  }

  61.1% {
    background-position: -13.8rem -8.05rem;
  }

  61.7% {
    background-position: -14.95rem -8.05rem;
  }

  62.2% {
    background-position: 0 -9.2rem;
  }

  62.8% {
    background-position: -1.15rem -9.2rem;
  }

  63.3% {
    background-position: -2.3rem -9.2rem;
  }

  63.9% {
    background-position: -3.45rem -9.2rem;
  }

  64.4% {
    background-position: -4.6rem -9.2rem;
  }

  65% {
    background-position: -5.75rem -9.2rem;
  }

  65.6% {
    background-position: -6.9rem -9.2rem;
  }

  66.1% {
    background-position: -8.05rem -9.2rem;
  }

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

  67.2% {
    background-position: -10.35rem -9.2rem;
  }

  67.8% {
    background-position: -11.5rem -9.2rem;
  }

  68.3% {
    background-position: -12.65rem -9.2rem;
  }

  68.9% {
    background-position: -13.8rem -9.2rem;
  }

  69.4% {
    background-position: -14.95rem -9.2rem;
  }

  70% {
    background-position: 0 -10.35rem;
  }

  70.6% {
    background-position: -1.15rem -10.35rem;
  }

  71.1% {
    background-position: -2.3rem -10.35rem;
  }

  71.7% {
    background-position: -3.45rem -10.35rem;
  }

  72.2% {
    background-position: -4.6rem -10.35rem;
  }

  72.8% {
    background-position: -5.75rem -10.35rem;
  }

  73.3% {
    background-position: -6.9rem -10.35rem;
  }

  73.9% {
    background-position: -8.05rem -10.35rem;
  }

  74.4% {
    background-position: -9.2rem -10.35rem;
  }

  75% {
    background-position: -10.35rem -10.35rem;
  }

  75.6% {
    background-position: -11.5rem -10.35rem;
  }

  76.1% {
    background-position: -12.65rem -10.35rem;
  }

  76.7% {
    background-position: -13.8rem -10.35rem;
  }

  77.2% {
    background-position: -14.95rem -10.35rem;
  }

  77.8% {
    background-position: 0 -11.5rem;
  }

  78.3% {
    background-position: -1.15rem -11.5rem;
  }

  78.9% {
    background-position: -2.3rem -11.5rem;
  }

  79.4% {
    background-position: -3.45rem -11.5rem;
  }

  80% {
    background-position: -4.6rem -11.5rem;
  }

  80.6% {
    background-position: -5.75rem -11.5rem;
  }

  81.1% {
    background-position: -6.9rem -11.5rem;
  }

  81.7% {
    background-position: -8.05rem -11.5rem;
  }

  82.2% {
    background-position: -9.2rem -11.5rem;
  }

  82.8% {
    background-position: -10.35rem -11.5rem;
  }

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

  83.9% {
    background-position: -12.65rem -11.5rem;
  }

  84.4% {
    background-position: -13.8rem -11.5rem;
  }

  85% {
    background-position: -14.95rem -11.5rem;
  }

  85.6% {
    background-position: 0 -12.65rem;
  }

  86.1% {
    background-position: -1.15rem -12.65rem;
  }

  86.7% {
    background-position: -2.3rem -12.65rem;
  }

  87.2% {
    background-position: -3.45rem -12.65rem;
  }

  87.8% {
    background-position: -4.6rem -12.65rem;
  }

  88.3% {
    background-position: -5.75rem -12.65rem;
  }

  88.9% {
    background-position: -6.9rem -12.65rem;
  }

  89.4% {
    background-position: -8.05rem -12.65rem;
  }

  90% {
    background-position: -9.2rem -12.65rem;
  }

  90.6% {
    background-position: -10.35rem -12.65rem;
  }

  91.1% {
    background-position: -11.5rem -12.65rem;
  }

  91.7% {
    background-position: -12.65rem -12.65rem;
  }

  92.2% {
    background-position: -13.8rem -12.65rem;
  }

  92.8% {
    background-position: -14.95rem -12.65rem;
  }

  93.3% {
    background-position: 0 -13.8rem;
  }

  93.9% {
    background-position: -1.15rem -13.8rem;
  }

  94.4% {
    background-position: -2.3rem -13.8rem;
  }

  95% {
    background-position: -3.45rem -13.8rem;
  }

  95.6% {
    background-position: -4.6rem -13.8rem;
  }

  96.1% {
    background-position: -5.75rem -13.8rem;
  }

  96.7% {
    background-position: -6.9rem -13.8rem;
  }

  97.2% {
    background-position: -8.05rem -13.8rem;
  }

  97.8% {
    background-position: -9.2rem -13.8rem;
  }

  98.3% {
    background-position: -10.35rem -13.8rem;
  }

  98.9% {
    background-position: -11.5rem -13.8rem;
  }

  99.4% {
    background-position: -12.65rem -13.8rem;
  }

  100% {
    background-position: -12.65rem -13.8rem;
  }
}

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

  0.6% {
    background-position: -1.15rem 0;
  }

  1.1% {
    background-position: -2.3rem 0;
  }

  1.7% {
    background-position: -3.45rem 0;
  }

  2.2% {
    background-position: -4.6rem 0;
  }

  2.8% {
    background-position: -5.75rem 0;
  }

  3.3% {
    background-position: -6.9rem 0;
  }

  3.9% {
    background-position: -8.05rem 0;
  }

  4.4% {
    background-position: -9.2rem 0;
  }

  5% {
    background-position: -10.35rem 0;
  }

  5.6% {
    background-position: -11.5rem 0;
  }

  6.1% {
    background-position: -12.65rem 0;
  }

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

  7.2% {
    background-position: -14.95rem 0;
  }

  7.8% {
    background-position: 0 -1.15rem;
  }

  8.3% {
    background-position: -1.15rem -1.15rem;
  }

  8.9% {
    background-position: -2.3rem -1.15rem;
  }

  9.4% {
    background-position: -3.45rem -1.15rem;
  }

  10% {
    background-position: -4.6rem -1.15rem;
  }

  10.6% {
    background-position: -5.75rem -1.15rem;
  }

  11.1% {
    background-position: -6.9rem -1.15rem;
  }

  11.7% {
    background-position: -8.05rem -1.15rem;
  }

  12.2% {
    background-position: -9.2rem -1.15rem;
  }

  12.8% {
    background-position: -10.35rem -1.15rem;
  }

  13.3% {
    background-position: -11.5rem -1.15rem;
  }

  13.9% {
    background-position: -12.65rem -1.15rem;
  }

  14.4% {
    background-position: -13.8rem -1.15rem;
  }

  15% {
    background-position: -14.95rem -1.15rem;
  }

  15.6% {
    background-position: 0 -2.3rem;
  }

  16.1% {
    background-position: -1.15rem -2.3rem;
  }

  16.7% {
    background-position: -2.3rem -2.3rem;
  }

  17.2% {
    background-position: -3.45rem -2.3rem;
  }

  17.8% {
    background-position: -4.6rem -2.3rem;
  }

  18.3% {
    background-position: -5.75rem -2.3rem;
  }

  18.9% {
    background-position: -6.9rem -2.3rem;
  }

  19.4% {
    background-position: -8.05rem -2.3rem;
  }

  20% {
    background-position: -9.2rem -2.3rem;
  }

  20.6% {
    background-position: -10.35rem -2.3rem;
  }

  21.1% {
    background-position: -11.5rem -2.3rem;
  }

  21.7% {
    background-position: -12.65rem -2.3rem;
  }

  22.2% {
    background-position: -13.8rem -2.3rem;
  }

  22.8% {
    background-position: -14.95rem -2.3rem;
  }

  23.3% {
    background-position: 0 -3.45rem;
  }

  23.9% {
    background-position: -1.15rem -3.45rem;
  }

  24.4% {
    background-position: -2.3rem -3.45rem;
  }

  25% {
    background-position: -3.45rem -3.45rem;
  }

  25.6% {
    background-position: -4.6rem -3.45rem;
  }

  26.1% {
    background-position: -5.75rem -3.45rem;
  }

  26.7% {
    background-position: -6.9rem -3.45rem;
  }

  27.2% {
    background-position: -8.05rem -3.45rem;
  }

  27.8% {
    background-position: -9.2rem -3.45rem;
  }

  28.3% {
    background-position: -10.35rem -3.45rem;
  }

  28.9% {
    background-position: -11.5rem -3.45rem;
  }

  29.4% {
    background-position: -12.65rem -3.45rem;
  }

  30% {
    background-position: -13.8rem -3.45rem;
  }

  30.6% {
    background-position: -14.95rem -3.45rem;
  }

  31.1% {
    background-position: 0 -4.6rem;
  }

  31.7% {
    background-position: -1.15rem -4.6rem;
  }

  32.2% {
    background-position: -2.3rem -4.6rem;
  }

  32.8% {
    background-position: -3.45rem -4.6rem;
  }

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

  33.9% {
    background-position: -5.75rem -4.6rem;
  }

  34.4% {
    background-position: -6.9rem -4.6rem;
  }

  35% {
    background-position: -8.05rem -4.6rem;
  }

  35.6% {
    background-position: -9.2rem -4.6rem;
  }

  36.1% {
    background-position: -10.35rem -4.6rem;
  }

  36.7% {
    background-position: -11.5rem -4.6rem;
  }

  37.2% {
    background-position: -12.65rem -4.6rem;
  }

  37.8% {
    background-position: -13.8rem -4.6rem;
  }

  38.3% {
    background-position: -14.95rem -4.6rem;
  }

  38.9% {
    background-position: 0 -5.75rem;
  }

  39.4% {
    background-position: -1.15rem -5.75rem;
  }

  40% {
    background-position: -2.3rem -5.75rem;
  }

  40.6% {
    background-position: -3.45rem -5.75rem;
  }

  41.1% {
    background-position: -4.6rem -5.75rem;
  }

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

  42.2% {
    background-position: -6.9rem -5.75rem;
  }

  42.8% {
    background-position: -8.05rem -5.75rem;
  }

  43.3% {
    background-position: -9.2rem -5.75rem;
  }

  43.9% {
    background-position: -10.35rem -5.75rem;
  }

  44.4% {
    background-position: -11.5rem -5.75rem;
  }

  45% {
    background-position: -12.65rem -5.75rem;
  }

  45.6% {
    background-position: -13.8rem -5.75rem;
  }

  46.1% {
    background-position: -14.95rem -5.75rem;
  }

  46.7% {
    background-position: 0 -6.9rem;
  }

  47.2% {
    background-position: -1.15rem -6.9rem;
  }

  47.8% {
    background-position: -2.3rem -6.9rem;
  }

  48.3% {
    background-position: -3.45rem -6.9rem;
  }

  48.9% {
    background-position: -4.6rem -6.9rem;
  }

  49.4% {
    background-position: -5.75rem -6.9rem;
  }

  50% {
    background-position: -6.9rem -6.9rem;
  }

  50.6% {
    background-position: -8.05rem -6.9rem;
  }

  51.1% {
    background-position: -9.2rem -6.9rem;
  }

  51.7% {
    background-position: -10.35rem -6.9rem;
  }

  52.2% {
    background-position: -11.5rem -6.9rem;
  }

  52.8% {
    background-position: -12.65rem -6.9rem;
  }

  53.3% {
    background-position: -13.8rem -6.9rem;
  }

  53.9% {
    background-position: -14.95rem -6.9rem;
  }

  54.4% {
    background-position: 0 -8.05rem;
  }

  55% {
    background-position: -1.15rem -8.05rem;
  }

  55.6% {
    background-position: -2.3rem -8.05rem;
  }

  56.1% {
    background-position: -3.45rem -8.05rem;
  }

  56.7% {
    background-position: -4.6rem -8.05rem;
  }

  57.2% {
    background-position: -5.75rem -8.05rem;
  }

  57.8% {
    background-position: -6.9rem -8.05rem;
  }

  58.3% {
    background-position: -8.05rem -8.05rem;
  }

  58.9% {
    background-position: -9.2rem -8.05rem;
  }

  59.4% {
    background-position: -10.35rem -8.05rem;
  }

  60% {
    background-position: -11.5rem -8.05rem;
  }

  60.6% {
    background-position: -12.65rem -8.05rem;
  }

  61.1% {
    background-position: -13.8rem -8.05rem;
  }

  61.7% {
    background-position: -14.95rem -8.05rem;
  }

  62.2% {
    background-position: 0 -9.2rem;
  }

  62.8% {
    background-position: -1.15rem -9.2rem;
  }

  63.3% {
    background-position: -2.3rem -9.2rem;
  }

  63.9% {
    background-position: -3.45rem -9.2rem;
  }

  64.4% {
    background-position: -4.6rem -9.2rem;
  }

  65% {
    background-position: -5.75rem -9.2rem;
  }

  65.6% {
    background-position: -6.9rem -9.2rem;
  }

  66.1% {
    background-position: -8.05rem -9.2rem;
  }

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

  67.2% {
    background-position: -10.35rem -9.2rem;
  }

  67.8% {
    background-position: -11.5rem -9.2rem;
  }

  68.3% {
    background-position: -12.65rem -9.2rem;
  }

  68.9% {
    background-position: -13.8rem -9.2rem;
  }

  69.4% {
    background-position: -14.95rem -9.2rem;
  }

  70% {
    background-position: 0 -10.35rem;
  }

  70.6% {
    background-position: -1.15rem -10.35rem;
  }

  71.1% {
    background-position: -2.3rem -10.35rem;
  }

  71.7% {
    background-position: -3.45rem -10.35rem;
  }

  72.2% {
    background-position: -4.6rem -10.35rem;
  }

  72.8% {
    background-position: -5.75rem -10.35rem;
  }

  73.3% {
    background-position: -6.9rem -10.35rem;
  }

  73.9% {
    background-position: -8.05rem -10.35rem;
  }

  74.4% {
    background-position: -9.2rem -10.35rem;
  }

  75% {
    background-position: -10.35rem -10.35rem;
  }

  75.6% {
    background-position: -11.5rem -10.35rem;
  }

  76.1% {
    background-position: -12.65rem -10.35rem;
  }

  76.7% {
    background-position: -13.8rem -10.35rem;
  }

  77.2% {
    background-position: -14.95rem -10.35rem;
  }

  77.8% {
    background-position: 0 -11.5rem;
  }

  78.3% {
    background-position: -1.15rem -11.5rem;
  }

  78.9% {
    background-position: -2.3rem -11.5rem;
  }

  79.4% {
    background-position: -3.45rem -11.5rem;
  }

  80% {
    background-position: -4.6rem -11.5rem;
  }

  80.6% {
    background-position: -5.75rem -11.5rem;
  }

  81.1% {
    background-position: -6.9rem -11.5rem;
  }

  81.7% {
    background-position: -8.05rem -11.5rem;
  }

  82.2% {
    background-position: -9.2rem -11.5rem;
  }

  82.8% {
    background-position: -10.35rem -11.5rem;
  }

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

  83.9% {
    background-position: -12.65rem -11.5rem;
  }

  84.4% {
    background-position: -13.8rem -11.5rem;
  }

  85% {
    background-position: -14.95rem -11.5rem;
  }

  85.6% {
    background-position: 0 -12.65rem;
  }

  86.1% {
    background-position: -1.15rem -12.65rem;
  }

  86.7% {
    background-position: -2.3rem -12.65rem;
  }

  87.2% {
    background-position: -3.45rem -12.65rem;
  }

  87.8% {
    background-position: -4.6rem -12.65rem;
  }

  88.3% {
    background-position: -5.75rem -12.65rem;
  }

  88.9% {
    background-position: -6.9rem -12.65rem;
  }

  89.4% {
    background-position: -8.05rem -12.65rem;
  }

  90% {
    background-position: -9.2rem -12.65rem;
  }

  90.6% {
    background-position: -10.35rem -12.65rem;
  }

  91.1% {
    background-position: -11.5rem -12.65rem;
  }

  91.7% {
    background-position: -12.65rem -12.65rem;
  }

  92.2% {
    background-position: -13.8rem -12.65rem;
  }

  92.8% {
    background-position: -14.95rem -12.65rem;
  }

  93.3% {
    background-position: 0 -13.8rem;
  }

  93.9% {
    background-position: -1.15rem -13.8rem;
  }

  94.4% {
    background-position: -2.3rem -13.8rem;
  }

  95% {
    background-position: -3.45rem -13.8rem;
  }

  95.6% {
    background-position: -4.6rem -13.8rem;
  }

  96.1% {
    background-position: -5.75rem -13.8rem;
  }

  96.7% {
    background-position: -6.9rem -13.8rem;
  }

  97.2% {
    background-position: -8.05rem -13.8rem;
  }

  97.8% {
    background-position: -9.2rem -13.8rem;
  }

  98.3% {
    background-position: -10.35rem -13.8rem;
  }

  98.9% {
    background-position: -11.5rem -13.8rem;
  }

  99.4% {
    background-position: -12.65rem -13.8rem;
  }

  100% {
    background-position: -12.65rem -13.8rem;
  }
}

.nxh-3 {
  height: 1.16rem;
  width: 1.15rem;
  -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/20221129164500/assets/jh-33_1bf5c66d.png);
  background-size: 800% 700%;
}

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

  1.9% {
    background-position: -1.15rem 0;
  }

  3.8% {
    background-position: -2.3rem 0;
  }

  5.7% {
    background-position: -3.45rem 0;
  }

  7.5% {
    background-position: -4.6rem 0;
  }

  9.4% {
    background-position: -5.75rem 0;
  }

  11.3% {
    background-position: -6.9rem 0;
  }

  13.2% {
    background-position: -8.05rem 0;
  }

  15.1% {
    background-position: 0 -1.16rem;
  }

  17% {
    background-position: -1.15rem -1.16rem;
  }

  18.9% {
    background-position: -2.3rem -1.16rem;
  }

  20.8% {
    background-position: -3.45rem -1.16rem;
  }

  22.6% {
    background-position: -4.6rem -1.16rem;
  }

  24.5% {
    background-position: -5.75rem -1.16rem;
  }

  26.4% {
    background-position: -6.9rem -1.16rem;
  }

  28.3% {
    background-position: -8.05rem -1.16rem;
  }

  30.2% {
    background-position: 0 -2.32rem;
  }

  32.1% {
    background-position: -1.15rem -2.32rem;
  }

  34% {
    background-position: -2.3rem -2.32rem;
  }

  35.8% {
    background-position: -3.45rem -2.32rem;
  }

  37.7% {
    background-position: -4.6rem -2.32rem;
  }

  39.6% {
    background-position: -5.75rem -2.32rem;
  }

  41.5% {
    background-position: -6.9rem -2.32rem;
  }

  43.4% {
    background-position: -8.05rem -2.32rem;
  }

  45.3% {
    background-position: 0 -3.48rem;
  }

  47.2% {
    background-position: -1.15rem -3.48rem;
  }

  49.1% {
    background-position: -2.3rem -3.48rem;
  }

  50.9% {
    background-position: -3.45rem -3.48rem;
  }

  52.8% {
    background-position: -4.6rem -3.48rem;
  }

  54.7% {
    background-position: -5.75rem -3.48rem;
  }

  56.6% {
    background-position: -6.9rem -3.48rem;
  }

  58.5% {
    background-position: -8.05rem -3.48rem;
  }

  60.4% {
    background-position: 0 -4.64rem;
  }

  62.3% {
    background-position: -1.15rem -4.64rem;
  }

  64.2% {
    background-position: -2.3rem -4.64rem;
  }

  66% {
    background-position: -3.45rem -4.64rem;
  }

  67.9% {
    background-position: -4.6rem -4.64rem;
  }

  69.8% {
    background-position: -5.75rem -4.64rem;
  }

  71.7% {
    background-position: -6.9rem -4.64rem;
  }

  73.6% {
    background-position: -8.05rem -4.64rem;
  }

  75.5% {
    background-position: 0 -5.8rem;
  }

  77.4% {
    background-position: -1.15rem -5.8rem;
  }

  79.2% {
    background-position: -2.3rem -5.8rem;
  }

  81.1% {
    background-position: -3.45rem -5.8rem;
  }

  83% {
    background-position: -4.6rem -5.8rem;
  }

  84.9% {
    background-position: -5.75rem -5.8rem;
  }

  86.8% {
    background-position: -6.9rem -5.8rem;
  }

  88.7% {
    background-position: -8.05rem -5.8rem;
  }

  90.6% {
    background-position: 0 -6.96rem;
  }

  92.5% {
    background-position: -1.15rem -6.96rem;
  }

  94.3% {
    background-position: -2.3rem -6.96rem;
  }

  96.2% {
    background-position: -3.45rem -6.96rem;
  }

  98.1% {
    background-position: -4.6rem -6.96rem;
  }

  100% {
    background-position: -4.6rem -6.96rem;
  }
}

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

  1.9% {
    background-position: -1.15rem 0;
  }

  3.8% {
    background-position: -2.3rem 0;
  }

  5.7% {
    background-position: -3.45rem 0;
  }

  7.5% {
    background-position: -4.6rem 0;
  }

  9.4% {
    background-position: -5.75rem 0;
  }

  11.3% {
    background-position: -6.9rem 0;
  }

  13.2% {
    background-position: -8.05rem 0;
  }

  15.1% {
    background-position: 0 -1.16rem;
  }

  17% {
    background-position: -1.15rem -1.16rem;
  }

  18.9% {
    background-position: -2.3rem -1.16rem;
  }

  20.8% {
    background-position: -3.45rem -1.16rem;
  }

  22.6% {
    background-position: -4.6rem -1.16rem;
  }

  24.5% {
    background-position: -5.75rem -1.16rem;
  }

  26.4% {
    background-position: -6.9rem -1.16rem;
  }

  28.3% {
    background-position: -8.05rem -1.16rem;
  }

  30.2% {
    background-position: 0 -2.32rem;
  }

  32.1% {
    background-position: -1.15rem -2.32rem;
  }

  34% {
    background-position: -2.3rem -2.32rem;
  }

  35.8% {
    background-position: -3.45rem -2.32rem;
  }

  37.7% {
    background-position: -4.6rem -2.32rem;
  }

  39.6% {
    background-position: -5.75rem -2.32rem;
  }

  41.5% {
    background-position: -6.9rem -2.32rem;
  }

  43.4% {
    background-position: -8.05rem -2.32rem;
  }

  45.3% {
    background-position: 0 -3.48rem;
  }

  47.2% {
    background-position: -1.15rem -3.48rem;
  }

  49.1% {
    background-position: -2.3rem -3.48rem;
  }

  50.9% {
    background-position: -3.45rem -3.48rem;
  }

  52.8% {
    background-position: -4.6rem -3.48rem;
  }

  54.7% {
    background-position: -5.75rem -3.48rem;
  }

  56.6% {
    background-position: -6.9rem -3.48rem;
  }

  58.5% {
    background-position: -8.05rem -3.48rem;
  }

  60.4% {
    background-position: 0 -4.64rem;
  }

  62.3% {
    background-position: -1.15rem -4.64rem;
  }

  64.2% {
    background-position: -2.3rem -4.64rem;
  }

  66% {
    background-position: -3.45rem -4.64rem;
  }

  67.9% {
    background-position: -4.6rem -4.64rem;
  }

  69.8% {
    background-position: -5.75rem -4.64rem;
  }

  71.7% {
    background-position: -6.9rem -4.64rem;
  }

  73.6% {
    background-position: -8.05rem -4.64rem;
  }

  75.5% {
    background-position: 0 -5.8rem;
  }

  77.4% {
    background-position: -1.15rem -5.8rem;
  }

  79.2% {
    background-position: -2.3rem -5.8rem;
  }

  81.1% {
    background-position: -3.45rem -5.8rem;
  }

  83% {
    background-position: -4.6rem -5.8rem;
  }

  84.9% {
    background-position: -5.75rem -5.8rem;
  }

  86.8% {
    background-position: -6.9rem -5.8rem;
  }

  88.7% {
    background-position: -8.05rem -5.8rem;
  }

  90.6% {
    background-position: 0 -6.96rem;
  }

  92.5% {
    background-position: -1.15rem -6.96rem;
  }

  94.3% {
    background-position: -2.3rem -6.96rem;
  }

  96.2% {
    background-position: -3.45rem -6.96rem;
  }

  98.1% {
    background-position: -4.6rem -6.96rem;
  }

  100% {
    background-position: -4.6rem -6.96rem;
  }
}

.nxh-4 {
  height: 1.15rem;
  width: 1.16rem;
  -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/20221129164500/assets/jh-34_0ba7dbc6.png);
  background-size: 1000% 900%;
}

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

  1.1% {
    background-position: -1.16rem 0;
  }

  2.2% {
    background-position: -2.32rem 0;
  }

  3.3% {
    background-position: -3.48rem 0;
  }

  4.4% {
    background-position: -4.64rem 0;
  }

  5.6% {
    background-position: -5.8rem 0;
  }

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

  7.8% {
    background-position: -8.12rem 0;
  }

  8.9% {
    background-position: -9.28rem 0;
  }

  10% {
    background-position: -10.44rem 0;
  }

  11.1% {
    background-position: 0 -1.15rem;
  }

  12.2% {
    background-position: -1.16rem -1.15rem;
  }

  13.3% {
    background-position: -2.32rem -1.15rem;
  }

  14.4% {
    background-position: -3.48rem -1.15rem;
  }

  15.6% {
    background-position: -4.64rem -1.15rem;
  }

  16.7% {
    background-position: -5.8rem -1.15rem;
  }

  17.8% {
    background-position: -6.96rem -1.15rem;
  }

  18.9% {
    background-position: -8.12rem -1.15rem;
  }

  20% {
    background-position: -9.28rem -1.15rem;
  }

  21.1% {
    background-position: -10.44rem -1.15rem;
  }

  22.2% {
    background-position: 0 -2.3rem;
  }

  23.3% {
    background-position: -1.16rem -2.3rem;
  }

  24.4% {
    background-position: -2.32rem -2.3rem;
  }

  25.6% {
    background-position: -3.48rem -2.3rem;
  }

  26.7% {
    background-position: -4.64rem -2.3rem;
  }

  27.8% {
    background-position: -5.8rem -2.3rem;
  }

  28.9% {
    background-position: -6.96rem -2.3rem;
  }

  30% {
    background-position: -8.12rem -2.3rem;
  }

  31.1% {
    background-position: -9.28rem -2.3rem;
  }

  32.2% {
    background-position: -10.44rem -2.3rem;
  }

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

  34.4% {
    background-position: -1.16rem -3.45rem;
  }

  35.6% {
    background-position: -2.32rem -3.45rem;
  }

  36.7% {
    background-position: -3.48rem -3.45rem;
  }

  37.8% {
    background-position: -4.64rem -3.45rem;
  }

  38.9% {
    background-position: -5.8rem -3.45rem;
  }

  40% {
    background-position: -6.96rem -3.45rem;
  }

  41.1% {
    background-position: -8.12rem -3.45rem;
  }

  42.2% {
    background-position: -9.28rem -3.45rem;
  }

  43.3% {
    background-position: -10.44rem -3.45rem;
  }

  44.4% {
    background-position: 0 -4.6rem;
  }

  45.6% {
    background-position: -1.16rem -4.6rem;
  }

  46.7% {
    background-position: -2.32rem -4.6rem;
  }

  47.8% {
    background-position: -3.48rem -4.6rem;
  }

  48.9% {
    background-position: -4.64rem -4.6rem;
  }

  50% {
    background-position: -5.8rem -4.6rem;
  }

  51.1% {
    background-position: -6.96rem -4.6rem;
  }

  52.2% {
    background-position: -8.12rem -4.6rem;
  }

  53.3% {
    background-position: -9.28rem -4.6rem;
  }

  54.4% {
    background-position: -10.44rem -4.6rem;
  }

  55.6% {
    background-position: 0 -5.75rem;
  }

  56.7% {
    background-position: -1.16rem -5.75rem;
  }

  57.8% {
    background-position: -2.32rem -5.75rem;
  }

  58.9% {
    background-position: -3.48rem -5.75rem;
  }

  60% {
    background-position: -4.64rem -5.75rem;
  }

  61.1% {
    background-position: -5.8rem -5.75rem;
  }

  62.2% {
    background-position: -6.96rem -5.75rem;
  }

  63.3% {
    background-position: -8.12rem -5.75rem;
  }

  64.4% {
    background-position: -9.28rem -5.75rem;
  }

  65.6% {
    background-position: -10.44rem -5.75rem;
  }

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

  67.8% {
    background-position: -1.16rem -6.9rem;
  }

  68.9% {
    background-position: -2.32rem -6.9rem;
  }

  70% {
    background-position: -3.48rem -6.9rem;
  }

  71.1% {
    background-position: -4.64rem -6.9rem;
  }

  72.2% {
    background-position: -5.8rem -6.9rem;
  }

  73.3% {
    background-position: -6.96rem -6.9rem;
  }

  74.4% {
    background-position: -8.12rem -6.9rem;
  }

  75.6% {
    background-position: -9.28rem -6.9rem;
  }

  76.7% {
    background-position: -10.44rem -6.9rem;
  }

  77.8% {
    background-position: 0 -8.05rem;
  }

  78.9% {
    background-position: -1.16rem -8.05rem;
  }

  80% {
    background-position: -2.32rem -8.05rem;
  }

  81.1% {
    background-position: -3.48rem -8.05rem;
  }

  82.2% {
    background-position: -4.64rem -8.05rem;
  }

  83.3% {
    background-position: -5.8rem -8.05rem;
  }

  84.4% {
    background-position: -6.96rem -8.05rem;
  }

  85.6% {
    background-position: -8.12rem -8.05rem;
  }

  86.7% {
    background-position: -9.28rem -8.05rem;
  }

  87.8% {
    background-position: -10.44rem -8.05rem;
  }

  88.9% {
    background-position: 0 -9.2rem;
  }

  90% {
    background-position: -1.16rem -9.2rem;
  }

  91.1% {
    background-position: -2.32rem -9.2rem;
  }

  92.2% {
    background-position: -3.48rem -9.2rem;
  }

  93.3% {
    background-position: -4.64rem -9.2rem;
  }

  94.4% {
    background-position: -5.8rem -9.2rem;
  }

  95.6% {
    background-position: -6.96rem -9.2rem;
  }

  96.7% {
    background-position: -8.12rem -9.2rem;
  }

  97.8% {
    background-position: -9.28rem -9.2rem;
  }

  98.9% {
    background-position: -10.44rem -9.2rem;
  }

  100% {
    background-position: -10.44rem -9.2rem;
  }
}

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

  1.1% {
    background-position: -1.16rem 0;
  }

  2.2% {
    background-position: -2.32rem 0;
  }

  3.3% {
    background-position: -3.48rem 0;
  }

  4.4% {
    background-position: -4.64rem 0;
  }

  5.6% {
    background-position: -5.8rem 0;
  }

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

  7.8% {
    background-position: -8.12rem 0;
  }

  8.9% {
    background-position: -9.28rem 0;
  }

  10% {
    background-position: -10.44rem 0;
  }

  11.1% {
    background-position: 0 -1.15rem;
  }

  12.2% {
    background-position: -1.16rem -1.15rem;
  }

  13.3% {
    background-position: -2.32rem -1.15rem;
  }

  14.4% {
    background-position: -3.48rem -1.15rem;
  }

  15.6% {
    background-position: -4.64rem -1.15rem;
  }

  16.7% {
    background-position: -5.8rem -1.15rem;
  }

  17.8% {
    background-position: -6.96rem -1.15rem;
  }

  18.9% {
    background-position: -8.12rem -1.15rem;
  }

  20% {
    background-position: -9.28rem -1.15rem;
  }

  21.1% {
    background-position: -10.44rem -1.15rem;
  }

  22.2% {
    background-position: 0 -2.3rem;
  }

  23.3% {
    background-position: -1.16rem -2.3rem;
  }

  24.4% {
    background-position: -2.32rem -2.3rem;
  }

  25.6% {
    background-position: -3.48rem -2.3rem;
  }

  26.7% {
    background-position: -4.64rem -2.3rem;
  }

  27.8% {
    background-position: -5.8rem -2.3rem;
  }

  28.9% {
    background-position: -6.96rem -2.3rem;
  }

  30% {
    background-position: -8.12rem -2.3rem;
  }

  31.1% {
    background-position: -9.28rem -2.3rem;
  }

  32.2% {
    background-position: -10.44rem -2.3rem;
  }

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

  34.4% {
    background-position: -1.16rem -3.45rem;
  }

  35.6% {
    background-position: -2.32rem -3.45rem;
  }

  36.7% {
    background-position: -3.48rem -3.45rem;
  }

  37.8% {
    background-position: -4.64rem -3.45rem;
  }

  38.9% {
    background-position: -5.8rem -3.45rem;
  }

  40% {
    background-position: -6.96rem -3.45rem;
  }

  41.1% {
    background-position: -8.12rem -3.45rem;
  }

  42.2% {
    background-position: -9.28rem -3.45rem;
  }

  43.3% {
    background-position: -10.44rem -3.45rem;
  }

  44.4% {
    background-position: 0 -4.6rem;
  }

  45.6% {
    background-position: -1.16rem -4.6rem;
  }

  46.7% {
    background-position: -2.32rem -4.6rem;
  }

  47.8% {
    background-position: -3.48rem -4.6rem;
  }

  48.9% {
    background-position: -4.64rem -4.6rem;
  }

  50% {
    background-position: -5.8rem -4.6rem;
  }

  51.1% {
    background-position: -6.96rem -4.6rem;
  }

  52.2% {
    background-position: -8.12rem -4.6rem;
  }

  53.3% {
    background-position: -9.28rem -4.6rem;
  }

  54.4% {
    background-position: -10.44rem -4.6rem;
  }

  55.6% {
    background-position: 0 -5.75rem;
  }

  56.7% {
    background-position: -1.16rem -5.75rem;
  }

  57.8% {
    background-position: -2.32rem -5.75rem;
  }

  58.9% {
    background-position: -3.48rem -5.75rem;
  }

  60% {
    background-position: -4.64rem -5.75rem;
  }

  61.1% {
    background-position: -5.8rem -5.75rem;
  }

  62.2% {
    background-position: -6.96rem -5.75rem;
  }

  63.3% {
    background-position: -8.12rem -5.75rem;
  }

  64.4% {
    background-position: -9.28rem -5.75rem;
  }

  65.6% {
    background-position: -10.44rem -5.75rem;
  }

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

  67.8% {
    background-position: -1.16rem -6.9rem;
  }

  68.9% {
    background-position: -2.32rem -6.9rem;
  }

  70% {
    background-position: -3.48rem -6.9rem;
  }

  71.1% {
    background-position: -4.64rem -6.9rem;
  }

  72.2% {
    background-position: -5.8rem -6.9rem;
  }

  73.3% {
    background-position: -6.96rem -6.9rem;
  }

  74.4% {
    background-position: -8.12rem -6.9rem;
  }

  75.6% {
    background-position: -9.28rem -6.9rem;
  }

  76.7% {
    background-position: -10.44rem -6.9rem;
  }

  77.8% {
    background-position: 0 -8.05rem;
  }

  78.9% {
    background-position: -1.16rem -8.05rem;
  }

  80% {
    background-position: -2.32rem -8.05rem;
  }

  81.1% {
    background-position: -3.48rem -8.05rem;
  }

  82.2% {
    background-position: -4.64rem -8.05rem;
  }

  83.3% {
    background-position: -5.8rem -8.05rem;
  }

  84.4% {
    background-position: -6.96rem -8.05rem;
  }

  85.6% {
    background-position: -8.12rem -8.05rem;
  }

  86.7% {
    background-position: -9.28rem -8.05rem;
  }

  87.8% {
    background-position: -10.44rem -8.05rem;
  }

  88.9% {
    background-position: 0 -9.2rem;
  }

  90% {
    background-position: -1.16rem -9.2rem;
  }

  91.1% {
    background-position: -2.32rem -9.2rem;
  }

  92.2% {
    background-position: -3.48rem -9.2rem;
  }

  93.3% {
    background-position: -4.64rem -9.2rem;
  }

  94.4% {
    background-position: -5.8rem -9.2rem;
  }

  95.6% {
    background-position: -6.96rem -9.2rem;
  }

  96.7% {
    background-position: -8.12rem -9.2rem;
  }

  97.8% {
    background-position: -9.28rem -9.2rem;
  }

  98.9% {
    background-position: -10.44rem -9.2rem;
  }

  100% {
    background-position: -10.44rem -9.2rem;
  }
}

.nxh-5 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/jh-35_b48fdb74.png);
  background-size: 1500% 1400%;
}

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

  0.5% {
    background-position: -1.15rem 0;
  }

  1% {
    background-position: -2.3rem 0;
  }

  1.4% {
    background-position: -3.45rem 0;
  }

  1.9% {
    background-position: -4.6rem 0;
  }

  2.4% {
    background-position: -5.75rem 0;
  }

  2.9% {
    background-position: -6.9rem 0;
  }

  3.4% {
    background-position: -8.05rem 0;
  }

  3.9% {
    background-position: -9.2rem 0;
  }

  4.3% {
    background-position: -10.35rem 0;
  }

  4.8% {
    background-position: -11.5rem 0;
  }

  5.3% {
    background-position: -12.65rem 0;
  }

  5.8% {
    background-position: -13.8rem 0;
  }

  6.3% {
    background-position: -14.95rem 0;
  }

  6.8% {
    background-position: -16.1rem 0;
  }

  7.2% {
    background-position: 0 -1.15rem;
  }

  7.7% {
    background-position: -1.15rem -1.15rem;
  }

  8.2% {
    background-position: -2.3rem -1.15rem;
  }

  8.7% {
    background-position: -3.45rem -1.15rem;
  }

  9.2% {
    background-position: -4.6rem -1.15rem;
  }

  9.7% {
    background-position: -5.75rem -1.15rem;
  }

  10.1% {
    background-position: -6.9rem -1.15rem;
  }

  10.6% {
    background-position: -8.05rem -1.15rem;
  }

  11.1% {
    background-position: -9.2rem -1.15rem;
  }

  11.6% {
    background-position: -10.35rem -1.15rem;
  }

  12.1% {
    background-position: -11.5rem -1.15rem;
  }

  12.6% {
    background-position: -12.65rem -1.15rem;
  }

  13% {
    background-position: -13.8rem -1.15rem;
  }

  13.5% {
    background-position: -14.95rem -1.15rem;
  }

  14% {
    background-position: -16.1rem -1.15rem;
  }

  14.5% {
    background-position: 0 -2.3rem;
  }

  15% {
    background-position: -1.15rem -2.3rem;
  }

  15.5% {
    background-position: -2.3rem -2.3rem;
  }

  15.9% {
    background-position: -3.45rem -2.3rem;
  }

  16.4% {
    background-position: -4.6rem -2.3rem;
  }

  16.9% {
    background-position: -5.75rem -2.3rem;
  }

  17.4% {
    background-position: -6.9rem -2.3rem;
  }

  17.9% {
    background-position: -8.05rem -2.3rem;
  }

  18.4% {
    background-position: -9.2rem -2.3rem;
  }

  18.8% {
    background-position: -10.35rem -2.3rem;
  }

  19.3% {
    background-position: -11.5rem -2.3rem;
  }

  19.8% {
    background-position: -12.65rem -2.3rem;
  }

  20.3% {
    background-position: -13.8rem -2.3rem;
  }

  20.8% {
    background-position: -14.95rem -2.3rem;
  }

  21.3% {
    background-position: -16.1rem -2.3rem;
  }

  21.7% {
    background-position: 0 -3.45rem;
  }

  22.2% {
    background-position: -1.15rem -3.45rem;
  }

  22.7% {
    background-position: -2.3rem -3.45rem;
  }

  23.2% {
    background-position: -3.45rem -3.45rem;
  }

  23.7% {
    background-position: -4.6rem -3.45rem;
  }

  24.2% {
    background-position: -5.75rem -3.45rem;
  }

  24.6% {
    background-position: -6.9rem -3.45rem;
  }

  25.1% {
    background-position: -8.05rem -3.45rem;
  }

  25.6% {
    background-position: -9.2rem -3.45rem;
  }

  26.1% {
    background-position: -10.35rem -3.45rem;
  }

  26.6% {
    background-position: -11.5rem -3.45rem;
  }

  27.1% {
    background-position: -12.65rem -3.45rem;
  }

  27.5% {
    background-position: -13.8rem -3.45rem;
  }

  28% {
    background-position: -14.95rem -3.45rem;
  }

  28.5% {
    background-position: -16.1rem -3.45rem;
  }

  29% {
    background-position: 0 -4.6rem;
  }

  29.5% {
    background-position: -1.15rem -4.6rem;
  }

  30% {
    background-position: -2.3rem -4.6rem;
  }

  30.4% {
    background-position: -3.45rem -4.6rem;
  }

  30.9% {
    background-position: -4.6rem -4.6rem;
  }

  31.4% {
    background-position: -5.75rem -4.6rem;
  }

  31.9% {
    background-position: -6.9rem -4.6rem;
  }

  32.4% {
    background-position: -8.05rem -4.6rem;
  }

  32.9% {
    background-position: -9.2rem -4.6rem;
  }

  33.3% {
    background-position: -10.35rem -4.6rem;
  }

  33.8% {
    background-position: -11.5rem -4.6rem;
  }

  34.3% {
    background-position: -12.65rem -4.6rem;
  }

  34.8% {
    background-position: -13.8rem -4.6rem;
  }

  35.3% {
    background-position: -14.95rem -4.6rem;
  }

  35.7% {
    background-position: -16.1rem -4.6rem;
  }

  36.2% {
    background-position: 0 -5.75rem;
  }

  36.7% {
    background-position: -1.15rem -5.75rem;
  }

  37.2% {
    background-position: -2.3rem -5.75rem;
  }

  37.7% {
    background-position: -3.45rem -5.75rem;
  }

  38.2% {
    background-position: -4.6rem -5.75rem;
  }

  38.6% {
    background-position: -5.75rem -5.75rem;
  }

  39.1% {
    background-position: -6.9rem -5.75rem;
  }

  39.6% {
    background-position: -8.05rem -5.75rem;
  }

  40.1% {
    background-position: -9.2rem -5.75rem;
  }

  40.6% {
    background-position: -10.35rem -5.75rem;
  }

  41.1% {
    background-position: -11.5rem -5.75rem;
  }

  41.5% {
    background-position: -12.65rem -5.75rem;
  }

  42% {
    background-position: -13.8rem -5.75rem;
  }

  42.5% {
    background-position: -14.95rem -5.75rem;
  }

  43% {
    background-position: -16.1rem -5.75rem;
  }

  43.5% {
    background-position: 0 -6.9rem;
  }

  44% {
    background-position: -1.15rem -6.9rem;
  }

  44.4% {
    background-position: -2.3rem -6.9rem;
  }

  44.9% {
    background-position: -3.45rem -6.9rem;
  }

  45.4% {
    background-position: -4.6rem -6.9rem;
  }

  45.9% {
    background-position: -5.75rem -6.9rem;
  }

  46.4% {
    background-position: -6.9rem -6.9rem;
  }

  46.9% {
    background-position: -8.05rem -6.9rem;
  }

  47.3% {
    background-position: -9.2rem -6.9rem;
  }

  47.8% {
    background-position: -10.35rem -6.9rem;
  }

  48.3% {
    background-position: -11.5rem -6.9rem;
  }

  48.8% {
    background-position: -12.65rem -6.9rem;
  }

  49.3% {
    background-position: -13.8rem -6.9rem;
  }

  49.8% {
    background-position: -14.95rem -6.9rem;
  }

  50.2% {
    background-position: -16.1rem -6.9rem;
  }

  50.7% {
    background-position: 0 -8.05rem;
  }

  51.2% {
    background-position: -1.15rem -8.05rem;
  }

  51.7% {
    background-position: -2.3rem -8.05rem;
  }

  52.2% {
    background-position: -3.45rem -8.05rem;
  }

  52.7% {
    background-position: -4.6rem -8.05rem;
  }

  53.1% {
    background-position: -5.75rem -8.05rem;
  }

  53.6% {
    background-position: -6.9rem -8.05rem;
  }

  54.1% {
    background-position: -8.05rem -8.05rem;
  }

  54.6% {
    background-position: -9.2rem -8.05rem;
  }

  55.1% {
    background-position: -10.35rem -8.05rem;
  }

  55.6% {
    background-position: -11.5rem -8.05rem;
  }

  56% {
    background-position: -12.65rem -8.05rem;
  }

  56.5% {
    background-position: -13.8rem -8.05rem;
  }

  57% {
    background-position: -14.95rem -8.05rem;
  }

  57.5% {
    background-position: -16.1rem -8.05rem;
  }

  58% {
    background-position: 0 -9.2rem;
  }

  58.5% {
    background-position: -1.15rem -9.2rem;
  }

  58.9% {
    background-position: -2.3rem -9.2rem;
  }

  59.4% {
    background-position: -3.45rem -9.2rem;
  }

  59.9% {
    background-position: -4.6rem -9.2rem;
  }

  60.4% {
    background-position: -5.75rem -9.2rem;
  }

  60.9% {
    background-position: -6.9rem -9.2rem;
  }

  61.4% {
    background-position: -8.05rem -9.2rem;
  }

  61.8% {
    background-position: -9.2rem -9.2rem;
  }

  62.3% {
    background-position: -10.35rem -9.2rem;
  }

  62.8% {
    background-position: -11.5rem -9.2rem;
  }

  63.3% {
    background-position: -12.65rem -9.2rem;
  }

  63.8% {
    background-position: -13.8rem -9.2rem;
  }

  64.3% {
    background-position: -14.95rem -9.2rem;
  }

  64.7% {
    background-position: -16.1rem -9.2rem;
  }

  65.2% {
    background-position: 0 -10.35rem;
  }

  65.7% {
    background-position: -1.15rem -10.35rem;
  }

  66.2% {
    background-position: -2.3rem -10.35rem;
  }

  66.7% {
    background-position: -3.45rem -10.35rem;
  }

  67.1% {
    background-position: -4.6rem -10.35rem;
  }

  67.6% {
    background-position: -5.75rem -10.35rem;
  }

  68.1% {
    background-position: -6.9rem -10.35rem;
  }

  68.6% {
    background-position: -8.05rem -10.35rem;
  }

  69.1% {
    background-position: -9.2rem -10.35rem;
  }

  69.6% {
    background-position: -10.35rem -10.35rem;
  }

  70% {
    background-position: -11.5rem -10.35rem;
  }

  70.5% {
    background-position: -12.65rem -10.35rem;
  }

  71% {
    background-position: -13.8rem -10.35rem;
  }

  71.5% {
    background-position: -14.95rem -10.35rem;
  }

  72% {
    background-position: -16.1rem -10.35rem;
  }

  72.5% {
    background-position: 0 -11.5rem;
  }

  72.9% {
    background-position: -1.15rem -11.5rem;
  }

  73.4% {
    background-position: -2.3rem -11.5rem;
  }

  73.9% {
    background-position: -3.45rem -11.5rem;
  }

  74.4% {
    background-position: -4.6rem -11.5rem;
  }

  74.9% {
    background-position: -5.75rem -11.5rem;
  }

  75.4% {
    background-position: -6.9rem -11.5rem;
  }

  75.8% {
    background-position: -8.05rem -11.5rem;
  }

  76.3% {
    background-position: -9.2rem -11.5rem;
  }

  76.8% {
    background-position: -10.35rem -11.5rem;
  }

  77.3% {
    background-position: -11.5rem -11.5rem;
  }

  77.8% {
    background-position: -12.65rem -11.5rem;
  }

  78.3% {
    background-position: -13.8rem -11.5rem;
  }

  78.7% {
    background-position: -14.95rem -11.5rem;
  }

  79.2% {
    background-position: -16.1rem -11.5rem;
  }

  79.7% {
    background-position: 0 -12.65rem;
  }

  80.2% {
    background-position: -1.15rem -12.65rem;
  }

  80.7% {
    background-position: -2.3rem -12.65rem;
  }

  81.2% {
    background-position: -3.45rem -12.65rem;
  }

  81.6% {
    background-position: -4.6rem -12.65rem;
  }

  82.1% {
    background-position: -5.75rem -12.65rem;
  }

  82.6% {
    background-position: -6.9rem -12.65rem;
  }

  83.1% {
    background-position: -8.05rem -12.65rem;
  }

  83.6% {
    background-position: -9.2rem -12.65rem;
  }

  84.1% {
    background-position: -10.35rem -12.65rem;
  }

  84.5% {
    background-position: -11.5rem -12.65rem;
  }

  85% {
    background-position: -12.65rem -12.65rem;
  }

  85.5% {
    background-position: -13.8rem -12.65rem;
  }

  86% {
    background-position: -14.95rem -12.65rem;
  }

  86.5% {
    background-position: -16.1rem -12.65rem;
  }

  87% {
    background-position: 0 -13.8rem;
  }

  87.4% {
    background-position: -1.15rem -13.8rem;
  }

  87.9% {
    background-position: -2.3rem -13.8rem;
  }

  88.4% {
    background-position: -3.45rem -13.8rem;
  }

  88.9% {
    background-position: -4.6rem -13.8rem;
  }

  89.4% {
    background-position: -5.75rem -13.8rem;
  }

  89.9% {
    background-position: -6.9rem -13.8rem;
  }

  90.3% {
    background-position: -8.05rem -13.8rem;
  }

  90.8% {
    background-position: -9.2rem -13.8rem;
  }

  91.3% {
    background-position: -10.35rem -13.8rem;
  }

  91.8% {
    background-position: -11.5rem -13.8rem;
  }

  92.3% {
    background-position: -12.65rem -13.8rem;
  }

  92.8% {
    background-position: -13.8rem -13.8rem;
  }

  93.2% {
    background-position: -14.95rem -13.8rem;
  }

  93.7% {
    background-position: -16.1rem -13.8rem;
  }

  94.2% {
    background-position: 0 -14.95rem;
  }

  94.7% {
    background-position: -1.15rem -14.95rem;
  }

  95.2% {
    background-position: -2.3rem -14.95rem;
  }

  95.7% {
    background-position: -3.45rem -14.95rem;
  }

  96.1% {
    background-position: -4.6rem -14.95rem;
  }

  96.6% {
    background-position: -5.75rem -14.95rem;
  }

  97.1% {
    background-position: -6.9rem -14.95rem;
  }

  97.6% {
    background-position: -8.05rem -14.95rem;
  }

  98.1% {
    background-position: -9.2rem -14.95rem;
  }

  98.6% {
    background-position: -10.35rem -14.95rem;
  }

  99% {
    background-position: -11.5rem -14.95rem;
  }

  99.5% {
    background-position: -12.65rem -14.95rem;
  }

  100% {
    background-position: -12.65rem -14.95rem;
  }
}

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

  0.5% {
    background-position: -1.15rem 0;
  }

  1% {
    background-position: -2.3rem 0;
  }

  1.4% {
    background-position: -3.45rem 0;
  }

  1.9% {
    background-position: -4.6rem 0;
  }

  2.4% {
    background-position: -5.75rem 0;
  }

  2.9% {
    background-position: -6.9rem 0;
  }

  3.4% {
    background-position: -8.05rem 0;
  }

  3.9% {
    background-position: -9.2rem 0;
  }

  4.3% {
    background-position: -10.35rem 0;
  }

  4.8% {
    background-position: -11.5rem 0;
  }

  5.3% {
    background-position: -12.65rem 0;
  }

  5.8% {
    background-position: -13.8rem 0;
  }

  6.3% {
    background-position: -14.95rem 0;
  }

  6.8% {
    background-position: -16.1rem 0;
  }

  7.2% {
    background-position: 0 -1.15rem;
  }

  7.7% {
    background-position: -1.15rem -1.15rem;
  }

  8.2% {
    background-position: -2.3rem -1.15rem;
  }

  8.7% {
    background-position: -3.45rem -1.15rem;
  }

  9.2% {
    background-position: -4.6rem -1.15rem;
  }

  9.7% {
    background-position: -5.75rem -1.15rem;
  }

  10.1% {
    background-position: -6.9rem -1.15rem;
  }

  10.6% {
    background-position: -8.05rem -1.15rem;
  }

  11.1% {
    background-position: -9.2rem -1.15rem;
  }

  11.6% {
    background-position: -10.35rem -1.15rem;
  }

  12.1% {
    background-position: -11.5rem -1.15rem;
  }

  12.6% {
    background-position: -12.65rem -1.15rem;
  }

  13% {
    background-position: -13.8rem -1.15rem;
  }

  13.5% {
    background-position: -14.95rem -1.15rem;
  }

  14% {
    background-position: -16.1rem -1.15rem;
  }

  14.5% {
    background-position: 0 -2.3rem;
  }

  15% {
    background-position: -1.15rem -2.3rem;
  }

  15.5% {
    background-position: -2.3rem -2.3rem;
  }

  15.9% {
    background-position: -3.45rem -2.3rem;
  }

  16.4% {
    background-position: -4.6rem -2.3rem;
  }

  16.9% {
    background-position: -5.75rem -2.3rem;
  }

  17.4% {
    background-position: -6.9rem -2.3rem;
  }

  17.9% {
    background-position: -8.05rem -2.3rem;
  }

  18.4% {
    background-position: -9.2rem -2.3rem;
  }

  18.8% {
    background-position: -10.35rem -2.3rem;
  }

  19.3% {
    background-position: -11.5rem -2.3rem;
  }

  19.8% {
    background-position: -12.65rem -2.3rem;
  }

  20.3% {
    background-position: -13.8rem -2.3rem;
  }

  20.8% {
    background-position: -14.95rem -2.3rem;
  }

  21.3% {
    background-position: -16.1rem -2.3rem;
  }

  21.7% {
    background-position: 0 -3.45rem;
  }

  22.2% {
    background-position: -1.15rem -3.45rem;
  }

  22.7% {
    background-position: -2.3rem -3.45rem;
  }

  23.2% {
    background-position: -3.45rem -3.45rem;
  }

  23.7% {
    background-position: -4.6rem -3.45rem;
  }

  24.2% {
    background-position: -5.75rem -3.45rem;
  }

  24.6% {
    background-position: -6.9rem -3.45rem;
  }

  25.1% {
    background-position: -8.05rem -3.45rem;
  }

  25.6% {
    background-position: -9.2rem -3.45rem;
  }

  26.1% {
    background-position: -10.35rem -3.45rem;
  }

  26.6% {
    background-position: -11.5rem -3.45rem;
  }

  27.1% {
    background-position: -12.65rem -3.45rem;
  }

  27.5% {
    background-position: -13.8rem -3.45rem;
  }

  28% {
    background-position: -14.95rem -3.45rem;
  }

  28.5% {
    background-position: -16.1rem -3.45rem;
  }

  29% {
    background-position: 0 -4.6rem;
  }

  29.5% {
    background-position: -1.15rem -4.6rem;
  }

  30% {
    background-position: -2.3rem -4.6rem;
  }

  30.4% {
    background-position: -3.45rem -4.6rem;
  }

  30.9% {
    background-position: -4.6rem -4.6rem;
  }

  31.4% {
    background-position: -5.75rem -4.6rem;
  }

  31.9% {
    background-position: -6.9rem -4.6rem;
  }

  32.4% {
    background-position: -8.05rem -4.6rem;
  }

  32.9% {
    background-position: -9.2rem -4.6rem;
  }

  33.3% {
    background-position: -10.35rem -4.6rem;
  }

  33.8% {
    background-position: -11.5rem -4.6rem;
  }

  34.3% {
    background-position: -12.65rem -4.6rem;
  }

  34.8% {
    background-position: -13.8rem -4.6rem;
  }

  35.3% {
    background-position: -14.95rem -4.6rem;
  }

  35.7% {
    background-position: -16.1rem -4.6rem;
  }

  36.2% {
    background-position: 0 -5.75rem;
  }

  36.7% {
    background-position: -1.15rem -5.75rem;
  }

  37.2% {
    background-position: -2.3rem -5.75rem;
  }

  37.7% {
    background-position: -3.45rem -5.75rem;
  }

  38.2% {
    background-position: -4.6rem -5.75rem;
  }

  38.6% {
    background-position: -5.75rem -5.75rem;
  }

  39.1% {
    background-position: -6.9rem -5.75rem;
  }

  39.6% {
    background-position: -8.05rem -5.75rem;
  }

  40.1% {
    background-position: -9.2rem -5.75rem;
  }

  40.6% {
    background-position: -10.35rem -5.75rem;
  }

  41.1% {
    background-position: -11.5rem -5.75rem;
  }

  41.5% {
    background-position: -12.65rem -5.75rem;
  }

  42% {
    background-position: -13.8rem -5.75rem;
  }

  42.5% {
    background-position: -14.95rem -5.75rem;
  }

  43% {
    background-position: -16.1rem -5.75rem;
  }

  43.5% {
    background-position: 0 -6.9rem;
  }

  44% {
    background-position: -1.15rem -6.9rem;
  }

  44.4% {
    background-position: -2.3rem -6.9rem;
  }

  44.9% {
    background-position: -3.45rem -6.9rem;
  }

  45.4% {
    background-position: -4.6rem -6.9rem;
  }

  45.9% {
    background-position: -5.75rem -6.9rem;
  }

  46.4% {
    background-position: -6.9rem -6.9rem;
  }

  46.9% {
    background-position: -8.05rem -6.9rem;
  }

  47.3% {
    background-position: -9.2rem -6.9rem;
  }

  47.8% {
    background-position: -10.35rem -6.9rem;
  }

  48.3% {
    background-position: -11.5rem -6.9rem;
  }

  48.8% {
    background-position: -12.65rem -6.9rem;
  }

  49.3% {
    background-position: -13.8rem -6.9rem;
  }

  49.8% {
    background-position: -14.95rem -6.9rem;
  }

  50.2% {
    background-position: -16.1rem -6.9rem;
  }

  50.7% {
    background-position: 0 -8.05rem;
  }

  51.2% {
    background-position: -1.15rem -8.05rem;
  }

  51.7% {
    background-position: -2.3rem -8.05rem;
  }

  52.2% {
    background-position: -3.45rem -8.05rem;
  }

  52.7% {
    background-position: -4.6rem -8.05rem;
  }

  53.1% {
    background-position: -5.75rem -8.05rem;
  }

  53.6% {
    background-position: -6.9rem -8.05rem;
  }

  54.1% {
    background-position: -8.05rem -8.05rem;
  }

  54.6% {
    background-position: -9.2rem -8.05rem;
  }

  55.1% {
    background-position: -10.35rem -8.05rem;
  }

  55.6% {
    background-position: -11.5rem -8.05rem;
  }

  56% {
    background-position: -12.65rem -8.05rem;
  }

  56.5% {
    background-position: -13.8rem -8.05rem;
  }

  57% {
    background-position: -14.95rem -8.05rem;
  }

  57.5% {
    background-position: -16.1rem -8.05rem;
  }

  58% {
    background-position: 0 -9.2rem;
  }

  58.5% {
    background-position: -1.15rem -9.2rem;
  }

  58.9% {
    background-position: -2.3rem -9.2rem;
  }

  59.4% {
    background-position: -3.45rem -9.2rem;
  }

  59.9% {
    background-position: -4.6rem -9.2rem;
  }

  60.4% {
    background-position: -5.75rem -9.2rem;
  }

  60.9% {
    background-position: -6.9rem -9.2rem;
  }

  61.4% {
    background-position: -8.05rem -9.2rem;
  }

  61.8% {
    background-position: -9.2rem -9.2rem;
  }

  62.3% {
    background-position: -10.35rem -9.2rem;
  }

  62.8% {
    background-position: -11.5rem -9.2rem;
  }

  63.3% {
    background-position: -12.65rem -9.2rem;
  }

  63.8% {
    background-position: -13.8rem -9.2rem;
  }

  64.3% {
    background-position: -14.95rem -9.2rem;
  }

  64.7% {
    background-position: -16.1rem -9.2rem;
  }

  65.2% {
    background-position: 0 -10.35rem;
  }

  65.7% {
    background-position: -1.15rem -10.35rem;
  }

  66.2% {
    background-position: -2.3rem -10.35rem;
  }

  66.7% {
    background-position: -3.45rem -10.35rem;
  }

  67.1% {
    background-position: -4.6rem -10.35rem;
  }

  67.6% {
    background-position: -5.75rem -10.35rem;
  }

  68.1% {
    background-position: -6.9rem -10.35rem;
  }

  68.6% {
    background-position: -8.05rem -10.35rem;
  }

  69.1% {
    background-position: -9.2rem -10.35rem;
  }

  69.6% {
    background-position: -10.35rem -10.35rem;
  }

  70% {
    background-position: -11.5rem -10.35rem;
  }

  70.5% {
    background-position: -12.65rem -10.35rem;
  }

  71% {
    background-position: -13.8rem -10.35rem;
  }

  71.5% {
    background-position: -14.95rem -10.35rem;
  }

  72% {
    background-position: -16.1rem -10.35rem;
  }

  72.5% {
    background-position: 0 -11.5rem;
  }

  72.9% {
    background-position: -1.15rem -11.5rem;
  }

  73.4% {
    background-position: -2.3rem -11.5rem;
  }

  73.9% {
    background-position: -3.45rem -11.5rem;
  }

  74.4% {
    background-position: -4.6rem -11.5rem;
  }

  74.9% {
    background-position: -5.75rem -11.5rem;
  }

  75.4% {
    background-position: -6.9rem -11.5rem;
  }

  75.8% {
    background-position: -8.05rem -11.5rem;
  }

  76.3% {
    background-position: -9.2rem -11.5rem;
  }

  76.8% {
    background-position: -10.35rem -11.5rem;
  }

  77.3% {
    background-position: -11.5rem -11.5rem;
  }

  77.8% {
    background-position: -12.65rem -11.5rem;
  }

  78.3% {
    background-position: -13.8rem -11.5rem;
  }

  78.7% {
    background-position: -14.95rem -11.5rem;
  }

  79.2% {
    background-position: -16.1rem -11.5rem;
  }

  79.7% {
    background-position: 0 -12.65rem;
  }

  80.2% {
    background-position: -1.15rem -12.65rem;
  }

  80.7% {
    background-position: -2.3rem -12.65rem;
  }

  81.2% {
    background-position: -3.45rem -12.65rem;
  }

  81.6% {
    background-position: -4.6rem -12.65rem;
  }

  82.1% {
    background-position: -5.75rem -12.65rem;
  }

  82.6% {
    background-position: -6.9rem -12.65rem;
  }

  83.1% {
    background-position: -8.05rem -12.65rem;
  }

  83.6% {
    background-position: -9.2rem -12.65rem;
  }

  84.1% {
    background-position: -10.35rem -12.65rem;
  }

  84.5% {
    background-position: -11.5rem -12.65rem;
  }

  85% {
    background-position: -12.65rem -12.65rem;
  }

  85.5% {
    background-position: -13.8rem -12.65rem;
  }

  86% {
    background-position: -14.95rem -12.65rem;
  }

  86.5% {
    background-position: -16.1rem -12.65rem;
  }

  87% {
    background-position: 0 -13.8rem;
  }

  87.4% {
    background-position: -1.15rem -13.8rem;
  }

  87.9% {
    background-position: -2.3rem -13.8rem;
  }

  88.4% {
    background-position: -3.45rem -13.8rem;
  }

  88.9% {
    background-position: -4.6rem -13.8rem;
  }

  89.4% {
    background-position: -5.75rem -13.8rem;
  }

  89.9% {
    background-position: -6.9rem -13.8rem;
  }

  90.3% {
    background-position: -8.05rem -13.8rem;
  }

  90.8% {
    background-position: -9.2rem -13.8rem;
  }

  91.3% {
    background-position: -10.35rem -13.8rem;
  }

  91.8% {
    background-position: -11.5rem -13.8rem;
  }

  92.3% {
    background-position: -12.65rem -13.8rem;
  }

  92.8% {
    background-position: -13.8rem -13.8rem;
  }

  93.2% {
    background-position: -14.95rem -13.8rem;
  }

  93.7% {
    background-position: -16.1rem -13.8rem;
  }

  94.2% {
    background-position: 0 -14.95rem;
  }

  94.7% {
    background-position: -1.15rem -14.95rem;
  }

  95.2% {
    background-position: -2.3rem -14.95rem;
  }

  95.7% {
    background-position: -3.45rem -14.95rem;
  }

  96.1% {
    background-position: -4.6rem -14.95rem;
  }

  96.6% {
    background-position: -5.75rem -14.95rem;
  }

  97.1% {
    background-position: -6.9rem -14.95rem;
  }

  97.6% {
    background-position: -8.05rem -14.95rem;
  }

  98.1% {
    background-position: -9.2rem -14.95rem;
  }

  98.6% {
    background-position: -10.35rem -14.95rem;
  }

  99% {
    background-position: -11.5rem -14.95rem;
  }

  99.5% {
    background-position: -12.65rem -14.95rem;
  }

  100% {
    background-position: -12.65rem -14.95rem;
  }
}

.nxh-6 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/assets/jh-36_e1c0f1ca.png);
  background-size: 1400% 1300%;
}

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

  0.6% {
    background-position: -1.15rem 0;
  }

  1.1% {
    background-position: -2.3rem 0;
  }

  1.7% {
    background-position: -3.45rem 0;
  }

  2.2% {
    background-position: -4.6rem 0;
  }

  2.8% {
    background-position: -5.75rem 0;
  }

  3.3% {
    background-position: -6.9rem 0;
  }

  3.9% {
    background-position: -8.05rem 0;
  }

  4.4% {
    background-position: -9.2rem 0;
  }

  5% {
    background-position: -10.35rem 0;
  }

  5.6% {
    background-position: -11.5rem 0;
  }

  6.1% {
    background-position: -12.65rem 0;
  }

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

  7.2% {
    background-position: -14.95rem 0;
  }

  7.8% {
    background-position: 0 -1.15rem;
  }

  8.3% {
    background-position: -1.15rem -1.15rem;
  }

  8.9% {
    background-position: -2.3rem -1.15rem;
  }

  9.4% {
    background-position: -3.45rem -1.15rem;
  }

  10% {
    background-position: -4.6rem -1.15rem;
  }

  10.6% {
    background-position: -5.75rem -1.15rem;
  }

  11.1% {
    background-position: -6.9rem -1.15rem;
  }

  11.7% {
    background-position: -8.05rem -1.15rem;
  }

  12.2% {
    background-position: -9.2rem -1.15rem;
  }

  12.8% {
    background-position: -10.35rem -1.15rem;
  }

  13.3% {
    background-position: -11.5rem -1.15rem;
  }

  13.9% {
    background-position: -12.65rem -1.15rem;
  }

  14.4% {
    background-position: -13.8rem -1.15rem;
  }

  15% {
    background-position: -14.95rem -1.15rem;
  }

  15.6% {
    background-position: 0 -2.3rem;
  }

  16.1% {
    background-position: -1.15rem -2.3rem;
  }

  16.7% {
    background-position: -2.3rem -2.3rem;
  }

  17.2% {
    background-position: -3.45rem -2.3rem;
  }

  17.8% {
    background-position: -4.6rem -2.3rem;
  }

  18.3% {
    background-position: -5.75rem -2.3rem;
  }

  18.9% {
    background-position: -6.9rem -2.3rem;
  }

  19.4% {
    background-position: -8.05rem -2.3rem;
  }

  20% {
    background-position: -9.2rem -2.3rem;
  }

  20.6% {
    background-position: -10.35rem -2.3rem;
  }

  21.1% {
    background-position: -11.5rem -2.3rem;
  }

  21.7% {
    background-position: -12.65rem -2.3rem;
  }

  22.2% {
    background-position: -13.8rem -2.3rem;
  }

  22.8% {
    background-position: -14.95rem -2.3rem;
  }

  23.3% {
    background-position: 0 -3.45rem;
  }

  23.9% {
    background-position: -1.15rem -3.45rem;
  }

  24.4% {
    background-position: -2.3rem -3.45rem;
  }

  25% {
    background-position: -3.45rem -3.45rem;
  }

  25.6% {
    background-position: -4.6rem -3.45rem;
  }

  26.1% {
    background-position: -5.75rem -3.45rem;
  }

  26.7% {
    background-position: -6.9rem -3.45rem;
  }

  27.2% {
    background-position: -8.05rem -3.45rem;
  }

  27.8% {
    background-position: -9.2rem -3.45rem;
  }

  28.3% {
    background-position: -10.35rem -3.45rem;
  }

  28.9% {
    background-position: -11.5rem -3.45rem;
  }

  29.4% {
    background-position: -12.65rem -3.45rem;
  }

  30% {
    background-position: -13.8rem -3.45rem;
  }

  30.6% {
    background-position: -14.95rem -3.45rem;
  }

  31.1% {
    background-position: 0 -4.6rem;
  }

  31.7% {
    background-position: -1.15rem -4.6rem;
  }

  32.2% {
    background-position: -2.3rem -4.6rem;
  }

  32.8% {
    background-position: -3.45rem -4.6rem;
  }

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

  33.9% {
    background-position: -5.75rem -4.6rem;
  }

  34.4% {
    background-position: -6.9rem -4.6rem;
  }

  35% {
    background-position: -8.05rem -4.6rem;
  }

  35.6% {
    background-position: -9.2rem -4.6rem;
  }

  36.1% {
    background-position: -10.35rem -4.6rem;
  }

  36.7% {
    background-position: -11.5rem -4.6rem;
  }

  37.2% {
    background-position: -12.65rem -4.6rem;
  }

  37.8% {
    background-position: -13.8rem -4.6rem;
  }

  38.3% {
    background-position: -14.95rem -4.6rem;
  }

  38.9% {
    background-position: 0 -5.75rem;
  }

  39.4% {
    background-position: -1.15rem -5.75rem;
  }

  40% {
    background-position: -2.3rem -5.75rem;
  }

  40.6% {
    background-position: -3.45rem -5.75rem;
  }

  41.1% {
    background-position: -4.6rem -5.75rem;
  }

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

  42.2% {
    background-position: -6.9rem -5.75rem;
  }

  42.8% {
    background-position: -8.05rem -5.75rem;
  }

  43.3% {
    background-position: -9.2rem -5.75rem;
  }

  43.9% {
    background-position: -10.35rem -5.75rem;
  }

  44.4% {
    background-position: -11.5rem -5.75rem;
  }

  45% {
    background-position: -12.65rem -5.75rem;
  }

  45.6% {
    background-position: -13.8rem -5.75rem;
  }

  46.1% {
    background-position: -14.95rem -5.75rem;
  }

  46.7% {
    background-position: 0 -6.9rem;
  }

  47.2% {
    background-position: -1.15rem -6.9rem;
  }

  47.8% {
    background-position: -2.3rem -6.9rem;
  }

  48.3% {
    background-position: -3.45rem -6.9rem;
  }

  48.9% {
    background-position: -4.6rem -6.9rem;
  }

  49.4% {
    background-position: -5.75rem -6.9rem;
  }

  50% {
    background-position: -6.9rem -6.9rem;
  }

  50.6% {
    background-position: -8.05rem -6.9rem;
  }

  51.1% {
    background-position: -9.2rem -6.9rem;
  }

  51.7% {
    background-position: -10.35rem -6.9rem;
  }

  52.2% {
    background-position: -11.5rem -6.9rem;
  }

  52.8% {
    background-position: -12.65rem -6.9rem;
  }

  53.3% {
    background-position: -13.8rem -6.9rem;
  }

  53.9% {
    background-position: -14.95rem -6.9rem;
  }

  54.4% {
    background-position: 0 -8.05rem;
  }

  55% {
    background-position: -1.15rem -8.05rem;
  }

  55.6% {
    background-position: -2.3rem -8.05rem;
  }

  56.1% {
    background-position: -3.45rem -8.05rem;
  }

  56.7% {
    background-position: -4.6rem -8.05rem;
  }

  57.2% {
    background-position: -5.75rem -8.05rem;
  }

  57.8% {
    background-position: -6.9rem -8.05rem;
  }

  58.3% {
    background-position: -8.05rem -8.05rem;
  }

  58.9% {
    background-position: -9.2rem -8.05rem;
  }

  59.4% {
    background-position: -10.35rem -8.05rem;
  }

  60% {
    background-position: -11.5rem -8.05rem;
  }

  60.6% {
    background-position: -12.65rem -8.05rem;
  }

  61.1% {
    background-position: -13.8rem -8.05rem;
  }

  61.7% {
    background-position: -14.95rem -8.05rem;
  }

  62.2% {
    background-position: 0 -9.2rem;
  }

  62.8% {
    background-position: -1.15rem -9.2rem;
  }

  63.3% {
    background-position: -2.3rem -9.2rem;
  }

  63.9% {
    background-position: -3.45rem -9.2rem;
  }

  64.4% {
    background-position: -4.6rem -9.2rem;
  }

  65% {
    background-position: -5.75rem -9.2rem;
  }

  65.6% {
    background-position: -6.9rem -9.2rem;
  }

  66.1% {
    background-position: -8.05rem -9.2rem;
  }

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

  67.2% {
    background-position: -10.35rem -9.2rem;
  }

  67.8% {
    background-position: -11.5rem -9.2rem;
  }

  68.3% {
    background-position: -12.65rem -9.2rem;
  }

  68.9% {
    background-position: -13.8rem -9.2rem;
  }

  69.4% {
    background-position: -14.95rem -9.2rem;
  }

  70% {
    background-position: 0 -10.35rem;
  }

  70.6% {
    background-position: -1.15rem -10.35rem;
  }

  71.1% {
    background-position: -2.3rem -10.35rem;
  }

  71.7% {
    background-position: -3.45rem -10.35rem;
  }

  72.2% {
    background-position: -4.6rem -10.35rem;
  }

  72.8% {
    background-position: -5.75rem -10.35rem;
  }

  73.3% {
    background-position: -6.9rem -10.35rem;
  }

  73.9% {
    background-position: -8.05rem -10.35rem;
  }

  74.4% {
    background-position: -9.2rem -10.35rem;
  }

  75% {
    background-position: -10.35rem -10.35rem;
  }

  75.6% {
    background-position: -11.5rem -10.35rem;
  }

  76.1% {
    background-position: -12.65rem -10.35rem;
  }

  76.7% {
    background-position: -13.8rem -10.35rem;
  }

  77.2% {
    background-position: -14.95rem -10.35rem;
  }

  77.8% {
    background-position: 0 -11.5rem;
  }

  78.3% {
    background-position: -1.15rem -11.5rem;
  }

  78.9% {
    background-position: -2.3rem -11.5rem;
  }

  79.4% {
    background-position: -3.45rem -11.5rem;
  }

  80% {
    background-position: -4.6rem -11.5rem;
  }

  80.6% {
    background-position: -5.75rem -11.5rem;
  }

  81.1% {
    background-position: -6.9rem -11.5rem;
  }

  81.7% {
    background-position: -8.05rem -11.5rem;
  }

  82.2% {
    background-position: -9.2rem -11.5rem;
  }

  82.8% {
    background-position: -10.35rem -11.5rem;
  }

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

  83.9% {
    background-position: -12.65rem -11.5rem;
  }

  84.4% {
    background-position: -13.8rem -11.5rem;
  }

  85% {
    background-position: -14.95rem -11.5rem;
  }

  85.6% {
    background-position: 0 -12.65rem;
  }

  86.1% {
    background-position: -1.15rem -12.65rem;
  }

  86.7% {
    background-position: -2.3rem -12.65rem;
  }

  87.2% {
    background-position: -3.45rem -12.65rem;
  }

  87.8% {
    background-position: -4.6rem -12.65rem;
  }

  88.3% {
    background-position: -5.75rem -12.65rem;
  }

  88.9% {
    background-position: -6.9rem -12.65rem;
  }

  89.4% {
    background-position: -8.05rem -12.65rem;
  }

  90% {
    background-position: -9.2rem -12.65rem;
  }

  90.6% {
    background-position: -10.35rem -12.65rem;
  }

  91.1% {
    background-position: -11.5rem -12.65rem;
  }

  91.7% {
    background-position: -12.65rem -12.65rem;
  }

  92.2% {
    background-position: -13.8rem -12.65rem;
  }

  92.8% {
    background-position: -14.95rem -12.65rem;
  }

  93.3% {
    background-position: 0 -13.8rem;
  }

  93.9% {
    background-position: -1.15rem -13.8rem;
  }

  94.4% {
    background-position: -2.3rem -13.8rem;
  }

  95% {
    background-position: -3.45rem -13.8rem;
  }

  95.6% {
    background-position: -4.6rem -13.8rem;
  }

  96.1% {
    background-position: -5.75rem -13.8rem;
  }

  96.7% {
    background-position: -6.9rem -13.8rem;
  }

  97.2% {
    background-position: -8.05rem -13.8rem;
  }

  97.8% {
    background-position: -9.2rem -13.8rem;
  }

  98.3% {
    background-position: -10.35rem -13.8rem;
  }

  98.9% {
    background-position: -11.5rem -13.8rem;
  }

  99.4% {
    background-position: -12.65rem -13.8rem;
  }

  100% {
    background-position: -12.65rem -13.8rem;
  }
}

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

  0.6% {
    background-position: -1.15rem 0;
  }

  1.1% {
    background-position: -2.3rem 0;
  }

  1.7% {
    background-position: -3.45rem 0;
  }

  2.2% {
    background-position: -4.6rem 0;
  }

  2.8% {
    background-position: -5.75rem 0;
  }

  3.3% {
    background-position: -6.9rem 0;
  }

  3.9% {
    background-position: -8.05rem 0;
  }

  4.4% {
    background-position: -9.2rem 0;
  }

  5% {
    background-position: -10.35rem 0;
  }

  5.6% {
    background-position: -11.5rem 0;
  }

  6.1% {
    background-position: -12.65rem 0;
  }

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

  7.2% {
    background-position: -14.95rem 0;
  }

  7.8% {
    background-position: 0 -1.15rem;
  }

  8.3% {
    background-position: -1.15rem -1.15rem;
  }

  8.9% {
    background-position: -2.3rem -1.15rem;
  }

  9.4% {
    background-position: -3.45rem -1.15rem;
  }

  10% {
    background-position: -4.6rem -1.15rem;
  }

  10.6% {
    background-position: -5.75rem -1.15rem;
  }

  11.1% {
    background-position: -6.9rem -1.15rem;
  }

  11.7% {
    background-position: -8.05rem -1.15rem;
  }

  12.2% {
    background-position: -9.2rem -1.15rem;
  }

  12.8% {
    background-position: -10.35rem -1.15rem;
  }

  13.3% {
    background-position: -11.5rem -1.15rem;
  }

  13.9% {
    background-position: -12.65rem -1.15rem;
  }

  14.4% {
    background-position: -13.8rem -1.15rem;
  }

  15% {
    background-position: -14.95rem -1.15rem;
  }

  15.6% {
    background-position: 0 -2.3rem;
  }

  16.1% {
    background-position: -1.15rem -2.3rem;
  }

  16.7% {
    background-position: -2.3rem -2.3rem;
  }

  17.2% {
    background-position: -3.45rem -2.3rem;
  }

  17.8% {
    background-position: -4.6rem -2.3rem;
  }

  18.3% {
    background-position: -5.75rem -2.3rem;
  }

  18.9% {
    background-position: -6.9rem -2.3rem;
  }

  19.4% {
    background-position: -8.05rem -2.3rem;
  }

  20% {
    background-position: -9.2rem -2.3rem;
  }

  20.6% {
    background-position: -10.35rem -2.3rem;
  }

  21.1% {
    background-position: -11.5rem -2.3rem;
  }

  21.7% {
    background-position: -12.65rem -2.3rem;
  }

  22.2% {
    background-position: -13.8rem -2.3rem;
  }

  22.8% {
    background-position: -14.95rem -2.3rem;
  }

  23.3% {
    background-position: 0 -3.45rem;
  }

  23.9% {
    background-position: -1.15rem -3.45rem;
  }

  24.4% {
    background-position: -2.3rem -3.45rem;
  }

  25% {
    background-position: -3.45rem -3.45rem;
  }

  25.6% {
    background-position: -4.6rem -3.45rem;
  }

  26.1% {
    background-position: -5.75rem -3.45rem;
  }

  26.7% {
    background-position: -6.9rem -3.45rem;
  }

  27.2% {
    background-position: -8.05rem -3.45rem;
  }

  27.8% {
    background-position: -9.2rem -3.45rem;
  }

  28.3% {
    background-position: -10.35rem -3.45rem;
  }

  28.9% {
    background-position: -11.5rem -3.45rem;
  }

  29.4% {
    background-position: -12.65rem -3.45rem;
  }

  30% {
    background-position: -13.8rem -3.45rem;
  }

  30.6% {
    background-position: -14.95rem -3.45rem;
  }

  31.1% {
    background-position: 0 -4.6rem;
  }

  31.7% {
    background-position: -1.15rem -4.6rem;
  }

  32.2% {
    background-position: -2.3rem -4.6rem;
  }

  32.8% {
    background-position: -3.45rem -4.6rem;
  }

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

  33.9% {
    background-position: -5.75rem -4.6rem;
  }

  34.4% {
    background-position: -6.9rem -4.6rem;
  }

  35% {
    background-position: -8.05rem -4.6rem;
  }

  35.6% {
    background-position: -9.2rem -4.6rem;
  }

  36.1% {
    background-position: -10.35rem -4.6rem;
  }

  36.7% {
    background-position: -11.5rem -4.6rem;
  }

  37.2% {
    background-position: -12.65rem -4.6rem;
  }

  37.8% {
    background-position: -13.8rem -4.6rem;
  }

  38.3% {
    background-position: -14.95rem -4.6rem;
  }

  38.9% {
    background-position: 0 -5.75rem;
  }

  39.4% {
    background-position: -1.15rem -5.75rem;
  }

  40% {
    background-position: -2.3rem -5.75rem;
  }

  40.6% {
    background-position: -3.45rem -5.75rem;
  }

  41.1% {
    background-position: -4.6rem -5.75rem;
  }

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

  42.2% {
    background-position: -6.9rem -5.75rem;
  }

  42.8% {
    background-position: -8.05rem -5.75rem;
  }

  43.3% {
    background-position: -9.2rem -5.75rem;
  }

  43.9% {
    background-position: -10.35rem -5.75rem;
  }

  44.4% {
    background-position: -11.5rem -5.75rem;
  }

  45% {
    background-position: -12.65rem -5.75rem;
  }

  45.6% {
    background-position: -13.8rem -5.75rem;
  }

  46.1% {
    background-position: -14.95rem -5.75rem;
  }

  46.7% {
    background-position: 0 -6.9rem;
  }

  47.2% {
    background-position: -1.15rem -6.9rem;
  }

  47.8% {
    background-position: -2.3rem -6.9rem;
  }

  48.3% {
    background-position: -3.45rem -6.9rem;
  }

  48.9% {
    background-position: -4.6rem -6.9rem;
  }

  49.4% {
    background-position: -5.75rem -6.9rem;
  }

  50% {
    background-position: -6.9rem -6.9rem;
  }

  50.6% {
    background-position: -8.05rem -6.9rem;
  }

  51.1% {
    background-position: -9.2rem -6.9rem;
  }

  51.7% {
    background-position: -10.35rem -6.9rem;
  }

  52.2% {
    background-position: -11.5rem -6.9rem;
  }

  52.8% {
    background-position: -12.65rem -6.9rem;
  }

  53.3% {
    background-position: -13.8rem -6.9rem;
  }

  53.9% {
    background-position: -14.95rem -6.9rem;
  }

  54.4% {
    background-position: 0 -8.05rem;
  }

  55% {
    background-position: -1.15rem -8.05rem;
  }

  55.6% {
    background-position: -2.3rem -8.05rem;
  }

  56.1% {
    background-position: -3.45rem -8.05rem;
  }

  56.7% {
    background-position: -4.6rem -8.05rem;
  }

  57.2% {
    background-position: -5.75rem -8.05rem;
  }

  57.8% {
    background-position: -6.9rem -8.05rem;
  }

  58.3% {
    background-position: -8.05rem -8.05rem;
  }

  58.9% {
    background-position: -9.2rem -8.05rem;
  }

  59.4% {
    background-position: -10.35rem -8.05rem;
  }

  60% {
    background-position: -11.5rem -8.05rem;
  }

  60.6% {
    background-position: -12.65rem -8.05rem;
  }

  61.1% {
    background-position: -13.8rem -8.05rem;
  }

  61.7% {
    background-position: -14.95rem -8.05rem;
  }

  62.2% {
    background-position: 0 -9.2rem;
  }

  62.8% {
    background-position: -1.15rem -9.2rem;
  }

  63.3% {
    background-position: -2.3rem -9.2rem;
  }

  63.9% {
    background-position: -3.45rem -9.2rem;
  }

  64.4% {
    background-position: -4.6rem -9.2rem;
  }

  65% {
    background-position: -5.75rem -9.2rem;
  }

  65.6% {
    background-position: -6.9rem -9.2rem;
  }

  66.1% {
    background-position: -8.05rem -9.2rem;
  }

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

  67.2% {
    background-position: -10.35rem -9.2rem;
  }

  67.8% {
    background-position: -11.5rem -9.2rem;
  }

  68.3% {
    background-position: -12.65rem -9.2rem;
  }

  68.9% {
    background-position: -13.8rem -9.2rem;
  }

  69.4% {
    background-position: -14.95rem -9.2rem;
  }

  70% {
    background-position: 0 -10.35rem;
  }

  70.6% {
    background-position: -1.15rem -10.35rem;
  }

  71.1% {
    background-position: -2.3rem -10.35rem;
  }

  71.7% {
    background-position: -3.45rem -10.35rem;
  }

  72.2% {
    background-position: -4.6rem -10.35rem;
  }

  72.8% {
    background-position: -5.75rem -10.35rem;
  }

  73.3% {
    background-position: -6.9rem -10.35rem;
  }

  73.9% {
    background-position: -8.05rem -10.35rem;
  }

  74.4% {
    background-position: -9.2rem -10.35rem;
  }

  75% {
    background-position: -10.35rem -10.35rem;
  }

  75.6% {
    background-position: -11.5rem -10.35rem;
  }

  76.1% {
    background-position: -12.65rem -10.35rem;
  }

  76.7% {
    background-position: -13.8rem -10.35rem;
  }

  77.2% {
    background-position: -14.95rem -10.35rem;
  }

  77.8% {
    background-position: 0 -11.5rem;
  }

  78.3% {
    background-position: -1.15rem -11.5rem;
  }

  78.9% {
    background-position: -2.3rem -11.5rem;
  }

  79.4% {
    background-position: -3.45rem -11.5rem;
  }

  80% {
    background-position: -4.6rem -11.5rem;
  }

  80.6% {
    background-position: -5.75rem -11.5rem;
  }

  81.1% {
    background-position: -6.9rem -11.5rem;
  }

  81.7% {
    background-position: -8.05rem -11.5rem;
  }

  82.2% {
    background-position: -9.2rem -11.5rem;
  }

  82.8% {
    background-position: -10.35rem -11.5rem;
  }

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

  83.9% {
    background-position: -12.65rem -11.5rem;
  }

  84.4% {
    background-position: -13.8rem -11.5rem;
  }

  85% {
    background-position: -14.95rem -11.5rem;
  }

  85.6% {
    background-position: 0 -12.65rem;
  }

  86.1% {
    background-position: -1.15rem -12.65rem;
  }

  86.7% {
    background-position: -2.3rem -12.65rem;
  }

  87.2% {
    background-position: -3.45rem -12.65rem;
  }

  87.8% {
    background-position: -4.6rem -12.65rem;
  }

  88.3% {
    background-position: -5.75rem -12.65rem;
  }

  88.9% {
    background-position: -6.9rem -12.65rem;
  }

  89.4% {
    background-position: -8.05rem -12.65rem;
  }

  90% {
    background-position: -9.2rem -12.65rem;
  }

  90.6% {
    background-position: -10.35rem -12.65rem;
  }

  91.1% {
    background-position: -11.5rem -12.65rem;
  }

  91.7% {
    background-position: -12.65rem -12.65rem;
  }

  92.2% {
    background-position: -13.8rem -12.65rem;
  }

  92.8% {
    background-position: -14.95rem -12.65rem;
  }

  93.3% {
    background-position: 0 -13.8rem;
  }

  93.9% {
    background-position: -1.15rem -13.8rem;
  }

  94.4% {
    background-position: -2.3rem -13.8rem;
  }

  95% {
    background-position: -3.45rem -13.8rem;
  }

  95.6% {
    background-position: -4.6rem -13.8rem;
  }

  96.1% {
    background-position: -5.75rem -13.8rem;
  }

  96.7% {
    background-position: -6.9rem -13.8rem;
  }

  97.2% {
    background-position: -8.05rem -13.8rem;
  }

  97.8% {
    background-position: -9.2rem -13.8rem;
  }

  98.3% {
    background-position: -10.35rem -13.8rem;
  }

  98.9% {
    background-position: -11.5rem -13.8rem;
  }

  99.4% {
    background-position: -12.65rem -13.8rem;
  }

  100% {
    background-position: -12.65rem -13.8rem;
  }
}

.nxh-7 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/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: -1.15rem 0;
  }

  1.1% {
    background-position: -2.3rem 0;
  }

  1.7% {
    background-position: -3.45rem 0;
  }

  2.2% {
    background-position: -4.6rem 0;
  }

  2.8% {
    background-position: -5.75rem 0;
  }

  3.3% {
    background-position: -6.9rem 0;
  }

  3.9% {
    background-position: -8.05rem 0;
  }

  4.4% {
    background-position: -9.2rem 0;
  }

  5% {
    background-position: -10.35rem 0;
  }

  5.6% {
    background-position: -11.5rem 0;
  }

  6.1% {
    background-position: -12.65rem 0;
  }

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

  7.2% {
    background-position: -14.95rem 0;
  }

  7.8% {
    background-position: 0 -1.15rem;
  }

  8.3% {
    background-position: -1.15rem -1.15rem;
  }

  8.9% {
    background-position: -2.3rem -1.15rem;
  }

  9.4% {
    background-position: -3.45rem -1.15rem;
  }

  10% {
    background-position: -4.6rem -1.15rem;
  }

  10.6% {
    background-position: -5.75rem -1.15rem;
  }

  11.1% {
    background-position: -6.9rem -1.15rem;
  }

  11.7% {
    background-position: -8.05rem -1.15rem;
  }

  12.2% {
    background-position: -9.2rem -1.15rem;
  }

  12.8% {
    background-position: -10.35rem -1.15rem;
  }

  13.3% {
    background-position: -11.5rem -1.15rem;
  }

  13.9% {
    background-position: -12.65rem -1.15rem;
  }

  14.4% {
    background-position: -13.8rem -1.15rem;
  }

  15% {
    background-position: -14.95rem -1.15rem;
  }

  15.6% {
    background-position: 0 -2.3rem;
  }

  16.1% {
    background-position: -1.15rem -2.3rem;
  }

  16.7% {
    background-position: -2.3rem -2.3rem;
  }

  17.2% {
    background-position: -3.45rem -2.3rem;
  }

  17.8% {
    background-position: -4.6rem -2.3rem;
  }

  18.3% {
    background-position: -5.75rem -2.3rem;
  }

  18.9% {
    background-position: -6.9rem -2.3rem;
  }

  19.4% {
    background-position: -8.05rem -2.3rem;
  }

  20% {
    background-position: -9.2rem -2.3rem;
  }

  20.6% {
    background-position: -10.35rem -2.3rem;
  }

  21.1% {
    background-position: -11.5rem -2.3rem;
  }

  21.7% {
    background-position: -12.65rem -2.3rem;
  }

  22.2% {
    background-position: -13.8rem -2.3rem;
  }

  22.8% {
    background-position: -14.95rem -2.3rem;
  }

  23.3% {
    background-position: 0 -3.45rem;
  }

  23.9% {
    background-position: -1.15rem -3.45rem;
  }

  24.4% {
    background-position: -2.3rem -3.45rem;
  }

  25% {
    background-position: -3.45rem -3.45rem;
  }

  25.6% {
    background-position: -4.6rem -3.45rem;
  }

  26.1% {
    background-position: -5.75rem -3.45rem;
  }

  26.7% {
    background-position: -6.9rem -3.45rem;
  }

  27.2% {
    background-position: -8.05rem -3.45rem;
  }

  27.8% {
    background-position: -9.2rem -3.45rem;
  }

  28.3% {
    background-position: -10.35rem -3.45rem;
  }

  28.9% {
    background-position: -11.5rem -3.45rem;
  }

  29.4% {
    background-position: -12.65rem -3.45rem;
  }

  30% {
    background-position: -13.8rem -3.45rem;
  }

  30.6% {
    background-position: -14.95rem -3.45rem;
  }

  31.1% {
    background-position: 0 -4.6rem;
  }

  31.7% {
    background-position: -1.15rem -4.6rem;
  }

  32.2% {
    background-position: -2.3rem -4.6rem;
  }

  32.8% {
    background-position: -3.45rem -4.6rem;
  }

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

  33.9% {
    background-position: -5.75rem -4.6rem;
  }

  34.4% {
    background-position: -6.9rem -4.6rem;
  }

  35% {
    background-position: -8.05rem -4.6rem;
  }

  35.6% {
    background-position: -9.2rem -4.6rem;
  }

  36.1% {
    background-position: -10.35rem -4.6rem;
  }

  36.7% {
    background-position: -11.5rem -4.6rem;
  }

  37.2% {
    background-position: -12.65rem -4.6rem;
  }

  37.8% {
    background-position: -13.8rem -4.6rem;
  }

  38.3% {
    background-position: -14.95rem -4.6rem;
  }

  38.9% {
    background-position: 0 -5.75rem;
  }

  39.4% {
    background-position: -1.15rem -5.75rem;
  }

  40% {
    background-position: -2.3rem -5.75rem;
  }

  40.6% {
    background-position: -3.45rem -5.75rem;
  }

  41.1% {
    background-position: -4.6rem -5.75rem;
  }

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

  42.2% {
    background-position: -6.9rem -5.75rem;
  }

  42.8% {
    background-position: -8.05rem -5.75rem;
  }

  43.3% {
    background-position: -9.2rem -5.75rem;
  }

  43.9% {
    background-position: -10.35rem -5.75rem;
  }

  44.4% {
    background-position: -11.5rem -5.75rem;
  }

  45% {
    background-position: -12.65rem -5.75rem;
  }

  45.6% {
    background-position: -13.8rem -5.75rem;
  }

  46.1% {
    background-position: -14.95rem -5.75rem;
  }

  46.7% {
    background-position: 0 -6.9rem;
  }

  47.2% {
    background-position: -1.15rem -6.9rem;
  }

  47.8% {
    background-position: -2.3rem -6.9rem;
  }

  48.3% {
    background-position: -3.45rem -6.9rem;
  }

  48.9% {
    background-position: -4.6rem -6.9rem;
  }

  49.4% {
    background-position: -5.75rem -6.9rem;
  }

  50% {
    background-position: -6.9rem -6.9rem;
  }

  50.6% {
    background-position: -8.05rem -6.9rem;
  }

  51.1% {
    background-position: -9.2rem -6.9rem;
  }

  51.7% {
    background-position: -10.35rem -6.9rem;
  }

  52.2% {
    background-position: -11.5rem -6.9rem;
  }

  52.8% {
    background-position: -12.65rem -6.9rem;
  }

  53.3% {
    background-position: -13.8rem -6.9rem;
  }

  53.9% {
    background-position: -14.95rem -6.9rem;
  }

  54.4% {
    background-position: 0 -8.05rem;
  }

  55% {
    background-position: -1.15rem -8.05rem;
  }

  55.6% {
    background-position: -2.3rem -8.05rem;
  }

  56.1% {
    background-position: -3.45rem -8.05rem;
  }

  56.7% {
    background-position: -4.6rem -8.05rem;
  }

  57.2% {
    background-position: -5.75rem -8.05rem;
  }

  57.8% {
    background-position: -6.9rem -8.05rem;
  }

  58.3% {
    background-position: -8.05rem -8.05rem;
  }

  58.9% {
    background-position: -9.2rem -8.05rem;
  }

  59.4% {
    background-position: -10.35rem -8.05rem;
  }

  60% {
    background-position: -11.5rem -8.05rem;
  }

  60.6% {
    background-position: -12.65rem -8.05rem;
  }

  61.1% {
    background-position: -13.8rem -8.05rem;
  }

  61.7% {
    background-position: -14.95rem -8.05rem;
  }

  62.2% {
    background-position: 0 -9.2rem;
  }

  62.8% {
    background-position: -1.15rem -9.2rem;
  }

  63.3% {
    background-position: -2.3rem -9.2rem;
  }

  63.9% {
    background-position: -3.45rem -9.2rem;
  }

  64.4% {
    background-position: -4.6rem -9.2rem;
  }

  65% {
    background-position: -5.75rem -9.2rem;
  }

  65.6% {
    background-position: -6.9rem -9.2rem;
  }

  66.1% {
    background-position: -8.05rem -9.2rem;
  }

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

  67.2% {
    background-position: -10.35rem -9.2rem;
  }

  67.8% {
    background-position: -11.5rem -9.2rem;
  }

  68.3% {
    background-position: -12.65rem -9.2rem;
  }

  68.9% {
    background-position: -13.8rem -9.2rem;
  }

  69.4% {
    background-position: -14.95rem -9.2rem;
  }

  70% {
    background-position: 0 -10.35rem;
  }

  70.6% {
    background-position: -1.15rem -10.35rem;
  }

  71.1% {
    background-position: -2.3rem -10.35rem;
  }

  71.7% {
    background-position: -3.45rem -10.35rem;
  }

  72.2% {
    background-position: -4.6rem -10.35rem;
  }

  72.8% {
    background-position: -5.75rem -10.35rem;
  }

  73.3% {
    background-position: -6.9rem -10.35rem;
  }

  73.9% {
    background-position: -8.05rem -10.35rem;
  }

  74.4% {
    background-position: -9.2rem -10.35rem;
  }

  75% {
    background-position: -10.35rem -10.35rem;
  }

  75.6% {
    background-position: -11.5rem -10.35rem;
  }

  76.1% {
    background-position: -12.65rem -10.35rem;
  }

  76.7% {
    background-position: -13.8rem -10.35rem;
  }

  77.2% {
    background-position: -14.95rem -10.35rem;
  }

  77.8% {
    background-position: 0 -11.5rem;
  }

  78.3% {
    background-position: -1.15rem -11.5rem;
  }

  78.9% {
    background-position: -2.3rem -11.5rem;
  }

  79.4% {
    background-position: -3.45rem -11.5rem;
  }

  80% {
    background-position: -4.6rem -11.5rem;
  }

  80.6% {
    background-position: -5.75rem -11.5rem;
  }

  81.1% {
    background-position: -6.9rem -11.5rem;
  }

  81.7% {
    background-position: -8.05rem -11.5rem;
  }

  82.2% {
    background-position: -9.2rem -11.5rem;
  }

  82.8% {
    background-position: -10.35rem -11.5rem;
  }

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

  83.9% {
    background-position: -12.65rem -11.5rem;
  }

  84.4% {
    background-position: -13.8rem -11.5rem;
  }

  85% {
    background-position: -14.95rem -11.5rem;
  }

  85.6% {
    background-position: 0 -12.65rem;
  }

  86.1% {
    background-position: -1.15rem -12.65rem;
  }

  86.7% {
    background-position: -2.3rem -12.65rem;
  }

  87.2% {
    background-position: -3.45rem -12.65rem;
  }

  87.8% {
    background-position: -4.6rem -12.65rem;
  }

  88.3% {
    background-position: -5.75rem -12.65rem;
  }

  88.9% {
    background-position: -6.9rem -12.65rem;
  }

  89.4% {
    background-position: -8.05rem -12.65rem;
  }

  90% {
    background-position: -9.2rem -12.65rem;
  }

  90.6% {
    background-position: -10.35rem -12.65rem;
  }

  91.1% {
    background-position: -11.5rem -12.65rem;
  }

  91.7% {
    background-position: -12.65rem -12.65rem;
  }

  92.2% {
    background-position: -13.8rem -12.65rem;
  }

  92.8% {
    background-position: -14.95rem -12.65rem;
  }

  93.3% {
    background-position: 0 -13.8rem;
  }

  93.9% {
    background-position: -1.15rem -13.8rem;
  }

  94.4% {
    background-position: -2.3rem -13.8rem;
  }

  95% {
    background-position: -3.45rem -13.8rem;
  }

  95.6% {
    background-position: -4.6rem -13.8rem;
  }

  96.1% {
    background-position: -5.75rem -13.8rem;
  }

  96.7% {
    background-position: -6.9rem -13.8rem;
  }

  97.2% {
    background-position: -8.05rem -13.8rem;
  }

  97.8% {
    background-position: -9.2rem -13.8rem;
  }

  98.3% {
    background-position: -10.35rem -13.8rem;
  }

  98.9% {
    background-position: -11.5rem -13.8rem;
  }

  99.4% {
    background-position: -12.65rem -13.8rem;
  }

  100% {
    background-position: -12.65rem -13.8rem;
  }
}

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

  0.6% {
    background-position: -1.15rem 0;
  }

  1.1% {
    background-position: -2.3rem 0;
  }

  1.7% {
    background-position: -3.45rem 0;
  }

  2.2% {
    background-position: -4.6rem 0;
  }

  2.8% {
    background-position: -5.75rem 0;
  }

  3.3% {
    background-position: -6.9rem 0;
  }

  3.9% {
    background-position: -8.05rem 0;
  }

  4.4% {
    background-position: -9.2rem 0;
  }

  5% {
    background-position: -10.35rem 0;
  }

  5.6% {
    background-position: -11.5rem 0;
  }

  6.1% {
    background-position: -12.65rem 0;
  }

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

  7.2% {
    background-position: -14.95rem 0;
  }

  7.8% {
    background-position: 0 -1.15rem;
  }

  8.3% {
    background-position: -1.15rem -1.15rem;
  }

  8.9% {
    background-position: -2.3rem -1.15rem;
  }

  9.4% {
    background-position: -3.45rem -1.15rem;
  }

  10% {
    background-position: -4.6rem -1.15rem;
  }

  10.6% {
    background-position: -5.75rem -1.15rem;
  }

  11.1% {
    background-position: -6.9rem -1.15rem;
  }

  11.7% {
    background-position: -8.05rem -1.15rem;
  }

  12.2% {
    background-position: -9.2rem -1.15rem;
  }

  12.8% {
    background-position: -10.35rem -1.15rem;
  }

  13.3% {
    background-position: -11.5rem -1.15rem;
  }

  13.9% {
    background-position: -12.65rem -1.15rem;
  }

  14.4% {
    background-position: -13.8rem -1.15rem;
  }

  15% {
    background-position: -14.95rem -1.15rem;
  }

  15.6% {
    background-position: 0 -2.3rem;
  }

  16.1% {
    background-position: -1.15rem -2.3rem;
  }

  16.7% {
    background-position: -2.3rem -2.3rem;
  }

  17.2% {
    background-position: -3.45rem -2.3rem;
  }

  17.8% {
    background-position: -4.6rem -2.3rem;
  }

  18.3% {
    background-position: -5.75rem -2.3rem;
  }

  18.9% {
    background-position: -6.9rem -2.3rem;
  }

  19.4% {
    background-position: -8.05rem -2.3rem;
  }

  20% {
    background-position: -9.2rem -2.3rem;
  }

  20.6% {
    background-position: -10.35rem -2.3rem;
  }

  21.1% {
    background-position: -11.5rem -2.3rem;
  }

  21.7% {
    background-position: -12.65rem -2.3rem;
  }

  22.2% {
    background-position: -13.8rem -2.3rem;
  }

  22.8% {
    background-position: -14.95rem -2.3rem;
  }

  23.3% {
    background-position: 0 -3.45rem;
  }

  23.9% {
    background-position: -1.15rem -3.45rem;
  }

  24.4% {
    background-position: -2.3rem -3.45rem;
  }

  25% {
    background-position: -3.45rem -3.45rem;
  }

  25.6% {
    background-position: -4.6rem -3.45rem;
  }

  26.1% {
    background-position: -5.75rem -3.45rem;
  }

  26.7% {
    background-position: -6.9rem -3.45rem;
  }

  27.2% {
    background-position: -8.05rem -3.45rem;
  }

  27.8% {
    background-position: -9.2rem -3.45rem;
  }

  28.3% {
    background-position: -10.35rem -3.45rem;
  }

  28.9% {
    background-position: -11.5rem -3.45rem;
  }

  29.4% {
    background-position: -12.65rem -3.45rem;
  }

  30% {
    background-position: -13.8rem -3.45rem;
  }

  30.6% {
    background-position: -14.95rem -3.45rem;
  }

  31.1% {
    background-position: 0 -4.6rem;
  }

  31.7% {
    background-position: -1.15rem -4.6rem;
  }

  32.2% {
    background-position: -2.3rem -4.6rem;
  }

  32.8% {
    background-position: -3.45rem -4.6rem;
  }

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

  33.9% {
    background-position: -5.75rem -4.6rem;
  }

  34.4% {
    background-position: -6.9rem -4.6rem;
  }

  35% {
    background-position: -8.05rem -4.6rem;
  }

  35.6% {
    background-position: -9.2rem -4.6rem;
  }

  36.1% {
    background-position: -10.35rem -4.6rem;
  }

  36.7% {
    background-position: -11.5rem -4.6rem;
  }

  37.2% {
    background-position: -12.65rem -4.6rem;
  }

  37.8% {
    background-position: -13.8rem -4.6rem;
  }

  38.3% {
    background-position: -14.95rem -4.6rem;
  }

  38.9% {
    background-position: 0 -5.75rem;
  }

  39.4% {
    background-position: -1.15rem -5.75rem;
  }

  40% {
    background-position: -2.3rem -5.75rem;
  }

  40.6% {
    background-position: -3.45rem -5.75rem;
  }

  41.1% {
    background-position: -4.6rem -5.75rem;
  }

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

  42.2% {
    background-position: -6.9rem -5.75rem;
  }

  42.8% {
    background-position: -8.05rem -5.75rem;
  }

  43.3% {
    background-position: -9.2rem -5.75rem;
  }

  43.9% {
    background-position: -10.35rem -5.75rem;
  }

  44.4% {
    background-position: -11.5rem -5.75rem;
  }

  45% {
    background-position: -12.65rem -5.75rem;
  }

  45.6% {
    background-position: -13.8rem -5.75rem;
  }

  46.1% {
    background-position: -14.95rem -5.75rem;
  }

  46.7% {
    background-position: 0 -6.9rem;
  }

  47.2% {
    background-position: -1.15rem -6.9rem;
  }

  47.8% {
    background-position: -2.3rem -6.9rem;
  }

  48.3% {
    background-position: -3.45rem -6.9rem;
  }

  48.9% {
    background-position: -4.6rem -6.9rem;
  }

  49.4% {
    background-position: -5.75rem -6.9rem;
  }

  50% {
    background-position: -6.9rem -6.9rem;
  }

  50.6% {
    background-position: -8.05rem -6.9rem;
  }

  51.1% {
    background-position: -9.2rem -6.9rem;
  }

  51.7% {
    background-position: -10.35rem -6.9rem;
  }

  52.2% {
    background-position: -11.5rem -6.9rem;
  }

  52.8% {
    background-position: -12.65rem -6.9rem;
  }

  53.3% {
    background-position: -13.8rem -6.9rem;
  }

  53.9% {
    background-position: -14.95rem -6.9rem;
  }

  54.4% {
    background-position: 0 -8.05rem;
  }

  55% {
    background-position: -1.15rem -8.05rem;
  }

  55.6% {
    background-position: -2.3rem -8.05rem;
  }

  56.1% {
    background-position: -3.45rem -8.05rem;
  }

  56.7% {
    background-position: -4.6rem -8.05rem;
  }

  57.2% {
    background-position: -5.75rem -8.05rem;
  }

  57.8% {
    background-position: -6.9rem -8.05rem;
  }

  58.3% {
    background-position: -8.05rem -8.05rem;
  }

  58.9% {
    background-position: -9.2rem -8.05rem;
  }

  59.4% {
    background-position: -10.35rem -8.05rem;
  }

  60% {
    background-position: -11.5rem -8.05rem;
  }

  60.6% {
    background-position: -12.65rem -8.05rem;
  }

  61.1% {
    background-position: -13.8rem -8.05rem;
  }

  61.7% {
    background-position: -14.95rem -8.05rem;
  }

  62.2% {
    background-position: 0 -9.2rem;
  }

  62.8% {
    background-position: -1.15rem -9.2rem;
  }

  63.3% {
    background-position: -2.3rem -9.2rem;
  }

  63.9% {
    background-position: -3.45rem -9.2rem;
  }

  64.4% {
    background-position: -4.6rem -9.2rem;
  }

  65% {
    background-position: -5.75rem -9.2rem;
  }

  65.6% {
    background-position: -6.9rem -9.2rem;
  }

  66.1% {
    background-position: -8.05rem -9.2rem;
  }

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

  67.2% {
    background-position: -10.35rem -9.2rem;
  }

  67.8% {
    background-position: -11.5rem -9.2rem;
  }

  68.3% {
    background-position: -12.65rem -9.2rem;
  }

  68.9% {
    background-position: -13.8rem -9.2rem;
  }

  69.4% {
    background-position: -14.95rem -9.2rem;
  }

  70% {
    background-position: 0 -10.35rem;
  }

  70.6% {
    background-position: -1.15rem -10.35rem;
  }

  71.1% {
    background-position: -2.3rem -10.35rem;
  }

  71.7% {
    background-position: -3.45rem -10.35rem;
  }

  72.2% {
    background-position: -4.6rem -10.35rem;
  }

  72.8% {
    background-position: -5.75rem -10.35rem;
  }

  73.3% {
    background-position: -6.9rem -10.35rem;
  }

  73.9% {
    background-position: -8.05rem -10.35rem;
  }

  74.4% {
    background-position: -9.2rem -10.35rem;
  }

  75% {
    background-position: -10.35rem -10.35rem;
  }

  75.6% {
    background-position: -11.5rem -10.35rem;
  }

  76.1% {
    background-position: -12.65rem -10.35rem;
  }

  76.7% {
    background-position: -13.8rem -10.35rem;
  }

  77.2% {
    background-position: -14.95rem -10.35rem;
  }

  77.8% {
    background-position: 0 -11.5rem;
  }

  78.3% {
    background-position: -1.15rem -11.5rem;
  }

  78.9% {
    background-position: -2.3rem -11.5rem;
  }

  79.4% {
    background-position: -3.45rem -11.5rem;
  }

  80% {
    background-position: -4.6rem -11.5rem;
  }

  80.6% {
    background-position: -5.75rem -11.5rem;
  }

  81.1% {
    background-position: -6.9rem -11.5rem;
  }

  81.7% {
    background-position: -8.05rem -11.5rem;
  }

  82.2% {
    background-position: -9.2rem -11.5rem;
  }

  82.8% {
    background-position: -10.35rem -11.5rem;
  }

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

  83.9% {
    background-position: -12.65rem -11.5rem;
  }

  84.4% {
    background-position: -13.8rem -11.5rem;
  }

  85% {
    background-position: -14.95rem -11.5rem;
  }

  85.6% {
    background-position: 0 -12.65rem;
  }

  86.1% {
    background-position: -1.15rem -12.65rem;
  }

  86.7% {
    background-position: -2.3rem -12.65rem;
  }

  87.2% {
    background-position: -3.45rem -12.65rem;
  }

  87.8% {
    background-position: -4.6rem -12.65rem;
  }

  88.3% {
    background-position: -5.75rem -12.65rem;
  }

  88.9% {
    background-position: -6.9rem -12.65rem;
  }

  89.4% {
    background-position: -8.05rem -12.65rem;
  }

  90% {
    background-position: -9.2rem -12.65rem;
  }

  90.6% {
    background-position: -10.35rem -12.65rem;
  }

  91.1% {
    background-position: -11.5rem -12.65rem;
  }

  91.7% {
    background-position: -12.65rem -12.65rem;
  }

  92.2% {
    background-position: -13.8rem -12.65rem;
  }

  92.8% {
    background-position: -14.95rem -12.65rem;
  }

  93.3% {
    background-position: 0 -13.8rem;
  }

  93.9% {
    background-position: -1.15rem -13.8rem;
  }

  94.4% {
    background-position: -2.3rem -13.8rem;
  }

  95% {
    background-position: -3.45rem -13.8rem;
  }

  95.6% {
    background-position: -4.6rem -13.8rem;
  }

  96.1% {
    background-position: -5.75rem -13.8rem;
  }

  96.7% {
    background-position: -6.9rem -13.8rem;
  }

  97.2% {
    background-position: -8.05rem -13.8rem;
  }

  97.8% {
    background-position: -9.2rem -13.8rem;
  }

  98.3% {
    background-position: -10.35rem -13.8rem;
  }

  98.9% {
    background-position: -11.5rem -13.8rem;
  }

  99.4% {
    background-position: -12.65rem -13.8rem;
  }

  100% {
    background-position: -12.65rem -13.8rem;
  }
}

.nxh-8 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/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: -1.15rem 0;
  }

  1.3% {
    background-position: -2.3rem 0;
  }

  1.9% {
    background-position: -3.45rem 0;
  }

  2.6% {
    background-position: -4.6rem 0;
  }

  3.2% {
    background-position: -5.75rem 0;
  }

  3.9% {
    background-position: -6.9rem 0;
  }

  4.5% {
    background-position: -8.05rem 0;
  }

  5.2% {
    background-position: -9.2rem 0;
  }

  5.8% {
    background-position: -10.35rem 0;
  }

  6.5% {
    background-position: -11.5rem 0;
  }

  7.1% {
    background-position: -12.65rem 0;
  }

  7.8% {
    background-position: -13.8rem 0;
  }

  8.4% {
    background-position: 0 -1.15rem;
  }

  9.1% {
    background-position: -1.15rem -1.15rem;
  }

  9.7% {
    background-position: -2.3rem -1.15rem;
  }

  10.4% {
    background-position: -3.45rem -1.15rem;
  }

  11% {
    background-position: -4.6rem -1.15rem;
  }

  11.7% {
    background-position: -5.75rem -1.15rem;
  }

  12.3% {
    background-position: -6.9rem -1.15rem;
  }

  13% {
    background-position: -8.05rem -1.15rem;
  }

  13.6% {
    background-position: -9.2rem -1.15rem;
  }

  14.3% {
    background-position: -10.35rem -1.15rem;
  }

  14.9% {
    background-position: -11.5rem -1.15rem;
  }

  15.6% {
    background-position: -12.65rem -1.15rem;
  }

  16.2% {
    background-position: -13.8rem -1.15rem;
  }

  16.9% {
    background-position: 0 -2.3rem;
  }

  17.5% {
    background-position: -1.15rem -2.3rem;
  }

  18.2% {
    background-position: -2.3rem -2.3rem;
  }

  18.8% {
    background-position: -3.45rem -2.3rem;
  }

  19.5% {
    background-position: -4.6rem -2.3rem;
  }

  20.1% {
    background-position: -5.75rem -2.3rem;
  }

  20.8% {
    background-position: -6.9rem -2.3rem;
  }

  21.4% {
    background-position: -8.05rem -2.3rem;
  }

  22.1% {
    background-position: -9.2rem -2.3rem;
  }

  22.7% {
    background-position: -10.35rem -2.3rem;
  }

  23.4% {
    background-position: -11.5rem -2.3rem;
  }

  24% {
    background-position: -12.65rem -2.3rem;
  }

  24.7% {
    background-position: -13.8rem -2.3rem;
  }

  25.3% {
    background-position: 0 -3.45rem;
  }

  26% {
    background-position: -1.15rem -3.45rem;
  }

  26.6% {
    background-position: -2.3rem -3.45rem;
  }

  27.3% {
    background-position: -3.45rem -3.45rem;
  }

  27.9% {
    background-position: -4.6rem -3.45rem;
  }

  28.6% {
    background-position: -5.75rem -3.45rem;
  }

  29.2% {
    background-position: -6.9rem -3.45rem;
  }

  29.9% {
    background-position: -8.05rem -3.45rem;
  }

  30.5% {
    background-position: -9.2rem -3.45rem;
  }

  31.2% {
    background-position: -10.35rem -3.45rem;
  }

  31.8% {
    background-position: -11.5rem -3.45rem;
  }

  32.5% {
    background-position: -12.65rem -3.45rem;
  }

  33.1% {
    background-position: -13.8rem -3.45rem;
  }

  33.8% {
    background-position: 0 -4.6rem;
  }

  34.4% {
    background-position: -1.15rem -4.6rem;
  }

  35.1% {
    background-position: -2.3rem -4.6rem;
  }

  35.7% {
    background-position: -3.45rem -4.6rem;
  }

  36.4% {
    background-position: -4.6rem -4.6rem;
  }

  37% {
    background-position: -5.75rem -4.6rem;
  }

  37.7% {
    background-position: -6.9rem -4.6rem;
  }

  38.3% {
    background-position: -8.05rem -4.6rem;
  }

  39% {
    background-position: -9.2rem -4.6rem;
  }

  39.6% {
    background-position: -10.35rem -4.6rem;
  }

  40.3% {
    background-position: -11.5rem -4.6rem;
  }

  40.9% {
    background-position: -12.65rem -4.6rem;
  }

  41.6% {
    background-position: -13.8rem -4.6rem;
  }

  42.2% {
    background-position: 0 -5.75rem;
  }

  42.9% {
    background-position: -1.15rem -5.75rem;
  }

  43.5% {
    background-position: -2.3rem -5.75rem;
  }

  44.2% {
    background-position: -3.45rem -5.75rem;
  }

  44.8% {
    background-position: -4.6rem -5.75rem;
  }

  45.5% {
    background-position: -5.75rem -5.75rem;
  }

  46.1% {
    background-position: -6.9rem -5.75rem;
  }

  46.8% {
    background-position: -8.05rem -5.75rem;
  }

  47.4% {
    background-position: -9.2rem -5.75rem;
  }

  48.1% {
    background-position: -10.35rem -5.75rem;
  }

  48.7% {
    background-position: -11.5rem -5.75rem;
  }

  49.4% {
    background-position: -12.65rem -5.75rem;
  }

  50% {
    background-position: -13.8rem -5.75rem;
  }

  50.6% {
    background-position: 0 -6.9rem;
  }

  51.3% {
    background-position: -1.15rem -6.9rem;
  }

  51.9% {
    background-position: -2.3rem -6.9rem;
  }

  52.6% {
    background-position: -3.45rem -6.9rem;
  }

  53.2% {
    background-position: -4.6rem -6.9rem;
  }

  53.9% {
    background-position: -5.75rem -6.9rem;
  }

  54.5% {
    background-position: -6.9rem -6.9rem;
  }

  55.2% {
    background-position: -8.05rem -6.9rem;
  }

  55.8% {
    background-position: -9.2rem -6.9rem;
  }

  56.5% {
    background-position: -10.35rem -6.9rem;
  }

  57.1% {
    background-position: -11.5rem -6.9rem;
  }

  57.8% {
    background-position: -12.65rem -6.9rem;
  }

  58.4% {
    background-position: -13.8rem -6.9rem;
  }

  59.1% {
    background-position: 0 -8.05rem;
  }

  59.7% {
    background-position: -1.15rem -8.05rem;
  }

  60.4% {
    background-position: -2.3rem -8.05rem;
  }

  61% {
    background-position: -3.45rem -8.05rem;
  }

  61.7% {
    background-position: -4.6rem -8.05rem;
  }

  62.3% {
    background-position: -5.75rem -8.05rem;
  }

  63% {
    background-position: -6.9rem -8.05rem;
  }

  63.6% {
    background-position: -8.05rem -8.05rem;
  }

  64.3% {
    background-position: -9.2rem -8.05rem;
  }

  64.9% {
    background-position: -10.35rem -8.05rem;
  }

  65.6% {
    background-position: -11.5rem -8.05rem;
  }

  66.2% {
    background-position: -12.65rem -8.05rem;
  }

  66.9% {
    background-position: -13.8rem -8.05rem;
  }

  67.5% {
    background-position: 0 -9.2rem;
  }

  68.2% {
    background-position: -1.15rem -9.2rem;
  }

  68.8% {
    background-position: -2.3rem -9.2rem;
  }

  69.5% {
    background-position: -3.45rem -9.2rem;
  }

  70.1% {
    background-position: -4.6rem -9.2rem;
  }

  70.8% {
    background-position: -5.75rem -9.2rem;
  }

  71.4% {
    background-position: -6.9rem -9.2rem;
  }

  72.1% {
    background-position: -8.05rem -9.2rem;
  }

  72.7% {
    background-position: -9.2rem -9.2rem;
  }

  73.4% {
    background-position: -10.35rem -9.2rem;
  }

  74% {
    background-position: -11.5rem -9.2rem;
  }

  74.7% {
    background-position: -12.65rem -9.2rem;
  }

  75.3% {
    background-position: -13.8rem -9.2rem;
  }

  76% {
    background-position: 0 -10.35rem;
  }

  76.6% {
    background-position: -1.15rem -10.35rem;
  }

  77.3% {
    background-position: -2.3rem -10.35rem;
  }

  77.9% {
    background-position: -3.45rem -10.35rem;
  }

  78.6% {
    background-position: -4.6rem -10.35rem;
  }

  79.2% {
    background-position: -5.75rem -10.35rem;
  }

  79.9% {
    background-position: -6.9rem -10.35rem;
  }

  80.5% {
    background-position: -8.05rem -10.35rem;
  }

  81.2% {
    background-position: -9.2rem -10.35rem;
  }

  81.8% {
    background-position: -10.35rem -10.35rem;
  }

  82.5% {
    background-position: -11.5rem -10.35rem;
  }

  83.1% {
    background-position: -12.65rem -10.35rem;
  }

  83.8% {
    background-position: -13.8rem -10.35rem;
  }

  84.4% {
    background-position: 0 -11.5rem;
  }

  85.1% {
    background-position: -1.15rem -11.5rem;
  }

  85.7% {
    background-position: -2.3rem -11.5rem;
  }

  86.4% {
    background-position: -3.45rem -11.5rem;
  }

  87% {
    background-position: -4.6rem -11.5rem;
  }

  87.7% {
    background-position: -5.75rem -11.5rem;
  }

  88.3% {
    background-position: -6.9rem -11.5rem;
  }

  89% {
    background-position: -8.05rem -11.5rem;
  }

  89.6% {
    background-position: -9.2rem -11.5rem;
  }

  90.3% {
    background-position: -10.35rem -11.5rem;
  }

  90.9% {
    background-position: -11.5rem -11.5rem;
  }

  91.6% {
    background-position: -12.65rem -11.5rem;
  }

  92.2% {
    background-position: -13.8rem -11.5rem;
  }

  92.9% {
    background-position: 0 -12.65rem;
  }

  93.5% {
    background-position: -1.15rem -12.65rem;
  }

  94.2% {
    background-position: -2.3rem -12.65rem;
  }

  94.8% {
    background-position: -3.45rem -12.65rem;
  }

  95.5% {
    background-position: -4.6rem -12.65rem;
  }

  96.1% {
    background-position: -5.75rem -12.65rem;
  }

  96.8% {
    background-position: -6.9rem -12.65rem;
  }

  97.4% {
    background-position: -8.05rem -12.65rem;
  }

  98.1% {
    background-position: -9.2rem -12.65rem;
  }

  98.7% {
    background-position: -10.35rem -12.65rem;
  }

  99.4% {
    background-position: -11.5rem -12.65rem;
  }

  100% {
    background-position: -11.5rem -12.65rem;
  }
}

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

  0.6% {
    background-position: -1.15rem 0;
  }

  1.3% {
    background-position: -2.3rem 0;
  }

  1.9% {
    background-position: -3.45rem 0;
  }

  2.6% {
    background-position: -4.6rem 0;
  }

  3.2% {
    background-position: -5.75rem 0;
  }

  3.9% {
    background-position: -6.9rem 0;
  }

  4.5% {
    background-position: -8.05rem 0;
  }

  5.2% {
    background-position: -9.2rem 0;
  }

  5.8% {
    background-position: -10.35rem 0;
  }

  6.5% {
    background-position: -11.5rem 0;
  }

  7.1% {
    background-position: -12.65rem 0;
  }

  7.8% {
    background-position: -13.8rem 0;
  }

  8.4% {
    background-position: 0 -1.15rem;
  }

  9.1% {
    background-position: -1.15rem -1.15rem;
  }

  9.7% {
    background-position: -2.3rem -1.15rem;
  }

  10.4% {
    background-position: -3.45rem -1.15rem;
  }

  11% {
    background-position: -4.6rem -1.15rem;
  }

  11.7% {
    background-position: -5.75rem -1.15rem;
  }

  12.3% {
    background-position: -6.9rem -1.15rem;
  }

  13% {
    background-position: -8.05rem -1.15rem;
  }

  13.6% {
    background-position: -9.2rem -1.15rem;
  }

  14.3% {
    background-position: -10.35rem -1.15rem;
  }

  14.9% {
    background-position: -11.5rem -1.15rem;
  }

  15.6% {
    background-position: -12.65rem -1.15rem;
  }

  16.2% {
    background-position: -13.8rem -1.15rem;
  }

  16.9% {
    background-position: 0 -2.3rem;
  }

  17.5% {
    background-position: -1.15rem -2.3rem;
  }

  18.2% {
    background-position: -2.3rem -2.3rem;
  }

  18.8% {
    background-position: -3.45rem -2.3rem;
  }

  19.5% {
    background-position: -4.6rem -2.3rem;
  }

  20.1% {
    background-position: -5.75rem -2.3rem;
  }

  20.8% {
    background-position: -6.9rem -2.3rem;
  }

  21.4% {
    background-position: -8.05rem -2.3rem;
  }

  22.1% {
    background-position: -9.2rem -2.3rem;
  }

  22.7% {
    background-position: -10.35rem -2.3rem;
  }

  23.4% {
    background-position: -11.5rem -2.3rem;
  }

  24% {
    background-position: -12.65rem -2.3rem;
  }

  24.7% {
    background-position: -13.8rem -2.3rem;
  }

  25.3% {
    background-position: 0 -3.45rem;
  }

  26% {
    background-position: -1.15rem -3.45rem;
  }

  26.6% {
    background-position: -2.3rem -3.45rem;
  }

  27.3% {
    background-position: -3.45rem -3.45rem;
  }

  27.9% {
    background-position: -4.6rem -3.45rem;
  }

  28.6% {
    background-position: -5.75rem -3.45rem;
  }

  29.2% {
    background-position: -6.9rem -3.45rem;
  }

  29.9% {
    background-position: -8.05rem -3.45rem;
  }

  30.5% {
    background-position: -9.2rem -3.45rem;
  }

  31.2% {
    background-position: -10.35rem -3.45rem;
  }

  31.8% {
    background-position: -11.5rem -3.45rem;
  }

  32.5% {
    background-position: -12.65rem -3.45rem;
  }

  33.1% {
    background-position: -13.8rem -3.45rem;
  }

  33.8% {
    background-position: 0 -4.6rem;
  }

  34.4% {
    background-position: -1.15rem -4.6rem;
  }

  35.1% {
    background-position: -2.3rem -4.6rem;
  }

  35.7% {
    background-position: -3.45rem -4.6rem;
  }

  36.4% {
    background-position: -4.6rem -4.6rem;
  }

  37% {
    background-position: -5.75rem -4.6rem;
  }

  37.7% {
    background-position: -6.9rem -4.6rem;
  }

  38.3% {
    background-position: -8.05rem -4.6rem;
  }

  39% {
    background-position: -9.2rem -4.6rem;
  }

  39.6% {
    background-position: -10.35rem -4.6rem;
  }

  40.3% {
    background-position: -11.5rem -4.6rem;
  }

  40.9% {
    background-position: -12.65rem -4.6rem;
  }

  41.6% {
    background-position: -13.8rem -4.6rem;
  }

  42.2% {
    background-position: 0 -5.75rem;
  }

  42.9% {
    background-position: -1.15rem -5.75rem;
  }

  43.5% {
    background-position: -2.3rem -5.75rem;
  }

  44.2% {
    background-position: -3.45rem -5.75rem;
  }

  44.8% {
    background-position: -4.6rem -5.75rem;
  }

  45.5% {
    background-position: -5.75rem -5.75rem;
  }

  46.1% {
    background-position: -6.9rem -5.75rem;
  }

  46.8% {
    background-position: -8.05rem -5.75rem;
  }

  47.4% {
    background-position: -9.2rem -5.75rem;
  }

  48.1% {
    background-position: -10.35rem -5.75rem;
  }

  48.7% {
    background-position: -11.5rem -5.75rem;
  }

  49.4% {
    background-position: -12.65rem -5.75rem;
  }

  50% {
    background-position: -13.8rem -5.75rem;
  }

  50.6% {
    background-position: 0 -6.9rem;
  }

  51.3% {
    background-position: -1.15rem -6.9rem;
  }

  51.9% {
    background-position: -2.3rem -6.9rem;
  }

  52.6% {
    background-position: -3.45rem -6.9rem;
  }

  53.2% {
    background-position: -4.6rem -6.9rem;
  }

  53.9% {
    background-position: -5.75rem -6.9rem;
  }

  54.5% {
    background-position: -6.9rem -6.9rem;
  }

  55.2% {
    background-position: -8.05rem -6.9rem;
  }

  55.8% {
    background-position: -9.2rem -6.9rem;
  }

  56.5% {
    background-position: -10.35rem -6.9rem;
  }

  57.1% {
    background-position: -11.5rem -6.9rem;
  }

  57.8% {
    background-position: -12.65rem -6.9rem;
  }

  58.4% {
    background-position: -13.8rem -6.9rem;
  }

  59.1% {
    background-position: 0 -8.05rem;
  }

  59.7% {
    background-position: -1.15rem -8.05rem;
  }

  60.4% {
    background-position: -2.3rem -8.05rem;
  }

  61% {
    background-position: -3.45rem -8.05rem;
  }

  61.7% {
    background-position: -4.6rem -8.05rem;
  }

  62.3% {
    background-position: -5.75rem -8.05rem;
  }

  63% {
    background-position: -6.9rem -8.05rem;
  }

  63.6% {
    background-position: -8.05rem -8.05rem;
  }

  64.3% {
    background-position: -9.2rem -8.05rem;
  }

  64.9% {
    background-position: -10.35rem -8.05rem;
  }

  65.6% {
    background-position: -11.5rem -8.05rem;
  }

  66.2% {
    background-position: -12.65rem -8.05rem;
  }

  66.9% {
    background-position: -13.8rem -8.05rem;
  }

  67.5% {
    background-position: 0 -9.2rem;
  }

  68.2% {
    background-position: -1.15rem -9.2rem;
  }

  68.8% {
    background-position: -2.3rem -9.2rem;
  }

  69.5% {
    background-position: -3.45rem -9.2rem;
  }

  70.1% {
    background-position: -4.6rem -9.2rem;
  }

  70.8% {
    background-position: -5.75rem -9.2rem;
  }

  71.4% {
    background-position: -6.9rem -9.2rem;
  }

  72.1% {
    background-position: -8.05rem -9.2rem;
  }

  72.7% {
    background-position: -9.2rem -9.2rem;
  }

  73.4% {
    background-position: -10.35rem -9.2rem;
  }

  74% {
    background-position: -11.5rem -9.2rem;
  }

  74.7% {
    background-position: -12.65rem -9.2rem;
  }

  75.3% {
    background-position: -13.8rem -9.2rem;
  }

  76% {
    background-position: 0 -10.35rem;
  }

  76.6% {
    background-position: -1.15rem -10.35rem;
  }

  77.3% {
    background-position: -2.3rem -10.35rem;
  }

  77.9% {
    background-position: -3.45rem -10.35rem;
  }

  78.6% {
    background-position: -4.6rem -10.35rem;
  }

  79.2% {
    background-position: -5.75rem -10.35rem;
  }

  79.9% {
    background-position: -6.9rem -10.35rem;
  }

  80.5% {
    background-position: -8.05rem -10.35rem;
  }

  81.2% {
    background-position: -9.2rem -10.35rem;
  }

  81.8% {
    background-position: -10.35rem -10.35rem;
  }

  82.5% {
    background-position: -11.5rem -10.35rem;
  }

  83.1% {
    background-position: -12.65rem -10.35rem;
  }

  83.8% {
    background-position: -13.8rem -10.35rem;
  }

  84.4% {
    background-position: 0 -11.5rem;
  }

  85.1% {
    background-position: -1.15rem -11.5rem;
  }

  85.7% {
    background-position: -2.3rem -11.5rem;
  }

  86.4% {
    background-position: -3.45rem -11.5rem;
  }

  87% {
    background-position: -4.6rem -11.5rem;
  }

  87.7% {
    background-position: -5.75rem -11.5rem;
  }

  88.3% {
    background-position: -6.9rem -11.5rem;
  }

  89% {
    background-position: -8.05rem -11.5rem;
  }

  89.6% {
    background-position: -9.2rem -11.5rem;
  }

  90.3% {
    background-position: -10.35rem -11.5rem;
  }

  90.9% {
    background-position: -11.5rem -11.5rem;
  }

  91.6% {
    background-position: -12.65rem -11.5rem;
  }

  92.2% {
    background-position: -13.8rem -11.5rem;
  }

  92.9% {
    background-position: 0 -12.65rem;
  }

  93.5% {
    background-position: -1.15rem -12.65rem;
  }

  94.2% {
    background-position: -2.3rem -12.65rem;
  }

  94.8% {
    background-position: -3.45rem -12.65rem;
  }

  95.5% {
    background-position: -4.6rem -12.65rem;
  }

  96.1% {
    background-position: -5.75rem -12.65rem;
  }

  96.8% {
    background-position: -6.9rem -12.65rem;
  }

  97.4% {
    background-position: -8.05rem -12.65rem;
  }

  98.1% {
    background-position: -9.2rem -12.65rem;
  }

  98.7% {
    background-position: -10.35rem -12.65rem;
  }

  99.4% {
    background-position: -11.5rem -12.65rem;
  }

  100% {
    background-position: -11.5rem -12.65rem;
  }
}

.nxh-9 {
  height: 1.16rem;
  width: 1.15rem;
  -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/20221129164500/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: -1.15rem 0;
  }

  1.7% {
    background-position: -2.3rem 0;
  }

  2.6% {
    background-position: -3.45rem 0;
  }

  3.4% {
    background-position: -4.6rem 0;
  }

  4.3% {
    background-position: -5.75rem 0;
  }

  5.2% {
    background-position: -6.9rem 0;
  }

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

  6.9% {
    background-position: -9.2rem 0;
  }

  7.8% {
    background-position: -10.35rem 0;
  }

  8.6% {
    background-position: -11.5rem 0;
  }

  9.5% {
    background-position: 0 -1.16rem;
  }

  10.3% {
    background-position: -1.15rem -1.16rem;
  }

  11.2% {
    background-position: -2.3rem -1.16rem;
  }

  12.1% {
    background-position: -3.45rem -1.16rem;
  }

  12.9% {
    background-position: -4.6rem -1.16rem;
  }

  13.8% {
    background-position: -5.75rem -1.16rem;
  }

  14.7% {
    background-position: -6.9rem -1.16rem;
  }

  15.5% {
    background-position: -8.05rem -1.16rem;
  }

  16.4% {
    background-position: -9.2rem -1.16rem;
  }

  17.2% {
    background-position: -10.35rem -1.16rem;
  }

  18.1% {
    background-position: -11.5rem -1.16rem;
  }

  19% {
    background-position: 0 -2.32rem;
  }

  19.8% {
    background-position: -1.15rem -2.32rem;
  }

  20.7% {
    background-position: -2.3rem -2.32rem;
  }

  21.6% {
    background-position: -3.45rem -2.32rem;
  }

  22.4% {
    background-position: -4.6rem -2.32rem;
  }

  23.3% {
    background-position: -5.75rem -2.32rem;
  }

  24.1% {
    background-position: -6.9rem -2.32rem;
  }

  25% {
    background-position: -8.05rem -2.32rem;
  }

  25.9% {
    background-position: -9.2rem -2.32rem;
  }

  26.7% {
    background-position: -10.35rem -2.32rem;
  }

  27.6% {
    background-position: -11.5rem -2.32rem;
  }

  28.4% {
    background-position: 0 -3.48rem;
  }

  29.3% {
    background-position: -1.15rem -3.48rem;
  }

  30.2% {
    background-position: -2.3rem -3.48rem;
  }

  31% {
    background-position: -3.45rem -3.48rem;
  }

  31.9% {
    background-position: -4.6rem -3.48rem;
  }

  32.8% {
    background-position: -5.75rem -3.48rem;
  }

  33.6% {
    background-position: -6.9rem -3.48rem;
  }

  34.5% {
    background-position: -8.05rem -3.48rem;
  }

  35.3% {
    background-position: -9.2rem -3.48rem;
  }

  36.2% {
    background-position: -10.35rem -3.48rem;
  }

  37.1% {
    background-position: -11.5rem -3.48rem;
  }

  37.9% {
    background-position: 0 -4.64rem;
  }

  38.8% {
    background-position: -1.15rem -4.64rem;
  }

  39.7% {
    background-position: -2.3rem -4.64rem;
  }

  40.5% {
    background-position: -3.45rem -4.64rem;
  }

  41.4% {
    background-position: -4.6rem -4.64rem;
  }

  42.2% {
    background-position: -5.75rem -4.64rem;
  }

  43.1% {
    background-position: -6.9rem -4.64rem;
  }

  44% {
    background-position: -8.05rem -4.64rem;
  }

  44.8% {
    background-position: -9.2rem -4.64rem;
  }

  45.7% {
    background-position: -10.35rem -4.64rem;
  }

  46.6% {
    background-position: -11.5rem -4.64rem;
  }

  47.4% {
    background-position: 0 -5.8rem;
  }

  48.3% {
    background-position: -1.15rem -5.8rem;
  }

  49.1% {
    background-position: -2.3rem -5.8rem;
  }

  50% {
    background-position: -3.45rem -5.8rem;
  }

  50.9% {
    background-position: -4.6rem -5.8rem;
  }

  51.7% {
    background-position: -5.75rem -5.8rem;
  }

  52.6% {
    background-position: -6.9rem -5.8rem;
  }

  53.4% {
    background-position: -8.05rem -5.8rem;
  }

  54.3% {
    background-position: -9.2rem -5.8rem;
  }

  55.2% {
    background-position: -10.35rem -5.8rem;
  }

  56% {
    background-position: -11.5rem -5.8rem;
  }

  56.9% {
    background-position: 0 -6.96rem;
  }

  57.8% {
    background-position: -1.15rem -6.96rem;
  }

  58.6% {
    background-position: -2.3rem -6.96rem;
  }

  59.5% {
    background-position: -3.45rem -6.96rem;
  }

  60.3% {
    background-position: -4.6rem -6.96rem;
  }

  61.2% {
    background-position: -5.75rem -6.96rem;
  }

  62.1% {
    background-position: -6.9rem -6.96rem;
  }

  62.9% {
    background-position: -8.05rem -6.96rem;
  }

  63.8% {
    background-position: -9.2rem -6.96rem;
  }

  64.7% {
    background-position: -10.35rem -6.96rem;
  }

  65.5% {
    background-position: -11.5rem -6.96rem;
  }

  66.4% {
    background-position: 0 -8.12rem;
  }

  67.2% {
    background-position: -1.15rem -8.12rem;
  }

  68.1% {
    background-position: -2.3rem -8.12rem;
  }

  69% {
    background-position: -3.45rem -8.12rem;
  }

  69.8% {
    background-position: -4.6rem -8.12rem;
  }

  70.7% {
    background-position: -5.75rem -8.12rem;
  }

  71.6% {
    background-position: -6.9rem -8.12rem;
  }

  72.4% {
    background-position: -8.05rem -8.12rem;
  }

  73.3% {
    background-position: -9.2rem -8.12rem;
  }

  74.1% {
    background-position: -10.35rem -8.12rem;
  }

  75% {
    background-position: -11.5rem -8.12rem;
  }

  75.9% {
    background-position: 0 -9.28rem;
  }

  76.7% {
    background-position: -1.15rem -9.28rem;
  }

  77.6% {
    background-position: -2.3rem -9.28rem;
  }

  78.4% {
    background-position: -3.45rem -9.28rem;
  }

  79.3% {
    background-position: -4.6rem -9.28rem;
  }

  80.2% {
    background-position: -5.75rem -9.28rem;
  }

  81% {
    background-position: -6.9rem -9.28rem;
  }

  81.9% {
    background-position: -8.05rem -9.28rem;
  }

  82.8% {
    background-position: -9.2rem -9.28rem;
  }

  83.6% {
    background-position: -10.35rem -9.28rem;
  }

  84.5% {
    background-position: -11.5rem -9.28rem;
  }

  85.3% {
    background-position: 0 -10.44rem;
  }

  86.2% {
    background-position: -1.15rem -10.44rem;
  }

  87.1% {
    background-position: -2.3rem -10.44rem;
  }

  87.9% {
    background-position: -3.45rem -10.44rem;
  }

  88.8% {
    background-position: -4.6rem -10.44rem;
  }

  89.7% {
    background-position: -5.75rem -10.44rem;
  }

  90.5% {
    background-position: -6.9rem -10.44rem;
  }

  91.4% {
    background-position: -8.05rem -10.44rem;
  }

  92.2% {
    background-position: -9.2rem -10.44rem;
  }

  93.1% {
    background-position: -10.35rem -10.44rem;
  }

  94% {
    background-position: -11.5rem -10.44rem;
  }

  94.8% {
    background-position: 0 -11.6rem;
  }

  95.7% {
    background-position: -1.15rem -11.6rem;
  }

  96.6% {
    background-position: -2.3rem -11.6rem;
  }

  97.4% {
    background-position: -3.45rem -11.6rem;
  }

  98.3% {
    background-position: -4.6rem -11.6rem;
  }

  99.1% {
    background-position: -5.75rem -11.6rem;
  }

  100% {
    background-position: -5.75rem -11.6rem;
  }
}

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

  0.9% {
    background-position: -1.15rem 0;
  }

  1.7% {
    background-position: -2.3rem 0;
  }

  2.6% {
    background-position: -3.45rem 0;
  }

  3.4% {
    background-position: -4.6rem 0;
  }

  4.3% {
    background-position: -5.75rem 0;
  }

  5.2% {
    background-position: -6.9rem 0;
  }

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

  6.9% {
    background-position: -9.2rem 0;
  }

  7.8% {
    background-position: -10.35rem 0;
  }

  8.6% {
    background-position: -11.5rem 0;
  }

  9.5% {
    background-position: 0 -1.16rem;
  }

  10.3% {
    background-position: -1.15rem -1.16rem;
  }

  11.2% {
    background-position: -2.3rem -1.16rem;
  }

  12.1% {
    background-position: -3.45rem -1.16rem;
  }

  12.9% {
    background-position: -4.6rem -1.16rem;
  }

  13.8% {
    background-position: -5.75rem -1.16rem;
  }

  14.7% {
    background-position: -6.9rem -1.16rem;
  }

  15.5% {
    background-position: -8.05rem -1.16rem;
  }

  16.4% {
    background-position: -9.2rem -1.16rem;
  }

  17.2% {
    background-position: -10.35rem -1.16rem;
  }

  18.1% {
    background-position: -11.5rem -1.16rem;
  }

  19% {
    background-position: 0 -2.32rem;
  }

  19.8% {
    background-position: -1.15rem -2.32rem;
  }

  20.7% {
    background-position: -2.3rem -2.32rem;
  }

  21.6% {
    background-position: -3.45rem -2.32rem;
  }

  22.4% {
    background-position: -4.6rem -2.32rem;
  }

  23.3% {
    background-position: -5.75rem -2.32rem;
  }

  24.1% {
    background-position: -6.9rem -2.32rem;
  }

  25% {
    background-position: -8.05rem -2.32rem;
  }

  25.9% {
    background-position: -9.2rem -2.32rem;
  }

  26.7% {
    background-position: -10.35rem -2.32rem;
  }

  27.6% {
    background-position: -11.5rem -2.32rem;
  }

  28.4% {
    background-position: 0 -3.48rem;
  }

  29.3% {
    background-position: -1.15rem -3.48rem;
  }

  30.2% {
    background-position: -2.3rem -3.48rem;
  }

  31% {
    background-position: -3.45rem -3.48rem;
  }

  31.9% {
    background-position: -4.6rem -3.48rem;
  }

  32.8% {
    background-position: -5.75rem -3.48rem;
  }

  33.6% {
    background-position: -6.9rem -3.48rem;
  }

  34.5% {
    background-position: -8.05rem -3.48rem;
  }

  35.3% {
    background-position: -9.2rem -3.48rem;
  }

  36.2% {
    background-position: -10.35rem -3.48rem;
  }

  37.1% {
    background-position: -11.5rem -3.48rem;
  }

  37.9% {
    background-position: 0 -4.64rem;
  }

  38.8% {
    background-position: -1.15rem -4.64rem;
  }

  39.7% {
    background-position: -2.3rem -4.64rem;
  }

  40.5% {
    background-position: -3.45rem -4.64rem;
  }

  41.4% {
    background-position: -4.6rem -4.64rem;
  }

  42.2% {
    background-position: -5.75rem -4.64rem;
  }

  43.1% {
    background-position: -6.9rem -4.64rem;
  }

  44% {
    background-position: -8.05rem -4.64rem;
  }

  44.8% {
    background-position: -9.2rem -4.64rem;
  }

  45.7% {
    background-position: -10.35rem -4.64rem;
  }

  46.6% {
    background-position: -11.5rem -4.64rem;
  }

  47.4% {
    background-position: 0 -5.8rem;
  }

  48.3% {
    background-position: -1.15rem -5.8rem;
  }

  49.1% {
    background-position: -2.3rem -5.8rem;
  }

  50% {
    background-position: -3.45rem -5.8rem;
  }

  50.9% {
    background-position: -4.6rem -5.8rem;
  }

  51.7% {
    background-position: -5.75rem -5.8rem;
  }

  52.6% {
    background-position: -6.9rem -5.8rem;
  }

  53.4% {
    background-position: -8.05rem -5.8rem;
  }

  54.3% {
    background-position: -9.2rem -5.8rem;
  }

  55.2% {
    background-position: -10.35rem -5.8rem;
  }

  56% {
    background-position: -11.5rem -5.8rem;
  }

  56.9% {
    background-position: 0 -6.96rem;
  }

  57.8% {
    background-position: -1.15rem -6.96rem;
  }

  58.6% {
    background-position: -2.3rem -6.96rem;
  }

  59.5% {
    background-position: -3.45rem -6.96rem;
  }

  60.3% {
    background-position: -4.6rem -6.96rem;
  }

  61.2% {
    background-position: -5.75rem -6.96rem;
  }

  62.1% {
    background-position: -6.9rem -6.96rem;
  }

  62.9% {
    background-position: -8.05rem -6.96rem;
  }

  63.8% {
    background-position: -9.2rem -6.96rem;
  }

  64.7% {
    background-position: -10.35rem -6.96rem;
  }

  65.5% {
    background-position: -11.5rem -6.96rem;
  }

  66.4% {
    background-position: 0 -8.12rem;
  }

  67.2% {
    background-position: -1.15rem -8.12rem;
  }

  68.1% {
    background-position: -2.3rem -8.12rem;
  }

  69% {
    background-position: -3.45rem -8.12rem;
  }

  69.8% {
    background-position: -4.6rem -8.12rem;
  }

  70.7% {
    background-position: -5.75rem -8.12rem;
  }

  71.6% {
    background-position: -6.9rem -8.12rem;
  }

  72.4% {
    background-position: -8.05rem -8.12rem;
  }

  73.3% {
    background-position: -9.2rem -8.12rem;
  }

  74.1% {
    background-position: -10.35rem -8.12rem;
  }

  75% {
    background-position: -11.5rem -8.12rem;
  }

  75.9% {
    background-position: 0 -9.28rem;
  }

  76.7% {
    background-position: -1.15rem -9.28rem;
  }

  77.6% {
    background-position: -2.3rem -9.28rem;
  }

  78.4% {
    background-position: -3.45rem -9.28rem;
  }

  79.3% {
    background-position: -4.6rem -9.28rem;
  }

  80.2% {
    background-position: -5.75rem -9.28rem;
  }

  81% {
    background-position: -6.9rem -9.28rem;
  }

  81.9% {
    background-position: -8.05rem -9.28rem;
  }

  82.8% {
    background-position: -9.2rem -9.28rem;
  }

  83.6% {
    background-position: -10.35rem -9.28rem;
  }

  84.5% {
    background-position: -11.5rem -9.28rem;
  }

  85.3% {
    background-position: 0 -10.44rem;
  }

  86.2% {
    background-position: -1.15rem -10.44rem;
  }

  87.1% {
    background-position: -2.3rem -10.44rem;
  }

  87.9% {
    background-position: -3.45rem -10.44rem;
  }

  88.8% {
    background-position: -4.6rem -10.44rem;
  }

  89.7% {
    background-position: -5.75rem -10.44rem;
  }

  90.5% {
    background-position: -6.9rem -10.44rem;
  }

  91.4% {
    background-position: -8.05rem -10.44rem;
  }

  92.2% {
    background-position: -9.2rem -10.44rem;
  }

  93.1% {
    background-position: -10.35rem -10.44rem;
  }

  94% {
    background-position: -11.5rem -10.44rem;
  }

  94.8% {
    background-position: 0 -11.6rem;
  }

  95.7% {
    background-position: -1.15rem -11.6rem;
  }

  96.6% {
    background-position: -2.3rem -11.6rem;
  }

  97.4% {
    background-position: -3.45rem -11.6rem;
  }

  98.3% {
    background-position: -4.6rem -11.6rem;
  }

  99.1% {
    background-position: -5.75rem -11.6rem;
  }

  100% {
    background-position: -5.75rem -11.6rem;
  }
}

.nxh-10 {
  height: 1.15rem;
  width: 1.15rem;
  -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/20221129164500/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: -1.15rem 0;
  }

  0.8% {
    background-position: -2.3rem 0;
  }

  1.3% {
    background-position: -3.45rem 0;
  }

  1.7% {
    background-position: -4.6rem 0;
  }

  2.1% {
    background-position: -5.75rem 0;
  }

  2.5% {
    background-position: -6.9rem 0;
  }

  2.9% {
    background-position: -8.05rem 0;
  }

  3.3% {
    background-position: -9.2rem 0;
  }

  3.8% {
    background-position: -10.35rem 0;
  }

  4.2% {
    background-position: -11.5rem 0;
  }

  4.6% {
    background-position: -12.65rem 0;
  }

  5% {
    background-position: -13.8rem 0;
  }

  5.4% {
    background-position: -14.95rem 0;
  }

  5.8% {
    background-position: -16.1rem 0;
  }

  6.3% {
    background-position: -17.25rem 0;
  }

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

  7.1% {
    background-position: -1.15rem -1.15rem;
  }

  7.5% {
    background-position: -2.3rem -1.15rem;
  }

  7.9% {
    background-position: -3.45rem -1.15rem;
  }

  8.3% {
    background-position: -4.6rem -1.15rem;
  }

  8.8% {
    background-position: -5.75rem -1.15rem;
  }

  9.2% {
    background-position: -6.9rem -1.15rem;
  }

  9.6% {
    background-position: -8.05rem -1.15rem;
  }

  10% {
    background-position: -9.2rem -1.15rem;
  }

  10.4% {
    background-position: -10.35rem -1.15rem;
  }

  10.8% {
    background-position: -11.5rem -1.15rem;
  }

  11.3% {
    background-position: -12.65rem -1.15rem;
  }

  11.7% {
    background-position: -13.8rem -1.15rem;
  }

  12.1% {
    background-position: -14.95rem -1.15rem;
  }

  12.5% {
    background-position: -16.1rem -1.15rem;
  }

  12.9% {
    background-position: -17.25rem -1.15rem;
  }

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

  13.8% {
    background-position: -1.15rem -2.3rem;
  }

  14.2% {
    background-position: -2.3rem -2.3rem;
  }

  14.6% {
    background-position: -3.45rem -2.3rem;
  }

  15% {
    background-position: -4.6rem -2.3rem;
  }

  15.4% {
    background-position: -5.75rem -2.3rem;
  }

  15.8% {
    background-position: -6.9rem -2.3rem;
  }

  16.3% {
    background-position: -8.05rem -2.3rem;
  }

  16.7% {
    background-position: -9.2rem -2.3rem;
  }

  17.1% {
    background-position: -10.35rem -2.3rem;
  }

  17.5% {
    background-position: -11.5rem -2.3rem;
  }

  17.9% {
    background-position: -12.65rem -2.3rem;
  }

  18.3% {
    background-position: -13.8rem -2.3rem;
  }

  18.8% {
    background-position: -14.95rem -2.3rem;
  }

  19.2% {
    background-position: -16.1rem -2.3rem;
  }

  19.6% {
    background-position: -17.25rem -2.3rem;
  }

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

  20.4% {
    background-position: -1.15rem -3.45rem;
  }

  20.8% {
    background-position: -2.3rem -3.45rem;
  }

  21.3% {
    background-position: -3.45rem -3.45rem;
  }

  21.7% {
    background-position: -4.6rem -3.45rem;
  }

  22.1% {
    background-position: -5.75rem -3.45rem;
  }

  22.5% {
    background-position: -6.9rem -3.45rem;
  }

  22.9% {
    background-position: -8.05rem -3.45rem;
  }

  23.3% {
    background-position: -9.2rem -3.45rem;
  }

  23.8% {
    background-position: -10.35rem -3.45rem;
  }

  24.2% {
    background-position: -11.5rem -3.45rem;
  }

  24.6% {
    background-position: -12.65rem -3.45rem;
  }

  25% {
    background-position: -13.8rem -3.45rem;
  }

  25.4% {
    background-position: -14.95rem -3.45rem;
  }

  25.8% {
    background-position: -16.1rem -3.45rem;
  }

  26.3% {
    background-position: -17.25rem -3.45rem;
  }

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

  27.1% {
    background-position: -1.15rem -4.6rem;
  }

  27.5% {
    background-position: -2.3rem -4.6rem;
  }

  27.9% {
    background-position: -3.45rem -4.6rem;
  }

  28.3% {
    background-position: -4.6rem -4.6rem;
  }

  28.8% {
    background-position: -5.75rem -4.6rem;
  }

  29.2% {
    background-position: -6.9rem -4.6rem;
  }

  29.6% {
    background-position: -8.05rem -4.6rem;
  }

  30% {
    background-position: -9.2rem -4.6rem;
  }

  30.4% {
    background-position: -10.35rem -4.6rem;
  }

  30.8% {
    background-position: -11.5rem -4.6rem;
  }

  31.3% {
    background-position: -12.65rem -4.6rem;
  }

  31.7% {
    background-position: -13.8rem -4.6rem;
  }

  32.1% {
    background-position: -14.95rem -4.6rem;
  }

  32.5% {
    background-position: -16.1rem -4.6rem;
  }

  32.9% {
    background-position: -17.25rem -4.6rem;
  }

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

  33.8% {
    background-position: -1.15rem -5.75rem;
  }

  34.2% {
    background-position: -2.3rem -5.75rem;
  }

  34.6% {
    background-position: -3.45rem -5.75rem;
  }

  35% {
    background-position: -4.6rem -5.75rem;
  }

  35.4% {
    background-position: -5.75rem -5.75rem;
  }

  35.8% {
    background-position: -6.9rem -5.75rem;
  }

  36.3% {
    background-position: -8.05rem -5.75rem;
  }

  36.7% {
    background-position: -9.2rem -5.75rem;
  }

  37.1% {
    background-position: -10.35rem -5.75rem;
  }

  37.5% {
    background-position: -11.5rem -5.75rem;
  }

  37.9% {
    background-position: -12.65rem -5.75rem;
  }

  38.3% {
    background-position: -13.8rem -5.75rem;
  }

  38.8% {
    background-position: -14.95rem -5.75rem;
  }

  39.2% {
    background-position: -16.1rem -5.75rem;
  }

  39.6% {
    background-position: -17.25rem -5.75rem;
  }

  40% {
    background-position: 0 -6.9rem;
  }

  40.4% {
    background-position: -1.15rem -6.9rem;
  }

  40.8% {
    background-position: -2.3rem -6.9rem;
  }

  41.3% {
    background-position: -3.45rem -6.9rem;
  }

  41.7% {
    background-position: -4.6rem -6.9rem;
  }

  42.1% {
    background-position: -5.75rem -6.9rem;
  }

  42.5% {
    background-position: -6.9rem -6.9rem;
  }

  42.9% {
    background-position: -8.05rem -6.9rem;
  }

  43.3% {
    background-position: -9.2rem -6.9rem;
  }

  43.8% {
    background-position: -10.35rem -6.9rem;
  }

  44.2% {
    background-position: -11.5rem -6.9rem;
  }

  44.6% {
    background-position: -12.65rem -6.9rem;
  }

  45% {
    background-position: -13.8rem -6.9rem;
  }

  45.4% {
    background-position: -14.95rem -6.9rem;
  }

  45.8% {
    background-position: -16.1rem -6.9rem;
  }

  46.3% {
    background-position: -17.25rem -6.9rem;
  }

  46.7% {
    background-position: 0 -8.05rem;
  }

  47.1% {
    background-position: -1.15rem -8.05rem;
  }

  47.5% {
    background-position: -2.3rem -8.05rem;
  }

  47.9% {
    background-position: -3.45rem -8.05rem;
  }

  48.3% {
    background-position: -4.6rem -8.05rem;
  }

  48.8% {
    background-position: -5.75rem -8.05rem;
  }

  49.2% {
    background-position: -6.9rem -8.05rem;
  }

  49.6% {
    background-position: -8.05rem -8.05rem;
  }

  50% {
    background-position: -9.2rem -8.05rem;
  }

  50.4% {
    background-position: -10.35rem -8.05rem;
  }

  50.8% {
    background-position: -11.5rem -8.05rem;
  }

  51.3% {
    background-position: -12.65rem -8.05rem;
  }

  51.7% {
    background-position: -13.8rem -8.05rem;
  }

  52.1% {
    background-position: -14.95rem -8.05rem;
  }

  52.5% {
    background-position: -16.1rem -8.05rem;
  }

  52.9% {
    background-position: -17.25rem -8.05rem;
  }

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

  53.8% {
    background-position: -1.15rem -9.2rem;
  }

  54.2% {
    background-position: -2.3rem -9.2rem;
  }

  54.6% {
    background-position: -3.45rem -9.2rem;
  }

  55% {
    background-position: -4.6rem -9.2rem;
  }

  55.4% {
    background-position: -5.75rem -9.2rem;
  }

  55.8% {
    background-position: -6.9rem -9.2rem;
  }

  56.3% {
    background-position: -8.05rem -9.2rem;
  }

  56.7% {
    background-position: -9.2rem -9.2rem;
  }

  57.1% {
    background-position: -10.35rem -9.2rem;
  }

  57.5% {
    background-position: -11.5rem -9.2rem;
  }

  57.9% {
    background-position: -12.65rem -9.2rem;
  }

  58.3% {
    background-position: -13.8rem -9.2rem;
  }

  58.8% {
    background-position: -14.95rem -9.2rem;
  }

  59.2% {
    background-position: -16.1rem -9.2rem;
  }

  59.6% {
    background-position: -17.25rem -9.2rem;
  }

  60% {
    background-position: 0 -10.35rem;
  }

  60.4% {
    background-position: -1.15rem -10.35rem;
  }

  60.8% {
    background-position: -2.3rem -10.35rem;
  }

  61.3% {
    background-position: -3.45rem -10.35rem;
  }

  61.7% {
    background-position: -4.6rem -10.35rem;
  }

  62.1% {
    background-position: -5.75rem -10.35rem;
  }

  62.5% {
    background-position: -6.9rem -10.35rem;
  }

  62.9% {
    background-position: -8.05rem -10.35rem;
  }

  63.3% {
    background-position: -9.2rem -10.35rem;
  }

  63.8% {
    background-position: -10.35rem -10.35rem;
  }

  64.2% {
    background-position: -11.5rem -10.35rem;
  }

  64.6% {
    background-position: -12.65rem -10.35rem;
  }

  65% {
    background-position: -13.8rem -10.35rem;
  }

  65.4% {
    background-position: -14.95rem -10.35rem;
  }

  65.8% {
    background-position: -16.1rem -10.35rem;
  }

  66.3% {
    background-position: -17.25rem -10.35rem;
  }

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

  67.1% {
    background-position: -1.15rem -11.5rem;
  }

  67.5% {
    background-position: -2.3rem -11.5rem;
  }

  67.9% {
    background-position: -3.45rem -11.5rem;
  }

  68.3% {
    background-position: -4.6rem -11.5rem;
  }

  68.8% {
    background-position: -5.75rem -11.5rem;
  }

  69.2% {
    background-position: -6.9rem -11.5rem;
  }

  69.6% {
    background-position: -8.05rem -11.5rem;
  }

  70% {
    background-position: -9.2rem -11.5rem;
  }

  70.4% {
    background-position: -10.35rem -11.5rem;
  }

  70.8% {
    background-position: -11.5rem -11.5rem;
  }

  71.3% {
    background-position: -12.65rem -11.5rem;
  }

  71.7% {
    background-position: -13.8rem -11.5rem;
  }

  72.1% {
    background-position: -14.95rem -11.5rem;
  }

  72.5% {
    background-position: -16.1rem -11.5rem;
  }

  72.9% {
    background-position: -17.25rem -11.5rem;
  }

  73.3% {
    background-position: 0 -12.65rem;
  }

  73.8% {
    background-position: -1.15rem -12.65rem;
  }

  74.2% {
    background-position: -2.3rem -12.65rem;
  }

  74.6% {
    background-position: -3.45rem -12.65rem;
  }

  75% {
    background-position: -4.6rem -12.65rem;
  }

  75.4% {
    background-position: -5.75rem -12.65rem;
  }

  75.8% {
    background-position: -6.9rem -12.65rem;
  }

  76.3% {
    background-position: -8.05rem -12.65rem;
  }

  76.7% {
    background-position: -9.2rem -12.65rem;
  }

  77.1% {
    background-position: -10.35rem -12.65rem;
  }

  77.5% {
    background-position: -11.5rem -12.65rem;
  }

  77.9% {
    background-position: -12.65rem -12.65rem;
  }

  78.3% {
    background-position: -13.8rem -12.65rem;
  }

  78.8% {
    background-position: -14.95rem -12.65rem;
  }

  79.2% {
    background-position: -16.1rem -12.65rem;
  }

  79.6% {
    background-position: -17.25rem -12.65rem;
  }

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

  80.4% {
    background-position: -1.15rem -13.8rem;
  }

  80.8% {
    background-position: -2.3rem -13.8rem;
  }

  81.3% {
    background-position: -3.45rem -13.8rem;
  }

  81.7% {
    background-position: -4.6rem -13.8rem;
  }

  82.1% {
    background-position: -5.75rem -13.8rem;
  }

  82.5% {
    background-position: -6.9rem -13.8rem;
  }

  82.9% {
    background-position: -8.05rem -13.8rem;
  }

  83.3% {
    background-position: -9.2rem -13.8rem;
  }

  83.8% {
    background-position: -10.35rem -13.8rem;
  }

  84.2% {
    background-position: -11.5rem -13.8rem;
  }

  84.6% {
    background-position: -12.65rem -13.8rem;
  }

  85% {
    background-position: -13.8rem -13.8rem;
  }

  85.4% {
    background-position: -14.95rem -13.8rem;
  }

  85.8% {
    background-position: -16.1rem -13.8rem;
  }

  86.3% {
    background-position: -17.25rem -13.8rem;
  }

  86.7% {
    background-position: 0 -14.95rem;
  }

  87.1% {
    background-position: -1.15rem -14.95rem;
  }

  87.5% {
    background-position: -2.3rem -14.95rem;
  }

  87.9% {
    background-position: -3.45rem -14.95rem;
  }

  88.3% {
    background-position: -4.6rem -14.95rem;
  }

  88.8% {
    background-position: -5.75rem -14.95rem;
  }

  89.2% {
    background-position: -6.9rem -14.95rem;
  }

  89.6% {
    background-position: -8.05rem -14.95rem;
  }

  90% {
    background-position: -9.2rem -14.95rem;
  }

  90.4% {
    background-position: -10.35rem -14.95rem;
  }

  90.8% {
    background-position: -11.5rem -14.95rem;
  }

  91.3% {
    background-position: -12.65rem -14.95rem;
  }

  91.7% {
    background-position: -13.8rem -14.95rem;
  }

  92.1% {
    background-position: -14.95rem -14.95rem;
  }

  92.5% {
    background-position: -16.1rem -14.95rem;
  }

  92.9% {
    background-position: -17.25rem -14.95rem;
  }

  93.3% {
    background-position: 0 -16.1rem;
  }

  93.8% {
    background-position: -1.15rem -16.1rem;
  }

  94.2% {
    background-position: -2.3rem -16.1rem;
  }

  94.6% {
    background-position: -3.45rem -16.1rem;
  }

  95% {
    background-position: -4.6rem -16.1rem;
  }

  95.4% {
    background-position: -5.75rem -16.1rem;
  }

  95.8% {
    background-position: -6.9rem -16.1rem;
  }

  96.3% {
    background-position: -8.05rem -16.1rem;
  }

  96.7% {
    background-position: -9.2rem -16.1rem;
  }

  97.1% {
    background-position: -10.35rem -16.1rem;
  }

  97.5% {
    background-position: -11.5rem -16.1rem;
  }

  97.9% {
    background-position: -12.65rem -16.1rem;
  }

  98.3% {
    background-position: -13.8rem -16.1rem;
  }

  98.8% {
    background-position: -14.95rem -16.1rem;
  }

  99.2% {
    background-position: -16.1rem -16.1rem;
  }

  99.6% {
    background-position: -17.25rem -16.1rem;
  }

  100% {
    background-position: -17.25rem -16.1rem;
  }
}

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

  0.4% {
    background-position: -1.15rem 0;
  }

  0.8% {
    background-position: -2.3rem 0;
  }

  1.3% {
    background-position: -3.45rem 0;
  }

  1.7% {
    background-position: -4.6rem 0;
  }

  2.1% {
    background-position: -5.75rem 0;
  }

  2.5% {
    background-position: -6.9rem 0;
  }

  2.9% {
    background-position: -8.05rem 0;
  }

  3.3% {
    background-position: -9.2rem 0;
  }

  3.8% {
    background-position: -10.35rem 0;
  }

  4.2% {
    background-position: -11.5rem 0;
  }

  4.6% {
    background-position: -12.65rem 0;
  }

  5% {
    background-position: -13.8rem 0;
  }

  5.4% {
    background-position: -14.95rem 0;
  }

  5.8% {
    background-position: -16.1rem 0;
  }

  6.3% {
    background-position: -17.25rem 0;
  }

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

  7.1% {
    background-position: -1.15rem -1.15rem;
  }

  7.5% {
    background-position: -2.3rem -1.15rem;
  }

  7.9% {
    background-position: -3.45rem -1.15rem;
  }

  8.3% {
    background-position: -4.6rem -1.15rem;
  }

  8.8% {
    background-position: -5.75rem -1.15rem;
  }

  9.2% {
    background-position: -6.9rem -1.15rem;
  }

  9.6% {
    background-position: -8.05rem -1.15rem;
  }

  10% {
    background-position: -9.2rem -1.15rem;
  }

  10.4% {
    background-position: -10.35rem -1.15rem;
  }

  10.8% {
    background-position: -11.5rem -1.15rem;
  }

  11.3% {
    background-position: -12.65rem -1.15rem;
  }

  11.7% {
    background-position: -13.8rem -1.15rem;
  }

  12.1% {
    background-position: -14.95rem -1.15rem;
  }

  12.5% {
    background-position: -16.1rem -1.15rem;
  }

  12.9% {
    background-position: -17.25rem -1.15rem;
  }

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

  13.8% {
    background-position: -1.15rem -2.3rem;
  }

  14.2% {
    background-position: -2.3rem -2.3rem;
  }

  14.6% {
    background-position: -3.45rem -2.3rem;
  }

  15% {
    background-position: -4.6rem -2.3rem;
  }

  15.4% {
    background-position: -5.75rem -2.3rem;
  }

  15.8% {
    background-position: -6.9rem -2.3rem;
  }

  16.3% {
    background-position: -8.05rem -2.3rem;
  }

  16.7% {
    background-position: -9.2rem -2.3rem;
  }

  17.1% {
    background-position: -10.35rem -2.3rem;
  }

  17.5% {
    background-position: -11.5rem -2.3rem;
  }

  17.9% {
    background-position: -12.65rem -2.3rem;
  }

  18.3% {
    background-position: -13.8rem -2.3rem;
  }

  18.8% {
    background-position: -14.95rem -2.3rem;
  }

  19.2% {
    background-position: -16.1rem -2.3rem;
  }

  19.6% {
    background-position: -17.25rem -2.3rem;
  }

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

  20.4% {
    background-position: -1.15rem -3.45rem;
  }

  20.8% {
    background-position: -2.3rem -3.45rem;
  }

  21.3% {
    background-position: -3.45rem -3.45rem;
  }

  21.7% {
    background-position: -4.6rem -3.45rem;
  }

  22.1% {
    background-position: -5.75rem -3.45rem;
  }

  22.5% {
    background-position: -6.9rem -3.45rem;
  }

  22.9% {
    background-position: -8.05rem -3.45rem;
  }

  23.3% {
    background-position: -9.2rem -3.45rem;
  }

  23.8% {
    background-position: -10.35rem -3.45rem;
  }

  24.2% {
    background-position: -11.5rem -3.45rem;
  }

  24.6% {
    background-position: -12.65rem -3.45rem;
  }

  25% {
    background-position: -13.8rem -3.45rem;
  }

  25.4% {
    background-position: -14.95rem -3.45rem;
  }

  25.8% {
    background-position: -16.1rem -3.45rem;
  }

  26.3% {
    background-position: -17.25rem -3.45rem;
  }

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

  27.1% {
    background-position: -1.15rem -4.6rem;
  }

  27.5% {
    background-position: -2.3rem -4.6rem;
  }

  27.9% {
    background-position: -3.45rem -4.6rem;
  }

  28.3% {
    background-position: -4.6rem -4.6rem;
  }

  28.8% {
    background-position: -5.75rem -4.6rem;
  }

  29.2% {
    background-position: -6.9rem -4.6rem;
  }

  29.6% {
    background-position: -8.05rem -4.6rem;
  }

  30% {
    background-position: -9.2rem -4.6rem;
  }

  30.4% {
    background-position: -10.35rem -4.6rem;
  }

  30.8% {
    background-position: -11.5rem -4.6rem;
  }

  31.3% {
    background-position: -12.65rem -4.6rem;
  }

  31.7% {
    background-position: -13.8rem -4.6rem;
  }

  32.1% {
    background-position: -14.95rem -4.6rem;
  }

  32.5% {
    background-position: -16.1rem -4.6rem;
  }

  32.9% {
    background-position: -17.25rem -4.6rem;
  }

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

  33.8% {
    background-position: -1.15rem -5.75rem;
  }

  34.2% {
    background-position: -2.3rem -5.75rem;
  }

  34.6% {
    background-position: -3.45rem -5.75rem;
  }

  35% {
    background-position: -4.6rem -5.75rem;
  }

  35.4% {
    background-position: -5.75rem -5.75rem;
  }

  35.8% {
    background-position: -6.9rem -5.75rem;
  }

  36.3% {
    background-position: -8.05rem -5.75rem;
  }

  36.7% {
    background-position: -9.2rem -5.75rem;
  }

  37.1% {
    background-position: -10.35rem -5.75rem;
  }

  37.5% {
    background-position: -11.5rem -5.75rem;
  }

  37.9% {
    background-position: -12.65rem -5.75rem;
  }

  38.3% {
    background-position: -13.8rem -5.75rem;
  }

  38.8% {
    background-position: -14.95rem -5.75rem;
  }

  39.2% {
    background-position: -16.1rem -5.75rem;
  }

  39.6% {
    background-position: -17.25rem -5.75rem;
  }

  40% {
    background-position: 0 -6.9rem;
  }

  40.4% {
    background-position: -1.15rem -6.9rem;
  }

  40.8% {
    background-position: -2.3rem -6.9rem;
  }

  41.3% {
    background-position: -3.45rem -6.9rem;
  }

  41.7% {
    background-position: -4.6rem -6.9rem;
  }

  42.1% {
    background-position: -5.75rem -6.9rem;
  }

  42.5% {
    background-position: -6.9rem -6.9rem;
  }

  42.9% {
    background-position: -8.05rem -6.9rem;
  }

  43.3% {
    background-position: -9.2rem -6.9rem;
  }

  43.8% {
    background-position: -10.35rem -6.9rem;
  }

  44.2% {
    background-position: -11.5rem -6.9rem;
  }

  44.6% {
    background-position: -12.65rem -6.9rem;
  }

  45% {
    background-position: -13.8rem -6.9rem;
  }

  45.4% {
    background-position: -14.95rem -6.9rem;
  }

  45.8% {
    background-position: -16.1rem -6.9rem;
  }

  46.3% {
    background-position: -17.25rem -6.9rem;
  }

  46.7% {
    background-position: 0 -8.05rem;
  }

  47.1% {
    background-position: -1.15rem -8.05rem;
  }

  47.5% {
    background-position: -2.3rem -8.05rem;
  }

  47.9% {
    background-position: -3.45rem -8.05rem;
  }

  48.3% {
    background-position: -4.6rem -8.05rem;
  }

  48.8% {
    background-position: -5.75rem -8.05rem;
  }

  49.2% {
    background-position: -6.9rem -8.05rem;
  }

  49.6% {
    background-position: -8.05rem -8.05rem;
  }

  50% {
    background-position: -9.2rem -8.05rem;
  }

  50.4% {
    background-position: -10.35rem -8.05rem;
  }

  50.8% {
    background-position: -11.5rem -8.05rem;
  }

  51.3% {
    background-position: -12.65rem -8.05rem;
  }

  51.7% {
    background-position: -13.8rem -8.05rem;
  }

  52.1% {
    background-position: -14.95rem -8.05rem;
  }

  52.5% {
    background-position: -16.1rem -8.05rem;
  }

  52.9% {
    background-position: -17.25rem -8.05rem;
  }

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

  53.8% {
    background-position: -1.15rem -9.2rem;
  }

  54.2% {
    background-position: -2.3rem -9.2rem;
  }

  54.6% {
    background-position: -3.45rem -9.2rem;
  }

  55% {
    background-position: -4.6rem -9.2rem;
  }

  55.4% {
    background-position: -5.75rem -9.2rem;
  }

  55.8% {
    background-position: -6.9rem -9.2rem;
  }

  56.3% {
    background-position: -8.05rem -9.2rem;
  }

  56.7% {
    background-position: -9.2rem -9.2rem;
  }

  57.1% {
    background-position: -10.35rem -9.2rem;
  }

  57.5% {
    background-position: -11.5rem -9.2rem;
  }

  57.9% {
    background-position: -12.65rem -9.2rem;
  }

  58.3% {
    background-position: -13.8rem -9.2rem;
  }

  58.8% {
    background-position: -14.95rem -9.2rem;
  }

  59.2% {
    background-position: -16.1rem -9.2rem;
  }

  59.6% {
    background-position: -17.25rem -9.2rem;
  }

  60% {
    background-position: 0 -10.35rem;
  }

  60.4% {
    background-position: -1.15rem -10.35rem;
  }

  60.8% {
    background-position: -2.3rem -10.35rem;
  }

  61.3% {
    background-position: -3.45rem -10.35rem;
  }

  61.7% {
    background-position: -4.6rem -10.35rem;
  }

  62.1% {
    background-position: -5.75rem -10.35rem;
  }

  62.5% {
    background-position: -6.9rem -10.35rem;
  }

  62.9% {
    background-position: -8.05rem -10.35rem;
  }

  63.3% {
    background-position: -9.2rem -10.35rem;
  }

  63.8% {
    background-position: -10.35rem -10.35rem;
  }

  64.2% {
    background-position: -11.5rem -10.35rem;
  }

  64.6% {
    background-position: -12.65rem -10.35rem;
  }

  65% {
    background-position: -13.8rem -10.35rem;
  }

  65.4% {
    background-position: -14.95rem -10.35rem;
  }

  65.8% {
    background-position: -16.1rem -10.35rem;
  }

  66.3% {
    background-position: -17.25rem -10.35rem;
  }

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

  67.1% {
    background-position: -1.15rem -11.5rem;
  }

  67.5% {
    background-position: -2.3rem -11.5rem;
  }

  67.9% {
    background-position: -3.45rem -11.5rem;
  }

  68.3% {
    background-position: -4.6rem -11.5rem;
  }

  68.8% {
    background-position: -5.75rem -11.5rem;
  }

  69.2% {
    background-position: -6.9rem -11.5rem;
  }

  69.6% {
    background-position: -8.05rem -11.5rem;
  }

  70% {
    background-position: -9.2rem -11.5rem;
  }

  70.4% {
    background-position: -10.35rem -11.5rem;
  }

  70.8% {
    background-position: -11.5rem -11.5rem;
  }

  71.3% {
    background-position: -12.65rem -11.5rem;
  }

  71.7% {
    background-position: -13.8rem -11.5rem;
  }

  72.1% {
    background-position: -14.95rem -11.5rem;
  }

  72.5% {
    background-position: -16.1rem -11.5rem;
  }

  72.9% {
    background-position: -17.25rem -11.5rem;
  }

  73.3% {
    background-position: 0 -12.65rem;
  }

  73.8% {
    background-position: -1.15rem -12.65rem;
  }

  74.2% {
    background-position: -2.3rem -12.65rem;
  }

  74.6% {
    background-position: -3.45rem -12.65rem;
  }

  75% {
    background-position: -4.6rem -12.65rem;
  }

  75.4% {
    background-position: -5.75rem -12.65rem;
  }

  75.8% {
    background-position: -6.9rem -12.65rem;
  }

  76.3% {
    background-position: -8.05rem -12.65rem;
  }

  76.7% {
    background-position: -9.2rem -12.65rem;
  }

  77.1% {
    background-position: -10.35rem -12.65rem;
  }

  77.5% {
    background-position: -11.5rem -12.65rem;
  }

  77.9% {
    background-position: -12.65rem -12.65rem;
  }

  78.3% {
    background-position: -13.8rem -12.65rem;
  }

  78.8% {
    background-position: -14.95rem -12.65rem;
  }

  79.2% {
    background-position: -16.1rem -12.65rem;
  }

  79.6% {
    background-position: -17.25rem -12.65rem;
  }

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

  80.4% {
    background-position: -1.15rem -13.8rem;
  }

  80.8% {
    background-position: -2.3rem -13.8rem;
  }

  81.3% {
    background-position: -3.45rem -13.8rem;
  }

  81.7% {
    background-position: -4.6rem -13.8rem;
  }

  82.1% {
    background-position: -5.75rem -13.8rem;
  }

  82.5% {
    background-position: -6.9rem -13.8rem;
  }

  82.9% {
    background-position: -8.05rem -13.8rem;
  }

  83.3% {
    background-position: -9.2rem -13.8rem;
  }

  83.8% {
    background-position: -10.35rem -13.8rem;
  }

  84.2% {
    background-position: -11.5rem -13.8rem;
  }

  84.6% {
    background-position: -12.65rem -13.8rem;
  }

  85% {
    background-position: -13.8rem -13.8rem;
  }

  85.4% {
    background-position: -14.95rem -13.8rem;
  }

  85.8% {
    background-position: -16.1rem -13.8rem;
  }

  86.3% {
    background-position: -17.25rem -13.8rem;
  }

  86.7% {
    background-position: 0 -14.95rem;
  }

  87.1% {
    background-position: -1.15rem -14.95rem;
  }

  87.5% {
    background-position: -2.3rem -14.95rem;
  }

  87.9% {
    background-position: -3.45rem -14.95rem;
  }

  88.3% {
    background-position: -4.6rem -14.95rem;
  }

  88.8% {
    background-position: -5.75rem -14.95rem;
  }

  89.2% {
    background-position: -6.9rem -14.95rem;
  }

  89.6% {
    background-position: -8.05rem -14.95rem;
  }

  90% {
    background-position: -9.2rem -14.95rem;
  }

  90.4% {
    background-position: -10.35rem -14.95rem;
  }

  90.8% {
    background-position: -11.5rem -14.95rem;
  }

  91.3% {
    background-position: -12.65rem -14.95rem;
  }

  91.7% {
    background-position: -13.8rem -14.95rem;
  }

  92.1% {
    background-position: -14.95rem -14.95rem;
  }

  92.5% {
    background-position: -16.1rem -14.95rem;
  }

  92.9% {
    background-position: -17.25rem -14.95rem;
  }

  93.3% {
    background-position: 0 -16.1rem;
  }

  93.8% {
    background-position: -1.15rem -16.1rem;
  }

  94.2% {
    background-position: -2.3rem -16.1rem;
  }

  94.6% {
    background-position: -3.45rem -16.1rem;
  }

  95% {
    background-position: -4.6rem -16.1rem;
  }

  95.4% {
    background-position: -5.75rem -16.1rem;
  }

  95.8% {
    background-position: -6.9rem -16.1rem;
  }

  96.3% {
    background-position: -8.05rem -16.1rem;
  }

  96.7% {
    background-position: -9.2rem -16.1rem;
  }

  97.1% {
    background-position: -10.35rem -16.1rem;
  }

  97.5% {
    background-position: -11.5rem -16.1rem;
  }

  97.9% {
    background-position: -12.65rem -16.1rem;
  }

  98.3% {
    background-position: -13.8rem -16.1rem;
  }

  98.8% {
    background-position: -14.95rem -16.1rem;
  }

  99.2% {
    background-position: -16.1rem -16.1rem;
  }

  99.6% {
    background-position: -17.25rem -16.1rem;
  }

  100% {
    background-position: -17.25rem -16.1rem;
  }
}

.nxh-11 {
  height: 1.16rem;
  width: 1.15rem;
  -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/20221129164500/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: -1.15rem 0;
  }

  3.3% {
    background-position: -2.3rem 0;
  }

  5% {
    background-position: -3.45rem 0;
  }

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

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

  10% {
    background-position: -6.9rem 0;
  }

  11.7% {
    background-position: -8.05rem 0;
  }

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

  15% {
    background-position: -1.15rem -1.16rem;
  }

  16.7% {
    background-position: -2.3rem -1.16rem;
  }

  18.3% {
    background-position: -3.45rem -1.16rem;
  }

  20% {
    background-position: -4.6rem -1.16rem;
  }

  21.7% {
    background-position: -5.75rem -1.16rem;
  }

  23.3% {
    background-position: -6.9rem -1.16rem;
  }

  25% {
    background-position: -8.05rem -1.16rem;
  }

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

  28.3% {
    background-position: -1.15rem -2.32rem;
  }

  30% {
    background-position: -2.3rem -2.32rem;
  }

  31.7% {
    background-position: -3.45rem -2.32rem;
  }

  33.3% {
    background-position: -4.6rem -2.32rem;
  }

  35% {
    background-position: -5.75rem -2.32rem;
  }

  36.7% {
    background-position: -6.9rem -2.32rem;
  }

  38.3% {
    background-position: -8.05rem -2.32rem;
  }

  40% {
    background-position: 0 -3.48rem;
  }

  41.7% {
    background-position: -1.15rem -3.48rem;
  }

  43.3% {
    background-position: -2.3rem -3.48rem;
  }

  45% {
    background-position: -3.45rem -3.48rem;
  }

  46.7% {
    background-position: -4.6rem -3.48rem;
  }

  48.3% {
    background-position: -5.75rem -3.48rem;
  }

  50% {
    background-position: -6.9rem -3.48rem;
  }

  51.7% {
    background-position: -8.05rem -3.48rem;
  }

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

  55% {
    background-position: -1.15rem -4.64rem;
  }

  56.7% {
    background-position: -2.3rem -4.64rem;
  }

  58.3% {
    background-position: -3.45rem -4.64rem;
  }

  60% {
    background-position: -4.6rem -4.64rem;
  }

  61.7% {
    background-position: -5.75rem -4.64rem;
  }

  63.3% {
    background-position: -6.9rem -4.64rem;
  }

  65% {
    background-position: -8.05rem -4.64rem;
  }

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

  68.3% {
    background-position: -1.15rem -5.8rem;
  }

  70% {
    background-position: -2.3rem -5.8rem;
  }

  71.7% {
    background-position: -3.45rem -5.8rem;
  }

  73.3% {
    background-position: -4.6rem -5.8rem;
  }

  75% {
    background-position: -5.75rem -5.8rem;
  }

  76.7% {
    background-position: -6.9rem -5.8rem;
  }

  78.3% {
    background-position: -8.05rem -5.8rem;
  }

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

  81.7% {
    background-position: -1.15rem -6.96rem;
  }

  83.3% {
    background-position: -2.3rem -6.96rem;
  }

  85% {
    background-position: -3.45rem -6.96rem;
  }

  86.7% {
    background-position: -4.6rem -6.96rem;
  }

  88.3% {
    background-position: -5.75rem -6.96rem;
  }

  90% {
    background-position: -6.9rem -6.96rem;
  }

  91.7% {
    background-position: -8.05rem -6.96rem;
  }

  93.3% {
    background-position: 0 -8.12rem;
  }

  95% {
    background-position: -1.15rem -8.12rem;
  }

  96.7% {
    background-position: -2.3rem -8.12rem;
  }

  98.3% {
    background-position: -3.45rem -8.12rem;
  }

  100% {
    background-position: -3.45rem -8.12rem;
  }
}

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

  1.7% {
    background-position: -1.15rem 0;
  }

  3.3% {
    background-position: -2.3rem 0;
  }

  5% {
    background-position: -3.45rem 0;
  }

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

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

  10% {
    background-position: -6.9rem 0;
  }

  11.7% {
    background-position: -8.05rem 0;
  }

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

  15% {
    background-position: -1.15rem -1.16rem;
  }

  16.7% {
    background-position: -2.3rem -1.16rem;
  }

  18.3% {
    background-position: -3.45rem -1.16rem;
  }

  20% {
    background-position: -4.6rem -1.16rem;
  }

  21.7% {
    background-position: -5.75rem -1.16rem;
  }

  23.3% {
    background-position: -6.9rem -1.16rem;
  }

  25% {
    background-position: -8.05rem -1.16rem;
  }

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

  28.3% {
    background-position: -1.15rem -2.32rem;
  }

  30% {
    background-position: -2.3rem -2.32rem;
  }

  31.7% {
    background-position: -3.45rem -2.32rem;
  }

  33.3% {
    background-position: -4.6rem -2.32rem;
  }

  35% {
    background-position: -5.75rem -2.32rem;
  }

  36.7% {
    background-position: -6.9rem -2.32rem;
  }

  38.3% {
    background-position: -8.05rem -2.32rem;
  }

  40% {
    background-position: 0 -3.48rem;
  }

  41.7% {
    background-position: -1.15rem -3.48rem;
  }

  43.3% {
    background-position: -2.3rem -3.48rem;
  }

  45% {
    background-position: -3.45rem -3.48rem;
  }

  46.7% {
    background-position: -4.6rem -3.48rem;
  }

  48.3% {
    background-position: -5.75rem -3.48rem;
  }

  50% {
    background-position: -6.9rem -3.48rem;
  }

  51.7% {
    background-position: -8.05rem -3.48rem;
  }

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

  55% {
    background-position: -1.15rem -4.64rem;
  }

  56.7% {
    background-position: -2.3rem -4.64rem;
  }

  58.3% {
    background-position: -3.45rem -4.64rem;
  }

  60% {
    background-position: -4.6rem -4.64rem;
  }

  61.7% {
    background-position: -5.75rem -4.64rem;
  }

  63.3% {
    background-position: -6.9rem -4.64rem;
  }

  65% {
    background-position: -8.05rem -4.64rem;
  }

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

  68.3% {
    background-position: -1.15rem -5.8rem;
  }

  70% {
    background-position: -2.3rem -5.8rem;
  }

  71.7% {
    background-position: -3.45rem -5.8rem;
  }

  73.3% {
    background-position: -4.6rem -5.8rem;
  }

  75% {
    background-position: -5.75rem -5.8rem;
  }

  76.7% {
    background-position: -6.9rem -5.8rem;
  }

  78.3% {
    background-position: -8.05rem -5.8rem;
  }

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

  81.7% {
    background-position: -1.15rem -6.96rem;
  }

  83.3% {
    background-position: -2.3rem -6.96rem;
  }

  85% {
    background-position: -3.45rem -6.96rem;
  }

  86.7% {
    background-position: -4.6rem -6.96rem;
  }

  88.3% {
    background-position: -5.75rem -6.96rem;
  }

  90% {
    background-position: -6.9rem -6.96rem;
  }

  91.7% {
    background-position: -8.05rem -6.96rem;
  }

  93.3% {
    background-position: 0 -8.12rem;
  }

  95% {
    background-position: -1.15rem -8.12rem;
  }

  96.7% {
    background-position: -2.3rem -8.12rem;
  }

  98.3% {
    background-position: -3.45rem -8.12rem;
  }

  100% {
    background-position: -3.45rem -8.12rem;
  }
}

.el-select-dropdown__item.selected {
  color: #66a292;
  font-family: 'NotoSansSC', "Microsoft YaHei", sans-serif;
}

.el-select-dropdown__item {
  padding-left: 0.15rem;
  font-family: 'NotoSansSC', "Microsoft YaHei", sans-serif;
}

.TheRecommendedDesign {
  width: 100%;
  min-width: 6.88rem;
  padding-top: 0.5rem;
}

.TheRecommendedDesign .temp-height {
  width: 0;
}

.TheRecommendedDesign .min-height-story {
  position: relative;
  height: 5.1rem;
}

.TheRecommendedDesign .vote-filter-tab-bg .el-select {
  width: 1.17rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.TheRecommendedDesign .vote-filter-tab-bg .el-select .filtrate {
  width: 1.17rem;
}

.TheRecommendedDesign .vote-filter-tab-bg .activity-select {
  width: 2.1rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.08rem;
}

.TheRecommendedDesign .TheRecommendedDesign-works {
  z-index: 10;
  position: relative;
  width: 100%;
  margin-top: 0.3rem;
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.TheRecommendedDesign .TheRecommendedDesign-works .hero-temp {
  margin-top: 50%;
}

.TheRecommendedDesign .TheRecommendedDesign-center {
  z-index: 2;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  position: relative;
  top: 0;
  text-align: left;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  overflow: hidden;
  white-space: normal;
  display: inline-block;
}

.TheRecommendedDesign .TheRecommendedDesign-content {
  padding-top: 0.5rem;
  z-index: 6;
}

.TheRecommendedDesign .got-out-of-line {
  display: none;
  cursor: pointer;
  z-index: 5;
  position: fixed;
  bottom: 3.9rem;
  right: 0.1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.98rem -8.49rem;
  width: 0.5rem;
  height: 0.5rem;
}

.TheRecommendedDesign .got-out-of-line:hover {
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
}

.TheRecommendedDesign .TheRecommendedDesign-nav + .got-out-of-line {
  display: block;
}

.TheRecommendedDesign .TheRecommendedDesign-content2 {
  padding-top: 1rem;
  z-index: 6;
}

.choiceness + .story {
  position: absolute;
  top: 0;
  width: 100%;
  height: 10.2rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/home_6dd67cad.jpg) no-repeat top center;
  background-size: 100% auto;
}

.PersonalCenter {
  padding-top: 1rem;
}

.PersonalCenter .vote-filter-tab-bg.vote-filter-workMineList .el-select {
  width: 1.17rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.PersonalCenter .vote-filter-tab-bg.vote-filter-workMineList .el-select .filtrate {
  width: 1.17rem;
}

.PersonalCenter .vote-filter-tab-bg.vote-filter-workMineList .activity-select {
  width: 2.1rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.08rem;
}

.PersonalCenter .vote-filter-tab-bg.vote-filter-works .el-select {
  width: 1.17rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.PersonalCenter .vote-filter-tab-bg.vote-filter-works .el-select .filtrate {
  width: 1.17rem;
}

.PersonalCenter .vote-filter-tab-bg.vote-filter-works .activity-select {
  width: 2.4rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.08rem;
}

.PersonalCenter .worksShow {
  position: relative;
  width: 6.86rem;
  margin: 0 auto;
}

.PersonalCenter .worksShow::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 6.8rem;
  height: 0.01rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/line_23a3c90e.png) no-repeat center center;
  background-size: 100% auto;
}

.PersonalCenter .worksShow div,
.PersonalCenter .worksShow .worksShow-active {
  -webkit-transform: translate(-0.08rem, 0.12rem);
  transform: translate(-0.08rem, 0.12rem);
  cursor: pointer;
  width: 1.92rem;
  height: 0.62rem;
  line-height: 0.55rem;
  font-size: 0.26rem;
  margin-right: 0.15rem;
  display: inline-block;
  color: #556360;
  text-align: center;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/worksShow_b1a3a722.png) no-repeat center center;
  background-size: 100% auto;
}

.PersonalCenter .worksShow .worksShow-active {
  line-height: 0.55rem;
  -webkit-transform: translate(-0.08rem, 0.12rem);
  transform: translate(-0.08rem, 0.12rem);
  color: #fff;
  border: 0 solid #556360;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/worksShow-h_649294b2.png) no-repeat center center;
  background-size: 100% auto;
}

.PersonalCenter .hero-content {
  min-height: 0.8rem;
}

.choiceness {
  width: 100%;
  height: 100%;
  min-height: 10.8rem;
  overflow: hidden;
}

.choiceness .choiceness-content {
  padding-bottom: 2rem;
}

.choiceness .vote-filter-tab-bg.vote-filter-works .el-select {
  width: 1.17rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.choiceness .vote-filter-tab-bg.vote-filter-works .el-select .filtrate {
  width: 1.17rem;
}

.choiceness .vote-filter-tab-bg.vote-filter-works .activity-select {
  width: 2.1rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.08rem;
}

.choiceness .min-height-story {
  height: 5.1rem;
}

.choiceness .home-1-swiper {
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 2;
  height: 5rem;
}

.choiceness .home-1-swiper .title {
  position: absolute;
  left: 0;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -14.06rem -10.23rem;
  width: 2.32rem;
  height: 1.25rem;
}

.choiceness .home-1-swiper .swiper-choiceness {
  top: 0.7rem;
}

.choiceness .home-1-swiper .slide .title-icon-1,
.choiceness .home-1-swiper .slide .title-icon-2 {
  top: 2.4rem !important;
}

.choiceness .home-2-swiper {
  width: 100%;
  height: 4.8rem;
  display: inline-block;
  position: relative;
}

.choiceness .home-2-swiper .title {
  position: absolute;
  left: 0;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -14.06rem -11.5rem;
  width: 2.32rem;
  height: 1.25rem;
}

.choiceness .home-2-swiper .hot-swiper {
  top: 0.6rem;
}

.inside-pages {
  width: 100%;
  height: 100%;
  min-height: 10.8rem;
  z-index: 5;
}

.inside-pages .inside-title {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0.88rem;
}

.inside-pages .titleHotTagsswiper-choiceness {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -14.06rem -10.23rem;
  width: 2.32rem;
  height: 1.25rem;
}

.inside-pages .titleHotTagshot-swiper {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -14.06rem -11.5rem;
  width: 2.32rem;
  height: 1.25rem;
}

.inside-pages .titleHotTags1 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -10.2rem;
  width: 2.49rem;
  height: 1rem;
}

.inside-pages .titleHotTagsfriendWatch {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -6.12rem;
  width: 2.49rem;
  height: 1rem;
}

.inside-pages .titleHotTagsfriendNew {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -7.14rem;
  width: 2.49rem;
  height: 1rem;
}

.inside-pages .titleHotTagsfollowNew {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -8.16rem;
  width: 2.49rem;
  height: 1rem;
}

.inside-pages .titlelike {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -9.18rem;
  width: 2.49rem;
  height: 1rem;
}

.inside-pages .inside-back {
  cursor: pointer;
  position: absolute;
  top: 1.1rem;
  left: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -4.96rem -21.9rem;
  width: 1.22rem;
  height: 0.57rem;
}

.inside-pages .tags {
  width: 100%;
  position: absolute;
  top: 2rem;
  left: 0.21rem;
  z-index: 3;
  margin: 0 auto;
}

.inside-pages .tags::after {
  content: '';
  position: absolute;
  width: 6.8rem;
  height: 0.01rem;
  left: 0.2rem;
  bottom: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/line_2d5acf57.png) no-repeat;
  background-size: 100% auto;
}

.inside-pages .tags .tags-item {
  margin-left: 0.2rem;
  display: inline-block;
  cursor: pointer;
  color: #8DC0AD;
  text-align: center;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -20.38rem -17.05rem;
  width: 1.56rem;
  height: 0.54rem;
}

.inside-pages .tags .tags-item span {
  line-height: 0.54rem;
}

.inside-pages .tags .tags-ca {
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -8.09rem -20.98rem;
  width: 1.56rem;
  height: 0.54rem;
}

.inside-pages .inside-pages-content {
  width: 7.5rem;
  margin: 0 auto;
  z-index: 5;
  display: block;
  z-index: 3;
  padding: 2rem 0 0 0;
}

.inside-pages .inside-pages-content .tags {
  position: relative;
  top: 0;
}

.inside-pages .inside-pages-content .masonry-bg {
  padding-top: 0;
}

.inside-pages .inside-pages-content .inside-works {
  position: relative;
  width: 7.5rem;
  margin-top: -0.6rem;
  text-align: center;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.inside-pages .inside-pages-content .inside-center {
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  position: relative;
  margin: 0 auto;
  top: 0;
  text-align: left;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0.4rem 0 0.3rem 0;
  vertical-align: top;
  white-space: normal;
  display: inline-block;
}

.swiper-item .swiper-content {
  width: 100%;
  height: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}

.swiper-item .swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.swiper-item .swiper-wrapper .swiper-slide {
  width: 100%;
  position: relative;
}

.swiper-item .swiper-wrapper .swiper-slide .slide {
  height: 100%;
  width: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
}

.swiper-item .swiper-wrapper .swiper-slide .slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.swiper-item .swiper-wrapper .swiper-slide .slide .title-icon-2 {
  position: absolute;
  right: 0.13rem;
  top: 1.5rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.47rem -15.26rem;
  width: 0.8rem;
  height: 0.77rem;
}

.swiper-item .swiper-wrapper .swiper-slide .slide .title-icon-1 {
  position: absolute;
  right: 0.13rem;
  top: 1.5rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.79rem -3.41rem;
  width: 0.68rem;
  height: 0.68rem;
}

.swiper-item .swiper-wrapper .swiper-slide .slide .tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: 0.9rem;
  left: 0.3rem;
}

.swiper-item .swiper-wrapper .swiper-slide .slide .tag .tag-item {
  display: inline-block;
  border-radius: 0.06rem;
  padding: 0 0.1rem;
  background: -webkit-gradient(linear, left top, right top, from(#FEEEBA), to(#FFFAE8));
  background: linear-gradient(90deg, #FEEEBA 0%, #FFFAE8 100%);
  margin-right: 0.14rem;
}

.swiper-item .swiper-wrapper .swiper-slide .slide .tag span {
  color: #3D3D3D;
  font-size: 0.2rem;
}

.swiper-item .swiper-wrapper .swiper-slide .slide .name-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.7rem;
  color: #fff;
  font-size: 0.26rem;
  border-radius: 0 0 0.2rem 0.2rem;
  background: rgba(0, 0, 0, 0.3);
}

.swiper-item .swiper-wrapper .swiper-slide .slide .name-bg .name {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.swiper-item .swiper-button-next {
  display: none;
}

.swiper-item .swiper-button-prev {
  display: none;
}

.swiper-item .swiper-pagination {
  z-index: 2;
  height: 0.35rem;
  position: absolute;
  bottom: -0.2rem;
  right: 0.5rem;
}

.swiper-item .swiper-pagination .swiper-pagination-bullet {
  cursor: pointer;
  margin: 0 0.05rem;
  display: inline-block;
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background: #fff;
  opacity: 0.5;
}

.swiper-item .swiper-pagination .swiper-pagination-bullet-active {
  width: 0.1rem;
  opacity: 1;
  border-radius: 0.06rem;
}

.swiper-choiceness {
  position: relative;
  width: 100%;
  height: 3.85rem;
}

.swiper-choiceness .swiper-content {
  position: absolute;
  left: 0.5rem;
  top: 0.23rem;
  left: 0.08rem;
  width: 7.4rem;
  height: 4.13rem;
  display: -webkit-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-left: 0.28rem;
}

.swiper-choiceness .swiper-content .swiper-slide {
  position: relative;
  display: inline-block;
  width: 6.82rem !important;
  height: 3.84rem;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.swiper-choiceness .swiper-content .swiper-slide .slide {
  width: 100%;
  height: 100%;
}

.swiper-choiceness .swiper-content .swiper-slide-prev .slide,
.swiper-choiceness .swiper-content .swiper-slide-duplicate-prev .slide {
  width: 6.82rem !important;
  height: 3.84rem;
  position: absolute;
  right: -6.9rem;
  top: 0.1rem;
}

.swiper-choiceness .swiper-content .swiper-slide-next .slide,
.swiper-choiceness .swiper-content .swiper-slide-duplicate-next .slide {
  width: 6.82rem !important;
  height: 3.84rem;
  position: absolute;
  left: -6.9rem;
  top: 0.1rem;
}

.swiper-choiceness .swiper-content .swiper-slide-active,
.swiper-choiceness .swiper-content .swiper-slide-duplicate-active {
  z-index: 2;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.swiper-choiceness .swiper-content .swiper-slide-active .slide,
.swiper-choiceness .swiper-content .swiper-slide-duplicate-active .slide {
  width: 6.82rem !important;
  height: 3.84rem;
}

.swiper-choiceness .swiper-content .swiper-pagination {
  display: none;
}

.hot-swiper {
  position: relative;
  width: 100%;
  height: 4.74rem;
  left: 0.3rem;
  overflow: hidden;
}

.hot-swiper .swiper-button-next {
  top: 50%;
  left: 0.3rem;
}

.hot-swiper .swiper-button-prev {
  top: 50%;
  right: 0.4rem;
}

.hot-swiper .swiper-content {
  position: absolute;
  top: 0.525rem;
  left: 0.07rem;
  height: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hot-swiper .swiper-content .swiper-slide {
  display: inline-block;
  width: 5.86rem;
  height: 3rem;
  margin-right: 0.3rem;
}

.hot-swiper .swiper-pagination {
  display: none;
  z-index: 2;
  height: 0.35rem;
  position: absolute;
  bottom: 0.1rem;
  right: 0.5rem;
}

.swiper-choiceness-temp {
  top: 1.2rem !important;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -6.88rem -7.01rem;
  width: 6.82rem;
  height: 3.84rem;
}

.hot-swiper-temp {
  top: 1.2rem !important;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -0 -10.9rem;
  width: 6.84rem;
  height: 3.03rem;
}

.hot-tags {
  position: relative;
  width: 100%;
}

.hot-tags .title {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -10.2rem;
  width: 2.49rem;
  height: 1rem;
}

.hot-tags .tags {
  width: 100%;
  position: absolute;
  font-size: 0.26rem;
  top: 1rem;
  left: 0;
  z-index: 2;
}

.hot-tags .tags::after {
  content: '';
  position: absolute;
  left: 0.3rem;
  bottom: 0.01rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.54rem -6.84rem;
  width: 6.8rem;
  height: 0.01rem;
}

.hot-tags .tags .tags-item {
  margin-left: 0.2rem;
  display: inline-block;
  cursor: pointer;
  color: #8DC0AD;
  text-align: center;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -20.38rem -17.05rem;
  width: 1.56rem;
  height: 0.54rem;
}

.hot-tags .tags .tags-item span {
  padding-left: 0;
  line-height: 0.54rem;
}

.hot-tags .tags .tags-item:hover {
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -8.09rem -20.98rem;
  width: 1.56rem;
  height: 0.54rem;
}

.hot-tags .tags .tags-ca {
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -8.09rem -20.98rem;
  width: 1.56rem;
  height: 0.54rem;
}

.hot-tags .tags .more {
  position: absolute;
  right: 0.3rem;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.08rem -5.84rem;
  width: 1.37rem;
  height: 0.42rem;
}

.hot-tags .tags-content {
  position: relative;
  width: 7.5rem;
  overflow-y: hidden;
  overflow-x: auto;
}

.hot-tags .tags-content .masonry-bg {
  display: inline-block;
  margin-top: 0.5rem;
  margin-bottom: 0.1rem;
  width: 21rem;
  max-height: 5rem;
}

.hot-tags .tags-content .masonry-bg .masonry {
  max-height: 5rem;
  height: 5rem !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.hot-tags .tags-content .masonry-bg .masonry .item {
  position: relative !important;
  top: auto !important;
  left: auto !important;
}

.hot-tags .tags-content .masonry-bg .item {
  width: 6.535rem;
  height: 2.2rem;
  margin-left: 0.3rem;
}

.hot-tags .tags-content .masonry-bg .item .hero {
  position: relative;
  z-index: 2;
  width: 3.9rem;
  height: 2.2rem;
}

.hot-tags .tags-content .masonry-bg .item .hero .hero-item {
  width: 100%;
  height: 100%;
}

.hot-tags .tags-content .masonry-bg .item .hero .hero-item .head-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
}

.hot-tags .tags-content .masonry-bg .item .temp div {
  display: none;
}

.hot-tags .tags-content .masonry-bg .item .temp .icon-number {
  display: block;
}

.hot-tags .tags-content .masonry-bg .item .text-content {
  position: absolute;
  right: 0;
  left: auto;
  top: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -17.4rem -2.01rem;
  width: 4.37rem;
  height: 2.2rem;
}

.hot-tags .tags-content .masonry-bg .item .text-content .title-icon-1 {
  right: 1.75rem;
  width: 0.6rem;
  height: 0.6rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/qita-h_3c8461bb.png) no-repeat;
  background-size: 100% auto;
}

.hot-tags .tags-content .masonry-bg .item .text-content .title-icon-2 {
  right: 1.75rem;
  width: 0.6rem;
  height: 0.6rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/tower-icon_1ff33a1e.png) no-repeat;
  background-size: 100% auto;
}

.hot-tags .tags-content .masonry-bg .item .text-content .title-name {
  color: #578377;
  margin-left: 1.6rem;
  margin-top: 0.85rem;
  font-size: 0.28rem;
  background: none;
}

.hot-tags .tags-content .masonry-bg .item .text-content .hero-content {
  padding-top: 0;
  margin-left: 1.8rem;
}

.hot-tags .tags-content .masonry-bg .item .text-content .hero-content .text-icon {
  display: none;
}

.hot-tags .tags-content .masonry-bg .item .text-content .hero-content .stylist {
  font-size: 0.24rem;
  line-height: 0.38rem;
}

.hot-tags .tags-content .masonry-bg .item .text-content .hero-content .stylist-txt {
  white-space: nowrap;
  font-size: 0.24rem;
}

.friend {
  width: 100%;
  position: relative;
}

.friend .constructor {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-top: 0.2rem;
}

.friend .constructor .masonry-bg {
  z-index: 2;
  margin-top: 0.5rem;
}

.friend .friend-content {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -6.54rem -0;
  width: 7.5rem;
  height: 4.62rem;
}

.friend .friend-content .friend-list {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.friend .friend-content .friend-list .more {
  z-index: 2;
  position: absolute;
  right: 0.2rem;
  top: 0.15rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -21.08rem -5.84rem;
  width: 1.37rem;
  height: 0.42rem;
}

.friend .friend-content .friend-item {
  position: relative;
  cursor: pointer;
}

.friend .friend-content .friend-item .img-item {
  position: relative;
  left: 0.15rem;
  top: 0.12rem;
  width: 2.4rem;
  height: 1.36rem;
}

.friend .friend-content .friend-item .img-item .hot {
  position: absolute;
  left: 0.17rem;
  bottom: 0.06rem;
  padding: 0 0.11rem 0 0.32rem;
  height: 0.32rem;
  line-height: 0.32rem;
  color: #EBD697;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.18rem;
  white-space: nowrap;
}

.friend .friend-content .friend-item .img-item .hot .icon {
  position: absolute;
  left: 0.04rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -22.26rem -12.05rem;
  width: 0.28rem;
  height: 0.28rem;
}

.friend .friend-content .friend-item .img-item .hot .num {
  color: #EBD697;
  font-size: 0.16rem;
  line-height: 0.35rem;
}

.friend .friend-content .friend-item .content {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1.76rem;
  font-family: 'NotoSansSC';
}

.friend .friend-content .friend-item .content .icon2 {
  position: absolute;
  top: 0.25rem;
  left: 0.1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -16.4rem -12rem;
  width: 0.44rem;
  height: 0.4rem;
}

.friend .friend-content .friend-item .content .icon1 {
  position: absolute;
  top: 0.25rem;
  left: 0.1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -21.47rem -16.05rem;
  width: 0.46rem;
  height: 0.46rem;
}

.friend .friend-content .friend-item .content .txt-bg {
  position: absolute;
  left: 0.12rem;
  top: 0.77rem;
  white-space: nowrap;
}

.friend .friend-content .friend-item .content .txt-bg .works {
  font-size: 0.2rem;
  color: #578377;
  line-height: 0.24rem;
}

.friend .friend-content .friend-item .content .txt-bg .name {
  font-size: 0.16rem;
  color: #3D3D3D;
  line-height: 0.3rem;
}

.friend .friend-content .placeholder {
  position: absolute;
  right: 0;
  top: 1.3rem;
  width: 4.34rem;
  height: 1.66rem;
  display: -webkit-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 .friend-content .placeholder .temp {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -17.4rem -7.95rem;
  width: 2.98rem;
  height: 1.56rem;
}

.friend-new-text .friend-list .title {
  position: absolute;
  left: 0.2rem;
  top: 0.15rem;
  width: 1.58rem;
  height: 0.52rem;
  margin: 0 auto;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/friend-new-text_7ea01c43.png) no-repeat;
  background-size: cover;
}

.friend-attention .friend-list .title {
  position: absolute;
  left: 0.2rem;
  top: 0.15rem;
  width: 1.58rem;
  height: 0.52rem;
  margin: 0 auto;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/attention-new-text_2e34b806.png) no-repeat;
  background-size: cover;
}

.friend-look .friend-list .title {
  position: absolute;
  left: 0.2rem;
  top: 0.15rem;
  width: 1.58rem;
  height: 0.52rem;
  margin: 0 auto;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/look-text_9e9b82da.png) no-repeat;
  background-size: cover;
}

.like-item {
  position: relative;
  top: 0.3rem;
  padding-bottom: 1.5rem;
}

.like-item .title {
  display: inline-block;
  width: 2.49rem;
  height: 1rem;
  margin: 0 auto;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/like-lock_1412368f.png) no-repeat;
  background-size: 100% auto;
}

.like-item .more {
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.08rem -5.84rem;
  width: 1.37rem;
  height: 0.42rem;
}

.like-item .like-content {
  min-height: 3rem;
}

.like-item .like-content .masonry-bg {
  margin-top: 0;
  margin-bottom: 0;
}

.like-item .like-content .placeholder {
  position: absolute;
  right: 0;
  top: 2.3rem;
  width: 4.34rem;
  height: 1.66rem;
  display: -webkit-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-item .like-content .placeholder .temp {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -17.4rem -7.95rem;
  width: 2.98rem;
  height: 1.56rem;
}

.appraise .vote-filter-tab-bg {
  height: 0.6rem;
}

.appraise .vote-filter-tab-bg.vote-filter-tab-bg-m {
  margin: 0;
}

.appraise .vote-filter-tab-bg.vote-filter-appraiseList .el-select {
  width: 1.5rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.08rem;
}

.appraise .vote-filter-tab-bg.vote-filter-appraiseList .el-select.activity-select {
  width: 2.2rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.08rem;
}

.appraise .vote-filter-tab-bg.vote-filter-appraiseList .appraise-work {
  width: 1.8rem;
}

.appraise .vote-filter-tab-bg.vote-filter-appraiseList .grabble-m.appraise {
  right: 2.3rem;
}

.appraise.history-activity .vote-filter-tab-bg.vote-filter-appraiseList .el-select {
  width: 1.17rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.08rem;
}

.appraise.history-activity .vote-filter-tab-bg.vote-filter-appraiseList .el-select.activity-select {
  width: 2.2rem;
}

.appraise .grabble-m {
  top: 0;
}

.appraise .appraise-content {
  padding-bottom: 1.5rem;
}

.appraise .appraise-content-top {
  padding-top: 1.5rem;
}

.appraise .appraise-content .masonry {
  width: 100%;
  padding-bottom: 0;
}

.appraise .appraise-content .masonry .award-title-box {
  width: 100%;
  height: 0.74rem;
  margin: 0.2rem 0 0.17rem 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;
}

.appraise .appraise-content .masonry .mysj-title {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.92rem -17.05rem;
  width: 6.71rem;
  height: 1.29rem;
}

.appraise .appraise-content .masonry .myjj-title {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -0 -17.05rem;
  width: 6.9rem;
  height: 1.29rem;
}

.appraise .appraise-content .masonry .rq-title1 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.25rem -18.36rem;
  width: 6.25rem;
  height: 1.29rem;
}

.appraise .appraise-content .masonry .rq-title6 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -0 -19.67rem;
  width: 6.25rem;
  height: 1.29rem;
}

.appraise .appraise-content .masonry .rq-title31 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.73rem -18.36rem;
  width: 6.5rem;
  height: 1.29rem;
}

.appraise .appraise-content .masonry .rq-title101 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.65rem -17.05rem;
  width: 6.71rem;
  height: 1.29rem;
}

.appraise .appraise-content .masonry .rq-title301 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -0 -18.36rem;
  width: 6.71rem;
  height: 1.29rem;
}

.appraise .appraise-content .masonry .item.awardType1 {
  margin-top: 0.3rem;
}

.appraise .appraise-content .masonry .item .text-content .hero-record {
  bottom: -0.12rem;
}

.appraise .appraise-content .masonry .item .text-content .purchase-record {
  bottom: -0.12rem;
}

.appraise .appraise-content .masonry .item .hero-content .icon-purchase {
  margin-top: 0;
}

.appraise .appraise-content .masonry .item .hero-content .icon-purchase .stage-icon {
  margin: 0 0 0 -0.05rem;
}

.appraise .appraise-content .vote-filter-tab-bg.vote-filter-works .el-select {
  width: 1.17rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.appraise .appraise-content .vote-filter-tab-bg.vote-filter-works .el-select .filtrate {
  width: 1.17rem;
}

.appraise .appraise-content .vote-filter-tab-bg.vote-filter-works .activity-select {
  width: 2.1rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.08rem;
}

.appraise .appraise-nav {
  position: relative;
  top: 1.1rem;
  z-index: 2;
  font-size: 0.3rem;
  width: 5.4rem;
  height: 1.2rem;
  margin: 0 auto;
  margin-bottom: 0.2rem;
}

.appraise .appraise-nav .appraise-btn {
  position: relative;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
  font-size: 0.3rem;
  color: #5E8A81;
  text-shadow: 0 0 0.04rem 0 #BFFFF3;
  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;
}

.appraise .appraise-nav .appraise-btn::after {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0.1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.79rem -20.05rem;
  width: 7.5rem;
  height: 0.36rem;
}

.appraise .appraise-nav .appraise-btn .current-period {
  z-index: 2;
  cursor: pointer;
  width: 2.49rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  display: inline-block;
}

.appraise .appraise-nav .appraise-btn .current-period:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/tab-c-2_cbac7856.png);
  background-size: 100% auto;
  text-indent: -99.99rem;
}

.appraise .appraise-nav .appraise-btn .current-period:hover + .previous + .previous_ca {
  position: absolute;
  left: 1.28rem;
  top: 0.75rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -20.73rem;
  width: 1.71rem;
  height: 0.18rem;
  -webkit-animation: current_ca 200ms forwards;
  animation: current_ca 200ms forwards;
}

.appraise .appraise-nav .appraise-btn .currentCa {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/tab-c-2_cbac7856.png) no-repeat;
  background-size: 100% auto;
  text-indent: -99.99rem;
}

.appraise .appraise-nav .appraise-btn .previous {
  z-index: 2;
  cursor: pointer;
  width: 2.49rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  display: inline-block;
}

.appraise .appraise-nav .appraise-btn .previous:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -12.24rem;
  width: 2.49rem;
  height: 1rem;
  text-indent: -99.99rem;
}

.appraise .appraise-nav .appraise-btn .previous:hover + .current_info {
  position: absolute;
  left: 3.1rem;
  top: 0.75rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -20.73rem;
  width: 1.71rem;
  height: 0.18rem;
  -webkit-animation: previous_ca 200ms forwards;
  animation: previous_ca 200ms forwards;
}

.appraise .appraise-nav .appraise-btn .previous:hover + .current_ca {
  position: absolute;
  left: 3.1rem;
  top: 0.75rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -20.73rem;
  width: 1.71rem;
  height: 0.18rem;
  -webkit-animation: previous_ca 200ms forwards;
  animation: previous_ca 200ms forwards;
}

.appraise .appraise-nav .appraise-btn .previousCa {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -12.24rem;
  width: 2.49rem;
  height: 1rem;
  text-indent: -99.99rem;
}

.appraise .appraise-nav .current_ca {
  position: absolute;
  left: 3.1rem;
  top: 0.75rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -20.73rem;
  width: 1.71rem;
  height: 0.18rem;
  -webkit-animation: current_ca 200ms forwards;
  animation: current_ca 200ms forwards;
}

.appraise .appraise-nav .current_info {
  position: absolute;
  left: 0.6rem;
  top: 0.75rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -20.73rem;
  width: 1.71rem;
  height: 0.18rem;
}

.appraise .appraise-nav .previous_ca {
  position: absolute;
  left: 1.28rem;
  top: 0.75rem;
  -webkit-animation: previous_ca 200ms forwards;
  animation: previous_ca 200ms forwards;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.27rem -20.73rem;
  width: 1.71rem;
  height: 0.18rem;
}

.initial-index {
  display: inline-block;
  width: 100%;
}

.initial-index .initial-txt {
  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;
}

.initial-index .store-txt {
  display: inline-block;
  padding: 0 0.3rem;
  white-space: nowrap;
  height: 0.53rem;
  border-radius: 1.7rem;
  background: linear-gradient(91deg, rgba(255, 255, 255, 0.3) 0%, rgba(247, 252, 255, 0.3) 100%);
  font-family: "NotoSansSC", "Microsoft YaHei", sans-serif;
  color: #67998C;
  text-align: center;
  line-height: 0.53rem;
  font-size: 0.24rem;
  margin: 0 auto;
  margin-bottom: 0.2rem;
}

.initial-page {
  position: absolute;
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/bg_05974a40.jpg) center / 100% no-repeat;
  z-index: 3;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  background-size: cover;
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
}

.initial-box {
  position: absolute;
  width: 7.5rem;
  top: 2.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.initial-slogan {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.86rem -10.9rem;
  width: 6.7rem;
  height: 1.55rem;
}

.initial-date {
  margin: 0.18rem 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.54rem -4.64rem;
  width: 7.5rem;
  height: 1.64rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.24rem;
  color: #294957;
}

.initial-date .time-box {
  width: 1.55rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 0.32rem -0.15rem 0.08rem -0.15rem;
}

.initial-date .time-box.active {
  color: #B47B3D;
}

.initial-date .time-box .text {
  width: 100%;
  text-align: center;
}

.initial-date .progress {
  width: 5.1rem;
  height: 0.14rem;
  background: #8BA1A7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.initial-date .progress .pro {
  margin: -0.13rem -0.16rem 0 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.66rem -13.27rem;
  width: 0.38rem;
  height: 0.38rem;
  z-index: 2;
}

.initial-date .progress .pro:first-child {
  margin-left: -0.2rem;
}

.initial-date .progress .pro.active {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.62rem -15.61rem;
  width: 0.38rem;
  height: 0.38rem;
}

.initial-date .progress .bar {
  position: absolute;
  height: 0.14rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/bar_2482d365.png) no-repeat;
  background-size: cover;
  z-index: 1;
}

.initial-date .progress .bar.bar3 {
  width: 18%;
}

.initial-date .progress .bar.bar4 {
  width: 35%;
}

.initial-date .progress .bar.bar5 {
  width: 50%;
}

.initial-date .progress .bar.bar6 {
  width: 68%;
}

.initial-desc {
  position: relative;
  width: 6.9rem;
  height: 6.54rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/desc-bg_411b8b01.png) no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-shrink: initial;
  -ms-flex-negative: initial;
  flex-shrink: initial;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.initial-desc::after {
  position: absolute;
  content: '';
  top: 1.88rem;
  width: 7.5rem;
  height: 4.46rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/desc-zs_993ab500.png) no-repeat;
  background-size: contain;
}

.initial-desc .desc-text {
  width: 6.05rem;
  font-size: 0.24rem;
  line-height: 0.28rem;
  font-weight: normal;
  text-align: center;
  color: #294957;
  padding: 0.22rem 0 0 0;
}

.initial-desc .desc-award {
  width: 5.16rem;
  height: 3.48rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/award-list_c462d533.png) no-repeat;
  background-size: contain;
}

.initial-desc .desc-number {
  width: 100%;
  position: relative;
  font-size: 0.28rem;
  color: #294957;
  display: -webkit-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: 0.1rem auto 0.1rem auto;
  padding-top: 0.12rem;
}

.initial-desc .desc-number span {
  font-size: 0.52rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, #67ACC8), to(#7DEA82));
  background: linear-gradient(180deg, #67ACC8 6%, #7DEA82 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.initial-desc .desc-number i:first-child {
  margin-right: 0.1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -8rem -20.73rem;
  width: 1.58rem;
  height: 0.18rem;
}

.initial-desc .desc-number i:last-child {
  margin-left: 0.1rem;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -8rem -20.73rem;
  width: 1.58rem;
  height: 0.18rem;
}

.initial-desc .desc-info {
  font-size: 0.24rem;
  color: #294957;
  margin-top: 0.2rem;
}

.initial-desc .desc-info .message-swiper-index {
  width: 100%;
  height: 0.7rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'NotoSansSC', sans-serif;
}

.initial-desc .desc-info .message-swiper-index .banner-box-swiper {
  overflow: hidden;
  height: 100%;
}

.initial-desc .desc-info .message-swiper-index .banner-box-swiper .swiper-container {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.initial-desc .desc-info .message-swiper-index .banner-box-swiper .swiper-container .swiper-wrapper {
  height: 100%;
}

.initial-desc .desc-info .message-swiper-index .banner-box-swiper .swiper-container .swiper-wrapper .swiper-slide {
  height: 100%;
  font-size: 0.24rem;
  color: #1F3140;
  text-align: left;
  outline: none;
}

.initial-desc .desc-info .message-swiper-index .banner-box-swiper .swiper-container .swiper-wrapper .swiper-slide p {
  font-size: 0.24rem;
  color: #294957;
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
  text-align: center;
}

.initial-desc .desc-info .message-swiper-index .banner-box-swiper .swiper-container .swiper-wrapper .swiper-slide p span {
  color: #B47B3D;
}

.initial-desc .desc-info span {
  color: #B47B3D;
}

.initial-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -0.2rem;
}

.initial-btn 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: 0.3437rem;
  color: #001020;
  padding-bottom: 0.03rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -17.4rem -10.63rem;
  width: 3.15rem;
  height: 1.08rem;
}

.initial-btn span:hover {
  cursor: pointer;
  opacity: 0.8;
}

.inside-box {
  margin-top: 0.85rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-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/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -0 -13.95rem;
  width: 7.5rem;
  height: 1.64rem;
}

.inside-date {
  position: absolute;
  width: 80%;
  left: 0.2rem;
  right: 0;
  z-index: 3;
  margin: 0.18rem auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.22rem;
  color: #294957;
}

.inside-date .time-box {
  width: 0.9rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: -0.05rem 0.04rem 0.15rem 0.04rem;
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
}

.inside-date .time-box.timed {
  color: #879B9F;
}

.inside-date .time-box.active {
  color: #B47B3D;
}

.inside-date .time-box .text {
  width: 100%;
  text-align: center;
}

.inside-date .progress {
  position: relative;
  width: 4rem;
  height: 0.1rem;
  background: #8BA1A7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.inside-date .progress .pro {
  margin: -0.14rem -0.11rem 0 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.66rem -13.27rem;
  width: 0.38rem;
  height: 0.38rem;
  z-index: 2;
}

.inside-date .progress .pro:first-child {
  margin-left: -0.15rem;
}

.inside-date .progress .pro.timed {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.62rem -14.51rem;
  width: 0.38rem;
  height: 0.38rem;
}

.inside-date .progress .pro.active {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.62rem -15.61rem;
  width: 0.38rem;
  height: 0.38rem;
}

.inside-date .progress .bar {
  position: absolute;
  height: 0.1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/bar_2482d365.png) right / 100% no-repeat;
  background-size: cover;
  z-index: 1;
}

.inside-date .progress .bar.bar3 {
  width: 25%;
}

.inside-date .progress .bar.bar4 {
  width: 50%;
}

.inside-date .progress .bar.bar5 {
  width: 75%;
}

.inside-date .progress .bar.bar6 {
  width: 100%;
}

.inside-btn {
  position: absolute;
  left: 5.3rem;
  cursor: pointer;
  top: -0.34rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -14.87rem;
  width: 1.19rem;
  height: 1.19rem;
}

.inside .initial-txt {
  display: -webkit-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;
}

.inside .initial-txt .store-txt {
  display: inline-block;
  padding: 0 0.3rem;
  white-space: nowrap;
  height: 0.53rem;
  border-radius: 1.7rem;
  background: linear-gradient(91deg, rgba(255, 255, 255, 0.3) 0%, rgba(247, 252, 255, 0.3) 100%);
  font-family: "NotoSansSC", "Microsoft YaHei", sans-serif;
  color: #67998C;
  text-align: center;
  line-height: 0.53rem;
  font-size: 0.24rem;
  margin: 0 auto;
  margin-bottom: 0.2rem;
}

.lastest-index {
  display: inline-block;
  width: 100%;
}

.lastest-index .latest-txt {
  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;
}

.lastest-index .store-txt {
  display: inline-block;
  padding: 0 0.3rem;
  white-space: nowrap;
  height: 0.53rem;
  border-radius: 1.7rem;
  background: linear-gradient(91deg, rgba(255, 255, 255, 0.3) 0%, rgba(247, 252, 255, 0.3) 100%);
  font-family: "NotoSansSC", "Microsoft YaHei", sans-serif;
  color: #67998C;
  text-align: center;
  line-height: 0.53rem;
  font-size: 0.24rem;
  margin: 0 auto;
  margin-bottom: 0.2rem;
}

.lastest-page {
  position: absolute;
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/bg_e364bf03.png) center / 100% no-repeat;
  z-index: 3;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  background-size: cover;
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
}

.lastest-page.inside {
  background: transparent;
  position: static;
  height: auto;
}

.lastest-page.inside .inside-box {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -7.52rem -13.95rem;
  width: 7.5rem;
  height: 1.51rem;
}

.lastest-page.inside .inside-date {
  width: 100%;
  position: static;
}

.lastest-page.inside .inside-date .inside-btn {
  right: 0;
  bottom: 0;
  top: unset;
  left: unset;
}

.lastest-page.inside .progress {
  width: 4.52rem;
}

.lastest-page.inside .progress .bar {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/bar_749854c1.png) right / 100% no-repeat;
}

.lastest-page.inside .progress .bar.bar3 {
  width: 20%;
}

.lastest-page.inside .progress .bar.bar4 {
  width: 40%;
}

.lastest-page.inside .progress .bar.bar5 {
  width: 60%;
}

.lastest-page.inside .progress .bar.bar6 {
  width: 80%;
}

.lastest-page.inside .progress .bar.bar7 {
  width: 100%;
}

.lastest-box {
  position: absolute;
  width: 7.5rem;
  top: 2.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.lastest-slogan {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -6.86rem -12.47rem;
  width: 6.78rem;
  height: 1.33rem;
}

.lastest-date {
  margin: 0.18rem 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -0 -15.61rem;
  width: 7.5rem;
  height: 1.42rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.24rem;
  color: #49313F;
}

.lastest-date .time-box {
  width: 0.9rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 0.32rem 0.1rem 0.08rem 0.1rem;
}

.lastest-date .time-box.active {
  color: #B47B3D;
}

.lastest-date .time-box .text {
  width: 100%;
  text-align: center;
}

.lastest-date .time-box .time {
  font-size: 0.22rem;
}

.lastest-date .progress {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png) no-repeat;
  background-size: 25.07rem 22.47rem;
  background-position: -6.54rem -6.68rem;
  width: 5.46rem;
  height: 0.14rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.lastest-date .progress .pro {
  margin: -0.13rem -0.16rem 0 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.62rem -16.17rem;
  width: 0.38rem;
  height: 0.38rem;
  z-index: 2;
}

.lastest-date .progress .pro:first-child {
  margin-left: -0.2rem;
}

.lastest-date .progress .pro.active {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.96rem -17.05rem;
  width: 0.38rem;
  height: 0.38rem;
}

.lastest-date .progress .bar {
  position: absolute;
  height: 0.14rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/bar_749854c1.png) no-repeat;
  background-size: cover;
  z-index: 1;
  left: 0;
}

.lastest-date .progress .bar.bar3 {
  width: 20%;
}

.lastest-date .progress .bar.bar4 {
  width: 40%;
}

.lastest-date .progress .bar.bar5 {
  width: 60%;
}

.lastest-date .progress .bar.bar6 {
  width: 80%;
}

.lastest-date .progress .bar.bar7 {
  width: 100%;
}

.lastest-desc {
  position: relative;
  width: 6.9rem;
  height: 6.54rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/desc-bg_f7562040.png) no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-shrink: initial;
  -ms-flex-negative: initial;
  flex-shrink: initial;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.lastest-desc::after {
  position: absolute;
  content: '';
  top: 1.88rem;
  width: 7.5rem;
  height: 4.46rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/desc-zs_993ab500.png) no-repeat;
  background-size: contain;
}

.lastest-desc .desc-text {
  width: 6.05rem;
  font-size: 0.24rem;
  line-height: 0.28rem;
  font-weight: normal;
  text-align: center;
  color: #49313F;
  padding: 0.22rem 0 0 0;
}

.lastest-desc .desc-award {
  width: 5.16rem;
  height: 3.48rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/award-list_c462d533.png) no-repeat;
  background-size: contain;
}

.lastest-desc .desc-number {
  width: 100%;
  position: relative;
  font-size: 0.28rem;
  color: #49313F;
  display: -webkit-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: 0.1rem auto 0.1rem auto;
  padding-top: 0.12rem;
}

.lastest-desc .desc-number span {
  font-size: 0.52rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, #67ACC8), to(#7DEA82));
  background: linear-gradient(180deg, #67ACC8 6%, #7DEA82 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.lastest-desc .desc-number i:first-child {
  margin-right: 0.1rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -8rem -20.73rem;
  width: 1.58rem;
  height: 0.18rem;
}

.lastest-desc .desc-number i:last-child {
  margin-left: 0.1rem;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -8rem -20.73rem;
  width: 1.58rem;
  height: 0.18rem;
}

.lastest-desc .desc-info {
  font-size: 0.24rem;
  color: #49313F;
  margin-top: 0.2rem;
}

.lastest-desc .desc-info .message-swiper-index {
  width: 100%;
  height: 0.7rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'NotoSansSC', sans-serif;
}

.lastest-desc .desc-info .message-swiper-index .banner-box-swiper {
  overflow: hidden;
  height: 100%;
}

.lastest-desc .desc-info .message-swiper-index .banner-box-swiper .swiper-container {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.lastest-desc .desc-info .message-swiper-index .banner-box-swiper .swiper-container .swiper-wrapper {
  height: 100%;
}

.lastest-desc .desc-info .message-swiper-index .banner-box-swiper .swiper-container .swiper-wrapper .swiper-slide {
  height: 100%;
  font-size: 0.24rem;
  color: #1F3140;
  text-align: left;
  outline: none;
}

.lastest-desc .desc-info .message-swiper-index .banner-box-swiper .swiper-container .swiper-wrapper .swiper-slide p {
  font-size: 0.24rem;
  color: #49313F;
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
  text-align: center;
}

.lastest-desc .desc-info .message-swiper-index .banner-box-swiper .swiper-container .swiper-wrapper .swiper-slide p span {
  color: #C24A27;
}

.lastest-desc .desc-info span {
  color: #B47B3D;
}

.lastest-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -0.2rem;
}

.lastest-btn 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: 0.3437rem;
  color: #001020;
  padding-bottom: 0.03rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -17.4rem -10.63rem;
  width: 3.15rem;
  height: 1.08rem;
}

.lastest-btn span:hover {
  cursor: pointer;
  opacity: 0.8;
}

.record-pop {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-45%, -45%);
  transform: translate(-45%, -45%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/max-bg-2_f0e523be.png) no-repeat;
  background-size: 100% auto;
  width: 7rem;
  height: 9.7rem;
}

.record-pop .x {
  z-index: 3;
  cursor: pointer;
  position: absolute;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.44rem -20.9rem;
  width: 0.52rem;
  height: 0.52rem;
  top: 0.65rem;
  right: 0.2rem;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}

.record-pop .x:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.record-pop .pop-content {
  position: relative;
  width: 6.45rem;
  margin-right: 0.2rem;
  height: 100%;
}

.record-pop .pop-content .title {
  font-family: 'fzcjljt';
  position: absolute;
  width: 100%;
  height: 0.78rem;
  line-height: 0.78rem;
  left: 50%;
  top: 0.9rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 0.4rem;
  color: #ffffff;
}

.record-pop .pop-content .text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 1.28rem;
  width: 100%;
  height: 2.3rem;
  text-align: center;
  padding: 0.3rem;
  color: #595959;
  font-size: 0.24rem;
}

.record-pop .pop-content .btn-go {
  font-family: 'fzcjljt';
  text-align: center;
  position: absolute;
  top: 3.28rem;
  left: 50%;
  -webkit-transform: translateX(-130%);
  transform: translateX(-130%);
  margin-right: 1rem;
  width: 1.92rem;
  height: 0.65rem;
  line-height: 0.65rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/orange-btn_4c4fccea.png) no-repeat top center;
  font-size: 0.24rem;
  color: #595959;
}

.record-pop .pop-content .btn-go:hover {
  -webkit-filter: brightness(1.05);
  filter: brightness(1.05);
}

.record-pop .pop-content .noRole {
  width: 3.22rem;
  height: 0.7rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/role-1_716651ca.png) no-repeat top center;
}

.record-pop .pop-content .btn-back {
  cursor: pointer;
  position: absolute;
  top: 3.28rem;
  left: 50%;
  width: 1.92rem;
  height: 0.65rem;
  line-height: 0.65rem;
  font-family: 'fzcjljt';
  text-align: center;
  -webkit-transform: translateX(30%);
  transform: translateX(30%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/blue-btn_ec3a29a3.png) no-repeat top center;
  color: #fff;
  font-size: 0.24rem;
}

.record-pop .pop-content .btn-back:hover {
  -webkit-filter: brightness(1.05);
  filter: brightness(1.05);
}

.record-pop .pop-content .getUserName {
  position: absolute;
  top: 1rem;
  padding-right: 0.5rem;
  width: 100%;
  text-align: right;
}

.record-pop .pop-content .getUserName-name {
  display: inline-block;
  color: #1e3e5f;
  font-size: 0.16rem;
}

.record-pop .pop-content .getUserName-back {
  display: inline-block;
  text-decoration: underline;
  cursor: pointer;
  color: #1e3e5f;
  line-height: 0.4rem;
  font-size: 0.16rem;
}

.record-pop .ts-text {
  position: absolute;
  top: 2.3rem;
  left: 0;
  right: 0;
  text-align: center;
  color: #578377;
  font-size: 0.22rem;
  font-family: 'NotoSansSC', "Microsoft YaHei", sans-serif;
}

.record-pop .nav-list-title {
  position: absolute;
  top: 1.6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 4rem;
  height: 0.48rem;
  display: -webkit-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: 0.32rem;
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
}

.record-pop .nav-list-title .nav {
  cursor: pointer;
  color: #44776C;
  opacity: 0.7;
  width: 2.26rem;
  height: 0.64rem;
  line-height: 0.65rem;
  text-align: center;
}

.record-pop .nav-list-title .ca {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/txt-bg_5e0682e4.png) no-repeat;
  background-size: 100% auto;
  opacity: 1;
}

.record-pop .nav-list-title .small-box {
  position: absolute;
  top: 1.15rem;
  left: 0;
  right: 0;
  width: 100%;
  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;
  color: #5CB39F;
  opacity: 1;
  font-family: 'NotoSansSC', "Microsoft YaHei", sans-serif;
}

.record-pop .nav-list-title .small-box .small-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: 0.24rem;
  margin: 0 0.07rem;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -20.9rem;
  width: 1.84rem;
  height: 0.54rem;
}

.record-pop .nav-list-title .small-box .small-title.active {
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -20.4rem -6.37rem;
  width: 1.84rem;
  height: 0.54rem;
}

.record-pop .noDeal {
  position: absolute;
  top: 3.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #5C897E;
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
  pointer-events: none;
  font-size: 0.3rem;
  width: 5.9rem;
  height: 4.68rem;
  margin-top: 0.2rem;
  display: -webkit-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: rgba(254, 254, 254, 0.6);
}

.record-pop ul {
  position: absolute;
  top: 3.35rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 6rem;
  height: 5.7rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.record-pop ul::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.03rem;
  background-color: #f0fafd;
}

.record-pop ul::-webkit-scrollbar-thumb {
  background-color: #84bcb1;
}

.record-pop ul li {
  position: relative;
  width: 100%;
  height: 1.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 0.04rem;
  background: rgba(254, 254, 254, 0.6);
  margin-bottom: 0.16rem;
  padding: 0 0.24rem;
  font-family: 'NotoSansSC', "Microsoft YaHei", 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;
}

.record-pop ul li .temp {
  line-height: 0.5rem;
}

.record-pop ul li .temp .temp-name {
  position: relative;
  font-size: 0.26rem;
  color: #606060;
  font-weight: 500;
  margin-left: 0.3rem;
}

.record-pop ul li .temp .temp-name::after {
  content: "";
  position: absolute;
  left: -0.3rem;
  top: 0.16rem;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -13.58rem -12.16rem;
  width: 0.2rem;
  height: 0.2rem;
}

.record-pop ul li .temp .temp-time {
  font-size: 0.24rem;
  color: #606060;
  opacity: 0.8;
}

.record-pop ul li .bowlder {
  position: absolute;
  left: 4.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-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;
}

.record-pop ul li .bowlder i {
  display: inline-block;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -16.9rem -9.6rem;
  width: 0.48rem;
  height: 0.48rem;
}

.record-pop ul li .bowlder .num {
  display: inline-block;
  color: #D09730;
  font-size: 0.32rem;
  white-space: nowrap;
}

.record-pop ul li .bowlder.flowers i {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -21.88rem -10.09rem;
  width: 0.5rem;
  height: 0.5rem;
}

.pop .appraiseRule-pop {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/max-bg_856631d6.png) no-repeat;
  width: 6.52rem;
  height: 7.83rem;
  background-size: contain;
}

.pop .appraiseRule-pop .title {
  position: absolute;
  top: 0.9rem;
  margin-left: -0.2rem;
  left: 50%;
  color: #FEFEFE;
  font-size: 0.4rem;
  font-family: 'fzcjljt';
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.pop .appraiseRule-pop .x {
  z-index: 3;
  cursor: pointer;
  position: absolute;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.44rem -20.9rem;
  width: 0.52rem;
  height: 0.52rem;
  top: 0.6rem;
  right: 0.6rem;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}

.pop .appraiseRule-pop .message {
  position: absolute;
  top: 1.7rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 5.8rem;
  margin-left: -0.2rem;
  height: 4.46rem;
  padding: 0 0.2rem;
  overflow: auto;
}

.pop .appraiseRule-pop .message .message-orange {
  color: #f4a558;
}

.pop .appraiseRule-pop .message .message-red {
  color: #E14B4B;
}

.pop .appraiseRule-pop .message p {
  font-size: 0.26rem;
  line-height: 0.38rem;
  color: #606060;
  margin-bottom: 0.1rem;
}

.pop .appraiseRule-pop .message p span {
  color: #F2963D;
}

.pop .appraiseRule-pop .message p span.green {
  color: #7BD1B4;
}

.pop .appraiseRule-pop .message-btn {
  cursor: pointer;
  position: absolute;
  left: 50%;
  margin-left: -0.2rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 6.4rem;
  font-size: 0.26rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'fzcjljt';
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -18.86rem;
  width: 1.92rem;
  height: 0.7rem;
}

.pop .worksRule-pop {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/max-bg_856631d6.png) no-repeat;
  width: 6.52rem;
  height: 7.83rem;
  background-size: contain;
}

.pop .worksRule-pop .title {
  position: absolute;
  top: 0.9rem;
  margin-left: -0.2rem;
  left: 50%;
  color: #FEFEFE;
  font-size: 0.4rem;
  font-family: 'fzcjljt';
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.pop .worksRule-pop .x {
  z-index: 3;
  cursor: pointer;
  position: absolute;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -24.44rem -20.9rem;
  width: 0.52rem;
  height: 0.52rem;
  top: 0.6rem;
  right: 0.6rem;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}

.pop .worksRule-pop .message {
  position: absolute;
  top: 1.9rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 6.54rem;
  margin-left: -0.2rem;
  height: 2.34rem;
  padding: 0 0.9rem 0 0.8rem;
}

.pop .worksRule-pop .message .message-orange {
  color: #f4a558;
}

.pop .worksRule-pop .message .message-red {
  color: #E14B4B;
}

.pop .worksRule-pop .message p {
  font-size: 0.26rem;
  line-height: 0.38rem;
  color: #606060;
  margin-bottom: 0.1rem;
}

.pop .worksRule-pop .message-btn {
  cursor: pointer;
  position: absolute;
  left: 50%;
  margin-left: -0.2rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 6.1rem;
  font-size: 0.26rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'fzcjljt';
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-f46aa9_f46aa9fd.png);
  background-size: 25.07rem 22.47rem;
  background-position: -22.58rem -18.86rem;
  width: 1.92rem;
  height: 0.7rem;
}