@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,
body {
  margin: 0 auto;
  width: 100%;
  min-width: 1500px;
  background: #d6f5f9;
  background-size: cover;
  background-attachment: fixed;
  word-break: break-all;
  position: relative;
  font-family: fzlth, "Microsoft YaHei", sans-serif;
}
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background: rgba(255, 255, 255, 0);
}
.btn-go {
  line-height: 62px;
  cursor: pointer;
  text-align: center;
}
body {
  padding-right: 0 !important;
}
body .story-center {
  display: none;
}
body.hid {
  overflow: hidden;
}
.leihuo-feedback-global-pop .leihuo-copr-filepicker {
  width: 100% !important;
}
.activityShutdown {
  text-align: left;
}
.yidun_panel {
  z-index: 5;
}
.masonry-detail-scroll2 .back {
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2781px -2197px;
width:45px;
height:45px;

  position: absolute;
  right: 5px;
  top: 5px;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  z-index: 3;
}
.masonry-detail-scroll2 .back:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.leihuo-img-corp-filepicker-modal .crop-img-modal .btn.confirm {
  background-color: #85b7da !important;
}
.is-leihuo-share-open {
  overflow: auto !important;
}
.leihuo-img-corp-filepicker-modal,
.el-loading-mask {
  z-index: 1000002 !important;
}
#copyright {
  z-index: 9998;
}
#NIE-copyRight {
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
}
.body-center .story {
  opacity: 0;
}
.body-center .story-center {
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  width: 2560px;
  background-attachment: fixed;
  background-size: 100% auto;
}
.top {
  height: 100%;
  width: 100%;
  background-color: #f2f5f6;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
  text-align: center;
  line-height: 40px;
  color: #1989fa;
}
.HeroContent-top-bg {
  z-index: -1;
  width: 100vw;
  height: 50px;
  position: fixed;
  top: 63px;
  left: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/nav-bg_a46d6899.png) repeat-x;
  background-size: auto 100%;
}
body {
  font-size: 16px;
}
#app {
  position: relative;
  min-height: 100vh;
}
.lv {
  width: 30px;
  height: 16px;
  border-radius: 22px;
  background: #ffe1a8;
  color: #c4963e;
  font-size: 12px;
  position: absolute;
  bottom: 7px;
  right: -7px;
  text-align: center;
  line-height: 16px;
}
.lv2 {
  width: 40px;
  height: 23px;
  border-radius: 20px;
  background: #ffe1a8;
  color: #c4963e;
  font-size: 14px;
  position: absolute;
  bottom: 10px;
  right: -4px;
  text-align: center;
  z-index: 3;
  line-height: 23px;
}
.v-modal {
  z-index: 999999 !important;
}
.el-message-box__wrapper {
  z-index: 1000001 !important;
}
.el-message {
  z-index: 1000001 !important;
}
.leihuo-feedback-global-pop {
  position: relative;
  z-index: 1000001 !important;
}
.mpurs-dialog-container {
  position: absolute;
  top: 300px;
}
.pop {
  z-index: 10000;
  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: 300px;
  height: 180px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 23px;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 21px;
  color: #fff;
}
.pop .bg-toast::after {
  position: absolute;
  content: "";
  top: 45px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2781px -1868px;
width:48px;
height:48px;

}
.pop .bg-toast .text {
  position: absolute;
  top: 115px;
  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: 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/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1754px -693px;
width:850px;
height:515px;

}
.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 {
  position: relative;
  width: 800px;
  margin-right: 72px;
  height: 415px;
}
.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-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2774px -1708px;
width:52px;
height:52px;

  top: 65px;
  right: 20px;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.pop .bg-alert .content .x:hover,
.pop .bg-confirm .content .x:hover,
.pop .bg-avatar .content .x:hover,
.pop .bg-report .content .x:hover,
.pop .bg-subscribe .content .x:hover,
.pop .bg-popMin .content .x:hover,
.pop .bg-follows .content .x:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.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: 78px;
  line-height: 78px;
  left: 50%;
  top: 90px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  font-size: 40px;
  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: 128px;
  line-height: 32px;
  width: 100%;
  height: 230px;
  text-align: center;
  padding: 30px;
  color: #595959;
  font-size: 22px;
}
.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';
  text-align: center;
  position: absolute;
  top: 328px;
  left: 50%;
  -webkit-transform: translateX(-130%);
          transform: translateX(-130%);
  margin-right: 100px;
  width: 192px;
  height: 65px;
  line-height: 65px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/orange-btn_4c4fccea.png) no-repeat top center;
  font-size: 24px;
  color: #595959;
}
.pop .bg-alert .content .btn-go:hover,
.pop .bg-confirm .content .btn-go:hover,
.pop .bg-avatar .content .btn-go:hover,
.pop .bg-report .content .btn-go:hover,
.pop .bg-subscribe .content .btn-go:hover,
.pop .bg-popMin .content .btn-go:hover,
.pop .bg-follows .content .btn-go:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
.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: 322px;
  height: 70px;
  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;
}
.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 {
  cursor: pointer;
  position: absolute;
  top: 328px;
  left: 50%;
  width: 192px;
  height: 65px;
  line-height: 65px;
  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_93a92993.png) no-repeat top center;
  color: #fff;
  font-size: 24px;
}
.pop .bg-alert .content .btn-back:hover,
.pop .bg-confirm .content .btn-back:hover,
.pop .bg-avatar .content .btn-back:hover,
.pop .bg-report .content .btn-back:hover,
.pop .bg-subscribe .content .btn-back:hover,
.pop .bg-popMin .content .btn-back:hover,
.pop .bg-follows .content .btn-back:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
.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: 100px;
  padding-right: 50px;
  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: 16px;
}
.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: 40px;
  font-size: 16px;
}
.pop .bg-popMin .text {
  color: #595959 !important;
}
.pop .bg-popMin .content .btn-go {
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -1492px;
width:192px;
height:70px;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);
}
.pop .bg-follows {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-0px -1763px;
width:487px;
height:295px;

}
.pop .bg-follows .content {
  width: 507px;
  height: 315px;
}
.pop .bg-follows .content .x {
  display: none;
  top: 45px;
  right: 35px;
  -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: 65px;
  height: 175px;
}
.pop .bg-follows .content .btn-back {
  cursor: pointer;
  text-align: center;
  color: #595959;
  top: 205px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -1564px;
width:192px;
height:70px;

  -webkit-transform: translateX(-110%);

          transform: translateX(-110%);
}
.pop .bg-follows .content .btn-go {
  color: #fff;
  top: 205px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -1636px;
width:192px;
height:70px;

  -webkit-transform: translateX(10%);

          transform: translateX(10%);
}
.pop .bg-alert img {
  position: absolute;
  left: 30.5%;
  top: 65%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-size: 100% auto;
}
.pop .bg-alert .content .btn-go {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.pop .bg-subscribe .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: 128px;
  width: 100%;
  height: 300px;
  text-align: center;
  padding: 30px;
  color: #595959;
  font-size: 24px;
}
.pop .bg-subscribe .content .btn-go {
  color: #fff;
  width: 322px;
  height: 70px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/yy-btn_e3957db5.png);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.pop .bg-report {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-877px -791px;
width:875px;
height:789px;

  color: #595959;
}
.pop .bg-report .btn-go {
  top: 640px !important;
}
.pop .bg-report .cause {
  margin-left: 38px;
  font-size: 18px !important;
  color: #595959;
}
.pop .bg-report .cause .el-radio__label {
  font-size: 18px !important;
  position: relative;
}
.pop .bg-report .cause .el-radio__label::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -15px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px 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: -15px;
  width: 18px;
  height: 18px;
  background-color: #3f786e;
}
.pop .bg-report .el-radio__input {
  display: none;
}
.pop .bg-report .report,
.pop .bg-report .compilePop {
  position: absolute;
  top: 78px;
  width: 100%;
  min-width: 694px;
  height: 230px;
  padding: 85px 80px 0 80px;
  color: #595959;
  font-size: 22px;
}
.pop .bg-report .report .content-title,
.pop .bg-report .compilePop .content-title {
  position: relative;
  left: 23px;
  font-size: 24px;
}
.pop .bg-report .report .content-title::after,
.pop .bg-report .compilePop .content-title::after {
  content: "";
  position: absolute;
  left: -25px;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1.3);
          transform: translateY(-50%) scale(1.3);
  width: 12px;
  height: 12px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:1999.7647058823532px 1991.294117647059px;
background-position:-1826.1176470588236px -1257.8823529411766px;

}
.pop .bg-report .report-name,
.pop .bg-report .compilePop-name {
  margin-left: -20px;
  width: 100%;
  font-size: 20px;
  line-height: 50px;
}
.pop .bg-report .report-name .name,
.pop .bg-report .compilePop-name .name {
  font-size: 18px;
  margin-left: 30px;
}
.pop .bg-report .report-cause,
.pop .bg-report .compilePop-cause {
  margin-left: -20px;
  width: 100%;
  font-size: 20px;
  line-height: 50px;
}
.pop .bg-report .report-uploading,
.pop .bg-report .compilePop-uploading {
  margin-top: 10px;
}
.pop .bg-report .report-uploading .leihuo-copr-filepicker,
.pop .bg-report .compilePop-uploading .leihuo-copr-filepicker {
  position: relative;
  width: 250px;
  height: 200px;
}
.pop .bg-report .report-uploading .file-picker,
.pop .bg-report .compilePop-uploading .file-picker {
  position: absolute;
  top: 0;
  border: 2px solid #3f786e;
  -webkit-box-shadow: 0 2px 10px 1px #8183874d;
          box-shadow: 0 2px 10px 1px #8183874d;
  background: #ececec;
}
.pop .bg-report .report-uploading img,
.pop .bg-report .compilePop-uploading img {
  border: 2px 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-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1401px -2530px;
width:43px;
height:42px;

}
.pop .bg-report .report-uploading .back2,
.pop .bg-report .compilePop-uploading .back2 {
  cursor: pointer;
  z-index: 3;
  position: absolute;
  top: 25px;
  right: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2625px -2490px;
width:27px;
height:27px;

  -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: 90px;
  padding: 50px 80px 0 80px;
}
.pop .bg-report .compilePop .el-input__count {
  background: rgba(0, 0, 0, 0) !important;
}
.pop .bg-report .compilePop .btn-go {
  top: 630px !important;
}
.pop .bg-report .compilePop .content-title {
  margin-left: -20px;
  color: #595959;
  font-size: 24px;
  margin-top: 30px;
}
.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: 38px;
  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 30px;
  font-size: 22px;
  line-height: 38px;
  background: rgba(255, 255, 255, 0.5);
  border: 0 solid #fff;
  border-radius: 8px;
}
.pop .bg-report .compilePop-name .pop-input .el-input__count,
.pop .bg-report .compilePop-remark .pop-input .el-input__count {
  color: #505050;
  font-size: 16px;
  margin-right: 5px;
}
.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: 10px;
}
.pop .bg-report .compilePop-name .pop-textarea textarea,
.pop .bg-report .compilePop-remark .pop-textarea textarea {
  max-height: 110px !important;
  min-height: 110px !important;
  color: #505050;
  -webkit-text-fill-color: #505050;
  padding: 0 30px;
  font-size: 22px;
  line-height: 38px;
  background: rgba(255, 255, 255, 0.5);
  border: 0 solid #fff;
  border-radius: 8px;
}
.pop .bg-report .compilePop-label .el-checkbox-group {
  max-height: 100px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px 0 10px 20px;
}
.pop .bg-report .compilePop-label .el-checkbox-group::-webkit-scrollbar {
  width: 3px;
  height: 1px;
  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: 6px 15px;
  font-size: 14px;
  border: 1px solid #8dc7b3;
  background: rgba(0, 0, 0, 0);
  margin-right: 20px;
  margin-bottom: 20px;
  color: #5d5d5d;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pop .bg-report .compilePop-label .el-checkbox-button__inner:hover {
  color: #595959;
  border: 1px solid #449c7e;
}
.pop .bg-report .compilePop-label .is-checked .el-checkbox-button__inner {
  color: #595959 !important;
  background: #f4e0a0;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 0 0 #8cc5ff;
          box-shadow: 0 0 0 0 #8cc5ff;
}
.pop .bg-report .compilePop-label .is-checked .el-checkbox-button__inner:hover {
  background: #ffd894;
}
.pop .bg-report .content .text {
  display: none;
}
.pop .bg-report .content .btn-go {
  display: inline-block;
  color: #fff;
  text-align: center;
  font-size: 24px;
  width: 192px;
  height: 70px;
  line-height: 62px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/blue-btn_93a92993.png) no-repeat top center;
  top: 610px;
  -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);
  max-width: 1200px;
  width: 100%;
  background-size: 100% auto;
}
.pop .bg-img .swiper-button-next,
.pop .bg-video .swiper-button-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(70px, -50%) scale(1.5);
          transform: translate(70px, -50%) scale(1.5);
  width: 33px;
  height: 41px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/right-icon-h_d52495ab.png);
}
.pop .bg-img .swiper-button-next:hover,
.pop .bg-video .swiper-button-next:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/right-icon_8b823f97.png);
}
.pop .bg-img .swiper-button-prev,
.pop .bg-video .swiper-button-prev {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-70px, -50%) scale(1.5);
          transform: translate(-70px, -50%) scale(1.5);
  cursor: pointer;
  width: 33px;
  height: 41px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/left-icon-h_7affa3b1.png);
}
.pop .bg-img .swiper-button-prev:hover,
.pop .bg-video .swiper-button-prev:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/left-icon_db3f9c16.png);
}
.pop .bg-img .swiper-container,
.pop .bg-video .swiper-container {
  position: relative;
  max-width: 90vw;
  zoom: 0.8;
  display: -webkit-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;
}
.pop .bg-img .swiper-container .swiper-wrapper,
.pop .bg-video .swiper-container .swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.pop .bg-img .swiper-container .swiper-wrapper .swiper-slide,
.pop .bg-video .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
}
.pop .bg-img .swiper-container .swiper-wrapper .swiper-zoom-container,
.pop .bg-video .swiper-container .swiper-wrapper .swiper-zoom-container {
  width: 100%;
  max-width: 90vw;
  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;
}
.pop .bg-img .swiper-container .swiper-wrapper img,
.pop .bg-video .swiper-container .swiper-wrapper img {
  display: block;
  max-width: 1920px;
  max-width: 90vw;
  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: 35px;
  height: 41px;
  left: 100px;
  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: 100px;
  width: 35px;
  height: 41px;
  -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: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pop .bg-img .swiper-pagination span,
.pop .bg-video .swiper-pagination span {
  cursor: pointer;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 10px;
  opacity: 0.3;
  margin-right: 15px;
}
.pop .bg-img .swiper-pagination .swiper-pagination-bullet-active,
.pop .bg-video .swiper-pagination .swiper-pagination-bullet-active {
  width: 30px;
  height: 12px;
  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-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2774px -1708px;
width:52px;
height:52px;

  top: 20px;
  right: 20px;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.pop .bg-img .x:hover,
.pop .bg-video .x:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.pop .bg-avatar {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1754px -0px;
width:850px;
height:691px;

}
.pop .bg-avatar .pop-upLock-avatar {
  display: block;
  position: relative;
  top: 220px;
  margin: 0 auto;
  width: 118px;
  height: 118px;
}
.pop .bg-avatar .pop-upLock-avatar .pop-upLock-icon {
  cursor: pointer;
  z-index: 2;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2530px -2490px;
width:31px;
height:31px;

}
.pop .bg-avatar .pop-upLock-avatar img {
  border-radius: 50%;
  width: 108px;
  height: 108px;
  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(-53%, -53%);
          transform: translate(-53%, -53%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -387px;
width:171px;
height:171px;

}
.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 {
  z-index: 3;
  position: relative;
  top: 320px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 430px;
}
.pop .bg-avatar .pop-upLock-input .name {
  position: absolute;
  top: 0;
  display: inline-block;
  width: 80px;
  height: 40px;
  background: #fff;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  line-height: 40px;
  color: #505050;
  text-align: center;
  font-size: 22px;
}
.pop .bg-avatar .pop-upLock-input .pop-upLock-name {
  position: absolute;
  top: 0;
  left: 79px;
  display: inline-block;
  height: 40px;
  width: 350px;
}
.pop .bg-avatar .pop-upLock-input .pop-upLock-name input {
  color: #505050;
  -webkit-text-fill-color: #505050;
  padding: 0 30px;
  font-size: 22px;
  line-height: 40px;
  background: rgba(255, 255, 255, 0.5);
  border: 0 solid #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.pop .bg-avatar .pop-upLock-input .pop-upLock-name .el-input__count {
  color: #505050;
  font-size: 16px;
  margin-right: 5px;
}
.pop .bg-avatar .pop-upLock-input .pop-upLock-name .el-input__count .el-input__count-inner {
  background: rgba(255, 255, 255, 0);
}
.pop .bg-avatar .content .text {
  top: 275px;
}
.pop .bg-avatar .content .btn-go {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 510px;
  font-size: 24px;
  width: 192px;
  height: 60px;
  line-height: 62px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/blue-btn_93a92993.png) no-repeat top center;
  color: #fff;
}
.pop2 {
  left: 50%;
  top: 50%;
  width: 300px;
  height: 180px;
  -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 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;
  }
}
.button-bg {
  display: inline-block;
  -o-object-fit: fill;
     object-fit: fill;
  z-index: 2;
  width: 2560px;
  background-attachment: fixed;
  background-size: 100% auto;
  background-position: top center;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#copyright {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
}
#copyright .leihuo-copyright {
  background: rgba(255, 255, 255, 0);
}
.top-go {
  z-index: 250;
  cursor: pointer;
  position: fixed;
  right: 80px;
  bottom: 80px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2537px -2162px;
width:67px;
height:83px;

}
.top-go:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
#show-term {
  display: none;
}
.Seek2 {
  display: none;
  z-index: 99999;
}
.work-tab,
.appraise-work {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 168px;
  height: 38px;
  border-radius: 7639px;
  background-color: #84bca9;
}
.work-tab span,
.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: 14px;
  cursor: pointer;
}
.work-tab span.active,
.appraise-work span.active {
  border-radius: 7639px;
  background: #56938B;
}
.work-tab-k {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
}
.award-tab-box {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.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: 16px;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1824px -2490px;
width:130px;
height:38px;

}
.award-tab-box span:last-child {
  margin-left: 17px;
}
.award-tab-box span.active {
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1956px -2490px;
width:130px;
height:38px;

}
.sort-icon {
  display: inline-block;
  cursor: pointer;
  margin: 0 10px;
  width: 40px;
  height: 40px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/filtrate_805281c5.png) no-repeat;
  background-size: 100% auto;
}
.sort-icon:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
.popover-select::after {
  pointer-events: none;
}
.sort-icon-2 {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 10px;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/filtrate_805281c5.png) no-repeat;
  background-size: 100% auto;
}
.sort-icon-2:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
.myIdx {
  margin-left: 18px;
}
.myIdx .el-checkbox__input .el-checkbox__inner {
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #84BCB1;
}
.myIdx .el-checkbox__input .el-checkbox__inner::after {
  display: none;
}
.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 #000;
  width: 6px;
  height: 6px;
  background: #84BCB1;
  border-radius: 50%;
}
.vote-filter-tab-bg .is-checked .el-checkbox__label {
  color: #84BCB1;
}
.el-popover {
  z-index: 10001 !important;
  display: inline-block;
  min-width: 0;
  width: 338px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #F5F9FA;
  padding: 16px 0;
}
.el-popover .title {
  width: 86px;
  height: 22px;
  line-height: 22px;
  color: #FFF;
  text-indent: 1em;
  font-size: 12px;
  font-weight: 500;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/popover-title_adc2e7b8.png) no-repeat;
  background-size: 100% auto;
}
.el-popover .btn {
  width: 240px;
  margin: 0 auto;
}
.el-popover .btn .notarize {
  width: 107px;
  height: 32px;
  line-height: 19px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/popover-btn_9ef16b85.png) no-repeat;
  background-size: 100% auto;
}
.el-popover .btn .notarize:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
.el-popover .btn .reset {
  width: 107px;
  height: 32px;
  line-height: 19px;
  text-align: center;
  font-size: 14px;
  color: #56A688;
  font-weight: 500;
  background-color: transparent;
  border-color: #56A688;
  border-radius: 20px;
  margin-left: 20px;
}
.el-popover .btn .reset:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
.el-popover .itemTap {
  width: 324px;
  margin: 5px auto;
  margin-left: 12px;
}
.el-popover .itemTap .el-radio-button {
  display: inline-block;
  margin: 5px auto;
  margin-right: 10px;
  cursor: pointer;
  border-radius: 4px;
  color: #7C7C7C;
  font-size: 12px;
  border: 1px solid #7C7C7C;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-popover .itemTap .el-radio-button:hover {
  border: 1px 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: 69px;
  height: 21px;
  font-size: 12px;
  font-weight: 400;
  border-radius: 4px;
  line-height: 23px;
  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: 1px solid #FEEEBA;
}
.el-popover .itemTap .is-active:hover {
  border: 1px 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);
}
.hint {
  position: relative;
  color: #5c897e;
  margin: 130px 0 0 0;
  font-family: 'fzcjljt';
}
.hint p {
  line-height: 40px;
}
.hint > p:nth-child(1) {
  position: relative;
  font-size: 30px;
}
.hint .text-icon {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: -10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1356px -2530px;
width:43px;
height:43px;

  z-index: 10;
}
.hint .text-icon div {
  z-index: 10;
  font-family: 'NotoSansSC';
  position: absolute;
  top: -230px;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  padding: 0 30px 0 40px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1754px -1210px;
width:655px;
height:256px;

  font-size: 16px;
  color: #595959;
  display: none;
  text-align: left;
}
.hint .text-icon div p {
  line-height: 25px;
}
.hint .text-icon div p:nth-child(1) {
  font-size: 18px;
  color: #3b9771;
  margin: 25px 0 15px 0;
}
.hint .text-icon div p:nth-child(2) {
  margin-bottom: 20px;
}
.hint .text-icon div span {
  font-size: 18px;
  color: #f4a558;
}
.hint .text-icon:hover > div {
  display: block;
}
.hint > p:nth-child(3) {
  font-size: 20px;
  line-height: 30px;
}
.hint > p:nth-child(4) {
  font-size: 20px;
  line-height: 30px;
}
.confirm-btn {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/yy-btn_e3957db5.png) no-repeat center center !important;
  background-size: cover !important;
  width: 322px !important;
  height: 70px !important;
  line-height: 63px !important;
  font-size: 24px !important;
  -webkit-transform: translateX(-5px) !important;
          transform: translateX(-5px) !important;
  font-family: 'fzcjljt';
}
.subscribe-iphone2 {
  margin-top: 130px;
  text-align: center;
}
.subscribe-iphone2 .btn-submit {
  display: none;
}
.subscribe-iphone2 .confirm-btn {
  cursor: pointer;
  color: #fff;
}
.subscribe-iphone2 .el-radio__label {
  font-size: 16px !important;
}
.subscribe-iphone2 .radiogroup {
  font-size: 16px;
  color: #595959;
}
.subscribe-iphone2 .is-el-radio__label {
  color: #595959;
  font-size: 16px;
}
.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: 20px !important;
}
.subscribe-iphone2 .btn-sendCode {
  font-family: fzlth, "Microsoft YaHei", sans-serif;
  font-size: 16px !important;
}
.subscribe-iphone .num {
  position: relative;
}
.subscribe-iphone .num::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1938px -1695px;
width:448px;
height:2px;

}
.subscribe-iphone .num p {
  display: inline-block;
  width: auto;
}
.subscribe-iphone .num p:nth-child(2) {
  color: #3f736a;
}
.subscribe-iphone .subscribe-text {
  display: block;
  margin: 40px 0 10px 0;
  font-size: 20px;
  color: #595959;
}
.subscribe-iphone .subscribe-box {
  width: 100px;
  height: 1px;
  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: 20px 1px;
  background-repeat: repeat-x;
}
.subscribe-iphone .is-el-radio__label {
  color: #595959;
  font-size: 16px;
}
.subscribe-iphone .el-radio__inner {
  border-color: #bdc1c0;
  background: rgba(0, 0, 0, 0);
}
.subscribe-iphone .el-radio__label {
  font-size: 16px !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: 16px;
}
.replacement {
  font-family: 'fzcjljt';
  cursor: pointer;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -20px;
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0);
  color: #40776d;
  text-decoration: underline;
}
.replacement:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
.store-nav,
.TheRecommendedDesign-nav {
  position: relative;
  z-index: 2;
  width: 540px;
  height: 122px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.store-nav .store-btn,
.TheRecommendedDesign-nav .store-btn {
  position: relative;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
  font-size: 20px;
  color: #5E8A81;
  text-shadow: 0 0 4px 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: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1755px -1900px;
width:518px;
height:24px;

}
.store-nav .store-btn .current-period,
.TheRecommendedDesign-nav .store-btn .current-period {
  z-index: 2;
  cursor: pointer;
  width: 166px;
  height: 78px;
  line-height: 78px;
  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-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -1708px;
width:166px;
height:78px;

  text-indent: -9999px;
}
.store-nav .store-btn .current-period:hover + .previous + .previous_ca,
.TheRecommendedDesign-nav .store-btn .current-period:hover + .previous + .previous_ca {
  position: absolute;
  left: 128px;
  top: 57.5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1649px -2038px;
width:114px;
height:12px;

  -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_89e5c056.png);
  text-indent: -9999px;
}
.store-nav .store-btn .current_ca,
.TheRecommendedDesign-nav .store-btn .current_ca {
  position: absolute;
  left: 300px;
  top: 57.5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1649px -2038px;
width:114px;
height:12px;

  -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: 128px;
  top: 57.5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1649px -2038px;
width:114px;
height:12px;

}
.store-nav .store-btn .previous_ca,
.TheRecommendedDesign-nav .store-btn .previous_ca {
  position: absolute;
  left: 128px;
  top: 57.5px;
  -webkit-animation: previous_ca 200ms forwards;
          animation: previous_ca 200ms forwards;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1649px -2038px;
width:114px;
height:12px;

}
.store-nav .store-btn .previous,
.TheRecommendedDesign-nav .store-btn .previous {
  z-index: 2;
  cursor: pointer;
  width: 166px;
  height: 78px;
  line-height: 78px;
  text-align: center;
  display: inline-block;
}
.store-nav .store-btn .previous:hover,
.TheRecommendedDesign-nav .store-btn .previous:hover {
  width: 166px;
  height: 78px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/tab-2_05590183.png) no-repeat;
  background-size: cover;
  text-indent: -9999px;
}
.store-nav .store-btn .previous:hover + .current_info,
.TheRecommendedDesign-nav .store-btn .previous:hover + .current_info {
  position: absolute;
  left: 300px;
  top: 57.5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1649px -2038px;
width:114px;
height:12px;

  -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: 300px;
  top: 57.5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1649px -2038px;
width:114px;
height:12px;

  -webkit-animation: previous_ca 200ms forwards;

          animation: previous_ca 200ms forwards;
}
.store-nav .store-btn .previousCa,
.TheRecommendedDesign-nav .store-btn .previousCa {
  width: 166px;
  height: 78px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/tab-2_05590183.png) no-repeat;
  background-size: cover;
  text-indent: -9999px;
}
.store-nav .store-txt,
.TheRecommendedDesign-nav .store-txt {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  height: 30px;
  padding: 0 30px 0 60px;
  border-radius: 170px;
  white-space: nowrap;
  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: 26px;
  margin: 0 auto;
}
.store-nav .zhuangyuan::after,
.TheRecommendedDesign-nav .zhuangyuan::after,
.store-nav .info::after,
.TheRecommendedDesign-nav .info::after {
  content: '';
  position: absolute;
  left: 27px;
  top: 45%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2774px -1840px;
width:27px;
height:24px;

}
.store-nav .rests::after,
.TheRecommendedDesign-nav .rests::after {
  content: '';
  position: absolute;
  left: 27px;
  top: 45%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2803px -1840px;
width:27px;
height:24px;

}
.history-tab {
  width: 280px;
  position: absolute;
  left: 40px;
  top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 16px;
  font-weight: 500;
}
.history-tab::after {
  width: 1360px;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border: 1px solid #90C5AE;
}
.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-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1428px -2490px;
width:130px;
height:38px;

}
.history-tab .history-current:hover {
  color: #FFF;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1692px -2490px;
width:130px;
height:38px;

}
.history-tab .history-current-ca {
  color: #FFF;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1692px -2490px;
width:130px;
height:38px;

}
.history-tab .history-previous {
  color: #5CB39F;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1428px -2490px;
width:130px;
height:38px;

}
.history-tab .history-previous:hover {
  color: #FFF;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1692px -2490px;
width:130px;
height:38px;

}
.history-tab .history-previous-ca {
  color: #FFF;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1692px -2490px;
width:130px;
height:38px;

}
.TheRecommendedDesign-nav {
  margin: 0 auto;
}
@-webkit-keyframes current_ca {
  0% {
    left: 300px;
  }
  100% {
    left: 128px;
  }
}
@keyframes current_ca {
  0% {
    left: 300px;
  }
  100% {
    left: 128px;
  }
}
@-webkit-keyframes previous_ca {
  0% {
    left: 128px;
  }
  100% {
    left: 300px;
  }
}
@keyframes previous_ca {
  0% {
    left: 128px;
  }
  100% {
    left: 300px;
  }
}
.login {
  position: -webkit-sticky;
  position: sticky;
  z-index: 9999;
  border-radius: 0;
  top: 0;
  left: 0%;
  width: 100%;
  min-width: 1500px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/nav-top_7422bd14.jpg) no-repeat center left;
  background-size: 100% 100%;
}
.login .content {
  position: relative;
  min-width: 1500px;
  width: 100%;
  height: 60px;
}
.login .logo {
  position: absolute;
  left: 70px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2411px -1210px;
width:138px;
height:54px;

}
.login .nav-list {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'fzcjljt';
}
.login .nav-list a {
  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;
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  cursor: pointer;
  width: 200px;
  height: 59px;
}
.login .nav-list a a {
  display: block;
  width: 100%;
  height: 100%;
}
.login .nav-list a:hover,
.login .nav-list a.active {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/1_c4909240.png) no-repeat center center;
}
@media screen and (max-width: 1860px) {
  .login .nav-list {
    left: 46%;
  }
  .login .nav-list a {
    cursor: pointer;
    width: 160px;
    height: 60px;
    text-align: center;
  }
  .login .nav-list a a {
    display: block;
    width: 100%;
    height: 100%;
  }
}
.login .login-btn {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 230px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 70px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  text-align: center;
  color: #dcfdff;
  border: 1px solid #dcfdff;
  border-radius: 16px;
}
.login .login-btn:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.login .login-img {
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  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: 29px;
  line-height: 29px;
  margin-right: 15px;
  font-size: 14px;
  white-space: nowrap;
}
.login .login-img img {
  width: 30px;
  height: 30px;
  background-size: cover;
  background-position: center center;
  margin-right: 15px;
  border: 1.5px solid #ddd3b7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
}
.login .login-img .lv {
  bottom: 0;
  left: 10px;
}
.login .login-img .admin-v {
  position: absolute;
  top: -2px;
  left: 10px;
  -webkit-transform: scale(0.45);
          transform: scale(0.45);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1374px -2576px;
width:40px;
height:48px;

}
.login .login-img .switchover {
  display: inline-block;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2563px -2490px;
width:30px;
height:30px;

  margin-right: 10px;
  cursor: pointer;
}
.login .login-img .switchover:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.login .login-img .back {
  display: inline-block;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2800px -1605px;
width:29px;
height:29px;

  cursor: pointer;
}
.login .login-img .back:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.login .login-img .record {
  cursor: pointer;
  width: 96px;
  height: 30px;
  border-radius: 156px;
  background: rgba(79, 118, 105, 0.3);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #FFE0A7;
  font-size: 18px;
  font-weight: normal;
  line-height: 28px;
  color: #FFE0A7;
  margin-left: 10px;
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
}
.login .login-img .record:hover {
  background: rgba(79, 118, 105, 0.6);
}
.login .yyx {
  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;
  text-align: center;
  font-size: 24px;
  color: #e5d197;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -560px;
width:215px;
height:98px;

  font-family: 'fzcjljt';
}
.login .yyx .webpage {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 3.5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1684px -2388px;
width:104px;
height:54px;

}
.login .yyx .webpage:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1790px -2388px;
width:104px;
height:54px;

}
.login .yyx .cloud {
  z-index: 3;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 3.5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1458px -2388px;
width:111px;
height:54px;

}
.login .yyx .cloud::after {
  display: none;
  content: "";
  position: absolute;
  bottom: -110px;
  left: 5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/code_f009e5a1.jpg) no-repeat center center;
  width: 100px;
  height: 100px;
  background-size: cover;
}
.login .yyx .cloud:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1571px -2388px;
width:111px;
height:54px;

}
.login .yyx .cloud:hover::after {
  display: block;
}
.login .subscribe {
  cursor: pointer;
  position: absolute;
  top: 115px;
  top: 75px;
  right: 15px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2683px -1868px;
width:96px;
height:111px;

}
.login .subscribe:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
.login-2 .btn-last {
  position: fixed !important;
  bottom: 0;
  z-index: 2;
}
.login-2 .vote-filter-tab-bg {
  width: 100% !important;
  height: 60px !important;
  padding-top: 10px;
  background-color: rgba(255, 255, 255, 0.8);
  position: fixed !important;
  top: 20px !important;
  left: 50%;
  min-width: 1000px !important;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.login-2 .vote-filter-tab-bg .vote-top {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.login-2 .vote-filter-tab-bg .grabble {
  top: 0 !important;
}
.login-2 .vote-filter-tab-bg .vote-filter-tab {
  width: 100%;
}
.login-2 .vote-filter-tab-bg .grabble-content {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1480px !important;
}
.login-2 .vote-filter-tab-bg .grabble-content:nth-child(2) {
  top: 54px;
}
.example {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  -webkit-animation: exampleShow 200ms;
          animation: exampleShow 200ms;
}
.example .exampleBg {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-877px -791px;
width:875px;
height:789px;

  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-45%, -45%);
          transform: translate(-45%, -45%);
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
}
.example .exampleBg .exampleAnimate {
  width: 812px;
  height: 714.5px;
  position: relative;
  left: 72px;
}
.example .exampleBg .example-title {
  text-align: center;
  height: 80px;
  width: 100%;
  color: #fff;
  font-size: 42px;
  line-height: 80px;
}
.example .exampleBg .example-x {
  cursor: pointer;
  position: absolute;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2774px -1708px;
width:52px;
height:52px;

  top: 20px;
  right: 20px;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.example .exampleBg .example-x:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@-webkit-keyframes exampleShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes exampleShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#example {
  height: 550px;
  margin-top: 69px;
}
.bindLogin {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.bindLogin .login-container {
  width: 322px;
  height: 500px;
  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-info {
  font-size: 24px;
  color: #595959;
  line-height: 42px;
  font-weight: 500;
}
.bindLogin .login-container .leihuo-bind {
  margin-top: 120px;
  width: 100%;
}
.bindLogin .login-container .leihuo-bind .btn-group .el-button--primary {
  position: absolute;
  top: 390px;
  left: 50%;
  width: 192px;
  height: 65px;
  line-height: 40px;
  font-family: 'fzcjljt';
  -webkit-transform: translateX(-120%);
          transform: translateX(-120%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/orange-btn_4c4fccea.png) no-repeat top center;
  color: #595959;
  font-size: 24px;
}
.bindLogin .login-container .leihuo-bind .btn-group .el-button--primary:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
.bindLogin .login-container .leihuo-bind .btn-group .el-button--default {
  position: absolute;
  top: 390px;
  left: 50%;
  width: 192px;
  height: 65px;
  line-height: 40px;
  font-family: 'fzcjljt';
  border-width: 0 !important;
  -webkit-transform: translateX(30%);
          transform: translateX(30%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/blue-btn_93a92993.png) no-repeat top center;
  color: #fff;
  font-size: 24px;
}
.bindLogin .login-container .leihuo-bind .btn-group .el-button--default:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
.bindLogin .login-container .leihuo-bind .leihuo-role-select + .btn-group > .leihuo-bind-btn {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 322px;
  height: 70px;
  top: 350px;
  margin-top: 60px;
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/yy-btn_e3957db5.png) no-repeat;
}
.bindLogin .login-container .leihuo-bind .leihuo-role-select + .btn-group > .leihuo-bind-btn:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
.bindLogin .el-button--primary {
  font-size: 24px;
  border-color: transparent;
}
.bindLogin .el-input__inner {
  background-color: rgba(255, 255, 255, 0);
}
.Seek {
  width: 100%;
  padding-top: 160px;
}
.Seek .Seek-content {
  z-index: 3;
  position: relative;
  border-radius: 20px;
  margin: 0 auto;
  width: 1440px;
  height: 100%;
  min-height: 1300px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -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%);
  padding: 140px 40px 0 40px;
}
.Seek .Seek-content .vote-filter-tab-bg {
  top: 50px;
}
.Seek .Seek-content2 {
  display: block;
  margin: 0 auto;
  margin-top: 40px;
  padding: 0 40px 100px 40px;
  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%);
}
.Seek .Seek-content2 .vote-filter-tab-bg {
  top: 0;
}
.Seek .Seek-works {
  position: relative;
  width: 100%;
  margin-top: 30px;
  text-align: center;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Seek .Seek-center {
  height: 100%;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  position: relative;
  top: 0;
  text-align: left;
  left: 0;
  padding: 0 0 30px 0;
  vertical-align: top;
  white-space: normal;
  display: inline-block;
}
.Seek .Seek-nav {
  position: relative;
  z-index: 2;
  width: 540px;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.Seek .Seek-nav .Seek-btn {
  position: relative;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
  font-size: 20px;
  color: #5E8A81;
  text-shadow: 0 0 4px 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: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1755px -1900px;
width:518px;
height:24px;

}
.Seek .Seek-nav .Seek-btn .current-period {
  z-index: 2;
  cursor: pointer;
  width: 166px;
  height: 78px;
  line-height: 78px;
  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_aa2ddd89.png);
  background-size: 100% auto;
  text-indent: -9999px;
}
.Seek .Seek-nav .Seek-btn .current-period:hover + .previous + .previous_ca {
  position: absolute;
  left: 128px;
  top: 57.5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1649px -2038px;
width:114px;
height:12px;

  -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_aa2ddd89.png) no-repeat;
  background-size: 100% auto;
  text-indent: -9999px;
}
.Seek .Seek-nav .Seek-btn .previous {
  z-index: 2;
  cursor: pointer;
  width: 166px;
  height: 78px;
  line-height: 78px;
  text-align: center;
  display: inline-block;
}
.Seek .Seek-nav .Seek-btn .previous:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/tab-c-1_796b85bd.png) no-repeat;
  background-size: 100% auto;
  text-indent: -9999px;
}
.Seek .Seek-nav .Seek-btn .previous:hover + .current_info {
  position: absolute;
  left: 300px;
  top: 57.5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1649px -2038px;
width:114px;
height:12px;

  -webkit-animation: previous_ca 200ms forwards;

          animation: previous_ca 200ms forwards;
}
.Seek .Seek-nav .Seek-btn .previous:hover + .current_ca {
  position: absolute;
  left: 300px;
  top: 57.5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1649px -2038px;
width:114px;
height:12px;

  -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/tab-c-1_796b85bd.png) no-repeat;
  background-size: 100% auto;
  text-indent: -9999px;
}
.Seek .Seek-nav .current_ca {
  position: absolute;
  left: 300px;
  top: 57.5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1649px -2038px;
width:114px;
height:12px;

  -webkit-animation: current_ca 200ms forwards;

          animation: current_ca 200ms forwards;
}
.Seek .Seek-nav .current_info {
  position: absolute;
  left: 128px;
  top: 57.5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1649px -2038px;
width:114px;
height:12px;

}
.Seek .Seek-nav .previous_ca {
  position: absolute;
  left: 128px;
  top: 57.5px;
  -webkit-animation: previous_ca 200ms forwards;
          animation: previous_ca 200ms forwards;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1649px -2038px;
width:114px;
height:12px;

}
.Seek .Seek-nav .store-txt {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0 20px;
  display: inline-block;
  height: 30px;
  border-radius: 170px;
  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: 26px;
  margin: 0 auto;
}
.masonry-border .masonry {
  width: 700px;
  border-bottom: 1px solid rgba(81, 130, 162, 0.5);
}
.designer-wrapper .tabs {
  position: relative;
  z-index: 99;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 35px 0 0;
}
.designer-wrapper .tabs .tabs-item {
  width: 261px;
  height: 72px;
  color: #B89B78;
  font-size: 26px;
  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: 20px;
}
.designer-wrapper .tabs .tabs-item.current-active {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat;background-size:2833px 2821px;
background-position:-932px -2388px;
width:261px;
height:72px;

  color: #fff;
}
.designer-wrapper .tabs .tabs-item.past-active {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat;background-size:2833px 2821px;
background-position:-1195px -2388px;
width:261px;
height:72px;

  color: #294957;
}
.Designer,
.Seek,
.PersonalCenter,
.TheRecommendedDesign,
.choiceness {
  width: 100%;
  margin-top: -130px;
}
.Designer .masonry,
.Seek .masonry,
.PersonalCenter .masonry,
.TheRecommendedDesign .masonry,
.choiceness .masonry {
  width: 700px;
}
.Designer .el-tooltip__popper,
.Seek .el-tooltip__popper,
.PersonalCenter .el-tooltip__popper,
.TheRecommendedDesign .el-tooltip__popper,
.choiceness .el-tooltip__popper {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.Designer .look-icon-bg .jh,
.Seek .look-icon-bg .jh,
.PersonalCenter .look-icon-bg .jh,
.TheRecommendedDesign .look-icon-bg .jh,
.choiceness .look-icon-bg .jh,
.Designer .look-icon-bg .nxh,
.Seek .look-icon-bg .nxh,
.PersonalCenter .look-icon-bg .nxh,
.TheRecommendedDesign .look-icon-bg .nxh,
.choiceness .look-icon-bg .nxh,
.Designer .look-icon-bg .cdd,
.Seek .look-icon-bg .cdd,
.PersonalCenter .look-icon-bg .cdd,
.TheRecommendedDesign .look-icon-bg .cdd,
.choiceness .look-icon-bg .cdd {
  width: 100% !important;
  height: 100% !important;
}
.Designer .btn-last,
.Seek .btn-last,
.PersonalCenter .btn-last,
.TheRecommendedDesign .btn-last,
.choiceness .btn-last {
  position: fixed !important;
  bottom: 0;
  z-index: 2;
}
.Designer .btn-last .btn,
.Seek .btn-last .btn,
.PersonalCenter .btn-last .btn,
.TheRecommendedDesign .btn-last .btn,
.choiceness .btn-last .btn {
  position: relative;
  height: 48px;
  width: 665px;
  line-height: 48px;
}
.Designer .btn-last .btn .last,
.Seek .btn-last .btn .last,
.PersonalCenter .btn-last .btn .last,
.TheRecommendedDesign .btn-last .btn .last,
.choiceness .btn-last .btn .last,
.Designer .btn-last .btn .next,
.Seek .btn-last .btn .next,
.PersonalCenter .btn-last .btn .next,
.TheRecommendedDesign .btn-last .btn .next,
.choiceness .btn-last .btn .next {
  text-align: center;
  position: absolute;
  left: 0;
  font-size: 20px;
  color: #5cb39f;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-914px -1711px;
width:334px;
height:48px;

}
.Designer .btn-last .btn .last::after,
.Seek .btn-last .btn .last::after,
.PersonalCenter .btn-last .btn .last::after,
.TheRecommendedDesign .btn-last .btn .last::after,
.choiceness .btn-last .btn .last::after,
.Designer .btn-last .btn .next::after,
.Seek .btn-last .btn .next::after,
.PersonalCenter .btn-last .btn .next::after,
.TheRecommendedDesign .btn-last .btn .next::after,
.choiceness .btn-last .btn .next::after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 110px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2813px -739px;
width:16px;
height:25px;

}
.Designer .btn-last .btn .last:hover,
.Seek .btn-last .btn .last:hover,
.PersonalCenter .btn-last .btn .last:hover,
.TheRecommendedDesign .btn-last .btn .last:hover,
.choiceness .btn-last .btn .last:hover,
.Designer .btn-last .btn .next:hover,
.Seek .btn-last .btn .next:hover,
.PersonalCenter .btn-last .btn .next:hover,
.TheRecommendedDesign .btn-last .btn .next:hover,
.choiceness .btn-last .btn .next:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1250px -1711px;
width:334px;
height:48px;

}
.Designer .btn-last .btn .next,
.Seek .btn-last .btn .next,
.PersonalCenter .btn-last .btn .next,
.TheRecommendedDesign .btn-last .btn .next,
.choiceness .btn-last .btn .next {
  left: auto;
  right: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1586px -1711px;
width:334px;
height:48px;

}
.Designer .btn-last .btn .next::after,
.Seek .btn-last .btn .next::after,
.PersonalCenter .btn-last .btn .next::after,
.TheRecommendedDesign .btn-last .btn .next::after,
.choiceness .btn-last .btn .next::after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 110px;
  left: auto;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -1412px;
width:16px;
height:25px;

}
.Designer .btn-last .btn .next:hover,
.Seek .btn-last .btn .next:hover,
.PersonalCenter .btn-last .btn .next:hover,
.TheRecommendedDesign .btn-last .btn .next:hover,
.choiceness .btn-last .btn .next:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1922px -1711px;
width:334px;
height:48px;

}
.Designer .detail-index,
.Seek .detail-index,
.PersonalCenter .detail-index,
.TheRecommendedDesign .detail-index,
.choiceness .detail-index {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.Designer .masonry-detail-bg,
.Seek .masonry-detail-bg,
.PersonalCenter .masonry-detail-bg,
.TheRecommendedDesign .masonry-detail-bg,
.choiceness .masonry-detail-bg {
  overflow: hidden;
  vertical-align: top;
  display: inline-block;
  z-index: 233;
  position: -webkit-sticky;
  position: sticky;
  min-width: 668px;
  height: 100vh;
  opacity: 0;
  -webkit-animation: detailBg 200ms forwards;
          animation: detailBg 200ms forwards;
  left: 0;
}
@-webkit-keyframes detailBg {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes detailBg {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.Designer .masonry-detail-bg .masonry-detail-scroll,
.Seek .masonry-detail-bg .masonry-detail-scroll,
.PersonalCenter .masonry-detail-bg .masonry-detail-scroll,
.TheRecommendedDesign .masonry-detail-bg .masonry-detail-scroll,
.choiceness .masonry-detail-bg .masonry-detail-scroll {
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  min-width: 668px;
  height: 100vh;
  right: 0;
  background: #e2f5f2;
}
.Designer .masonry-detail-bg .masonry-detail-scroll::-webkit-scrollbar,
.Seek .masonry-detail-bg .masonry-detail-scroll::-webkit-scrollbar,
.PersonalCenter .masonry-detail-bg .masonry-detail-scroll::-webkit-scrollbar,
.TheRecommendedDesign .masonry-detail-bg .masonry-detail-scroll::-webkit-scrollbar,
.choiceness .masonry-detail-bg .masonry-detail-scroll::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #e2f5f2;
}
.Designer .masonry-detail-bg .masonry-detail-scroll::-webkit-scrollbar-thumb,
.Seek .masonry-detail-bg .masonry-detail-scroll::-webkit-scrollbar-thumb,
.PersonalCenter .masonry-detail-bg .masonry-detail-scroll::-webkit-scrollbar-thumb,
.TheRecommendedDesign .masonry-detail-bg .masonry-detail-scroll::-webkit-scrollbar-thumb,
.choiceness .masonry-detail-bg .masonry-detail-scroll::-webkit-scrollbar-thumb {
  background-color: #84bcb1;
}
.Designer .scrollDel .masonry-detail-scroll,
.Seek .scrollDel .masonry-detail-scroll,
.PersonalCenter .scrollDel .masonry-detail-scroll,
.TheRecommendedDesign .scrollDel .masonry-detail-scroll,
.choiceness .scrollDel .masonry-detail-scroll {
  background: #e5f5f4 !important;
}
.Designer .scrollDel .detail-bg .content,
.Seek .scrollDel .detail-bg .content,
.PersonalCenter .scrollDel .detail-bg .content,
.TheRecommendedDesign .scrollDel .detail-bg .content,
.choiceness .scrollDel .detail-bg .content {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/detail-bg-2_c1a2f299.jpg) no-repeat top center !important;
  background-size: 100% auto;
  height: 710px !important;
}
.Designer .scrollDel .btn,
.Seek .scrollDel .btn,
.PersonalCenter .scrollDel .btn,
.TheRecommendedDesign .scrollDel .btn,
.choiceness .scrollDel .btn {
  position: absolute !important;
  top: 450px;
}
.Designer .masonry-detaill,
.Seek .masonry-detaill,
.PersonalCenter .masonry-detaill,
.TheRecommendedDesign .masonry-detaill,
.choiceness .masonry-detaill {
  position: relative;
  right: 0;
  top: 0;
  text-align: center;
}
.Designer .masonry-detaill .txtOrnage,
.Seek .masonry-detaill .txtOrnage,
.PersonalCenter .masonry-detaill .txtOrnage,
.TheRecommendedDesign .masonry-detaill .txtOrnage,
.choiceness .masonry-detaill .txtOrnage {
  color: #f2963d;
}
.Designer .masonry-detaill .detail-bg,
.Seek .masonry-detaill .detail-bg,
.PersonalCenter .masonry-detaill .detail-bg,
.TheRecommendedDesign .masonry-detaill .detail-bg,
.choiceness .masonry-detaill .detail-bg {
  position: relative;
  width: 668px;
  right: 0;
}
.Designer .masonry-detaill .detail-bg .visit,
.Seek .masonry-detaill .detail-bg .visit,
.PersonalCenter .masonry-detaill .detail-bg .visit,
.TheRecommendedDesign .masonry-detaill .detail-bg .visit,
.choiceness .masonry-detaill .detail-bg .visit {
  position: absolute;
  right: 0;
  top: -6px;
  width: auto;
  height: 42px;
}
.Designer .masonry-detaill .detail-bg .visit .visit-btn,
.Seek .masonry-detaill .detail-bg .visit .visit-btn,
.PersonalCenter .masonry-detaill .detail-bg .visit .visit-btn,
.TheRecommendedDesign .masonry-detaill .detail-bg .visit .visit-btn,
.choiceness .masonry-detaill .detail-bg .visit .visit-btn {
  display: none;
}
.Designer .masonry-detaill .detail-bg .visit-btn,
.Seek .masonry-detaill .detail-bg .visit-btn,
.PersonalCenter .masonry-detaill .detail-bg .visit-btn,
.TheRecommendedDesign .masonry-detaill .detail-bg .visit-btn,
.choiceness .masonry-detaill .detail-bg .visit-btn {
  display: none;
  margin-right: 5px;
}
.Designer .masonry-detaill .detail-bg .visit-btn,
.Seek .masonry-detaill .detail-bg .visit-btn,
.PersonalCenter .masonry-detaill .detail-bg .visit-btn,
.TheRecommendedDesign .masonry-detaill .detail-bg .visit-btn,
.choiceness .masonry-detaill .detail-bg .visit-btn,
.Designer .masonry-detaill .detail-bg .visit .icon-share,
.Seek .masonry-detaill .detail-bg .visit .icon-share,
.PersonalCenter .masonry-detaill .detail-bg .visit .icon-share,
.TheRecommendedDesign .masonry-detaill .detail-bg .visit .icon-share,
.choiceness .masonry-detaill .detail-bg .visit .icon-share {
  cursor: pointer;
  float: left;
  width: 134px;
  height: 42px;
  line-height: 42px;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.Designer .masonry-detaill .detail-bg .visit-btn .share,
.Seek .masonry-detaill .detail-bg .visit-btn .share,
.PersonalCenter .masonry-detaill .detail-bg .visit-btn .share,
.TheRecommendedDesign .masonry-detaill .detail-bg .visit-btn .share,
.choiceness .masonry-detaill .detail-bg .visit-btn .share,
.Designer .masonry-detaill .detail-bg .visit .icon-share .share,
.Seek .masonry-detaill .detail-bg .visit .icon-share .share,
.PersonalCenter .masonry-detaill .detail-bg .visit .icon-share .share,
.TheRecommendedDesign .masonry-detaill .detail-bg .visit .icon-share .share,
.choiceness .masonry-detaill .detail-bg .visit .icon-share .share {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/1_838ffc5d.png) no-repeat center center;
  background-size: cover;
}
.Designer .masonry-detaill .detail-bg .visit-btn .share:hover,
.Seek .masonry-detaill .detail-bg .visit-btn .share:hover,
.PersonalCenter .masonry-detaill .detail-bg .visit-btn .share:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .visit-btn .share:hover,
.choiceness .masonry-detaill .detail-bg .visit-btn .share:hover,
.Designer .masonry-detaill .detail-bg .visit .icon-share .share:hover,
.Seek .masonry-detaill .detail-bg .visit .icon-share .share:hover,
.PersonalCenter .masonry-detaill .detail-bg .visit .icon-share .share:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .visit .icon-share .share:hover,
.choiceness .masonry-detaill .detail-bg .visit .icon-share .share:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/2_2c4c08a1.png) no-repeat center center;
  background-size: cover;
}
.Designer .masonry-detaill .detail-bg .visit-btn .vote,
.Seek .masonry-detaill .detail-bg .visit-btn .vote,
.PersonalCenter .masonry-detaill .detail-bg .visit-btn .vote,
.TheRecommendedDesign .masonry-detaill .detail-bg .visit-btn .vote,
.choiceness .masonry-detaill .detail-bg .visit-btn .vote,
.Designer .masonry-detaill .detail-bg .visit .icon-share .vote,
.Seek .masonry-detaill .detail-bg .visit .icon-share .vote,
.PersonalCenter .masonry-detaill .detail-bg .visit .icon-share .vote,
.TheRecommendedDesign .masonry-detaill .detail-bg .visit .icon-share .vote,
.choiceness .masonry-detaill .detail-bg .visit .icon-share .vote {
  margin-top: 11px;
  color: #8C6C16;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/vote-btn-d_9bede540.png) no-repeat center center;
  background-size: cover;
}
.Designer .masonry-detaill .detail-bg .visit-btn .vote:hover,
.Seek .masonry-detaill .detail-bg .visit-btn .vote:hover,
.PersonalCenter .masonry-detaill .detail-bg .visit-btn .vote:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .visit-btn .vote:hover,
.choiceness .masonry-detaill .detail-bg .visit-btn .vote:hover,
.Designer .masonry-detaill .detail-bg .visit .icon-share .vote:hover,
.Seek .masonry-detaill .detail-bg .visit .icon-share .vote:hover,
.PersonalCenter .masonry-detaill .detail-bg .visit .icon-share .vote:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .visit .icon-share .vote:hover,
.choiceness .masonry-detaill .detail-bg .visit .icon-share .vote:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/vote-btn-d2_c23edd52.png) no-repeat center center;
  background-size: cover;
}
.Designer .masonry-detaill .detail-bg .detail-icon,
.Seek .masonry-detaill .detail-bg .detail-icon,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon,
.choiceness .masonry-detaill .detail-bg .detail-icon {
  display: inline-block;
  z-index: 3;
  width: 100%;
  text-align: left;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(92, 179, 159, 0.5);
}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content,
.choiceness .masonry-detaill .detail-bg .detail-icon .list-content {
  min-width: 90px;
  margin-left: 0;
  padding: 5px 60px 5px 0;
  display: inline-block;
  vertical-align: bottom;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/icon-bg_a5dde72a.png) no-repeat center center;
  background-size: 100% 100%;
}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .list-1,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .list-1,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .list-1,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .list-1,
.choiceness .masonry-detaill .detail-bg .detail-icon .list-content .list-1 {
  padding: 0 10px;
  cursor: pointer;
  display: inline-block;
  border-right: 1px solid #a5dbcd;
  height: 25px;
  padding-top: 3px;
}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .list-1 .icon,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .list-1 .icon,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .list-1 .icon,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .list-1 .icon,
.choiceness .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-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2580px -1601px;
width:18px;
height:18px;

}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .list-1 .num,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .list-1 .num,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .list-1 .num,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .list-1 .num,
.choiceness .masonry-detaill .detail-bg .detail-icon .list-content .list-1 .num {
  display: inline-block;
  margin-left: 3px;
  font-size: 16px;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  color: #5cb39f;
}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .list-1:hover .num,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .list-1:hover .num,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .list-1:hover .num,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .list-1:hover .num,
.choiceness .masonry-detaill .detail-bg .detail-icon .list-content .list-1:hover .num {
  color: #67938a;
}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .list-1:hover .icon,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .list-1:hover .icon,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .list-1:hover .icon,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .list-1:hover .icon,
.choiceness .masonry-detaill .detail-bg .detail-icon .list-content .list-1:hover .icon {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2565px -1972px;
width:18px;
height:18px;

}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .list-2,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .list-2,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .list-2,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .list-2,
.choiceness .masonry-detaill .detail-bg .detail-icon .list-content .list-2 {
  cursor: pointer;
  display: inline-block;
  border-right: 1px solid #a5dbcd;
  height: 25px;
  padding: 0 10px;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  padding-top: 3px;
}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .list-2 .icon,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .list-2 .icon,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .list-2 .icon,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .list-2 .icon,
.choiceness .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-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2814px -1981px;
width:19px;
height:18px;

}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .list-2 .num,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .list-2 .num,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .list-2 .num,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .list-2 .num,
.choiceness .masonry-detaill .detail-bg .detail-icon .list-content .list-2 .num {
  display: inline-block;
  margin-left: 3px;
  margin-top: -1px;
  font-size: 16px;
  color: #5cb39f;
}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .list-2:hover .num,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .list-2:hover .num,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .list-2:hover .num,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .list-2:hover .num,
.choiceness .masonry-detaill .detail-bg .detail-icon .list-content .list-2:hover .num {
  color: #67938a;
}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .list-2:hover .icon,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .list-2:hover .icon,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .list-2:hover .icon,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .list-2:hover .icon,
.choiceness .masonry-detaill .detail-bg .detail-icon .list-content .list-2:hover .icon {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2814px -2001px;
width:19px;
height:18px;

}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .iconClick,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .iconClick,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .iconClick,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .iconClick,
.choiceness .masonry-detaill .detail-bg .detail-icon .list-content .iconClick {
  width: 23px;
  height: 23px;
  position: absolute;
  left: 10px;
  top: 3px;
  z-index: 3;
  cursor: pointer;
}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .iconClick:hover + .icon2,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .iconClick:hover + .icon2,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .iconClick:hover + .icon2,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .iconClick:hover + .icon2,
.choiceness .masonry-detaill .detail-bg .detail-icon .list-content .iconClick:hover + .icon2 {
  position: absolute;
  left: 11px;
  top: 3px;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  display: inline-block;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/icon-1-h_361d7299.png) no-repeat center center;
  background-size: 100% auto;
  background-position: 0 0 !important;
}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .list-3,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .list-3,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .list-3,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .list-3,
.choiceness .masonry-detaill .detail-bg .detail-icon .list-content .list-3 {
  position: relative;
  display: inline-block;
  border-right: 1px solid #a5dbcd;
  padding: 0 10px;
  min-width: 54px;
  height: 25px;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  padding-top: 3px;
}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .icon,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .icon,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .icon,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .icon,
.choiceness .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .icon {
  position: absolute;
  vertical-align: bottom;
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/icon-1_31e7141b.png) no-repeat center center;
  background-size: 100% auto;
}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .icon2,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .icon2,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .icon2,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .icon2,
.choiceness .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .icon2 {
  vertical-align: bottom;
  position: absolute;
  left: -10px;
  top: -20px;
  height: 60px;
  width: 60px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite_shoucang_1_13a24807.png);
  background-position: -240px -180px;
}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .icon3,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .icon3,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .icon3,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .icon3,
.choiceness .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .icon3 {
  vertical-align: bottom;
  position: absolute;
  left: -10px;
  top: -20px;
  height: 60px;
  width: 60px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite_shoucang_1_13a24807.png);
  -webkit-animation: sprite_shoucang_1 0.67s steps(1) forwards normal;
          animation: sprite_shoucang_1 0.67s steps(1) forwards normal;
}
@-webkit-keyframes icon2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes icon2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .num,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .num,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .num,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .num,
.choiceness .masonry-detaill .detail-bg .detail-icon .list-content .list-3 .num {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  display: inline-block;
  margin-left: 25px;
  font-size: 16px;
  color: #5cb39f;
}
@-webkit-keyframes icon1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes icon1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .list-3:hover .num,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .list-3:hover .num,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .list-3:hover .num,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .list-3:hover .num,
.choiceness .masonry-detaill .detail-bg .detail-icon .list-content .list-3:hover .num {
  color: #67938a;
}
.Designer .masonry-detaill .detail-bg .detail-icon .list-content .list-3:hover .icon,
.Seek .masonry-detaill .detail-bg .detail-icon .list-content .list-3:hover .icon,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .list-content .list-3:hover .icon,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .list-content .list-3:hover .icon,
.choiceness .masonry-detaill .detail-bg .detail-icon .list-content .list-3:hover .icon {
  width: 20px;
  height: 20px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/icon-1_31e7141b.png) no-repeat center center;
  background-size: 100% auto;
}
.Designer .masonry-detaill .detail-bg .detail-icon .report,
.Seek .masonry-detaill .detail-bg .detail-icon .report,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .report,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .report,
.choiceness .masonry-detaill .detail-bg .detail-icon .report {
  display: inline-block;
  z-index: 3;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  margin-left: -50px;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -1354px;
width:22px;
height:21px;

}
.Designer .masonry-detaill .detail-bg .detail-icon .report:hover,
.Seek .masonry-detaill .detail-bg .detail-icon .report:hover,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .report:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .report:hover,
.choiceness .masonry-detaill .detail-bg .detail-icon .report:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -1377px;
width:22px;
height:21px;

}
.Designer .masonry-detaill .detail-bg .detail-icon .visit-txt,
.Seek .masonry-detaill .detail-bg .detail-icon .visit-txt,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .visit-txt,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .visit-txt,
.choiceness .masonry-detaill .detail-bg .detail-icon .visit-txt {
  position: absolute;
  right: 184px;
  bottom: 76px;
}
.Designer .masonry-detaill .detail-bg .detail-icon .visit-txt::after,
.Seek .masonry-detaill .detail-bg .detail-icon .visit-txt::after,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .visit-txt::after,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .visit-txt::after,
.choiceness .masonry-detaill .detail-bg .detail-icon .visit-txt::after {
  content: '';
  position: absolute;
  right: -8px;
  top: 8px;
  width: 1px;
  height: 24px;
  background: #C8C8C8;
}
.Designer .masonry-detaill .detail-bg .detail-icon .visit-txt div,
.Seek .masonry-detaill .detail-bg .detail-icon .visit-txt div,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .visit-txt div,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .visit-txt div,
.choiceness .masonry-detaill .detail-bg .detail-icon .visit-txt div {
  text-align: center;
  letter-spacing: 0;
  font-family: 'NotoSansSC', "Microsoft YaHei", sans-serif;
}
.Designer .masonry-detaill .detail-bg .detail-icon .visit-txt div:nth-child(1),
.Seek .masonry-detaill .detail-bg .detail-icon .visit-txt div:nth-child(1),
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .visit-txt div:nth-child(1),
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .visit-txt div:nth-child(1),
.choiceness .masonry-detaill .detail-bg .detail-icon .visit-txt div:nth-child(1) {
  font-size: 12px;
  color: #8C8C8C;
  font-weight: 400;
}
.Designer .masonry-detaill .detail-bg .detail-icon .visit-txt div:nth-child(2),
.Seek .masonry-detaill .detail-bg .detail-icon .visit-txt div:nth-child(2),
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .visit-txt div:nth-child(2),
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .visit-txt div:nth-child(2),
.choiceness .masonry-detaill .detail-bg .detail-icon .visit-txt div:nth-child(2) {
  font-size: 16px;
  color: #66A292;
}
.Designer .masonry-detaill .detail-bg .detail-icon .visit-je,
.Seek .masonry-detaill .detail-bg .detail-icon .visit-je,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .visit-je,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .visit-je,
.choiceness .masonry-detaill .detail-bg .detail-icon .visit-je {
  position: absolute;
  right: 0;
  display: inline-block;
  color: #936227;
  font-size: 16px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2411px -1266px;
width:169px;
height:42px;

  cursor: pointer;
}
.Designer .masonry-detaill .detail-bg .detail-icon .visit-je:hover,
.Seek .masonry-detaill .detail-bg .detail-icon .visit-je:hover,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .visit-je:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .visit-je:hover,
.choiceness .masonry-detaill .detail-bg .detail-icon .visit-je:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
.Designer .masonry-detaill .detail-bg .detail-icon .visit-je span,
.Seek .masonry-detaill .detail-bg .detail-icon .visit-je span,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .visit-je span,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .visit-je span,
.choiceness .masonry-detaill .detail-bg .detail-icon .visit-je span {
  position: absolute;
  display: inline-block;
  text-align: center;
  height: 100%;
  line-height: 40px;
}
.Designer .masonry-detaill .detail-bg .detail-icon .visit-je span:nth-child(1),
.Seek .masonry-detaill .detail-bg .detail-icon .visit-je span:nth-child(1),
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .visit-je span:nth-child(1),
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .visit-je span:nth-child(1),
.choiceness .masonry-detaill .detail-bg .detail-icon .visit-je span:nth-child(1) {
  position: relative;
  width: 70px;
  left: 5px;
  text-align: center;
  margin-left: 20px;
}
.Designer .masonry-detaill .detail-bg .detail-icon .visit-je span:nth-child(1)::after,
.Seek .masonry-detaill .detail-bg .detail-icon .visit-je span:nth-child(1)::after,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .visit-je span:nth-child(1)::after,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .visit-je span:nth-child(1)::after,
.choiceness .masonry-detaill .detail-bg .detail-icon .visit-je span:nth-child(1)::after {
  content: '';
  top: -5px;
  left: -25px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  width: 48px;
  height: 48px;
  position: absolute;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/icon-bg-4_fb39f456.png) no-repeat;
  background-size: cover;
}
.Designer .masonry-detaill .detail-bg .detail-icon .visit-je span:nth-child(2),
.Seek .masonry-detaill .detail-bg .detail-icon .visit-je span:nth-child(2),
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .visit-je span:nth-child(2),
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .visit-je span:nth-child(2),
.choiceness .masonry-detaill .detail-bg .detail-icon .visit-je span:nth-child(2) {
  margin-right: 10px;
  width: 70px;
  text-align: center;
  right: 0;
}
.Designer .masonry-detaill .detail-bg .detail-icon .visit-je .visit-je-icon::after,
.Seek .masonry-detaill .detail-bg .detail-icon .visit-je .visit-je-icon::after,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .visit-je .visit-je-icon::after,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .visit-je .visit-je-icon::after,
.choiceness .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_98b8169e.png) no-repeat !important;
  background-size: cover !important;
}
.Designer .masonry-detaill .detail-bg .detail-icon .visit-je-2,
.Seek .masonry-detaill .detail-bg .detail-icon .visit-je-2,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .visit-je-2,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .visit-je-2,
.choiceness .masonry-detaill .detail-bg .detail-icon .visit-je-2 {
  -webkit-filter: brightness(0.7);
          filter: brightness(0.7);
}
.Designer .masonry-detaill .detail-bg .detail-icon .visit-je-2:hover,
.Seek .masonry-detaill .detail-bg .detail-icon .visit-je-2:hover,
.PersonalCenter .masonry-detaill .detail-bg .detail-icon .visit-je-2:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .detail-icon .visit-je-2:hover,
.choiceness .masonry-detaill .detail-bg .detail-icon .visit-je-2:hover {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
}
.Designer .masonry-detaill .detail-bg .content,
.Seek .masonry-detaill .detail-bg .content,
.PersonalCenter .masonry-detaill .detail-bg .content,
.TheRecommendedDesign .masonry-detaill .detail-bg .content,
.choiceness .masonry-detaill .detail-bg .content {
  width: 668px;
  position: relative;
  top: 0;
  right: 0;
  padding: 50px 35px 0 35px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/detail-bg_f4322fc2.png) no-repeat top center;
  background-size: 100% 100%;
  background-color: #e2f5f2;
}
.Designer .masonry-detaill .detail-bg .content .back,
.Seek .masonry-detaill .detail-bg .content .back,
.PersonalCenter .masonry-detaill .detail-bg .content .back,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .back,
.choiceness .masonry-detaill .detail-bg .content .back {
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2781px -2197px;
width:45px;
height:45px;

  position: absolute;
  right: 5px;
  top: 8px;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.Designer .masonry-detaill .detail-bg .content .back:hover,
.Seek .masonry-detaill .detail-bg .content .back:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .back:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .back:hover,
.choiceness .masonry-detaill .detail-bg .content .back:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.Designer .masonry-detaill .detail-bg .content .carousel,
.Seek .masonry-detaill .detail-bg .content .carousel,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel,
.choiceness .masonry-detaill .detail-bg .content .carousel {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-grid;
  margin-top: 8px;
}
.Designer .masonry-detaill .detail-bg .content .carousel .head-op,
.Seek .masonry-detaill .detail-bg .content .carousel .head-op,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .head-op,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .head-op,
.choiceness .masonry-detaill .detail-bg .content .carousel .head-op {
  opacity: 0;
}
.Designer .masonry-detaill .detail-bg .content .carousel .el-carousel__container,
.Seek .masonry-detaill .detail-bg .content .carousel .el-carousel__container,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .el-carousel__container,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .el-carousel__container,
.choiceness .masonry-detaill .detail-bg .content .carousel .el-carousel__container {
  min-height: 337px;
  height: 100%;
}
.Designer .masonry-detaill .detail-bg .content .carousel .el-carousel__indicators--horizontal,
.Seek .masonry-detaill .detail-bg .content .carousel .el-carousel__indicators--horizontal,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .el-carousel__indicators--horizontal,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .el-carousel__indicators--horizontal,
.choiceness .masonry-detaill .detail-bg .content .carousel .el-carousel__indicators--horizontal {
  z-index: 3;
}
.Designer .masonry-detaill .detail-bg .content .carousel .el-carousel__indicators--horizontal .is-active .el-carousel__button,
.Seek .masonry-detaill .detail-bg .content .carousel .el-carousel__indicators--horizontal .is-active .el-carousel__button,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .el-carousel__indicators--horizontal .is-active .el-carousel__button,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .el-carousel__indicators--horizontal .is-active .el-carousel__button,
.choiceness .masonry-detaill .detail-bg .content .carousel .el-carousel__indicators--horizontal .is-active .el-carousel__button {
  width: 20px;
  height: 6px;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.8);
}
.Designer .masonry-detaill .detail-bg .content .carousel .el-carousel__button,
.Seek .masonry-detaill .detail-bg .content .carousel .el-carousel__button,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .el-carousel__button,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .el-carousel__button,
.choiceness .masonry-detaill .detail-bg .content .carousel .el-carousel__button {
  width: 6px;
  height: 6px;
  border-radius: 6px;
}
.Designer .masonry-detaill .detail-bg .content .carousel .el-carousel__indicators--horizontal,
.Seek .masonry-detaill .detail-bg .content .carousel .el-carousel__indicators--horizontal,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .el-carousel__indicators--horizontal,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .el-carousel__indicators--horizontal,
.choiceness .masonry-detaill .detail-bg .content .carousel .el-carousel__indicators--horizontal {
  bottom: 10px;
}
.Designer .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--left,
.Seek .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--left,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--left,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--left,
.choiceness .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--left {
  width: 35px;
  height: 41px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/left-icon-h_7affa3b1.png);
}
.Designer .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--left:hover,
.Seek .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--left:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--left:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--left:hover,
.choiceness .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--left:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/left-icon_db3f9c16.png);
}
.Designer .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--left .el-icon-arrow-left::before,
.Seek .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--left .el-icon-arrow-left::before,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--left .el-icon-arrow-left::before,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--left .el-icon-arrow-left::before,
.choiceness .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--left .el-icon-arrow-left::before {
  content: "" !important;
}
.Designer .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--right,
.Seek .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--right,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--right,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--right,
.choiceness .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--right {
  width: 35px;
  height: 41px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/right-icon-h_d52495ab.png);
}
.Designer .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--right:hover,
.Seek .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--right:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--right:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--right:hover,
.choiceness .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--right:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/right-icon_8b823f97.png);
}
.Designer .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--right .el-icon-arrow-right::before,
.Seek .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--right .el-icon-arrow-right::before,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--right .el-icon-arrow-right::before,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--right .el-icon-arrow-right::before,
.choiceness .masonry-detaill .detail-bg .content .carousel .el-carousel__arrow--right .el-icon-arrow-right::before {
  content: "" !important;
}
.Designer .masonry-detaill .detail-bg .content .carousel .el-carousel__item,
.Seek .masonry-detaill .detail-bg .content .carousel .el-carousel__item,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .el-carousel__item,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .el-carousel__item,
.choiceness .masonry-detaill .detail-bg .content .carousel .el-carousel__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.Designer .masonry-detaill .detail-bg .content .carousel .head-img,
.Seek .masonry-detaill .detail-bg .content .carousel .head-img,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .head-img,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .head-img,
.choiceness .masonry-detaill .detail-bg .content .carousel .head-img,
.Designer .masonry-detaill .detail-bg .content .carousel .temp,
.Seek .masonry-detaill .detail-bg .content .carousel .temp,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp,
.choiceness .masonry-detaill .detail-bg .content .carousel .temp {
  position: relative;
  background-size: cover;
  width: 100%;
}
.Designer .masonry-detaill .detail-bg .content .carousel .icon-play2,
.Seek .masonry-detaill .detail-bg .content .carousel .icon-play2,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .icon-play2,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .icon-play2,
.choiceness .masonry-detaill .detail-bg .content .carousel .icon-play2 {
  z-index: 3;
  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-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-900px -2576px;
width:68px;
height:68px;

}
.Designer .masonry-detaill .detail-bg .content .carousel .icon-play2:hover,
.Seek .masonry-detaill .detail-bg .content .carousel .icon-play2:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .icon-play2:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .icon-play2:hover,
.choiceness .masonry-detaill .detail-bg .content .carousel .icon-play2:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
.Designer .masonry-detaill .detail-bg .content .carousel .head-img,
.Seek .masonry-detaill .detail-bg .content .carousel .head-img,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .head-img,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .head-img,
.choiceness .masonry-detaill .detail-bg .content .carousel .head-img {
  width: 598px;
  display: block;
  position: relative;
  background-size: 100% auto;
  background-position: top center;
}
.Designer .masonry-detaill .detail-bg .content .carousel .temp-text-top,
.Seek .masonry-detaill .detail-bg .content .carousel .temp-text-top,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp-text-top,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp-text-top,
.choiceness .masonry-detaill .detail-bg .content .carousel .temp-text-top {
  z-index: 3;
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 30px;
  color: #ffe6b1;
  line-height: 33px;
}
.Designer .masonry-detaill .detail-bg .content .carousel .temp-text-top div:nth-child(1),
.Seek .masonry-detaill .detail-bg .content .carousel .temp-text-top div:nth-child(1),
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp-text-top div:nth-child(1),
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp-text-top div:nth-child(1),
.choiceness .masonry-detaill .detail-bg .content .carousel .temp-text-top div:nth-child(1) {
  font-size: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 15px;
}
.Designer .masonry-detaill .detail-bg .content .carousel .temp-text-top div:nth-child(2),
.Seek .masonry-detaill .detail-bg .content .carousel .temp-text-top div:nth-child(2),
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp-text-top div:nth-child(2),
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp-text-top div:nth-child(2),
.choiceness .masonry-detaill .detail-bg .content .carousel .temp-text-top div:nth-child(2) {
  font-size: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 15px;
}
.Designer .masonry-detaill .detail-bg .content .carousel .temp,
.Seek .masonry-detaill .detail-bg .content .carousel .temp,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp,
.choiceness .masonry-detaill .detail-bg .content .carousel .temp {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.Designer .masonry-detaill .detail-bg .content .carousel .temp .icon-collect,
.Seek .masonry-detaill .detail-bg .content .carousel .temp .icon-collect,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp .icon-collect,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp .icon-collect,
.choiceness .masonry-detaill .detail-bg .content .carousel .temp .icon-collect {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -1762px;
width:20px;
height:20px;

}
.Designer .masonry-detaill .detail-bg .content .carousel .temp .icon-collect:hover,
.Seek .masonry-detaill .detail-bg .content .carousel .temp .icon-collect:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp .icon-collect:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp .icon-collect:hover,
.choiceness .masonry-detaill .detail-bg .content .carousel .temp .icon-collect:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.Designer .masonry-detaill .detail-bg .content .carousel .temp .icon-collect2,
.Seek .masonry-detaill .detail-bg .content .carousel .temp .icon-collect2,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp .icon-collect2,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp .icon-collect2,
.choiceness .masonry-detaill .detail-bg .content .carousel .temp .icon-collect2 {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2582px -1266px;
width:20px;
height:20px;

}
.Designer .masonry-detaill .detail-bg .content .carousel .temp .icon-play,
.Seek .masonry-detaill .detail-bg .content .carousel .temp .icon-play,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp .icon-play,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp .icon-play,
.choiceness .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-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2525px -2388px;
width:34px;
height:34px;

}
.Designer .masonry-detaill .detail-bg .content .carousel .temp .icon-play:hover,
.Seek .masonry-detaill .detail-bg .content .carousel .temp .icon-play:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp .icon-play:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp .icon-play:hover,
.choiceness .masonry-detaill .detail-bg .content .carousel .temp .icon-play:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2561px -2388px;
width:34px;
height:34px;

}
.Designer .masonry-detaill .detail-bg .content .carousel .temp .magnifying-glass,
.Seek .masonry-detaill .detail-bg .content .carousel .temp .magnifying-glass,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp .magnifying-glass,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp .magnifying-glass,
.choiceness .masonry-detaill .detail-bg .content .carousel .temp .magnifying-glass {
  position: absolute;
  left: -8px;
  bottom: 3px;
  color: #ebd697;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -807px;
width:25px;
height:25px;

  cursor: pointer;
}
.Designer .masonry-detaill .detail-bg .content .carousel .temp .magnifying-glass:hover,
.Seek .masonry-detaill .detail-bg .content .carousel .temp .magnifying-glass:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp .magnifying-glass:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp .magnifying-glass:hover,
.choiceness .masonry-detaill .detail-bg .content .carousel .temp .magnifying-glass:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.Designer .masonry-detaill .detail-bg .content .carousel .temp .icon-number,
.Seek .masonry-detaill .detail-bg .content .carousel .temp .icon-number,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp .icon-number,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp .icon-number,
.choiceness .masonry-detaill .detail-bg .content .carousel .temp .icon-number {
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  right: -6px;
  bottom: 16px;
  color: #f1fcff;
  padding: 0 5px 0 25px;
  border-radius: 15px;
  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;
}
.Designer .masonry-detaill .detail-bg .content .carousel .temp .icon-number span,
.Seek .masonry-detaill .detail-bg .content .carousel .temp .icon-number span,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp .icon-number span,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp .icon-number span,
.choiceness .masonry-detaill .detail-bg .content .carousel .temp .icon-number span {
  position: relative;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  padding: 8px 5px 8px 25px;
}
.Designer .masonry-detaill .detail-bg .content .carousel .temp .icon-number .hot-number,
.Seek .masonry-detaill .detail-bg .content .carousel .temp .icon-number .hot-number,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp .icon-number .hot-number,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp .icon-number .hot-number,
.choiceness .masonry-detaill .detail-bg .content .carousel .temp .icon-number .hot-number {
  margin-right: 12px;
}
.Designer .masonry-detaill .detail-bg .content .carousel .temp .icon-number .hot-number::after,
.Seek .masonry-detaill .detail-bg .content .carousel .temp .icon-number .hot-number::after,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp .icon-number .hot-number::after,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp .icon-number .hot-number::after,
.choiceness .masonry-detaill .detail-bg .content .carousel .temp .icon-number .hot-number::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 6px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-351px -2366px;
width:15px;
height:19px;

}
.Designer .masonry-detaill .detail-bg .content .carousel .temp .icon-number .flower-number,
.Seek .masonry-detaill .detail-bg .content .carousel .temp .icon-number .flower-number,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp .icon-number .flower-number,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp .icon-number .flower-number,
.choiceness .masonry-detaill .detail-bg .content .carousel .temp .icon-number .flower-number {
  margin-right: 12px;
  padding: 8px 10px 8px 35px;
  color: #FACED6;
}
.Designer .masonry-detaill .detail-bg .content .carousel .temp .icon-number .flower-number::after,
.Seek .masonry-detaill .detail-bg .content .carousel .temp .icon-number .flower-number::after,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp .icon-number .flower-number::after,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp .icon-number .flower-number::after,
.choiceness .masonry-detaill .detail-bg .content .carousel .temp .icon-number .flower-number::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2258px -2490px;
width:32px;
height:32px;

}
.Designer .masonry-detaill .detail-bg .content .labels,
.Seek .masonry-detaill .detail-bg .content .labels,
.PersonalCenter .masonry-detaill .detail-bg .content .labels,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .labels,
.choiceness .masonry-detaill .detail-bg .content .labels {
  width: 100%;
  text-align: left;
  margin: 10px 0 25px 0;
  padding-top: 9px;
}
.Designer .masonry-detaill .detail-bg .content .labels div,
.Seek .masonry-detaill .detail-bg .content .labels div,
.PersonalCenter .masonry-detaill .detail-bg .content .labels div,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .labels div,
.choiceness .masonry-detaill .detail-bg .content .labels div {
  font-family: 'NotoSansSC';
  margin-right: 10px;
  display: inline-block;
  border-radius: 4px;
  font-size: 14px;
  padding: 4px 15px;
  color: #595959;
  background-color: #feeeba;
  margin-bottom: 8px;
}
.Designer .masonry-detaill .detail-bg .content .text,
.Seek .masonry-detaill .detail-bg .content .text,
.PersonalCenter .masonry-detaill .detail-bg .content .text,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text,
.choiceness .masonry-detaill .detail-bg .content .text {
  width: 100%;
  position: relative;
  padding-bottom: 10px;
}
.Designer .masonry-detaill .detail-bg .content .text::after,
.Seek .masonry-detaill .detail-bg .content .text::after,
.PersonalCenter .masonry-detaill .detail-bg .content .text::after,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text::after,
.choiceness .masonry-detaill .detail-bg .content .text::after {
  z-index: 1;
}
.Designer .masonry-detaill .detail-bg .content .text .icon-detail-top-1,
.Seek .masonry-detaill .detail-bg .content .text .icon-detail-top-1,
.PersonalCenter .masonry-detaill .detail-bg .content .text .icon-detail-top-1,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .icon-detail-top-1,
.choiceness .masonry-detaill .detail-bg .content .text .icon-detail-top-1 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2501px -1763px;
width:84px;
height:41px;

  display: inline-block;
  position: absolute;
  right: -100px;
  top: -10px;
}
.Designer .masonry-detaill .detail-bg .content .text .icon-detail-top-2,
.Seek .masonry-detaill .detail-bg .content .text .icon-detail-top-2,
.PersonalCenter .masonry-detaill .detail-bg .content .text .icon-detail-top-2,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .icon-detail-top-2,
.choiceness .masonry-detaill .detail-bg .content .text .icon-detail-top-2 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2392px -1508px;
width:132px;
height:41px;

  display: inline-block;
  position: absolute;
  right: -150px;
  top: -10px;
}
.Designer .masonry-detaill .detail-bg .content .text .icon-detail-top-3,
.Seek .masonry-detaill .detail-bg .content .text .icon-detail-top-3,
.PersonalCenter .masonry-detaill .detail-bg .content .text .icon-detail-top-3,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .icon-detail-top-3,
.choiceness .masonry-detaill .detail-bg .content .text .icon-detail-top-3 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2396px -1711px;
width:132px;
height:41px;

  display: inline-block;
  position: absolute;
  right: -150px;
  top: -10px;
}
.Designer .masonry-detaill .detail-bg .content .text .purchase-record-detail,
.Seek .masonry-detaill .detail-bg .content .text .purchase-record-detail,
.PersonalCenter .masonry-detaill .detail-bg .content .text .purchase-record-detail,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .purchase-record-detail,
.choiceness .masonry-detaill .detail-bg .content .text .purchase-record-detail {
  position: absolute;
  right: -80px;
  top: 0;
  display: inline-block;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2752px -739px;
width:59px;
height:31px;

}
.Designer .masonry-detaill .detail-bg .content .text .hero-record-detail,
.Seek .masonry-detaill .detail-bg .content .text .hero-record-detail,
.PersonalCenter .masonry-detaill .detail-bg .content .text .hero-record-detail,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .hero-record-detail,
.choiceness .masonry-detaill .detail-bg .content .text .hero-record-detail {
  position: absolute;
  right: -80px;
  top: 0;
  display: inline-block;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2526px -1508px;
width:59px;
height:31px;

}
.Designer .masonry-detaill .detail-bg .content .text .title,
.Seek .masonry-detaill .detail-bg .content .text .title,
.PersonalCenter .masonry-detaill .detail-bg .content .text .title,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .title,
.choiceness .masonry-detaill .detail-bg .content .text .title {
  text-indent: 1.5em;
  position: absolute;
  white-space: nowrap;
  left: -15px;
  font-size: 24px;
  color: #45786d;
  text-align: left;
}
.Designer .masonry-detaill .detail-bg .content .text .title .txt,
.Seek .masonry-detaill .detail-bg .content .text .title .txt,
.PersonalCenter .masonry-detaill .detail-bg .content .text .title .txt,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .title .txt,
.choiceness .masonry-detaill .detail-bg .content .text .title .txt {
  position: relative;
  z-index: 2;
}
.Designer .masonry-detaill .detail-bg .content .text .title .title-bg,
.Seek .masonry-detaill .detail-bg .content .text .title .title-bg,
.PersonalCenter .masonry-detaill .detail-bg .content .text .title .title-bg,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .title .title-bg,
.choiceness .masonry-detaill .detail-bg .content .text .title .title-bg {
  height: 16px;
  vertical-align: bottom;
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% + 20px);
  margin-right: 20px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/title-bg_60609511.png) no-repeat center center;
  background-size: 100% 120%;
}
.Designer .masonry-detaill .detail-bg .content .text .title .title-bg::after,
.Seek .masonry-detaill .detail-bg .content .text .title .title-bg::after,
.PersonalCenter .masonry-detaill .detail-bg .content .text .title .title-bg::after,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .title .title-bg::after,
.choiceness .masonry-detaill .detail-bg .content .text .title .title-bg::after {
  content: '';
  position: absolute;
  left: 0;
  top: -12px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2800px -1533px;
width:31px;
height:29px;

}
.Designer .masonry-detaill .detail-bg .content .text .title:first-letter,
.Seek .masonry-detaill .detail-bg .content .text .title:first-letter,
.PersonalCenter .masonry-detaill .detail-bg .content .text .title:first-letter,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .title:first-letter,
.choiceness .masonry-detaill .detail-bg .content .text .title:first-letter {
  text-transform: uppercase;
}
.Designer .masonry-detaill .detail-bg .content .text .doce,
.Seek .masonry-detaill .detail-bg .content .text .doce,
.PersonalCenter .masonry-detaill .detail-bg .content .text .doce,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .doce,
.choiceness .masonry-detaill .detail-bg .content .text .doce {
  width: 75%;
  font-size: 16px;
  color: #595959;
  text-align: left;
  left: 0;
  padding: 42px 0 10px 0;
}
.Designer .masonry-detaill .detail-bg .content .text .hint,
.Seek .masonry-detaill .detail-bg .content .text .hint,
.PersonalCenter .masonry-detaill .detail-bg .content .text .hint,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .hint,
.choiceness .masonry-detaill .detail-bg .content .text .hint {
  cursor: pointer;
  position: absolute;
  top: 115px;
}
.Designer .masonry-detaill .detail-bg .content .text .hint .hint-text,
.Seek .masonry-detaill .detail-bg .content .text .hint .hint-text,
.PersonalCenter .masonry-detaill .detail-bg .content .text .hint .hint-text,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .hint .hint-text,
.choiceness .masonry-detaill .detail-bg .content .text .hint .hint-text {
  display: none;
  min-width: 200px;
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 110%;
  background: #7fbfcf;
  color: #1b5a77;
  font-size: 16px;
  border-radius: 5px;
  line-height: 32px;
  padding: 0 5px;
}
.Designer .masonry-detaill .detail-bg .content .text .hint .hint-text::after,
.Seek .masonry-detaill .detail-bg .content .text .hint .hint-text::after,
.PersonalCenter .masonry-detaill .detail-bg .content .text .hint .hint-text::after,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .hint .hint-text::after,
.choiceness .masonry-detaill .detail-bg .content .text .hint .hint-text::after {
  content: "";
  position: absolute;
  left: -1px;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 5px solid #7fbfcf;
  border-right: 5px solid #7fbfcf;
  -webkit-transform: rotate(-135deg) translateX(50%);
          transform: rotate(-135deg) translateX(50%);
}
.Designer .masonry-detaill .detail-bg .content .text .hint:hover .hint-text,
.Seek .masonry-detaill .detail-bg .content .text .hint:hover .hint-text,
.PersonalCenter .masonry-detaill .detail-bg .content .text .hint:hover .hint-text,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .hint:hover .hint-text,
.choiceness .masonry-detaill .detail-bg .content .text .hint:hover .hint-text {
  display: block;
}
.Designer .masonry-detaill .detail-bg .content .text .btn-text,
.Seek .masonry-detaill .detail-bg .content .text .btn-text,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text,
.Designer .masonry-detaill .detail-bg .content .text .btn-text-cooperation,
.Seek .masonry-detaill .detail-bg .content .text .btn-text-cooperation,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text-cooperation,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text-cooperation,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text-cooperation {
  width: 285px;
  height: 52px;
  margin-top: 10px;
  position: relative;
  text-align: left;
}
.Designer .masonry-detaill .detail-bg .content .text .btn-text .head-img,
.Seek .masonry-detaill .detail-bg .content .text .btn-text .head-img,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text .head-img,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text .head-img,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text .head-img,
.Designer .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img,
.Seek .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img {
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.Designer .masonry-detaill .detail-bg .content .text .btn-text .head-img::after,
.Seek .masonry-detaill .detail-bg .content .text .btn-text .head-img::after,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text .head-img::after,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text .head-img::after,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text .head-img::after,
.Designer .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img::after,
.Seek .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img::after,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img::after,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img::after,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img::after {
  position: absolute;
  content: "";
  top: -20px;
  left: -20px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2551px -1210px;
width:45px;
height:44px;

}
.Designer .masonry-detaill .detail-bg .content .text .btn-text .head-img img,
.Seek .masonry-detaill .detail-bg .content .text .btn-text .head-img img,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text .head-img img,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text .head-img img,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text .head-img img,
.Designer .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img img,
.Seek .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img img,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img img,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img img,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img img {
  display: block;
  position: relative;
  width: 52px;
  height: 52px;
  background-size: cover;
  border-radius: 50%;
  border: 2px solid #ddd6bc;
}
.Designer .masonry-detaill .detail-bg .content .text .btn-text .head-img .admin-v,
.Seek .masonry-detaill .detail-bg .content .text .btn-text .head-img .admin-v,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text .head-img .admin-v,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text .head-img .admin-v,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text .head-img .admin-v,
.Designer .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img .admin-v,
.Seek .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img .admin-v,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img .admin-v,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img .admin-v,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text-cooperation .head-img .admin-v {
  position: absolute;
  bottom: -8px;
  right: -10px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1374px -2576px;
width:40px;
height:48px;

}
.Designer .masonry-detaill .detail-bg .content .text .btn-text .name,
.Seek .masonry-detaill .detail-bg .content .text .btn-text .name,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text .name,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text .name,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text .name,
.Designer .masonry-detaill .detail-bg .content .text .btn-text-cooperation .name,
.Seek .masonry-detaill .detail-bg .content .text .btn-text-cooperation .name,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text-cooperation .name,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text-cooperation .name,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text-cooperation .name {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  position: absolute;
  top: 18px;
  left: 70px;
  font-size: 18px;
  color: #45786d;
  font-weight: 600;
  border-bottom: 2px solid #45786d;
}
.Designer .masonry-detaill .detail-bg .content .text .btn-text .name:hover,
.Seek .masonry-detaill .detail-bg .content .text .btn-text .name:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text .name:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text .name:hover,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text .name:hover,
.Designer .masonry-detaill .detail-bg .content .text .btn-text-cooperation .name:hover,
.Seek .masonry-detaill .detail-bg .content .text .btn-text-cooperation .name:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text-cooperation .name:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text-cooperation .name:hover,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text-cooperation .name:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.Designer .masonry-detaill .detail-bg .content .text .btn-text .attention,
.Seek .masonry-detaill .detail-bg .content .text .btn-text .attention,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text .attention,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text .attention,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text .attention,
.Designer .masonry-detaill .detail-bg .content .text .btn-text-cooperation .attention,
.Seek .masonry-detaill .detail-bg .content .text .btn-text-cooperation .attention,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text-cooperation .attention,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text-cooperation .attention,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text-cooperation .attention {
  cursor: pointer;
  width: 82px;
  height: 32px;
  line-height: 32px;
  color: #f2963d;
  border: 1px solid #e0b769;
  border-radius: 18px;
  position: absolute;
  text-align: center;
  top: 12px;
  right: 0;
  font-size: 16px;
}
.Designer .masonry-detaill .detail-bg .content .text .btn-text .attention:hover,
.Seek .masonry-detaill .detail-bg .content .text .btn-text .attention:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text .attention:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text .attention:hover,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text .attention:hover,
.Designer .masonry-detaill .detail-bg .content .text .btn-text-cooperation .attention:hover,
.Seek .masonry-detaill .detail-bg .content .text .btn-text-cooperation .attention:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text-cooperation .attention:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text-cooperation .attention:hover,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text-cooperation .attention:hover {
  color: #eb8019;
  background-color: rgba(242, 150, 61, 0.2);
  border: 1px solid #eb8019;
}
.Designer .masonry-detaill .detail-bg .content .text .btn-text-cooperation,
.Seek .masonry-detaill .detail-bg .content .text .btn-text-cooperation,
.PersonalCenter .masonry-detaill .detail-bg .content .text .btn-text-cooperation,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .btn-text-cooperation,
.choiceness .masonry-detaill .detail-bg .content .text .btn-text-cooperation {
  position: absolute;
  right: 0;
  bottom: 10px;
}
.Designer .masonry-detaill .comment,
.Seek .masonry-detaill .comment,
.PersonalCenter .masonry-detaill .comment,
.TheRecommendedDesign .masonry-detaill .comment,
.choiceness .masonry-detaill .comment {
  position: relative;
  left: 0;
  width: 100%;
  background: #f0fafd;
  min-height: 1068px;
  padding: 0 40px 260px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'NotoSansSC';
}
.Designer .masonry-detaill .comment .hot-icon,
.Seek .masonry-detaill .comment .hot-icon,
.PersonalCenter .masonry-detaill .comment .hot-icon,
.TheRecommendedDesign .masonry-detaill .comment .hot-icon,
.choiceness .masonry-detaill .comment .hot-icon {
  cursor: pointer;
  color: #5db19d;
  font-size: 16px;
  position: absolute;
  right: 60px;
  top: 15px;
}
.Designer .masonry-detaill .comment .hot-icon::after,
.Seek .masonry-detaill .comment .hot-icon::after,
.PersonalCenter .masonry-detaill .comment .hot-icon::after,
.TheRecommendedDesign .masonry-detaill .comment .hot-icon::after,
.choiceness .masonry-detaill .comment .hot-icon::after {
  content: '';
  position: absolute;
  left: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2568px -1649px;
width:16px;
height:14px;

}
.Designer .masonry-detaill .comment .hot-icon ul,
.Seek .masonry-detaill .comment .hot-icon ul,
.PersonalCenter .masonry-detaill .comment .hot-icon ul,
.TheRecommendedDesign .masonry-detaill .comment .hot-icon ul,
.choiceness .masonry-detaill .comment .hot-icon ul {
  display: none;
  z-index: 10;
  position: absolute;
  bottom: -106px;
  left: -88px;
  padding: 12px 0 7px 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -660px;
width:144px;
height:110px;

  font-size: 18px;
  color: #595959;
}
.Designer .masonry-detaill .comment .hot-icon ul li,
.Seek .masonry-detaill .comment .hot-icon ul li,
.PersonalCenter .masonry-detaill .comment .hot-icon ul li,
.TheRecommendedDesign .masonry-detaill .comment .hot-icon ul li,
.choiceness .masonry-detaill .comment .hot-icon ul li {
  height: 46px;
  display: -webkit-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;
}
.Designer .masonry-detaill .comment .hot-icon ul li:hover,
.Seek .masonry-detaill .comment .hot-icon ul li:hover,
.PersonalCenter .masonry-detaill .comment .hot-icon ul li:hover,
.TheRecommendedDesign .masonry-detaill .comment .hot-icon ul li:hover,
.choiceness .masonry-detaill .comment .hot-icon ul li:hover {
  color: #5db19d;
}
.Designer .masonry-detaill .comment .hot-icon ul .ca-hot,
.Seek .masonry-detaill .comment .hot-icon ul .ca-hot,
.PersonalCenter .masonry-detaill .comment .hot-icon ul .ca-hot,
.TheRecommendedDesign .masonry-detaill .comment .hot-icon ul .ca-hot,
.choiceness .masonry-detaill .comment .hot-icon ul .ca-hot {
  color: #5db19d;
}
.Designer .masonry-detaill .comment .hot-icon:hover ul,
.Seek .masonry-detaill .comment .hot-icon:hover ul,
.PersonalCenter .masonry-detaill .comment .hot-icon:hover ul,
.TheRecommendedDesign .masonry-detaill .comment .hot-icon:hover ul,
.choiceness .masonry-detaill .comment .hot-icon:hover ul {
  display: block;
}
.Designer .masonry-detaill .comment .hot-icon:hover span,
.Seek .masonry-detaill .comment .hot-icon:hover span,
.PersonalCenter .masonry-detaill .comment .hot-icon:hover span,
.TheRecommendedDesign .masonry-detaill .comment .hot-icon:hover span,
.choiceness .masonry-detaill .comment .hot-icon:hover span {
  color: #67938a;
}
.Designer .masonry-detaill .comment .hot-icon:hover::after,
.Seek .masonry-detaill .comment .hot-icon:hover::after,
.PersonalCenter .masonry-detaill .comment .hot-icon:hover::after,
.TheRecommendedDesign .masonry-detaill .comment .hot-icon:hover::after,
.choiceness .masonry-detaill .comment .hot-icon:hover::after {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2586px -1649px;
width:16px;
height:14px;

}
.Designer .masonry-detaill .comment .nxh:last-child,
.Seek .masonry-detaill .comment .nxh:last-child,
.PersonalCenter .masonry-detaill .comment .nxh:last-child,
.TheRecommendedDesign .masonry-detaill .comment .nxh:last-child,
.choiceness .masonry-detaill .comment .nxh:last-child,
.Designer .masonry-detaill .comment .jh:last-child,
.Seek .masonry-detaill .comment .jh:last-child,
.PersonalCenter .masonry-detaill .comment .jh:last-child,
.TheRecommendedDesign .masonry-detaill .comment .jh:last-child,
.choiceness .masonry-detaill .comment .jh:last-child,
.Designer .masonry-detaill .comment .popo:last-child,
.Seek .masonry-detaill .comment .popo:last-child,
.PersonalCenter .masonry-detaill .comment .popo:last-child,
.TheRecommendedDesign .masonry-detaill .comment .popo:last-child,
.choiceness .masonry-detaill .comment .popo:last-child {
  /* 让最后一个元素的右边距自动适应，从而实现左对齐的效果。 */
  margin-right: auto;
}
.Designer .masonry-detaill .comment .jh:nth-last-child(2),
.Seek .masonry-detaill .comment .jh:nth-last-child(2),
.PersonalCenter .masonry-detaill .comment .jh:nth-last-child(2),
.TheRecommendedDesign .masonry-detaill .comment .jh:nth-last-child(2),
.choiceness .masonry-detaill .comment .jh:nth-last-child(2) {
  /* 让最后一个元素的右边距自动适应，从而实现左对齐的效果。 */
  margin: 0 17px 0 11px;
}
.Designer .masonry-detaill .comment .nxh:nth-last-child(2),
.Seek .masonry-detaill .comment .nxh:nth-last-child(2),
.PersonalCenter .masonry-detaill .comment .nxh:nth-last-child(2),
.TheRecommendedDesign .masonry-detaill .comment .nxh:nth-last-child(2),
.choiceness .masonry-detaill .comment .nxh:nth-last-child(2) {
  margin-right: 16px;
}
.Designer .masonry-detaill .comment .nxh:nth-last-child(3),
.Seek .masonry-detaill .comment .nxh:nth-last-child(3),
.PersonalCenter .masonry-detaill .comment .nxh:nth-last-child(3),
.TheRecommendedDesign .masonry-detaill .comment .nxh:nth-last-child(3),
.choiceness .masonry-detaill .comment .nxh:nth-last-child(3) {
  margin: 0 16px 0 16px;
}
.Designer .masonry-detaill .comment .im-comment,
.Seek .masonry-detaill .comment .im-comment,
.PersonalCenter .masonry-detaill .comment .im-comment,
.TheRecommendedDesign .masonry-detaill .comment .im-comment,
.choiceness .masonry-detaill .comment .im-comment {
  padding: 56px 0 40px 0;
  width: 100%;
  border-bottom: 1px solid #c8d9df;
}
.Designer .masonry-detaill .comment .im-comment .el-textarea__inner,
.Seek .masonry-detaill .comment .im-comment .el-textarea__inner,
.PersonalCenter .masonry-detaill .comment .im-comment .el-textarea__inner,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .el-textarea__inner,
.choiceness .masonry-detaill .comment .im-comment .el-textarea__inner,
.Designer .masonry-detaill .comment .im-comment .el-input__count,
.Seek .masonry-detaill .comment .im-comment .el-input__count,
.PersonalCenter .masonry-detaill .comment .im-comment .el-input__count,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .el-input__count,
.choiceness .masonry-detaill .comment .im-comment .el-input__count {
  background: rgba(255, 255, 255, 0);
  border-width: 0;
  font-size: 16px;
  -webkit-text-fill-color: #595959;
}
.Designer .masonry-detaill .comment .im-comment .el-input__count,
.Seek .masonry-detaill .comment .im-comment .el-input__count,
.PersonalCenter .masonry-detaill .comment .im-comment .el-input__count,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .el-input__count,
.choiceness .masonry-detaill .comment .im-comment .el-input__count {
  font-size: 12px;
  color: #66a292 !important;
  -webkit-text-fill-color: #66a292;
  font-weight: 400;
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
}
.Designer .masonry-detaill .comment .im-comment .tx,
.Seek .masonry-detaill .comment .im-comment .tx,
.PersonalCenter .masonry-detaill .comment .im-comment .tx,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .tx,
.choiceness .masonry-detaill .comment .im-comment .tx {
  cursor: pointer;
  position: absolute;
  top: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.Designer .masonry-detaill .comment .im-comment .tx img,
.Seek .masonry-detaill .comment .im-comment .tx img,
.PersonalCenter .masonry-detaill .comment .im-comment .tx img,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .tx img,
.choiceness .masonry-detaill .comment .im-comment .tx img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-size: 100% auto;
  border: 2px solid #ddd6bc;
}
.Designer .masonry-detaill .comment .im-comment .tx .admin-v,
.Seek .masonry-detaill .comment .im-comment .tx .admin-v,
.PersonalCenter .masonry-detaill .comment .im-comment .tx .admin-v,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .tx .admin-v,
.choiceness .masonry-detaill .comment .im-comment .tx .admin-v {
  position: absolute;
  bottom: -8px;
  right: -10px;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1374px -2576px;
width:40px;
height:48px;

}
.Designer .masonry-detaill .comment .im-comment img,
.Seek .masonry-detaill .comment .im-comment img,
.PersonalCenter .masonry-detaill .comment .im-comment img,
.TheRecommendedDesign .masonry-detaill .comment .im-comment img,
.choiceness .masonry-detaill .comment .im-comment img {
  display: inline-block;
  margin: 0 1px;
}
.Designer .masonry-detaill .comment .im-comment .content,
.Seek .masonry-detaill .comment .im-comment .content,
.PersonalCenter .masonry-detaill .comment .im-comment .content,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .content,
.choiceness .masonry-detaill .comment .im-comment .content {
  background: #ddefed;
  margin-left: 45px;
  display: inline-block;
  border-radius: 5px;
}
.Designer .masonry-detaill .comment .im-comment .commentText,
.Seek .masonry-detaill .comment .im-comment .commentText,
.PersonalCenter .masonry-detaill .comment .im-comment .commentText,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .commentText,
.choiceness .masonry-detaill .comment .im-comment .commentText,
.Designer .masonry-detaill .comment .im-comment .commentText2,
.Seek .masonry-detaill .comment .im-comment .commentText2,
.PersonalCenter .masonry-detaill .comment .im-comment .commentText2,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .commentText2,
.choiceness .masonry-detaill .comment .im-comment .commentText2 {
  display: inline-block;
  width: 400px;
  padding-right: 50px;
  height: 100%;
  text-align: left;
}
.Designer .masonry-detaill .comment .im-comment .commentText .el-input__inner,
.Seek .masonry-detaill .comment .im-comment .commentText .el-input__inner,
.PersonalCenter .masonry-detaill .comment .im-comment .commentText .el-input__inner,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .commentText .el-input__inner,
.choiceness .masonry-detaill .comment .im-comment .commentText .el-input__inner,
.Designer .masonry-detaill .comment .im-comment .commentText2 .el-input__inner,
.Seek .masonry-detaill .comment .im-comment .commentText2 .el-input__inner,
.PersonalCenter .masonry-detaill .comment .im-comment .commentText2 .el-input__inner,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .commentText2 .el-input__inner,
.choiceness .masonry-detaill .comment .im-comment .commentText2 .el-input__inner {
  background: #ddefed;
  border: 1px solid #ddefed;
  font-size: 16px;
  -webkit-text-fill-color: #1b5a77;
}
.Designer .masonry-detaill .comment .im-comment .commentText .el-input__count-inner,
.Seek .masonry-detaill .comment .im-comment .commentText .el-input__count-inner,
.PersonalCenter .masonry-detaill .comment .im-comment .commentText .el-input__count-inner,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .commentText .el-input__count-inner,
.choiceness .masonry-detaill .comment .im-comment .commentText .el-input__count-inner,
.Designer .masonry-detaill .comment .im-comment .commentText2 .el-input__count-inner,
.Seek .masonry-detaill .comment .im-comment .commentText2 .el-input__count-inner,
.PersonalCenter .masonry-detaill .comment .im-comment .commentText2 .el-input__count-inner,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .commentText2 .el-input__count-inner,
.choiceness .masonry-detaill .comment .im-comment .commentText2 .el-input__count-inner {
  background: #ddefed !important;
}
.Designer .masonry-detaill .comment .im-comment .commentText img,
.Seek .masonry-detaill .comment .im-comment .commentText img,
.PersonalCenter .masonry-detaill .comment .im-comment .commentText img,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .commentText img,
.choiceness .masonry-detaill .comment .im-comment .commentText img,
.Designer .masonry-detaill .comment .im-comment .commentText2 img,
.Seek .masonry-detaill .comment .im-comment .commentText2 img,
.PersonalCenter .masonry-detaill .comment .im-comment .commentText2 img,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .commentText2 img,
.choiceness .masonry-detaill .comment .im-comment .commentText2 img {
  display: inline-block;
}
.Designer .masonry-detaill .comment .im-comment .commentText2,
.Seek .masonry-detaill .comment .im-comment .commentText2,
.PersonalCenter .masonry-detaill .comment .im-comment .commentText2,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .commentText2,
.choiceness .masonry-detaill .comment .im-comment .commentText2 {
  width: 370px;
}
.Designer .masonry-detaill .comment .im-comment textarea::-webkit-scrollbar,
.Seek .masonry-detaill .comment .im-comment textarea::-webkit-scrollbar,
.PersonalCenter .masonry-detaill .comment .im-comment textarea::-webkit-scrollbar,
.TheRecommendedDesign .masonry-detaill .comment .im-comment textarea::-webkit-scrollbar,
.choiceness .masonry-detaill .comment .im-comment textarea::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: #f0fafd;
}
.Designer .masonry-detaill .comment .im-comment textarea::-webkit-scrollbar-thumb,
.Seek .masonry-detaill .comment .im-comment textarea::-webkit-scrollbar-thumb,
.PersonalCenter .masonry-detaill .comment .im-comment textarea::-webkit-scrollbar-thumb,
.TheRecommendedDesign .masonry-detaill .comment .im-comment textarea::-webkit-scrollbar-thumb,
.choiceness .masonry-detaill .comment .im-comment textarea::-webkit-scrollbar-thumb {
  background-color: #999;
}
.Designer .masonry-detaill .comment .im-comment .look,
.Seek .masonry-detaill .comment .im-comment .look,
.PersonalCenter .masonry-detaill .comment .im-comment .look,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look,
.choiceness .masonry-detaill .comment .im-comment .look {
  z-index: 2;
  position: relative;
  display: inline-block;
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
}
.Designer .masonry-detaill .comment .im-comment .look .look-bg,
.Seek .masonry-detaill .comment .im-comment .look .look-bg,
.PersonalCenter .masonry-detaill .comment .im-comment .look .look-bg,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look .look-bg,
.choiceness .masonry-detaill .comment .im-comment .look .look-bg {
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -932px;
width:23px;
height:23px;

}
.Designer .masonry-detaill .comment .im-comment .look .look-bg:hover,
.Seek .masonry-detaill .comment .im-comment .look .look-bg:hover,
.PersonalCenter .masonry-detaill .comment .im-comment .look .look-bg:hover,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look .look-bg:hover,
.choiceness .masonry-detaill .comment .im-comment .look .look-bg:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -982px;
width:23px;
height:23px;

}
.Designer .masonry-detaill .comment .im-comment .look-icon-bg,
.Seek .masonry-detaill .comment .im-comment .look-icon-bg,
.PersonalCenter .masonry-detaill .comment .im-comment .look-icon-bg,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-icon-bg,
.choiceness .masonry-detaill .comment .im-comment .look-icon-bg {
  padding: 65px;
  background-color: #fff;
  display: inline-block;
  position: absolute;
  left: -55px;
  top: -140px;
}
.Designer .masonry-detaill .comment .im-comment .look-icon-bg::before,
.Seek .masonry-detaill .comment .im-comment .look-icon-bg::before,
.PersonalCenter .masonry-detaill .comment .im-comment .look-icon-bg::before,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-icon-bg::before,
.choiceness .masonry-detaill .comment .im-comment .look-icon-bg::before {
  position: absolute;
  bottom: -5px;
  content: "";
  border: 6px solid #fff;
  width: 5px;
  height: 5px;
  border-left-color: transparent;
  border-top-color: transparent;
  -webkit-transform: translateX(-7px) rotate(45deg);
          transform: translateX(-7px) rotate(45deg);
}
.Designer .masonry-detaill .comment .im-comment .look-icon-bg .icon,
.Seek .masonry-detaill .comment .im-comment .look-icon-bg .icon,
.PersonalCenter .masonry-detaill .comment .im-comment .look-icon-bg .icon,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-icon-bg .icon,
.choiceness .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: 115px;
  height: 115px;
  font-size: 0;
  margin: 0;
}
.Designer .masonry-detaill .comment .im-comment .look-icon-bg .icon-back,
.Seek .masonry-detaill .comment .im-comment .look-icon-bg .icon-back,
.PersonalCenter .masonry-detaill .comment .im-comment .look-icon-bg .icon-back,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-icon-bg .icon-back,
.choiceness .masonry-detaill .comment .im-comment .look-icon-bg .icon-back {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2584px -1310px;
width:19px;
height:18px;

}
.Designer .masonry-detaill .comment .im-comment .look-icon-bg .icon-back:hover,
.Seek .masonry-detaill .comment .im-comment .look-icon-bg .icon-back:hover,
.PersonalCenter .masonry-detaill .comment .im-comment .look-icon-bg .icon-back:hover,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-icon-bg .icon-back:hover,
.choiceness .masonry-detaill .comment .im-comment .look-icon-bg .icon-back:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.Designer .masonry-detaill .comment .im-comment .look-content,
.Seek .masonry-detaill .comment .im-comment .look-content,
.PersonalCenter .masonry-detaill .comment .im-comment .look-content,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-content,
.choiceness .masonry-detaill .comment .im-comment .look-content {
  z-index: 3;
  position: absolute;
  left: -68%;
  top: 30px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 320px;
  max-height: 230px;
  background-color: #dfeee9;
  border-radius: 8px;
}
.Designer .masonry-detaill .comment .im-comment .look-scroll,
.Seek .masonry-detaill .comment .im-comment .look-scroll,
.PersonalCenter .masonry-detaill .comment .im-comment .look-scroll,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-scroll,
.choiceness .masonry-detaill .comment .im-comment .look-scroll {
  margin: 0 auto;
  width: 90%;
  padding: 10px 10px 10px 25px;
  height: 173px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 10px;
}
.Designer .masonry-detaill .comment .im-comment .look-scroll .look-icon,
.Seek .masonry-detaill .comment .im-comment .look-scroll .look-icon,
.PersonalCenter .masonry-detaill .comment .im-comment .look-scroll .look-icon,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-scroll .look-icon,
.choiceness .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;
}
.Designer .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-temp,
.Seek .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-temp,
.PersonalCenter .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-temp,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-temp,
.choiceness .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-temp {
  width: 46px;
  height: 46px;
  overflow: hidden;
}
.Designer .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-temp.popo,
.Seek .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-temp.popo,
.PersonalCenter .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-temp.popo,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-temp.popo,
.choiceness .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-temp.popo {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.Designer .masonry-detaill .comment .im-comment .look-scroll .look-icon .jh,
.Seek .masonry-detaill .comment .im-comment .look-scroll .look-icon .jh,
.PersonalCenter .masonry-detaill .comment .im-comment .look-scroll .look-icon .jh,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-scroll .look-icon .jh,
.choiceness .masonry-detaill .comment .im-comment .look-scroll .look-icon .jh,
.Designer .masonry-detaill .comment .im-comment .look-scroll .look-icon .nxh,
.Seek .masonry-detaill .comment .im-comment .look-scroll .look-icon .nxh,
.PersonalCenter .masonry-detaill .comment .im-comment .look-scroll .look-icon .nxh,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-scroll .look-icon .nxh,
.choiceness .masonry-detaill .comment .im-comment .look-scroll .look-icon .nxh,
.Designer .masonry-detaill .comment .im-comment .look-scroll .look-icon .cdd,
.Seek .masonry-detaill .comment .im-comment .look-scroll .look-icon .cdd,
.PersonalCenter .masonry-detaill .comment .im-comment .look-scroll .look-icon .cdd,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-scroll .look-icon .cdd,
.choiceness .masonry-detaill .comment .im-comment .look-scroll .look-icon .cdd {
  margin-bottom: 10px;
}
.Designer .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item,
.Seek .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item,
.PersonalCenter .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item,
.choiceness .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item {
  cursor: pointer;
  position: relative;
  font-size: 0;
}
.Designer .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item:hover .look-temp,
.Seek .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item:hover .look-temp,
.PersonalCenter .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item:hover .look-temp,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item:hover .look-temp,
.choiceness .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item:hover .look-temp {
  display: block;
}
.Designer .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .el-button,
.Seek .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .el-button,
.PersonalCenter .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .el-button,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .el-button,
.choiceness .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .el-button {
  width: 0 !important;
  height: 0 !important;
  padding: 16px;
  opacity: 0;
}
.Designer .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp,
.Seek .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp,
.PersonalCenter .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp,
.choiceness .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp {
  width: 0;
  height: 0;
  display: none;
}
.Designer .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp .el-popover__title,
.Seek .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp .el-popover__title,
.PersonalCenter .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp .el-popover__title,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp .el-popover__title,
.choiceness .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp .el-popover__title {
  display: none;
}
.Designer .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp button,
.Seek .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp button,
.PersonalCenter .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp button,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp button,
.choiceness .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp button {
  display: inline-block;
}
.Designer .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp div,
.Seek .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp div,
.PersonalCenter .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp div,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-scroll .look-icon .look-icon-item .look-temp div,
.choiceness .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%);
}
.Designer .masonry-detaill .comment .im-comment .look-scroll::-webkit-scrollbar,
.Seek .masonry-detaill .comment .im-comment .look-scroll::-webkit-scrollbar,
.PersonalCenter .masonry-detaill .comment .im-comment .look-scroll::-webkit-scrollbar,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-scroll::-webkit-scrollbar,
.choiceness .masonry-detaill .comment .im-comment .look-scroll::-webkit-scrollbar {
  width: 5px;
  height: 3px;
  border-radius: 8px;
  background-color: #dfeee9;
}
.Designer .masonry-detaill .comment .im-comment .look-scroll::-webkit-scrollbar-thumb,
.Seek .masonry-detaill .comment .im-comment .look-scroll::-webkit-scrollbar-thumb,
.PersonalCenter .masonry-detaill .comment .im-comment .look-scroll::-webkit-scrollbar-thumb,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-scroll::-webkit-scrollbar-thumb,
.choiceness .masonry-detaill .comment .im-comment .look-scroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #66a292;
}
.Designer .masonry-detaill .comment .im-comment .look-nav,
.Seek .masonry-detaill .comment .im-comment .look-nav,
.PersonalCenter .masonry-detaill .comment .im-comment .look-nav,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-nav,
.choiceness .masonry-detaill .comment .im-comment .look-nav {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-wrap: nowrap;
  height: 48px;
  line-height: 70.5px;
  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;
}
.Designer .masonry-detaill .comment .im-comment .look-nav::after,
.Seek .masonry-detaill .comment .im-comment .look-nav::after,
.PersonalCenter .masonry-detaill .comment .im-comment .look-nav::after,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-nav::after,
.choiceness .masonry-detaill .comment .im-comment .look-nav::after {
  width: 256px;
  height: 2px;
  position: absolute;
  content: "";
  bottom: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/xt_009a5322.png);
}
.Designer .masonry-detaill .comment .im-comment .look-nav::-webkit-scrollbar,
.Seek .masonry-detaill .comment .im-comment .look-nav::-webkit-scrollbar,
.PersonalCenter .masonry-detaill .comment .im-comment .look-nav::-webkit-scrollbar,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-nav::-webkit-scrollbar,
.choiceness .masonry-detaill .comment .im-comment .look-nav::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #f0fafd;
}
.Designer .masonry-detaill .comment .im-comment .look-nav::-webkit-scrollbar-thumb,
.Seek .masonry-detaill .comment .im-comment .look-nav::-webkit-scrollbar-thumb,
.PersonalCenter .masonry-detaill .comment .im-comment .look-nav::-webkit-scrollbar-thumb,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-nav::-webkit-scrollbar-thumb,
.choiceness .masonry-detaill .comment .im-comment .look-nav::-webkit-scrollbar-thumb {
  background-color: #438198;
}
.Designer .masonry-detaill .comment .im-comment .look-nav .look-nav-scroll,
.Seek .masonry-detaill .comment .im-comment .look-nav .look-nav-scroll,
.PersonalCenter .masonry-detaill .comment .im-comment .look-nav .look-nav-scroll,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-nav .look-nav-scroll,
.choiceness .masonry-detaill .comment .im-comment .look-nav .look-nav-scroll {
  width: 100%;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
}
.Designer .masonry-detaill .comment .im-comment .look-nav .look-nav-scroll div,
.Seek .masonry-detaill .comment .im-comment .look-nav .look-nav-scroll div,
.PersonalCenter .masonry-detaill .comment .im-comment .look-nav .look-nav-scroll div,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-nav .look-nav-scroll div,
.choiceness .masonry-detaill .comment .im-comment .look-nav .look-nav-scroll div {
  cursor: pointer;
  height: 24px;
  line-height: 24px;
  color: #66a292;
  font-size: 14px;
  padding: 0 10px;
  display: inline-block;
}
.Designer .masonry-detaill .comment .im-comment .look-nav .look-nav-scroll .ca-lock,
.Seek .masonry-detaill .comment .im-comment .look-nav .look-nav-scroll .ca-lock,
.PersonalCenter .masonry-detaill .comment .im-comment .look-nav .look-nav-scroll .ca-lock,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-nav .look-nav-scroll .ca-lock,
.choiceness .masonry-detaill .comment .im-comment .look-nav .look-nav-scroll .ca-lock {
  border: 1px solid #66a292;
  color: #fff;
  background: #66a292;
}
.Designer .masonry-detaill .comment .im-comment .z-look,
.Seek .masonry-detaill .comment .im-comment .z-look,
.PersonalCenter .masonry-detaill .comment .im-comment .z-look,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .z-look,
.choiceness .masonry-detaill .comment .im-comment .z-look {
  z-index: 3;
}
.Designer .masonry-detaill .comment .im-comment .look-h,
.Seek .masonry-detaill .comment .im-comment .look-h,
.PersonalCenter .masonry-detaill .comment .im-comment .look-h,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .look-h,
.choiceness .masonry-detaill .comment .im-comment .look-h {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -982px;
width:23px;
height:23px;

}
.Designer .masonry-detaill .comment .im-comment .btn-primary,
.Seek .masonry-detaill .comment .im-comment .btn-primary,
.PersonalCenter .masonry-detaill .comment .im-comment .btn-primary,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .btn-primary,
.choiceness .masonry-detaill .comment .im-comment .btn-primary {
  width: 60px;
  height: 25px;
  line-height: 25px;
  margin: 0 10px 6px 5px;
  display: inline-block;
  background: #66a292;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
}
.Designer .masonry-detaill .comment .im-comment .btn-primary:hover,
.Seek .masonry-detaill .comment .im-comment .btn-primary:hover,
.PersonalCenter .masonry-detaill .comment .im-comment .btn-primary:hover,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .btn-primary:hover,
.choiceness .masonry-detaill .comment .im-comment .btn-primary:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.Designer .masonry-detaill .comment .scroll-temp,
.Seek .masonry-detaill .comment .scroll-temp,
.PersonalCenter .masonry-detaill .comment .scroll-temp,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp,
.choiceness .masonry-detaill .comment .scroll-temp {
  position: relative;
  width: 100%;
}
.Designer .masonry-detaill .comment .scroll-temp .comment-item svg,
.Seek .masonry-detaill .comment .scroll-temp .comment-item svg,
.PersonalCenter .masonry-detaill .comment .scroll-temp .comment-item svg,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .comment-item svg,
.choiceness .masonry-detaill .comment .scroll-temp .comment-item svg {
  width: 32px;
  height: 32px;
  font-size: 0;
}
.Designer .masonry-detaill .comment .scroll-temp .comment-item svg.bigEmoj,
.Seek .masonry-detaill .comment .scroll-temp .comment-item svg.bigEmoj,
.PersonalCenter .masonry-detaill .comment .scroll-temp .comment-item svg.bigEmoj,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .comment-item svg.bigEmoj,
.choiceness .masonry-detaill .comment .scroll-temp .comment-item svg.bigEmoj {
  width: 115px;
  height: 115px;
}
.Designer .masonry-detaill .comment .scroll-temp .comment-item .spreadList:hover .dele,
.Seek .masonry-detaill .comment .scroll-temp .comment-item .spreadList:hover .dele,
.PersonalCenter .masonry-detaill .comment .scroll-temp .comment-item .spreadList:hover .dele,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .comment-item .spreadList:hover .dele,
.choiceness .masonry-detaill .comment .scroll-temp .comment-item .spreadList:hover .dele,
.Designer .masonry-detaill .comment .scroll-temp .comment-item .spreadList2:hover .dele,
.Seek .masonry-detaill .comment .scroll-temp .comment-item .spreadList2:hover .dele,
.PersonalCenter .masonry-detaill .comment .scroll-temp .comment-item .spreadList2:hover .dele,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .comment-item .spreadList2:hover .dele,
.choiceness .masonry-detaill .comment .scroll-temp .comment-item .spreadList2:hover .dele {
  display: inline-block;
}
.Designer .masonry-detaill .comment .scroll-temp .comment-item .spreadList:hover .jb,
.Seek .masonry-detaill .comment .scroll-temp .comment-item .spreadList:hover .jb,
.PersonalCenter .masonry-detaill .comment .scroll-temp .comment-item .spreadList:hover .jb,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .comment-item .spreadList:hover .jb,
.choiceness .masonry-detaill .comment .scroll-temp .comment-item .spreadList:hover .jb,
.Designer .masonry-detaill .comment .scroll-temp .comment-item .spreadList2:hover .jb,
.Seek .masonry-detaill .comment .scroll-temp .comment-item .spreadList2:hover .jb,
.PersonalCenter .masonry-detaill .comment .scroll-temp .comment-item .spreadList2:hover .jb,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .comment-item .spreadList2:hover .jb,
.choiceness .masonry-detaill .comment .scroll-temp .comment-item .spreadList2:hover .jb {
  display: block;
}
.Designer .masonry-detaill .comment .scroll-temp .comment-item .spreadList:hover .pl,
.Seek .masonry-detaill .comment .scroll-temp .comment-item .spreadList:hover .pl,
.PersonalCenter .masonry-detaill .comment .scroll-temp .comment-item .spreadList:hover .pl,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .comment-item .spreadList:hover .pl,
.choiceness .masonry-detaill .comment .scroll-temp .comment-item .spreadList:hover .pl,
.Designer .masonry-detaill .comment .scroll-temp .comment-item .spreadList2:hover .pl,
.Seek .masonry-detaill .comment .scroll-temp .comment-item .spreadList2:hover .pl,
.PersonalCenter .masonry-detaill .comment .scroll-temp .comment-item .spreadList2:hover .pl,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .comment-item .spreadList2:hover .pl,
.choiceness .masonry-detaill .comment .scroll-temp .comment-item .spreadList2:hover .pl {
  display: inline-block;
}
.Designer .masonry-detaill .comment .scroll-temp .comment-item img,
.Seek .masonry-detaill .comment .scroll-temp .comment-item img,
.PersonalCenter .masonry-detaill .comment .scroll-temp .comment-item img,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .comment-item img,
.choiceness .masonry-detaill .comment .scroll-temp .comment-item img {
  width: 48px;
  height: 48px;
  background-size: cover;
  border-radius: 50%;
}
.Designer .masonry-detaill .comment .scroll-temp .comment-item .im-comment,
.Seek .masonry-detaill .comment .scroll-temp .comment-item .im-comment,
.PersonalCenter .masonry-detaill .comment .scroll-temp .comment-item .im-comment,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .comment-item .im-comment,
.choiceness .masonry-detaill .comment .scroll-temp .comment-item .im-comment {
  border-bottom: 0 solid #c8d9df;
}
.Designer .masonry-detaill .comment .scroll-temp .comment-item .spread,
.Seek .masonry-detaill .comment .scroll-temp .comment-item .spread,
.PersonalCenter .masonry-detaill .comment .scroll-temp .comment-item .spread,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .comment-item .spread,
.choiceness .masonry-detaill .comment .scroll-temp .comment-item .spread,
.Designer .masonry-detaill .comment .scroll-temp .comment-item .spread2,
.Seek .masonry-detaill .comment .scroll-temp .comment-item .spread2,
.PersonalCenter .masonry-detaill .comment .scroll-temp .comment-item .spread2,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .comment-item .spread2,
.choiceness .masonry-detaill .comment .scroll-temp .comment-item .spread2 {
  position: absolute;
  bottom: -8px;
  left: 60px;
  cursor: pointer;
  display: inline-block;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  padding: 3px 25px 3px 5px;
  background-color: #b3dcc3;
}
.Designer .masonry-detaill .comment .scroll-temp .comment-item .spread::before,
.Seek .masonry-detaill .comment .scroll-temp .comment-item .spread::before,
.PersonalCenter .masonry-detaill .comment .scroll-temp .comment-item .spread::before,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .comment-item .spread::before,
.choiceness .masonry-detaill .comment .scroll-temp .comment-item .spread::before,
.Designer .masonry-detaill .comment .scroll-temp .comment-item .spread2::before,
.Seek .masonry-detaill .comment .scroll-temp .comment-item .spread2::before,
.PersonalCenter .masonry-detaill .comment .scroll-temp .comment-item .spread2::before,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .comment-item .spread2::before,
.choiceness .masonry-detaill .comment .scroll-temp .comment-item .spread2::before {
  position: absolute;
  right: 5px;
  top: 50%;
  content: "";
  border: 3px solid #fff;
  width: 4px;
  height: 4px;
  border-left-color: transparent;
  border-top-color: transparent;
  -webkit-transform: translateY(-80%) rotate(45deg);
          transform: translateY(-80%) rotate(45deg);
}
.Designer .masonry-detaill .comment .scroll-temp .comment-item .spread:hover,
.Seek .masonry-detaill .comment .scroll-temp .comment-item .spread:hover,
.PersonalCenter .masonry-detaill .comment .scroll-temp .comment-item .spread:hover,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .comment-item .spread:hover,
.choiceness .masonry-detaill .comment .scroll-temp .comment-item .spread:hover,
.Designer .masonry-detaill .comment .scroll-temp .comment-item .spread2:hover,
.Seek .masonry-detaill .comment .scroll-temp .comment-item .spread2:hover,
.PersonalCenter .masonry-detaill .comment .scroll-temp .comment-item .spread2:hover,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .comment-item .spread2:hover,
.choiceness .masonry-detaill .comment .scroll-temp .comment-item .spread2:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
.Designer .masonry-detaill .comment .scroll-temp .comment-item .spread2::before,
.Seek .masonry-detaill .comment .scroll-temp .comment-item .spread2::before,
.PersonalCenter .masonry-detaill .comment .scroll-temp .comment-item .spread2::before,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .comment-item .spread2::before,
.choiceness .masonry-detaill .comment .scroll-temp .comment-item .spread2::before {
  position: absolute;
  right: 5px;
  top: 50%;
  content: "";
  border: 3px solid #fff;
  width: 4px;
  height: 4px;
  border-left-color: transparent;
  border-top-color: transparent;
  -webkit-transform: translateY(-20%) rotate(-135deg);
          transform: translateY(-20%) rotate(-135deg);
}
.Designer .masonry-detaill .comment .scroll-temp .comment-item .spreadList,
.Seek .masonry-detaill .comment .scroll-temp .comment-item .spreadList,
.PersonalCenter .masonry-detaill .comment .scroll-temp .comment-item .spreadList,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .comment-item .spreadList,
.choiceness .masonry-detaill .comment .scroll-temp .comment-item .spreadList {
  margin: 20px 0 20px 60px;
  padding-top: 20px;
  position: relative;
  border-top: 1px solid #c8d9df;
}
.Designer .masonry-detaill .comment .scroll-temp .tx,
.Seek .masonry-detaill .comment .scroll-temp .tx,
.PersonalCenter .masonry-detaill .comment .scroll-temp .tx,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .tx,
.choiceness .masonry-detaill .comment .scroll-temp .tx {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 20px;
}
.Designer .masonry-detaill .comment .scroll-temp .tx img,
.Seek .masonry-detaill .comment .scroll-temp .tx img,
.PersonalCenter .masonry-detaill .comment .scroll-temp .tx img,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .tx img,
.choiceness .masonry-detaill .comment .scroll-temp .tx img {
  background-size: 100% auto;
  border: 2px solid #ddd6bc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.Designer .masonry-detaill .comment .scroll-temp .tx .admin-v,
.Seek .masonry-detaill .comment .scroll-temp .tx .admin-v,
.PersonalCenter .masonry-detaill .comment .scroll-temp .tx .admin-v,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .tx .admin-v,
.choiceness .masonry-detaill .comment .scroll-temp .tx .admin-v {
  position: absolute;
  bottom: -8px;
  right: -10px;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1374px -2576px;
width:40px;
height:48px;

}
.Designer .masonry-detaill .comment .scroll-temp::-webkit-scrollbar,
.Seek .masonry-detaill .comment .scroll-temp::-webkit-scrollbar,
.PersonalCenter .masonry-detaill .comment .scroll-temp::-webkit-scrollbar,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp::-webkit-scrollbar,
.choiceness .masonry-detaill .comment .scroll-temp::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #f0fafd;
}
.Designer .masonry-detaill .comment .scroll-temp::-webkit-scrollbar-thumb,
.Seek .masonry-detaill .comment .scroll-temp::-webkit-scrollbar-thumb,
.PersonalCenter .masonry-detaill .comment .scroll-temp::-webkit-scrollbar-thumb,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp::-webkit-scrollbar-thumb,
.choiceness .masonry-detaill .comment .scroll-temp::-webkit-scrollbar-thumb {
  background-color: #999;
}
.Designer .masonry-detaill .comment .scroll-temp .item,
.Seek .masonry-detaill .comment .scroll-temp .item,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item,
.choiceness .masonry-detaill .comment .scroll-temp .item {
  position: relative;
  top: 0;
  text-align: left;
  border-top: 1px solid #ddefed;
  padding: 20px 0;
  margin-bottom: 20px;
}
.Designer .masonry-detaill .comment .scroll-temp .item .temp,
.Seek .masonry-detaill .comment .scroll-temp .item .temp,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .temp,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .temp,
.choiceness .masonry-detaill .comment .scroll-temp .item .temp {
  -webkit-transform: translate(63px, 0);
          transform: translate(63px, 0);
  display: inline-block;
  width: 465px;
}
.Designer .masonry-detaill .comment .scroll-temp .item .name,
.Seek .masonry-detaill .comment .scroll-temp .item .name,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .name,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .name,
.choiceness .masonry-detaill .comment .scroll-temp .item .name {
  left: 60px;
  top: 5px;
  font-size: 14px;
  color: #45786d;
}
.Designer .masonry-detaill .comment .scroll-temp .item .text,
.Seek .masonry-detaill .comment .scroll-temp .item .text,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .text,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .text,
.choiceness .masonry-detaill .comment .scroll-temp .item .text {
  width: 370px;
  margin: 4px 0;
  left: 60px;
  top: 25px;
  font-size: 16px;
  color: #6c6c6c;
}
.Designer .masonry-detaill .comment .scroll-temp .item .comment-content,
.Seek .masonry-detaill .comment .scroll-temp .item .comment-content,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .comment-content,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .comment-content,
.choiceness .masonry-detaill .comment .scroll-temp .item .comment-content {
  margin-top: 5px;
  margin-left: 65px;
  left: 60px;
  bottom: 10px;
  font-size: 12px;
  color: #b8b8b8;
}
.Designer .masonry-detaill .comment .scroll-temp .item .comment-content .text div,
.Seek .masonry-detaill .comment .scroll-temp .item .comment-content .text div,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .comment-content .text div,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .comment-content .text div,
.choiceness .masonry-detaill .comment .scroll-temp .item .comment-content .text div {
  display: inline-block;
}
.Designer .masonry-detaill .comment .scroll-temp .item .comment-content .name,
.Seek .masonry-detaill .comment .scroll-temp .item .comment-content .name,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .comment-content .name,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .comment-content .name,
.choiceness .masonry-detaill .comment .scroll-temp .item .comment-content .name {
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
}
.Designer .masonry-detaill .comment .scroll-temp .item .comment-content .reply,
.Seek .masonry-detaill .comment .scroll-temp .item .comment-content .reply,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .comment-content .reply,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .comment-content .reply,
.choiceness .masonry-detaill .comment .scroll-temp .item .comment-content .reply {
  display: inline-block;
  font-size: 14px;
  color: #b8b8b8;
}
.Designer .masonry-detaill .comment .scroll-temp .item .cu-icon,
.Seek .masonry-detaill .comment .scroll-temp .item .cu-icon,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .cu-icon,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .cu-icon,
.choiceness .masonry-detaill .comment .scroll-temp .item .cu-icon {
  position: absolute;
  top: 40px;
  right: 5px;
  color: #b3dcc3;
  font-size: 16px;
  text-align: right;
}
.Designer .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempHide,
.Seek .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempHide,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempHide,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempHide,
.choiceness .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempHide {
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 28px;
  position: relative;
  -webkit-transform: translate(-4px, 3px);
          transform: translate(-4px, 3px);
}
.Designer .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempShow,
.Seek .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempShow,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempShow,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempShow,
.choiceness .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempShow {
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 28px;
  position: relative;
  -webkit-transform: translate(-4px, 3px);
          transform: translate(-4px, 3px);
}
.Designer .masonry-detaill .comment .scroll-temp .item .cu-icon .likesInit,
.Seek .masonry-detaill .comment .scroll-temp .item .cu-icon .likesInit,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .cu-icon .likesInit,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .cu-icon .likesInit,
.choiceness .masonry-detaill .comment .scroll-temp .item .cu-icon .likesInit {
  position: absolute;
  left: 6px;
  top: 6px;
  height: 21px;
  width: 21px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/1_21fd2dba.png) no-repeat;
  background-position: 0 0;
}
.Designer .masonry-detaill .comment .scroll-temp .item .cu-icon .likesInit:hover,
.Seek .masonry-detaill .comment .scroll-temp .item .cu-icon .likesInit:hover,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .cu-icon .likesInit:hover,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .cu-icon .likesInit:hover,
.choiceness .masonry-detaill .comment .scroll-temp .item .cu-icon .likesInit:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/2_21c28f9e.png) no-repeat;
}
.Designer .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempClick,
.Seek .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempClick,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempClick,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempClick,
.choiceness .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempClick {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
  width: 30px;
  height: 28px;
}
.Designer .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempClick:hover + .likesInit,
.Seek .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempClick:hover + .likesInit,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempClick:hover + .likesInit,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempClick:hover + .likesInit,
.choiceness .masonry-detaill .comment .scroll-temp .item .cu-icon .likesTempClick:hover + .likesInit {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/2_21c28f9e.png) no-repeat;
}
.Designer .masonry-detaill .comment .scroll-temp .item .cu-icon .likes,
.Seek .masonry-detaill .comment .scroll-temp .item .cu-icon .likes,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .cu-icon .likes,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .cu-icon .likes,
.choiceness .masonry-detaill .comment .scroll-temp .item .cu-icon .likes {
  position: absolute;
  left: -58px;
  top: -59px;
  height: 112px;
  width: 120px;
  -webkit-animation: sprite_dianji_3 1.33s steps(1) forwards normal;
          animation: sprite_dianji_3 1.33s steps(1) forwards normal;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite_dianji_3_a7e75129.png);
}
.Designer .masonry-detaill .comment .scroll-temp .item .cu-icon .likes:hover,
.Seek .masonry-detaill .comment .scroll-temp .item .cu-icon .likes:hover,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .cu-icon .likes:hover,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .cu-icon .likes:hover,
.choiceness .masonry-detaill .comment .scroll-temp .item .cu-icon .likes:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite_dianji_3_a7e75129.png);
}
.Designer .masonry-detaill .comment .scroll-temp .item .cu-icon .likes2,
.Seek .masonry-detaill .comment .scroll-temp .item .cu-icon .likes2,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .cu-icon .likes2,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .cu-icon .likes2,
.choiceness .masonry-detaill .comment .scroll-temp .item .cu-icon .likes2 {
  position: absolute;
  left: -58px;
  top: -59px;
  height: 112px;
  width: 120px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite_dianji_3_a7e75129.png);
}
.Designer .masonry-detaill .comment .scroll-temp .item .cu-icon .likes2:hover,
.Seek .masonry-detaill .comment .scroll-temp .item .cu-icon .likes2:hover,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .cu-icon .likes2:hover,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .cu-icon .likes2:hover,
.choiceness .masonry-detaill .comment .scroll-temp .item .cu-icon .likes2:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite_dianji_3_a7e75129.png);
}
.Designer .masonry-detaill .comment .scroll-temp .item .cu-icon .jb,
.Seek .masonry-detaill .comment .scroll-temp .item .cu-icon .jb,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .cu-icon .jb,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .cu-icon .jb,
.choiceness .masonry-detaill .comment .scroll-temp .item .cu-icon .jb {
  position: absolute;
  right: 5px;
  margin-top: 10px;
  display: none;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -1298px;
width:24px;
height:20px;

}
.Designer .masonry-detaill .comment .scroll-temp .item .cu-icon .jb:hover,
.Seek .masonry-detaill .comment .scroll-temp .item .cu-icon .jb:hover,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .cu-icon .jb:hover,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .cu-icon .jb:hover,
.choiceness .masonry-detaill .comment .scroll-temp .item .cu-icon .jb:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -1332px;
width:24px;
height:20px;

}
.Designer .masonry-detaill .comment .scroll-temp .item .pl,
.Seek .masonry-detaill .comment .scroll-temp .item .pl,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .pl,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .pl,
.choiceness .masonry-detaill .comment .scroll-temp .item .pl {
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: none;
  margin-right: 8px;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -1252px;
width:23px;
height:21px;

}
.Designer .masonry-detaill .comment .scroll-temp .item .pl:hover,
.Seek .masonry-detaill .comment .scroll-temp .item .pl:hover,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .pl:hover,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .pl:hover,
.choiceness .masonry-detaill .comment .scroll-temp .item .pl:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -1275px;
width:23px;
height:21px;

}
.Designer .masonry-detaill .comment .scroll-temp .item .dele,
.Seek .masonry-detaill .comment .scroll-temp .item .dele,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .dele,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .dele,
.choiceness .masonry-detaill .comment .scroll-temp .item .dele {
  z-index: 2;
  position: relative;
  display: none;
  cursor: pointer;
  position: absolute;
  margin-top: 15px;
  right: -3px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2524px -2328px;
width:16px;
height:18px;

}
.Designer .masonry-detaill .comment .scroll-temp .item .dele:hover,
.Seek .masonry-detaill .comment .scroll-temp .item .dele:hover,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .dele:hover,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .dele:hover,
.choiceness .masonry-detaill .comment .scroll-temp .item .dele:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2542px -2328px;
width:16px;
height:18px;

}
.Designer .masonry-detaill .comment .scroll-temp .item .delete-item,
.Seek .masonry-detaill .comment .scroll-temp .item .delete-item,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .delete-item,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .delete-item,
.choiceness .masonry-detaill .comment .scroll-temp .item .delete-item {
  position: relative;
  left: 50%;
  top: 50%;
  cursor: pointer;
  text-align: center;
  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-size: 30px;
  width: 332px;
  height: 323px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/dele-item_97ddadce.png) no-repeat center center;
  background-size: 100% 100%;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
}
.Designer .masonry-detaill .comment .scroll-temp .item .delete-item div,
.Seek .masonry-detaill .comment .scroll-temp .item .delete-item div,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .delete-item div,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .delete-item div,
.choiceness .masonry-detaill .comment .scroll-temp .item .delete-item div {
  position: absolute;
  right: 25px;
  top: 25px;
}
.Designer .masonry-detaill .comment .scroll-temp .item .delete-item .icon-collect,
.Seek .masonry-detaill .comment .scroll-temp .item .delete-item .icon-collect,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .delete-item .icon-collect,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .delete-item .icon-collect,
.choiceness .masonry-detaill .comment .scroll-temp .item .delete-item .icon-collect {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -1762px;
width:20px;
height:20px;

}
.Designer .masonry-detaill .comment .scroll-temp .item .delete-item .icon-collect:hover,
.Seek .masonry-detaill .comment .scroll-temp .item .delete-item .icon-collect:hover,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .delete-item .icon-collect:hover,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .delete-item .icon-collect:hover,
.choiceness .masonry-detaill .comment .scroll-temp .item .delete-item .icon-collect:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2582px -1266px;
width:20px;
height:20px;

}
.Designer .masonry-detaill .comment .scroll-temp .item .delete-item .icon-collect2,
.Seek .masonry-detaill .comment .scroll-temp .item .delete-item .icon-collect2,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .delete-item .icon-collect2,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .delete-item .icon-collect2,
.choiceness .masonry-detaill .comment .scroll-temp .item .delete-item .icon-collect2 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2582px -1266px;
width:20px;
height:20px;

}
.Designer .dele-item,
.Seek .dele-item,
.PersonalCenter .dele-item,
.TheRecommendedDesign .dele-item,
.choiceness .dele-item {
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: center;
  color: #66a292;
  width: 598px;
  height: 336px;
  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: 30px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/dele-masonry-bg_0e559028.png) no-repeat;
  background-size: 100% auto;
}
.Designer .workList,
.Seek .workList,
.PersonalCenter .workList,
.TheRecommendedDesign .workList,
.choiceness .workList {
  position: relative;
  padding: 40px 0 0 27px;
  width: 668px;
}
.Designer .workList-img,
.Seek .workList-img,
.PersonalCenter .workList-img,
.TheRecommendedDesign .workList-img,
.choiceness .workList-img {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.Designer .workList-img img,
.Seek .workList-img img,
.PersonalCenter .workList-img img,
.TheRecommendedDesign .workList-img img,
.choiceness .workList-img img {
  width: 60px;
  height: 60px;
  background-size: cover;
  border-radius: 50%;
  border: 1px solid #f0df9f;
}
.Designer .workList-img .admin-v,
.Seek .workList-img .admin-v,
.PersonalCenter .workList-img .admin-v,
.TheRecommendedDesign .workList-img .admin-v,
.choiceness .workList-img .admin-v {
  position: absolute;
  bottom: -8px;
  right: -10px;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1374px -2576px;
width:40px;
height:48px;

}
.Designer .workList-img .level,
.Seek .workList-img .level,
.PersonalCenter .workList-img .level,
.TheRecommendedDesign .workList-img .level,
.choiceness .workList-img .level {
  position: absolute;
  right: -12px;
  bottom: 10px;
  color: #c4963e;
  font-size: 12px;
  padding: 2px 10px;
  height: 15px;
  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: 23px;
}
.Designer .workList .name,
.Seek .workList .name,
.PersonalCenter .workList .name,
.TheRecommendedDesign .workList .name,
.choiceness .workList .name {
  color: #505050;
  font-size: 20px;
  display: inline-block;
}
.Designer .workList .title,
.Seek .workList .title,
.PersonalCenter .workList .title,
.TheRecommendedDesign .workList .title,
.choiceness .workList .title {
  font-size: 20px;
  color: #68938a;
  margin-bottom: 20px;
}
.Designer .workList .attention,
.Seek .workList .attention,
.PersonalCenter .workList .attention,
.TheRecommendedDesign .workList .attention,
.choiceness .workList .attention {
  cursor: pointer;
  width: 82px;
  height: 32px;
  line-height: 32px;
  color: #f2963d;
  border: 1px solid #e0b769;
  border-radius: 18px;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 50px;
  font-size: 16px;
}
.Designer .workList .attention:hover,
.Seek .workList .attention:hover,
.PersonalCenter .workList .attention:hover,
.TheRecommendedDesign .workList .attention:hover,
.choiceness .workList .attention:hover {
  color: #eb8019;
  background-color: rgba(242, 150, 61, 0.2);
  border: 1px solid #eb8019;
}
.Designer .workList ul,
.Seek .workList ul,
.PersonalCenter .workList ul,
.TheRecommendedDesign .workList ul,
.choiceness .workList ul {
  position: absolute;
  top: 80px;
  padding-bottom: 200px;
}
.Designer .workList ul li,
.Seek .workList ul li,
.PersonalCenter .workList ul li,
.TheRecommendedDesign .workList ul li,
.choiceness .workList ul li {
  cursor: pointer;
  position: relative;
  padding: 0 0 0 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  margin-bottom: 20px;
  width: 640px;
  height: 100px;
  background: rgba(173, 216, 197, 0.4);
}
.Designer .workList ul li::after,
.Seek .workList ul li::after,
.PersonalCenter .workList ul li::after,
.TheRecommendedDesign .workList ul li::after,
.choiceness .workList ul li::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-55%);
          transform: translateY(-55%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -772px;
width:20px;
height:33px;

}
.Designer .attentionType,
.Seek .attentionType,
.PersonalCenter .attentionType,
.TheRecommendedDesign .attentionType,
.choiceness .attentionType {
  color: #5cb39f;
  border: 1px solid #5cb39f;
  -webkit-animation: attentionType 200ms forwards linear;
          animation: attentionType 200ms forwards linear;
}
.Designer .attentionType:hover,
.Seek .attentionType:hover,
.PersonalCenter .attentionType:hover,
.TheRecommendedDesign .attentionType:hover,
.choiceness .attentionType:hover {
  color: #5cb39f;
  background-color: rgba(92, 179, 159, 0.2) !important;
  color: #5cb39f !important;
  border: 1px solid #5cb39f;
}
@-webkit-keyframes attentionType {
  0% {
    background-color: rgba(242, 150, 61, 0.2);
    border: 1px solid #eb8019;
  }
  0%:hover {
    color: #f2963d;
    background-color: rgba(242, 150, 61, 0.2);
    border: 1px solid #eb8019;
  }
  50% {
    background-color: rgba(92, 179, 159, 0.2);
    border: 1px solid #5cb39f;
  }
  50%:hover {
    background-color: rgba(92, 179, 159, 0.2);
    border: 1px solid #5cb39f;
  }
  100% {
    color: #5cb39f;
    background-color: rgba(92, 179, 159, 0);
    border: 1px solid #5cb39f;
  }
  100%:hover {
    background-color: rgba(92, 179, 159, 0.2);
    border: 1px solid #5cb39f;
  }
}
@keyframes attentionType {
  0% {
    background-color: rgba(242, 150, 61, 0.2);
    border: 1px solid #eb8019;
  }
  0%:hover {
    color: #f2963d;
    background-color: rgba(242, 150, 61, 0.2);
    border: 1px solid #eb8019;
  }
  50% {
    background-color: rgba(92, 179, 159, 0.2);
    border: 1px solid #5cb39f;
  }
  50%:hover {
    background-color: rgba(92, 179, 159, 0.2);
    border: 1px solid #5cb39f;
  }
  100% {
    color: #5cb39f;
    background-color: rgba(92, 179, 159, 0);
    border: 1px solid #5cb39f;
  }
  100%:hover {
    background-color: rgba(92, 179, 159, 0.2);
    border: 1px solid #5cb39f;
  }
}
.Designer .attentionType2,
.Seek .attentionType2,
.PersonalCenter .attentionType2,
.TheRecommendedDesign .attentionType2,
.choiceness .attentionType2 {
  -webkit-animation: attentionType2 200ms forwards linear;
          animation: attentionType2 200ms forwards linear;
}
@-webkit-keyframes attentionType2 {
  0% {
    color: #5cb39f;
    background-color: rgba(92, 179, 159, 0.2);
    border: 1px solid #5cb39f;
  }
  0%:hover {
    background-color: rgba(92, 179, 159, 0.2);
    border: 1px solid #5cb39f;
  }
  50% {
    background-color: rgba(242, 150, 61, 0.2);
    border: 1px solid #eb8019;
  }
  50%:hover {
    background-color: rgba(242, 150, 61, 0.2);
    border: 1px solid #eb8019;
  }
  100% {
    background-color: rgba(242, 150, 61, 0);
    border: 1px solid #eb8019;
    color: #f2963d;
  }
  100%:hover {
    background-color: rgba(242, 150, 61, 0.2);
    border: 1px solid #eb8019;
  }
}
@keyframes attentionType2 {
  0% {
    color: #5cb39f;
    background-color: rgba(92, 179, 159, 0.2);
    border: 1px solid #5cb39f;
  }
  0%:hover {
    background-color: rgba(92, 179, 159, 0.2);
    border: 1px solid #5cb39f;
  }
  50% {
    background-color: rgba(242, 150, 61, 0.2);
    border: 1px solid #eb8019;
  }
  50%:hover {
    background-color: rgba(242, 150, 61, 0.2);
    border: 1px solid #eb8019;
  }
  100% {
    background-color: rgba(242, 150, 61, 0);
    border: 1px solid #eb8019;
    color: #f2963d;
  }
  100%:hover {
    background-color: rgba(242, 150, 61, 0.2);
    border: 1px solid #eb8019;
  }
}
.Designer .attentionType2:hover,
.Seek .attentionType2:hover,
.PersonalCenter .attentionType2:hover,
.TheRecommendedDesign .attentionType2:hover,
.choiceness .attentionType2:hover {
  background-color: rgba(242, 150, 61, 0.2) !important;
  border: 1px solid #eb8019;
}
.Designer .attentionType3,
.Seek .attentionType3,
.PersonalCenter .attentionType3,
.TheRecommendedDesign .attentionType3,
.choiceness .attentionType3 {
  color: #5cb39f !important;
  border: 1px solid #5cb39f !important;
}
.Designer .attentionType3:hover,
.Seek .attentionType3:hover,
.PersonalCenter .attentionType3:hover,
.TheRecommendedDesign .attentionType3:hover,
.choiceness .attentionType3:hover {
  background-color: rgba(92, 179, 159, 0.2) !important;
}
.Designer .home-swiper-2 .el-carousel__indicators,
.Seek .home-swiper-2 .el-carousel__indicators,
.PersonalCenter .home-swiper-2 .el-carousel__indicators,
.TheRecommendedDesign .home-swiper-2 .el-carousel__indicators,
.choiceness .home-swiper-2 .el-carousel__indicators,
.Designer .home-swiper-2 .el-carousel__arrow,
.Seek .home-swiper-2 .el-carousel__arrow,
.PersonalCenter .home-swiper-2 .el-carousel__arrow,
.TheRecommendedDesign .home-swiper-2 .el-carousel__arrow,
.choiceness .home-swiper-2 .el-carousel__arrow {
  display: none;
}
@-webkit-keyframes sprite_shoucang_1 {
  0% {
    background-position: 0 0;
  }
  5% {
    background-position: -60px 0;
  }
  10% {
    background-position: -120px 0;
  }
  15% {
    background-position: -180px 0;
  }
  20% {
    background-position: -240px 0;
  }
  25% {
    background-position: 0 -60px;
  }
  30% {
    background-position: -60px -60px;
  }
  35% {
    background-position: -120px -60px;
  }
  40% {
    background-position: -180px -60px;
  }
  45% {
    background-position: -240px -60px;
  }
  50% {
    background-position: 0 -120px;
  }
  55% {
    background-position: -60px -120px;
  }
  60% {
    background-position: -120px -120px;
  }
  65% {
    background-position: -180px -120px;
  }
  70% {
    background-position: -240px -120px;
  }
  75% {
    background-position: 0 -180px;
  }
  80% {
    background-position: -60px -180px;
  }
  85% {
    background-position: -120px -180px;
  }
  90% {
    background-position: -180px -180px;
  }
  95% {
    background-position: -240px -180px;
  }
  100% {
    background-position: -240px -180px;
  }
}
@keyframes sprite_shoucang_1 {
  0% {
    background-position: 0 0;
  }
  5% {
    background-position: -60px 0;
  }
  10% {
    background-position: -120px 0;
  }
  15% {
    background-position: -180px 0;
  }
  20% {
    background-position: -240px 0;
  }
  25% {
    background-position: 0 -60px;
  }
  30% {
    background-position: -60px -60px;
  }
  35% {
    background-position: -120px -60px;
  }
  40% {
    background-position: -180px -60px;
  }
  45% {
    background-position: -240px -60px;
  }
  50% {
    background-position: 0 -120px;
  }
  55% {
    background-position: -60px -120px;
  }
  60% {
    background-position: -120px -120px;
  }
  65% {
    background-position: -180px -120px;
  }
  70% {
    background-position: -240px -120px;
  }
  75% {
    background-position: 0 -180px;
  }
  80% {
    background-position: -60px -180px;
  }
  85% {
    background-position: -120px -180px;
  }
  90% {
    background-position: -180px -180px;
  }
  95% {
    background-position: -240px -180px;
  }
  100% {
    background-position: -240px -180px;
  }
}
@-webkit-keyframes sprite_dianji_3 {
  0% {
    background-position: 0 0;
  }
  2.6% {
    background-position: -150px 0;
  }
  5.3% {
    background-position: -300px 0;
  }
  7.9% {
    background-position: -450px 0;
  }
  10.5% {
    background-position: -600px 0;
  }
  13.2% {
    background-position: -750px 0;
  }
  15.8% {
    background-position: -900px 0;
  }
  18.4% {
    background-position: 0 -150px;
  }
  21.1% {
    background-position: -150px -150px;
  }
  23.7% {
    background-position: -300px -150px;
  }
  26.3% {
    background-position: -450px -150px;
  }
  28.9% {
    background-position: -600px -150px;
  }
  31.6% {
    background-position: -750px -150px;
  }
  34.2% {
    background-position: -900px -150px;
  }
  36.8% {
    background-position: 0 -300px;
  }
  39.5% {
    background-position: -150px -300px;
  }
  42.1% {
    background-position: -300px -300px;
  }
  44.7% {
    background-position: -450px -300px;
  }
  47.4% {
    background-position: -600px -300px;
  }
  50% {
    background-position: -750px -300px;
  }
  52.6% {
    background-position: -900px -300px;
  }
  55.3% {
    background-position: 0 -450px;
  }
  57.9% {
    background-position: -150px -450px;
  }
  60.5% {
    background-position: -300px -450px;
  }
  63.2% {
    background-position: -450px -450px;
  }
  65.8% {
    background-position: -600px -450px;
  }
  68.4% {
    background-position: -750px -450px;
  }
  71.1% {
    background-position: -900px -450px;
  }
  73.7% {
    background-position: 0 -600px;
  }
  76.3% {
    background-position: -150px -600px;
  }
  78.9% {
    background-position: -300px -600px;
  }
  81.6% {
    background-position: -450px -600px;
  }
  84.2% {
    background-position: -600px -600px;
  }
  86.8% {
    background-position: -750px -600px;
  }
  89.5% {
    background-position: -900px -600px;
  }
  92.1% {
    background-position: 0 -750px;
  }
  94.7% {
    background-position: -150px -750px;
  }
  97.4% {
    background-position: -300px -750px;
  }
  100% {
    background-position: -300px -750px;
  }
}
@keyframes sprite_dianji_3 {
  0% {
    background-position: 0 0;
  }
  2.6% {
    background-position: -150px 0;
  }
  5.3% {
    background-position: -300px 0;
  }
  7.9% {
    background-position: -450px 0;
  }
  10.5% {
    background-position: -600px 0;
  }
  13.2% {
    background-position: -750px 0;
  }
  15.8% {
    background-position: -900px 0;
  }
  18.4% {
    background-position: 0 -150px;
  }
  21.1% {
    background-position: -150px -150px;
  }
  23.7% {
    background-position: -300px -150px;
  }
  26.3% {
    background-position: -450px -150px;
  }
  28.9% {
    background-position: -600px -150px;
  }
  31.6% {
    background-position: -750px -150px;
  }
  34.2% {
    background-position: -900px -150px;
  }
  36.8% {
    background-position: 0 -300px;
  }
  39.5% {
    background-position: -150px -300px;
  }
  42.1% {
    background-position: -300px -300px;
  }
  44.7% {
    background-position: -450px -300px;
  }
  47.4% {
    background-position: -600px -300px;
  }
  50% {
    background-position: -750px -300px;
  }
  52.6% {
    background-position: -900px -300px;
  }
  55.3% {
    background-position: 0 -450px;
  }
  57.9% {
    background-position: -150px -450px;
  }
  60.5% {
    background-position: -300px -450px;
  }
  63.2% {
    background-position: -450px -450px;
  }
  65.8% {
    background-position: -600px -450px;
  }
  68.4% {
    background-position: -750px -450px;
  }
  71.1% {
    background-position: -900px -450px;
  }
  73.7% {
    background-position: 0 -600px;
  }
  76.3% {
    background-position: -150px -600px;
  }
  78.9% {
    background-position: -300px -600px;
  }
  81.6% {
    background-position: -450px -600px;
  }
  84.2% {
    background-position: -600px -600px;
  }
  86.8% {
    background-position: -750px -600px;
  }
  89.5% {
    background-position: -900px -600px;
  }
  92.1% {
    background-position: 0 -750px;
  }
  94.7% {
    background-position: -150px -750px;
  }
  97.4% {
    background-position: -300px -750px;
  }
  100% {
    background-position: -300px -750px;
  }
}
.Designer .vote-filter-tab,
.Seek .vote-filter-tab,
.PersonalCenter .vote-filter-tab,
.TheRecommendedDesign .vote-filter-tab,
.choiceness .vote-filter-tab {
  z-index: 3;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1440px;
  height: 30px;
  text-align: left;
  margin: 0 0 0 0;
  padding: 30px 75px;
}
.Designer .vote-filter-tab::after,
.Seek .vote-filter-tab::after,
.PersonalCenter .vote-filter-tab::after,
.TheRecommendedDesign .vote-filter-tab::after,
.choiceness .vote-filter-tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 1300px;
  height: 1px;
  left: 50%;
  background: rgba(81, 130, 162, 0.5);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Designer .vote-filter-tab li,
.Seek .vote-filter-tab li,
.PersonalCenter .vote-filter-tab li,
.TheRecommendedDesign .vote-filter-tab li,
.choiceness .vote-filter-tab li,
.Designer .vote-filter-tab .filterActive,
.Seek .vote-filter-tab .filterActive,
.PersonalCenter .vote-filter-tab .filterActive,
.TheRecommendedDesign .vote-filter-tab .filterActive,
.choiceness .vote-filter-tab .filterActive {
  cursor: pointer;
  width: 111px;
  height: 45px;
  display: inline-block;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
  background-size: cover;
  text-align: center;
  line-height: 30px;
  font-size: 17px;
  color: #3c6786;
}
.Designer .vote-filter-tab::before,
.Seek .vote-filter-tab::before,
.PersonalCenter .vote-filter-tab::before,
.TheRecommendedDesign .vote-filter-tab::before,
.choiceness .vote-filter-tab::before {
  content: "";
  width: 20px;
  height: 3px;
  position: absolute;
  right: 75px;
  bottom: 0;
  background: rgba(81, 130, 162, 0.5);
}
.Designer .vote-filter-tab-bg,
.Seek .vote-filter-tab-bg,
.PersonalCenter .vote-filter-tab-bg,
.TheRecommendedDesign .vote-filter-tab-bg,
.choiceness .vote-filter-tab-bg {
  z-index: 9999;
  position: absolute;
  top: 0;
  width: 1360px;
  height: 40px;
  font-family: 'NotoSansSC';
  margin: 0 auto;
  margin-top: 40px;
}
.Designer .vote-filter-tab-bg.vote-filter-tab-award::after,
.Seek .vote-filter-tab-bg.vote-filter-tab-award::after,
.PersonalCenter .vote-filter-tab-bg.vote-filter-tab-award::after,
.TheRecommendedDesign .vote-filter-tab-bg.vote-filter-tab-award::after,
.choiceness .vote-filter-tab-bg.vote-filter-tab-award::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #90C5AE;
}
.Designer .vote-filter-tab-bg .fliter-box,
.Seek .vote-filter-tab-bg .fliter-box,
.PersonalCenter .vote-filter-tab-bg .fliter-box,
.TheRecommendedDesign .vote-filter-tab-bg .fliter-box,
.choiceness .vote-filter-tab-bg .fliter-box {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-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;
}
.Designer .vote-filter-tab-bg .el-select,
.Seek .vote-filter-tab-bg .el-select,
.PersonalCenter .vote-filter-tab-bg .el-select,
.TheRecommendedDesign .vote-filter-tab-bg .el-select,
.choiceness .vote-filter-tab-bg .el-select {
  z-index: 5;
  height: 40px;
}
.Designer .vote-filter-tab-bg .el-select::after,
.Seek .vote-filter-tab-bg .el-select::after,
.PersonalCenter .vote-filter-tab-bg .el-select::after,
.TheRecommendedDesign .vote-filter-tab-bg .el-select::after,
.choiceness .vote-filter-tab-bg .el-select::after {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2774px -1762px;
width:32px;
height:23px;

  content: "";
}
.Designer .vote-filter-tab-bg .el-select .el-input__suffix,
.Seek .vote-filter-tab-bg .el-select .el-input__suffix,
.PersonalCenter .vote-filter-tab-bg .el-select .el-input__suffix,
.TheRecommendedDesign .vote-filter-tab-bg .el-select .el-input__suffix,
.choiceness .vote-filter-tab-bg .el-select .el-input__suffix {
  display: none;
}
.Designer .vote-filter-tab-bg .el-select .el-input__inner,
.Seek .vote-filter-tab-bg .el-select .el-input__inner,
.PersonalCenter .vote-filter-tab-bg .el-select .el-input__inner,
.TheRecommendedDesign .vote-filter-tab-bg .el-select .el-input__inner,
.choiceness .vote-filter-tab-bg .el-select .el-input__inner {
  width: 146px;
  border-radius: 20px;
  font-size: 14px;
  color: #ffffff;
  background-color: #84bca9;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.Designer .vote-filter-tab-bg .el-select .filtrate,
.Seek .vote-filter-tab-bg .el-select .filtrate,
.PersonalCenter .vote-filter-tab-bg .el-select .filtrate,
.TheRecommendedDesign .vote-filter-tab-bg .el-select .filtrate,
.choiceness .vote-filter-tab-bg .el-select .filtrate {
  width: 146px;
  text-align: left;
  border-radius: 20px;
  font-size: 14px;
  color: #ffffff;
  background-color: #84bca9;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.Designer .vote-filter-tab-bg .el-select.activity-select,
.Seek .vote-filter-tab-bg .el-select.activity-select,
.PersonalCenter .vote-filter-tab-bg .el-select.activity-select,
.TheRecommendedDesign .vote-filter-tab-bg .el-select.activity-select,
.choiceness .vote-filter-tab-bg .el-select.activity-select {
  margin-right: 15px;
}
.Designer .vote-filter-tab-bg .el-select.activity-select .el-input__inner,
.Seek .vote-filter-tab-bg .el-select.activity-select .el-input__inner,
.PersonalCenter .vote-filter-tab-bg .el-select.activity-select .el-input__inner,
.TheRecommendedDesign .vote-filter-tab-bg .el-select.activity-select .el-input__inner,
.choiceness .vote-filter-tab-bg .el-select.activity-select .el-input__inner {
  width: 196px;
}
.Designer .vote-filter-tab-bg .grabble,
.Seek .vote-filter-tab-bg .grabble,
.PersonalCenter .vote-filter-tab-bg .grabble,
.TheRecommendedDesign .vote-filter-tab-bg .grabble,
.choiceness .vote-filter-tab-bg .grabble,
.Designer .vote-filter-tab-bg .grabble-2,
.Seek .vote-filter-tab-bg .grabble-2,
.PersonalCenter .vote-filter-tab-bg .grabble-2,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-2,
.choiceness .vote-filter-tab-bg .grabble-2,
.Designer .vote-filter-tab-bg .grabble-3,
.Seek .vote-filter-tab-bg .grabble-3,
.PersonalCenter .vote-filter-tab-bg .grabble-3,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-3,
.choiceness .vote-filter-tab-bg .grabble-3 {
  z-index: 15;
  position: relative;
  float: right;
  right: 0;
  top: 0;
  width: 200px;
  height: 40px;
}
.Designer .vote-filter-tab-bg .grabble.appraise,
.Seek .vote-filter-tab-bg .grabble.appraise,
.PersonalCenter .vote-filter-tab-bg .grabble.appraise,
.TheRecommendedDesign .vote-filter-tab-bg .grabble.appraise,
.choiceness .vote-filter-tab-bg .grabble.appraise,
.Designer .vote-filter-tab-bg .grabble-2.appraise,
.Seek .vote-filter-tab-bg .grabble-2.appraise,
.PersonalCenter .vote-filter-tab-bg .grabble-2.appraise,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-2.appraise,
.choiceness .vote-filter-tab-bg .grabble-2.appraise,
.Designer .vote-filter-tab-bg .grabble-3.appraise,
.Seek .vote-filter-tab-bg .grabble-3.appraise,
.PersonalCenter .vote-filter-tab-bg .grabble-3.appraise,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-3.appraise,
.choiceness .vote-filter-tab-bg .grabble-3.appraise {
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.Designer .vote-filter-tab-bg .grabble.appraise input,
.Seek .vote-filter-tab-bg .grabble.appraise input,
.PersonalCenter .vote-filter-tab-bg .grabble.appraise input,
.TheRecommendedDesign .vote-filter-tab-bg .grabble.appraise input,
.choiceness .vote-filter-tab-bg .grabble.appraise input,
.Designer .vote-filter-tab-bg .grabble-2.appraise input,
.Seek .vote-filter-tab-bg .grabble-2.appraise input,
.PersonalCenter .vote-filter-tab-bg .grabble-2.appraise input,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-2.appraise input,
.choiceness .vote-filter-tab-bg .grabble-2.appraise input,
.Designer .vote-filter-tab-bg .grabble-3.appraise input,
.Seek .vote-filter-tab-bg .grabble-3.appraise input,
.PersonalCenter .vote-filter-tab-bg .grabble-3.appraise input,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-3.appraise input,
.choiceness .vote-filter-tab-bg .grabble-3.appraise input {
  margin-right: 18px;
}
.Designer .vote-filter-tab-bg .grabble.appraise .icon-x,
.Seek .vote-filter-tab-bg .grabble.appraise .icon-x,
.PersonalCenter .vote-filter-tab-bg .grabble.appraise .icon-x,
.TheRecommendedDesign .vote-filter-tab-bg .grabble.appraise .icon-x,
.choiceness .vote-filter-tab-bg .grabble.appraise .icon-x,
.Designer .vote-filter-tab-bg .grabble-2.appraise .icon-x,
.Seek .vote-filter-tab-bg .grabble-2.appraise .icon-x,
.PersonalCenter .vote-filter-tab-bg .grabble-2.appraise .icon-x,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-2.appraise .icon-x,
.choiceness .vote-filter-tab-bg .grabble-2.appraise .icon-x,
.Designer .vote-filter-tab-bg .grabble-3.appraise .icon-x,
.Seek .vote-filter-tab-bg .grabble-3.appraise .icon-x,
.PersonalCenter .vote-filter-tab-bg .grabble-3.appraise .icon-x,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-3.appraise .icon-x,
.choiceness .vote-filter-tab-bg .grabble-3.appraise .icon-x {
  right: 60px;
}
.Designer .vote-filter-tab-bg .grabble input,
.Seek .vote-filter-tab-bg .grabble input,
.PersonalCenter .vote-filter-tab-bg .grabble input,
.TheRecommendedDesign .vote-filter-tab-bg .grabble input,
.choiceness .vote-filter-tab-bg .grabble input,
.Designer .vote-filter-tab-bg .grabble-2 input,
.Seek .vote-filter-tab-bg .grabble-2 input,
.PersonalCenter .vote-filter-tab-bg .grabble-2 input,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-2 input,
.choiceness .vote-filter-tab-bg .grabble-2 input,
.Designer .vote-filter-tab-bg .grabble-3 input,
.Seek .vote-filter-tab-bg .grabble-3 input,
.PersonalCenter .vote-filter-tab-bg .grabble-3 input,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-3 input,
.choiceness .vote-filter-tab-bg .grabble-3 input {
  padding: 0 65px 0 12px;
  width: 200px;
  height: 40px;
  border: 1px solid #66a292 !important;
  border-radius: 25px;
  font-size: 16px;
  color: #66a292;
  line-height: 40px;
  background-color: rgba(255, 255, 255, 0);
  font-family: 'NotoSansSC';
}
.Designer .vote-filter-tab-bg .grabble input::-webkit-input-placeholder,
.Seek .vote-filter-tab-bg .grabble input::-webkit-input-placeholder,
.PersonalCenter .vote-filter-tab-bg .grabble input::-webkit-input-placeholder,
.TheRecommendedDesign .vote-filter-tab-bg .grabble input::-webkit-input-placeholder,
.choiceness .vote-filter-tab-bg .grabble input::-webkit-input-placeholder,
.Designer .vote-filter-tab-bg .grabble-2 input::-webkit-input-placeholder,
.Seek .vote-filter-tab-bg .grabble-2 input::-webkit-input-placeholder,
.PersonalCenter .vote-filter-tab-bg .grabble-2 input::-webkit-input-placeholder,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-2 input::-webkit-input-placeholder,
.choiceness .vote-filter-tab-bg .grabble-2 input::-webkit-input-placeholder,
.Designer .vote-filter-tab-bg .grabble-3 input::-webkit-input-placeholder,
.Seek .vote-filter-tab-bg .grabble-3 input::-webkit-input-placeholder,
.PersonalCenter .vote-filter-tab-bg .grabble-3 input::-webkit-input-placeholder,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-3 input::-webkit-input-placeholder,
.choiceness .vote-filter-tab-bg .grabble-3 input::-webkit-input-placeholder {
  color: #66a292;
}
.Designer .vote-filter-tab-bg .grabble .icon-x,
.Seek .vote-filter-tab-bg .grabble .icon-x,
.PersonalCenter .vote-filter-tab-bg .grabble .icon-x,
.TheRecommendedDesign .vote-filter-tab-bg .grabble .icon-x,
.choiceness .vote-filter-tab-bg .grabble .icon-x,
.Designer .vote-filter-tab-bg .grabble-2 .icon-x,
.Seek .vote-filter-tab-bg .grabble-2 .icon-x,
.PersonalCenter .vote-filter-tab-bg .grabble-2 .icon-x,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-2 .icon-x,
.choiceness .vote-filter-tab-bg .grabble-2 .icon-x,
.Designer .vote-filter-tab-bg .grabble-3 .icon-x,
.Seek .vote-filter-tab-bg .grabble-3 .icon-x,
.PersonalCenter .vote-filter-tab-bg .grabble-3 .icon-x,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-3 .icon-x,
.choiceness .vote-filter-tab-bg .grabble-3 .icon-x {
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 38px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2584px -1330px;
width:19px;
height:18px;

}
.Designer .vote-filter-tab-bg .grabble .icon-x:hover,
.Seek .vote-filter-tab-bg .grabble .icon-x:hover,
.PersonalCenter .vote-filter-tab-bg .grabble .icon-x:hover,
.TheRecommendedDesign .vote-filter-tab-bg .grabble .icon-x:hover,
.choiceness .vote-filter-tab-bg .grabble .icon-x:hover,
.Designer .vote-filter-tab-bg .grabble-2 .icon-x:hover,
.Seek .vote-filter-tab-bg .grabble-2 .icon-x:hover,
.PersonalCenter .vote-filter-tab-bg .grabble-2 .icon-x:hover,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-2 .icon-x:hover,
.choiceness .vote-filter-tab-bg .grabble-2 .icon-x:hover,
.Designer .vote-filter-tab-bg .grabble-3 .icon-x:hover,
.Seek .vote-filter-tab-bg .grabble-3 .icon-x:hover,
.PersonalCenter .vote-filter-tab-bg .grabble-3 .icon-x:hover,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-3 .icon-x:hover,
.choiceness .vote-filter-tab-bg .grabble-3 .icon-x:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.Designer .vote-filter-tab-bg .grabble .icon-grabble,
.Seek .vote-filter-tab-bg .grabble .icon-grabble,
.PersonalCenter .vote-filter-tab-bg .grabble .icon-grabble,
.TheRecommendedDesign .vote-filter-tab-bg .grabble .icon-grabble,
.choiceness .vote-filter-tab-bg .grabble .icon-grabble,
.Designer .vote-filter-tab-bg .grabble-2 .icon-grabble,
.Seek .vote-filter-tab-bg .grabble-2 .icon-grabble,
.PersonalCenter .vote-filter-tab-bg .grabble-2 .icon-grabble,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-2 .icon-grabble,
.choiceness .vote-filter-tab-bg .grabble-2 .icon-grabble,
.Designer .vote-filter-tab-bg .grabble-3 .icon-grabble,
.Seek .vote-filter-tab-bg .grabble-3 .icon-grabble,
.PersonalCenter .vote-filter-tab-bg .grabble-3 .icon-grabble,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-3 .icon-grabble,
.choiceness .vote-filter-tab-bg .grabble-3 .icon-grabble {
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 160px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2587px -1763px;
width:17px;
height:17px;

}
.Designer .vote-filter-tab-bg .grabble .icon-grabble:hover,
.Seek .vote-filter-tab-bg .grabble .icon-grabble:hover,
.PersonalCenter .vote-filter-tab-bg .grabble .icon-grabble:hover,
.TheRecommendedDesign .vote-filter-tab-bg .grabble .icon-grabble:hover,
.choiceness .vote-filter-tab-bg .grabble .icon-grabble:hover,
.Designer .vote-filter-tab-bg .grabble-2 .icon-grabble:hover,
.Seek .vote-filter-tab-bg .grabble-2 .icon-grabble:hover,
.PersonalCenter .vote-filter-tab-bg .grabble-2 .icon-grabble:hover,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-2 .icon-grabble:hover,
.choiceness .vote-filter-tab-bg .grabble-2 .icon-grabble:hover,
.Designer .vote-filter-tab-bg .grabble-3 .icon-grabble:hover,
.Seek .vote-filter-tab-bg .grabble-3 .icon-grabble:hover,
.PersonalCenter .vote-filter-tab-bg .grabble-3 .icon-grabble:hover,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-3 .icon-grabble:hover,
.choiceness .vote-filter-tab-bg .grabble-3 .icon-grabble:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.Designer .vote-filter-tab-bg .grabble-2,
.Seek .vote-filter-tab-bg .grabble-2,
.PersonalCenter .vote-filter-tab-bg .grabble-2,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-2,
.choiceness .vote-filter-tab-bg .grabble-2 {
  top: 30px;
}
.Designer .vote-filter-tab-bg .grabble-recommend,
.Seek .vote-filter-tab-bg .grabble-recommend,
.PersonalCenter .vote-filter-tab-bg .grabble-recommend,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-recommend,
.choiceness .vote-filter-tab-bg .grabble-recommend {
  margin-top: 8px;
  background: #f4f9f9;
  width: 200px;
  height: 230px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 10px 1px #8183874d;
          box-shadow: 0 0 10px 1px #8183874d;
  font-family: 'NotoSansSC';
  padding: 10px 12px;
  display: none;
}
.Designer .vote-filter-tab-bg .grabble-recommend p,
.Seek .vote-filter-tab-bg .grabble-recommend p,
.PersonalCenter .vote-filter-tab-bg .grabble-recommend p,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-recommend p,
.choiceness .vote-filter-tab-bg .grabble-recommend p {
  font-size: 14px;
  color: #66a292;
  margin-bottom: 12px;
}
.Designer .vote-filter-tab-bg .grabble-recommend div,
.Seek .vote-filter-tab-bg .grabble-recommend div,
.PersonalCenter .vote-filter-tab-bg .grabble-recommend div,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-recommend div,
.choiceness .vote-filter-tab-bg .grabble-recommend div {
  width: 100%;
  max-height: 175px;
  overflow-x: hidden;
  overflow-y: auto;
}
.Designer .vote-filter-tab-bg .grabble-recommend div::-webkit-scrollbar,
.Seek .vote-filter-tab-bg .grabble-recommend div::-webkit-scrollbar,
.PersonalCenter .vote-filter-tab-bg .grabble-recommend div::-webkit-scrollbar,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-recommend div::-webkit-scrollbar,
.choiceness .vote-filter-tab-bg .grabble-recommend div::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #f0fafd;
}
.Designer .vote-filter-tab-bg .grabble-recommend div::-webkit-scrollbar-thumb,
.Seek .vote-filter-tab-bg .grabble-recommend div::-webkit-scrollbar-thumb,
.PersonalCenter .vote-filter-tab-bg .grabble-recommend div::-webkit-scrollbar-thumb,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-recommend div::-webkit-scrollbar-thumb,
.choiceness .vote-filter-tab-bg .grabble-recommend div::-webkit-scrollbar-thumb {
  background-color: #999;
}
.Designer .vote-filter-tab-bg .grabble-recommend div ul,
.Seek .vote-filter-tab-bg .grabble-recommend div ul,
.PersonalCenter .vote-filter-tab-bg .grabble-recommend div ul,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-recommend div ul,
.choiceness .vote-filter-tab-bg .grabble-recommend div ul {
  width: 100%;
  min-height: 185px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.Designer .vote-filter-tab-bg .grabble-recommend div ul li,
.Seek .vote-filter-tab-bg .grabble-recommend div ul li,
.PersonalCenter .vote-filter-tab-bg .grabble-recommend div ul li,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-recommend div ul li,
.choiceness .vote-filter-tab-bg .grabble-recommend div ul li {
  cursor: pointer;
  text-align: center;
  display: inline-block;
  min-width: 80px;
  height: 26px;
  line-height: 26px;
  background-color: #feeeba;
  border-radius: 5px;
  font-size: 14px;
  color: #505050;
  margin-bottom: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
}
.Designer .vote-filter-tab-bg .grabble-recommend div ul li:hover,
.Seek .vote-filter-tab-bg .grabble-recommend div ul li:hover,
.PersonalCenter .vote-filter-tab-bg .grabble-recommend div ul li:hover,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-recommend div ul li:hover,
.choiceness .vote-filter-tab-bg .grabble-recommend div ul li:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.Designer .vote-filter-tab-bg .grabble-recommend div ul::-webkit-scrollbar,
.Seek .vote-filter-tab-bg .grabble-recommend div ul::-webkit-scrollbar,
.PersonalCenter .vote-filter-tab-bg .grabble-recommend div ul::-webkit-scrollbar,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-recommend div ul::-webkit-scrollbar,
.choiceness .vote-filter-tab-bg .grabble-recommend div ul::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #f0fafd;
}
.Designer .vote-filter-tab-bg .grabble-recommend div ul::-webkit-scrollbar-thumb,
.Seek .vote-filter-tab-bg .grabble-recommend div ul::-webkit-scrollbar-thumb,
.PersonalCenter .vote-filter-tab-bg .grabble-recommend div ul::-webkit-scrollbar-thumb,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-recommend div ul::-webkit-scrollbar-thumb,
.choiceness .vote-filter-tab-bg .grabble-recommend div ul::-webkit-scrollbar-thumb {
  background-color: #999;
}
.Designer .vote-filter-tab-bg .grabble-recommend div .odd li:last-child,
.Seek .vote-filter-tab-bg .grabble-recommend div .odd li:last-child,
.PersonalCenter .vote-filter-tab-bg .grabble-recommend div .odd li:last-child,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-recommend div .odd li:last-child,
.choiceness .vote-filter-tab-bg .grabble-recommend div .odd li:last-child {
  margin-right: auto;
}
.Designer .vote-filter-tab-bg .grabble-recommend .scroll-2,
.Seek .vote-filter-tab-bg .grabble-recommend .scroll-2,
.PersonalCenter .vote-filter-tab-bg .grabble-recommend .scroll-2,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-recommend .scroll-2,
.choiceness .vote-filter-tab-bg .grabble-recommend .scroll-2 {
  max-height: 100%;
}
.Designer .vote-filter-tab-bg .vote-filter-tab-radio,
.Seek .vote-filter-tab-bg .vote-filter-tab-radio,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-radio,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-radio,
.choiceness .vote-filter-tab-bg .vote-filter-tab-radio {
  height: 33px;
  margin: 30px  auto auto 73px;
  z-index: 3;
}
.Designer .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__input,
.Seek .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__input,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__input,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__input,
.choiceness .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__input {
  display: none;
}
.Designer .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__label,
.Seek .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__label,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__label,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__label,
.choiceness .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__label {
  width: 64px;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 15px;
  color: #73838c;
  text-align: center;
}
.Designer .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__label::before,
.Seek .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__label::before,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__label::before,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__label::before,
.choiceness .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-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2779px -376px;
width:9px;
height:9px;

  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.Designer .vote-filter-tab-bg .vote-filter-tab-radio .TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__label,
.Seek .vote-filter-tab-bg .vote-filter-tab-radio .TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__label,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-radio .TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__label,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-radio .TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__label,
.choiceness .vote-filter-tab-bg .vote-filter-tab-radio .TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__label {
  min-width: 64px;
}
.Designer .vote-filter-tab-bg .vote-filter-tab-radio .el-radio,
.Seek .vote-filter-tab-bg .vote-filter-tab-radio .el-radio,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-radio .el-radio,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-radio .el-radio,
.choiceness .vote-filter-tab-bg .vote-filter-tab-radio .el-radio {
  margin-right: 20px;
}
.Designer .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__input.is-checked + .el-radio__label,
.Seek .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__input.is-checked + .el-radio__label,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__input.is-checked + .el-radio__label,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__input.is-checked + .el-radio__label,
.choiceness .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__input.is-checked + .el-radio__label {
  border: 1px solid #409EFF;
  color: #1c8dd5;
}
.Designer .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__input.is-checked + .el-radio__label::before,
.Seek .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__input.is-checked + .el-radio__label::before,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__input.is-checked + .el-radio__label::before,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__input.is-checked + .el-radio__label::before,
.choiceness .vote-filter-tab-bg .vote-filter-tab-radio .el-radio__input.is-checked + .el-radio__label::before {
  content: "";
  display: none;
}
.Designer .vote-filter-tab-works,
.Seek .vote-filter-tab-works,
.PersonalCenter .vote-filter-tab-works,
.TheRecommendedDesign .vote-filter-tab-works,
.choiceness .vote-filter-tab-works {
  top: 0;
  position: relative;
}
.Designer .card-works,
.Seek .card-works,
.PersonalCenter .card-works,
.TheRecommendedDesign .card-works,
.choiceness .card-works {
  background: rgba(255, 255, 255, 0);
}
.Designer .hero-temp,
.Seek .hero-temp,
.PersonalCenter .hero-temp,
.TheRecommendedDesign .hero-temp,
.choiceness .hero-temp {
  text-align: center;
}
.Designer .hero-temp .hero-img,
.Seek .hero-temp .hero-img,
.PersonalCenter .hero-temp .hero-img,
.TheRecommendedDesign .hero-temp .hero-img,
.choiceness .hero-temp .hero-img {
  margin: 0 auto;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -0px;
width:227px;
height:212px;

}
.Designer .hero-temp .hero-img-mine,
.Seek .hero-temp .hero-img-mine,
.PersonalCenter .hero-temp .hero-img-mine,
.TheRecommendedDesign .hero-temp .hero-img-mine,
.choiceness .hero-temp .hero-img-mine {
  width: 240px;
  height: 240px;
  margin: 0 auto;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/hero-null-2_4144328b.gif);
}
.Designer .hero-temp .hero-text,
.Seek .hero-temp .hero-text,
.PersonalCenter .hero-temp .hero-text,
.TheRecommendedDesign .hero-temp .hero-text,
.choiceness .hero-temp .hero-text {
  color: #478f77;
  font-size: 20px;
  margin: 10px 0;
}
.Designer .hero-temp .hero-button,
.Seek .hero-temp .hero-button,
.PersonalCenter .hero-temp .hero-button,
.TheRecommendedDesign .hero-temp .hero-button,
.choiceness .hero-temp .hero-button {
  cursor: pointer;
  margin: 0 auto;
  font-size: 14px;
  line-height: 40px;
  color: #756833;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.Designer .hero-temp .hero-button a,
.Seek .hero-temp .hero-button a,
.PersonalCenter .hero-temp .hero-button a,
.TheRecommendedDesign .hero-temp .hero-button a,
.choiceness .hero-temp .hero-button a {
  width: 100%;
  height: 100%;
}
.Designer .hero-temp .hero-button .mine-target-1,
.Seek .hero-temp .hero-button .mine-target-1,
.PersonalCenter .hero-temp .hero-button .mine-target-1,
.TheRecommendedDesign .hero-temp .hero-button .mine-target-1,
.choiceness .hero-temp .hero-button .mine-target-1 {
  font-family: 'fzcjljt';
  display: inline-block;
  width: 103px;
  height: 45px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/attention_79de2ddf.png) no-repeat center center;
  background-size: 100% auto;
}
.Designer .hero-temp .hero-button .mine-target-1:hover,
.Seek .hero-temp .hero-button .mine-target-1:hover,
.PersonalCenter .hero-temp .hero-button .mine-target-1:hover,
.TheRecommendedDesign .hero-temp .hero-button .mine-target-1:hover,
.choiceness .hero-temp .hero-button .mine-target-1:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/attention-h_56843068.png) no-repeat center center;
  background-size: 100% auto;
}
.Designer .hero-temp .hero-button .mine-target-2,
.Seek .hero-temp .hero-button .mine-target-2,
.PersonalCenter .hero-temp .hero-button .mine-target-2,
.TheRecommendedDesign .hero-temp .hero-button .mine-target-2,
.choiceness .hero-temp .hero-button .mine-target-2 {
  font-family: 'fzcjljt';
  margin-top: 20px;
  width: 300px;
  height: 86px;
  color: #f7e6b6;
  line-height: 25px;
  font-size: 24px;
  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;
  padding-top: 17px;
}
.Designer .hero-temp .hero-button .mine-target-2:hover,
.Seek .hero-temp .hero-button .mine-target-2:hover,
.PersonalCenter .hero-temp .hero-button .mine-target-2:hover,
.TheRecommendedDesign .hero-temp .hero-button .mine-target-2:hover,
.choiceness .hero-temp .hero-button .mine-target-2:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/attention-2-h_76ec5cb3.png) no-repeat center center;
  background-size: 100% auto;
}
.Designer .works-back,
.Seek .works-back,
.PersonalCenter .works-back,
.TheRecommendedDesign .works-back,
.choiceness .works-back {
  cursor: pointer;
  width: 134px;
  height: 42px;
  color: #fff;
  line-height: 40px;
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 30;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/production_57de4f0b.png) no-repeat center center;
}
.Designer .works-back:hover,
.Seek .works-back:hover,
.PersonalCenter .works-back:hover,
.TheRecommendedDesign .works-back:hover,
.choiceness .works-back:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/production-h_3567f1c0.png) no-repeat center center;
}
.Designer .works,
.Seek .works,
.PersonalCenter .works,
.TheRecommendedDesign .works,
.choiceness .works {
  z-index: 3;
  position: relative;
  left: 0;
  width: 100%;
  min-height: 130px;
  margin: 35px 0 25px 0;
}
.Designer .works .container,
.Seek .works .container,
.PersonalCenter .works .container,
.TheRecommendedDesign .works .container,
.choiceness .works .container {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.Designer .works .works-img,
.Seek .works .works-img,
.PersonalCenter .works .works-img,
.TheRecommendedDesign .works .works-img,
.choiceness .works .works-img {
  position: absolute;
  left: 30px;
  top: 15px;
}
.Designer .works .works-img img,
.Seek .works .works-img img,
.PersonalCenter .works .works-img img,
.TheRecommendedDesign .works .works-img img,
.choiceness .works .works-img img {
  display: block;
  position: relative;
  width: 108px;
  height: 108px;
  background-size: cover;
  border-radius: 50%;
}
.Designer .works .works-img .zp-tx-bg,
.Seek .works .works-img .zp-tx-bg,
.PersonalCenter .works .works-img .zp-tx-bg,
.TheRecommendedDesign .works .works-img .zp-tx-bg,
.choiceness .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-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -387px;
width:171px;
height:171px;

}
.Designer .works .works-img .admin-v,
.Seek .works .works-img .admin-v,
.PersonalCenter .works .works-img .admin-v,
.TheRecommendedDesign .works .works-img .admin-v,
.choiceness .works .works-img .admin-v {
  position: absolute;
  bottom: 0;
  right: -8px;
  z-index: 2;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1374px -2576px;
width:40px;
height:48px;

}
.Designer .works .works-img-2,
.Seek .works .works-img-2,
.PersonalCenter .works .works-img-2,
.TheRecommendedDesign .works .works-img-2,
.choiceness .works .works-img-2 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  left: -10px;
  top: -5px;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  width: 60px;
  height: 60px;
}
.Designer .works .works-img-2 img,
.Seek .works .works-img-2 img,
.PersonalCenter .works .works-img-2 img,
.TheRecommendedDesign .works .works-img-2 img,
.choiceness .works .works-img-2 img {
  display: block;
  position: relative;
  width: 60px;
  height: 60px;
  background-size: cover;
  border-radius: 50%;
}
.Designer .works .works-img-2 div,
.Seek .works .works-img-2 div,
.PersonalCenter .works .works-img-2 div,
.TheRecommendedDesign .works .works-img-2 div,
.choiceness .works .works-img-2 div {
  z-index: 2;
  position: absolute;
  top: -4px;
  left: -1px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-234px -2648px;
width:61px;
height:65px;

}
.Designer .works .works-container,
.Seek .works .works-container,
.PersonalCenter .works .works-container,
.TheRecommendedDesign .works .works-container,
.choiceness .works .works-container,
.Designer .works .works-container-2,
.Seek .works .works-container-2,
.PersonalCenter .works .works-container-2,
.TheRecommendedDesign .works .works-container-2,
.choiceness .works .works-container-2 {
  position: relative;
  top: 30px;
  left: 190px;
  text-align: left;
  width: 415px;
  color: #505050;
}
.Designer .works .works-container .title,
.Seek .works .works-container .title,
.PersonalCenter .works .works-container .title,
.TheRecommendedDesign .works .works-container .title,
.choiceness .works .works-container .title,
.Designer .works .works-container-2 .title,
.Seek .works .works-container-2 .title,
.PersonalCenter .works .works-container-2 .title,
.TheRecommendedDesign .works .works-container-2 .title,
.choiceness .works .works-container-2 .title {
  font-size: 26px;
}
.Designer .works .works-container .fans,
.Seek .works .works-container .fans,
.PersonalCenter .works .works-container .fans,
.TheRecommendedDesign .works .works-container .fans,
.choiceness .works .works-container .fans,
.Designer .works .works-container-2 .fans,
.Seek .works .works-container-2 .fans,
.PersonalCenter .works .works-container-2 .fans,
.TheRecommendedDesign .works .works-container-2 .fans,
.choiceness .works .works-container-2 .fans {
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  font-size: 12px;
  color: #666;
}
.Designer .works .works-container .fans .fans-num,
.Seek .works .works-container .fans .fans-num,
.PersonalCenter .works .works-container .fans .fans-num,
.TheRecommendedDesign .works .works-container .fans .fans-num,
.choiceness .works .works-container .fans .fans-num,
.Designer .works .works-container-2 .fans .fans-num,
.Seek .works .works-container-2 .fans .fans-num,
.PersonalCenter .works .works-container-2 .fans .fans-num,
.TheRecommendedDesign .works .works-container-2 .fans .fans-num,
.choiceness .works .works-container-2 .fans .fans-num {
  font-size: 14px;
  display: inline-block;
  opacity: 0.7;
  float: left;
  margin-right: 50px;
}
.Designer .works .works-container .fans .attention-num,
.Seek .works .works-container .fans .attention-num,
.PersonalCenter .works .works-container .fans .attention-num,
.TheRecommendedDesign .works .works-container .fans .attention-num,
.choiceness .works .works-container .fans .attention-num,
.Designer .works .works-container-2 .fans .attention-num,
.Seek .works .works-container-2 .fans .attention-num,
.PersonalCenter .works .works-container-2 .fans .attention-num,
.TheRecommendedDesign .works .works-container-2 .fans .attention-num,
.choiceness .works .works-container-2 .fans .attention-num {
  font-size: 14px;
  display: inline-block;
  opacity: 0.7;
}
.Designer .works .works-container .compile,
.Seek .works .works-container .compile,
.PersonalCenter .works .works-container .compile,
.TheRecommendedDesign .works .works-container .compile,
.choiceness .works .works-container .compile,
.Designer .works .works-container-2 .compile,
.Seek .works .works-container-2 .compile,
.PersonalCenter .works .works-container-2 .compile,
.TheRecommendedDesign .works .works-container-2 .compile,
.choiceness .works .works-container-2 .compile {
  cursor: pointer;
  position: absolute;
  right: 53px;
  top: 5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -1012px;
width:23px;
height:23px;

}
.Designer .works .works-container .compile:hover,
.Seek .works .works-container .compile:hover,
.PersonalCenter .works .works-container .compile:hover,
.TheRecommendedDesign .works .works-container .compile:hover,
.choiceness .works .works-container .compile:hover,
.Designer .works .works-container-2 .compile:hover,
.Seek .works .works-container-2 .compile:hover,
.PersonalCenter .works .works-container-2 .compile:hover,
.TheRecommendedDesign .works .works-container-2 .compile:hover,
.choiceness .works .works-container-2 .compile:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -1037px;
width:23px;
height:23px;

}
.Designer .works .works-container .title-level,
.Seek .works .works-container .title-level,
.PersonalCenter .works .works-container .title-level,
.TheRecommendedDesign .works .works-container .title-level,
.choiceness .works .works-container .title-level,
.Designer .works .works-container-2 .title-level,
.Seek .works .works-container-2 .title-level,
.PersonalCenter .works .works-container-2 .title-level,
.TheRecommendedDesign .works .works-container-2 .title-level,
.choiceness .works .works-container-2 .title-level {
  position: relative;
  margin-top: 7px;
}
.Designer .works .works-container .title-level .level,
.Seek .works .works-container .title-level .level,
.PersonalCenter .works .works-container .title-level .level,
.TheRecommendedDesign .works .works-container .title-level .level,
.choiceness .works .works-container .title-level .level,
.Designer .works .works-container-2 .title-level .level,
.Seek .works .works-container-2 .title-level .level,
.PersonalCenter .works .works-container-2 .title-level .level,
.TheRecommendedDesign .works .works-container-2 .title-level .level,
.choiceness .works .works-container-2 .title-level .level {
  display: inline-block;
  color: #505050;
  font-size: 14px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}
.Designer .works .works-container .title-level .level span,
.Seek .works .works-container .title-level .level span,
.PersonalCenter .works .works-container .title-level .level span,
.TheRecommendedDesign .works .works-container .title-level .level span,
.choiceness .works .works-container .title-level .level span,
.Designer .works .works-container-2 .title-level .level span,
.Seek .works .works-container-2 .title-level .level span,
.PersonalCenter .works .works-container-2 .title-level .level span,
.TheRecommendedDesign .works .works-container-2 .title-level .level span,
.choiceness .works .works-container-2 .title-level .level span {
  font-weight: bold;
  font-size: 22px;
  margin-right: 5px;
}
.Designer .works .works-container .title-level .exp,
.Seek .works .works-container .title-level .exp,
.PersonalCenter .works .works-container .title-level .exp,
.TheRecommendedDesign .works .works-container .title-level .exp,
.choiceness .works .works-container .title-level .exp,
.Designer .works .works-container-2 .title-level .exp,
.Seek .works .works-container-2 .title-level .exp,
.PersonalCenter .works .works-container-2 .title-level .exp,
.TheRecommendedDesign .works .works-container-2 .title-level .exp,
.choiceness .works .works-container-2 .title-level .exp {
  position: absolute;
  right: 50px;
  bottom: 0;
  display: inline-block;
  color: #424242;
  font-size: 14px;
  color: rgba(66, 66, 66, 0.7);
}
.Designer .works .works-container .el-progress-bar__outer,
.Seek .works .works-container .el-progress-bar__outer,
.PersonalCenter .works .works-container .el-progress-bar__outer,
.TheRecommendedDesign .works .works-container .el-progress-bar__outer,
.choiceness .works .works-container .el-progress-bar__outer,
.Designer .works .works-container-2 .el-progress-bar__outer,
.Seek .works .works-container-2 .el-progress-bar__outer,
.PersonalCenter .works .works-container-2 .el-progress-bar__outer,
.TheRecommendedDesign .works .works-container-2 .el-progress-bar__outer,
.choiceness .works .works-container-2 .el-progress-bar__outer {
  height: 10px !important;
  opacity: 0.8;
}
.Designer .works .works-container .el-progress-bar__inner,
.Seek .works .works-container .el-progress-bar__inner,
.PersonalCenter .works .works-container .el-progress-bar__inner,
.TheRecommendedDesign .works .works-container .el-progress-bar__inner,
.choiceness .works .works-container .el-progress-bar__inner,
.Designer .works .works-container-2 .el-progress-bar__inner,
.Seek .works .works-container-2 .el-progress-bar__inner,
.PersonalCenter .works .works-container-2 .el-progress-bar__inner,
.TheRecommendedDesign .works .works-container-2 .el-progress-bar__inner,
.choiceness .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);
}
.Designer .works .works-container .el-icon-circle-close::before,
.Seek .works .works-container .el-icon-circle-close::before,
.PersonalCenter .works .works-container .el-icon-circle-close::before,
.TheRecommendedDesign .works .works-container .el-icon-circle-close::before,
.choiceness .works .works-container .el-icon-circle-close::before,
.Designer .works .works-container-2 .el-icon-circle-close::before,
.Seek .works .works-container-2 .el-icon-circle-close::before,
.PersonalCenter .works .works-container-2 .el-icon-circle-close::before,
.TheRecommendedDesign .works .works-container-2 .el-icon-circle-close::before,
.choiceness .works .works-container-2 .el-icon-circle-close::before {
  display: none;
  content: "";
}
.Designer .works .works-container-2 > .fans,
.Seek .works .works-container-2 > .fans,
.PersonalCenter .works .works-container-2 > .fans,
.TheRecommendedDesign .works .works-container-2 > .fans,
.choiceness .works .works-container-2 > .fans {
  margin-top: 10px;
}
.Designer .works .attention,
.Seek .works .attention,
.PersonalCenter .works .attention,
.TheRecommendedDesign .works .attention,
.choiceness .works .attention {
  cursor: pointer;
  width: 130px;
  height: 38px;
  line-height: 38px;
  color: #f2963d;
  border: 1px solid #e0b769;
  border-radius: 18px;
  position: absolute;
  text-align: center;
  font-size: 16px;
  top: 25px;
  left: 400px;
}
.Designer .works .attention:hover,
.Seek .works .attention:hover,
.PersonalCenter .works .attention:hover,
.TheRecommendedDesign .works .attention:hover,
.choiceness .works .attention:hover {
  color: #eb8019;
  background-color: rgba(242, 150, 61, 0.2);
  border: 1px solid #eb8019;
}
.Designer .works .production,
.Seek .works .production,
.PersonalCenter .works .production,
.TheRecommendedDesign .works .production,
.choiceness .works .production {
  cursor: pointer;
  width: 114px;
  height: 45px;
  color: #fff;
  line-height: 40px;
  position: absolute;
  top: 50px;
  right: 60px;
  text-align: center;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/production_57de4f0b.png) no-repeat center center;
}
.Designer .works .production:hover,
.Seek .works .production:hover,
.PersonalCenter .works .production:hover,
.TheRecommendedDesign .works .production:hover,
.choiceness .works .production:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/production-h_3567f1c0.png) no-repeat center center;
}
.Designer .works .doce,
.Seek .works .doce,
.PersonalCenter .works .doce,
.TheRecommendedDesign .works .doce,
.choiceness .works .doce {
  position: relative;
  cursor: pointer;
  left: 45px;
  top: -52px;
  max-width: 400px;
  font-size: 16px;
  color: #1b5a77;
}
.Designer .fans,
.Seek .fans,
.PersonalCenter .fans,
.TheRecommendedDesign .fans,
.choiceness .fans {
  font-size: 18px;
  margin: 5px 0 0 5px;
}
.Designer .fansBg,
.Seek .fansBg,
.PersonalCenter .fansBg,
.TheRecommendedDesign .fansBg,
.choiceness .fansBg {
  overflow: visible !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.Designer .fans-item,
.Seek .fans-item,
.PersonalCenter .fans-item,
.TheRecommendedDesign .fans-item,
.choiceness .fans-item {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-0px -2060px;
width:332px;
height:326px;

  padding: 0 55px 0 75px;
  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;
}
.Designer .fans-item2,
.Seek .fans-item2,
.PersonalCenter .fans-item2,
.TheRecommendedDesign .fans-item2,
.choiceness .fans-item2 {
  position: relative;
  cursor: pointer;
  width: 332px;
  height: 336px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/itemBg_99d27097.png) no-repeat center center;
  background-size: 100%;
  padding: 0 62px 0 72px;
}
.Designer .fans-item2 .fans-icon,
.Seek .fans-item2 .fans-icon,
.PersonalCenter .fans-item2 .fans-icon,
.TheRecommendedDesign .fans-item2 .fans-icon,
.choiceness .fans-item2 .fans-icon {
  position: relative;
  top: 120px;
}
.Designer .fans-item2 .admin-v,
.Seek .fans-item2 .admin-v,
.PersonalCenter .fans-item2 .admin-v,
.TheRecommendedDesign .fans-item2 .admin-v,
.choiceness .fans-item2 .admin-v {
  position: absolute;
  top: 120px;
  right: 105px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1374px -2576px;
width:40px;
height:48px;

}
.Designer .fans-item2 .lv2,
.Seek .fans-item2 .lv2,
.PersonalCenter .fans-item2 .lv2,
.TheRecommendedDesign .fans-item2 .lv2,
.choiceness .fans-item2 .lv2 {
  width: 40px;
  height: 20px;
  line-height: 20px;
  top: 150px;
  right: 110px;
}
.Designer .fans-icon,
.Seek .fans-icon,
.PersonalCenter .fans-icon,
.TheRecommendedDesign .fans-icon,
.choiceness .fans-icon {
  position: relative;
  color: #595959;
  font-size: 14px;
}
.Designer .fans-icon::after,
.Seek .fans-icon::after,
.PersonalCenter .fans-icon::after,
.TheRecommendedDesign .fans-icon::after,
.choiceness .fans-icon::after {
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2584px -1669px;
width:16px;
height:13px;

}
.Designer .hotWork .item,
.Seek .hotWork .item,
.PersonalCenter .hotWork .item,
.TheRecommendedDesign .hotWork .item,
.choiceness .hotWork .item {
  z-index: 3;
  overflow: visible !important;
  margin-top: 40px;
}
.Designer .hotWork .hotWorkLabel,
.Seek .hotWork .hotWorkLabel,
.PersonalCenter .hotWork .hotWorkLabel,
.TheRecommendedDesign .hotWork .hotWorkLabel,
.choiceness .hotWork .hotWorkLabel {
  position: absolute;
  top: -40px;
  left: 10px;
  height: 30px;
  border: 1px solid linear-gradient(180deg, rgba(240, 255, 252, 0.5) 0%, #E4F8FA 51%);
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}
.Designer .hotWork .hotWorkLabel div,
.Seek .hotWork .hotWorkLabel div,
.PersonalCenter .hotWork .hotWorkLabel div,
.TheRecommendedDesign .hotWork .hotWorkLabel div,
.choiceness .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: 16px;
}
.Designer .hotWork .hotWorkLabel div:nth-child(1),
.Seek .hotWork .hotWorkLabel div:nth-child(1),
.PersonalCenter .hotWork .hotWorkLabel div:nth-child(1),
.TheRecommendedDesign .hotWork .hotWorkLabel div:nth-child(1),
.choiceness .hotWork .hotWorkLabel div:nth-child(1) {
  padding: 0 20px 0 35px;
  color: #ebd697;
  float: left;
  min-width: 80px;
  height: 30px;
  background: #5ba09f;
}
.Designer .hotWork .hotWorkLabel div:nth-child(2),
.Seek .hotWork .hotWorkLabel div:nth-child(2),
.PersonalCenter .hotWork .hotWorkLabel div:nth-child(2),
.TheRecommendedDesign .hotWork .hotWorkLabel div:nth-child(2),
.choiceness .hotWork .hotWorkLabel div:nth-child(2) {
  padding: 0 10px;
  color: #66a292;
  min-width: 80px;
  height: 30px;
  background: #deecec;
}
.Designer .hotWork .hotWorkLabel .hotWorkLabel-icon-3::after,
.Seek .hotWork .hotWorkLabel .hotWorkLabel-icon-3::after,
.PersonalCenter .hotWork .hotWorkLabel .hotWorkLabel-icon-3::after,
.TheRecommendedDesign .hotWork .hotWorkLabel .hotWorkLabel-icon-3::after,
.choiceness .hotWork .hotWorkLabel .hotWorkLabel-icon-3::after {
  content: "";
  position: absolute;
  left: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2580px -1582px;
width:20px;
height:17px;

}
.Designer .hotWork .hotWorkLabel .hotWorkLabel-icon-1::after,
.Seek .hotWork .hotWorkLabel .hotWorkLabel-icon-1::after,
.PersonalCenter .hotWork .hotWorkLabel .hotWorkLabel-icon-1::after,
.TheRecommendedDesign .hotWork .hotWorkLabel .hotWorkLabel-icon-1::after,
.choiceness .hotWork .hotWorkLabel .hotWorkLabel-icon-1::after {
  content: "";
  position: absolute;
  left: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2586px -1632px;
width:15px;
height:15px;

}
.Designer .hotWork .hotWorkLabel .hotWorkLabel-icon-2::after,
.Seek .hotWork .hotWorkLabel .hotWorkLabel-icon-2::after,
.PersonalCenter .hotWork .hotWorkLabel .hotWorkLabel-icon-2::after,
.TheRecommendedDesign .hotWork .hotWorkLabel .hotWorkLabel-icon-2::after,
.choiceness .hotWork .hotWorkLabel .hotWorkLabel-icon-2::after {
  content: "";
  position: absolute;
  left: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2582px -1288px;
width:20px;
height:20px;

}
.Designer .masonry-bg,
.Seek .masonry-bg,
.PersonalCenter .masonry-bg,
.TheRecommendedDesign .masonry-bg,
.choiceness .masonry-bg {
  padding-top: 30px;
  width: 1360px;
}
.Designer .masonry,
.Seek .masonry,
.PersonalCenter .masonry,
.TheRecommendedDesign .masonry,
.choiceness .masonry {
  margin: 0 auto;
  width: 1440px;
}
.Designer .el-pagination button:disabled,
.Seek .el-pagination button:disabled,
.PersonalCenter .el-pagination button:disabled,
.TheRecommendedDesign .el-pagination button:disabled,
.choiceness .el-pagination button:disabled {
  color: #C1DED8 !important;
}
.Designer .pagination,
.Seek .pagination,
.PersonalCenter .pagination,
.TheRecommendedDesign .pagination,
.choiceness .pagination {
  margin: 25px auto auto auto;
  text-align: center;
}
.Designer .pagination .el-dialog,
.Seek .pagination .el-dialog,
.PersonalCenter .pagination .el-dialog,
.TheRecommendedDesign .pagination .el-dialog,
.choiceness .pagination .el-dialog,
.Designer .pagination .el-pager li,
.Seek .pagination .el-pager li,
.PersonalCenter .pagination .el-pager li,
.TheRecommendedDesign .pagination .el-pager li,
.choiceness .pagination .el-pager li,
.Designer .pagination .el-pagination .btn-next,
.Seek .pagination .el-pagination .btn-next,
.PersonalCenter .pagination .el-pagination .btn-next,
.TheRecommendedDesign .pagination .el-pagination .btn-next,
.choiceness .pagination .el-pagination .btn-next,
.Designer .pagination .el-pagination .btn-prev,
.Seek .pagination .el-pagination .btn-prev,
.PersonalCenter .pagination .el-pagination .btn-prev,
.TheRecommendedDesign .pagination .el-pagination .btn-prev,
.choiceness .pagination .el-pagination .btn-prev {
  background: #f0fafd;
}
.Designer .pagination .el-pagination__total,
.Seek .pagination .el-pagination__total,
.PersonalCenter .pagination .el-pagination__total,
.TheRecommendedDesign .pagination .el-pagination__total,
.choiceness .pagination .el-pagination__total {
  display: none !important;
}
.Designer .pagination .active,
.Seek .pagination .active,
.PersonalCenter .pagination .active,
.TheRecommendedDesign .pagination .active,
.choiceness .pagination .active {
  position: relative;
}
.Designer .pagination .active::after,
.Seek .pagination .active::after,
.PersonalCenter .pagination .active::after,
.TheRecommendedDesign .pagination .active::after,
.choiceness .pagination .active::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  width: 5px;
  height: 1px;
  background: #409EFF;
}
.Designer .pagination .active::before,
.Seek .pagination .active::before,
.PersonalCenter .pagination .active::before,
.TheRecommendedDesign .pagination .active::before,
.choiceness .pagination .active::before {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  width: 5px;
  height: 1px;
  background: #409EFF;
}
.Designer .pagination .pagination-temp,
.Seek .pagination .pagination-temp,
.PersonalCenter .pagination .pagination-temp,
.TheRecommendedDesign .pagination .pagination-temp,
.choiceness .pagination .pagination-temp {
  font-size: 28px;
  color: #595959;
  margin: 50px 0;
}
.Designer .head-img2,
.Seek .head-img2,
.PersonalCenter .head-img2,
.TheRecommendedDesign .head-img2,
.choiceness .head-img2 {
  position: relative;
  top: 70px;
  left: 50%;
  -webkit-transform: translateX(-55%);
          transform: translateX(-55%);
  margin: 0 auto;
  width: 105px;
  height: 105px;
  border-radius: 50%;
  background-size: 100% auto;
  border: 2px solid #ebd697;
}
.Designer .masonry,
.Seek .masonry,
.PersonalCenter .masonry,
.TheRecommendedDesign .masonry,
.choiceness .masonry {
  position: relative;
  width: 100%;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  /* justify-content: center; */
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.Designer .masonry .arrows,
.Seek .masonry .arrows,
.PersonalCenter .masonry .arrows,
.TheRecommendedDesign .masonry .arrows,
.choiceness .masonry .arrows {
  position: absolute;
  bottom: -100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #45786d;
}
.Designer .masonry .arrows::after,
.Seek .masonry .arrows::after,
.PersonalCenter .masonry .arrows::after,
.TheRecommendedDesign .masonry .arrows::after,
.choiceness .masonry .arrows::after {
  content: "";
  position: absolute;
  bottom: -100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2810px -2457px;
width:21px;
height:14px;

}
.Designer .masonry .item,
.Seek .masonry .item,
.PersonalCenter .masonry .item,
.TheRecommendedDesign .masonry .item,
.choiceness .masonry .item {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 0 10px 1px #8183874d;
          box-shadow: 0 0 10px 1px #8183874d;
  width: 322px;
  overflow: hidden;
  border-radius: 15px;
  margin-bottom: 40px;
  margin-left: 23px;
  -webkit-animation: detailBgs 300ms forwards;
          animation: detailBgs 300ms forwards;
}
.Designer .masonry .item:nth-child(4n+1),
.Seek .masonry .item:nth-child(4n+1),
.PersonalCenter .masonry .item:nth-child(4n+1),
.TheRecommendedDesign .masonry .item:nth-child(4n+1),
.choiceness .masonry .item:nth-child(4n+1) {
  margin-left: 0;
}
@-webkit-keyframes detailBgs {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes detailBgs {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.Designer .masonry .item:hover,
.Seek .masonry .item:hover,
.PersonalCenter .masonry .item:hover,
.TheRecommendedDesign .masonry .item:hover,
.choiceness .masonry .item:hover {
  -webkit-box-shadow: 0 0 10px 1px rgba(76, 166, 148, 0.9);
          box-shadow: 0 0 10px 1px rgba(76, 166, 148, 0.9);
}
.Designer .masonry .item .delete-item,
.Seek .masonry .item .delete-item,
.PersonalCenter .masonry .item .delete-item,
.TheRecommendedDesign .masonry .item .delete-item,
.choiceness .masonry .item .delete-item {
  position: relative;
  text-align: center;
  color: #66a292;
  font-size: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  width: 332px;
  height: 323px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/dele-item_97ddadce.png) no-repeat center center;
  background-size: 100% 100%;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
}
.Designer .masonry .item .delete-item div,
.Seek .masonry .item .delete-item div,
.PersonalCenter .masonry .item .delete-item div,
.TheRecommendedDesign .masonry .item .delete-item div,
.choiceness .masonry .item .delete-item div {
  position: absolute;
  right: 25px;
  top: 25px;
}
.Designer .masonry .item .delete-item .icon-collect,
.Seek .masonry .item .delete-item .icon-collect,
.PersonalCenter .masonry .item .delete-item .icon-collect,
.TheRecommendedDesign .masonry .item .delete-item .icon-collect,
.choiceness .masonry .item .delete-item .icon-collect {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1828px -2530px;
width:40px;
height:40px;

}
.Designer .masonry .item .delete-item .icon-collect:hover,
.Seek .masonry .item .delete-item .icon-collect:hover,
.PersonalCenter .masonry .item .delete-item .icon-collect:hover,
.TheRecommendedDesign .masonry .item .delete-item .icon-collect:hover,
.choiceness .masonry .item .delete-item .icon-collect:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1912px -2530px;
width:40px;
height:40px;

}
.Designer .masonry .item .delete-item .icon-collect2,
.Seek .masonry .item .delete-item .icon-collect2,
.PersonalCenter .masonry .item .delete-item .icon-collect2,
.TheRecommendedDesign .masonry .item .delete-item .icon-collect2,
.choiceness .masonry .item .delete-item .icon-collect2 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1912px -2530px;
width:40px;
height:40px;

}
.Designer .masonry .item .market,
.Seek .masonry .item .market,
.PersonalCenter .masonry .item .market,
.TheRecommendedDesign .masonry .item .market,
.choiceness .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;
}
.Designer .masonry .item .market div,
.Seek .masonry .item .market div,
.PersonalCenter .masonry .item .market div,
.TheRecommendedDesign .masonry .item .market div,
.choiceness .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: 20px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2442px -1582px;
width:136px;
height:48px;

}
.Designer .masonry .item .market-2,
.Seek .masonry .item .market-2,
.PersonalCenter .masonry .item .market-2,
.TheRecommendedDesign .masonry .item .market-2,
.choiceness .masonry .item .market-2,
.Designer .masonry .item .market-3,
.Seek .masonry .item .market-3,
.PersonalCenter .masonry .item .market-3,
.TheRecommendedDesign .masonry .item .market-3,
.choiceness .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;
}
.Designer .masonry .item .market-2 div,
.Seek .masonry .item .market-2 div,
.PersonalCenter .masonry .item .market-2 div,
.TheRecommendedDesign .masonry .item .market-2 div,
.choiceness .masonry .item .market-2 div,
.Designer .masonry .item .market-3 div,
.Seek .masonry .item .market-3 div,
.PersonalCenter .masonry .item .market-3 div,
.TheRecommendedDesign .masonry .item .market-3 div,
.choiceness .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: 20px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2258px -1711px;
width:136px;
height:48px;

}
.Designer .masonry .item .hero,
.Seek .masonry .item .hero,
.PersonalCenter .masonry .item .hero,
.TheRecommendedDesign .masonry .item .hero,
.choiceness .masonry .item .hero {
  width: 100%;
  background: -webkit-gradient(linear, right top, left top, from(#fbfdfd), color-stop(50%, #dcedeb), to(#fbfdfd)) !important;
  background: linear-gradient(to left, #fbfdfd 0%, #dcedeb 50%, #fbfdfd 100%) !important;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin: 0 auto;
  cursor: pointer;
}
.Designer .masonry .item .hero .hero-item,
.Seek .masonry .item .hero .hero-item,
.PersonalCenter .masonry .item .hero .hero-item,
.TheRecommendedDesign .masonry .item .hero .hero-item,
.choiceness .masonry .item .hero .hero-item {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  overflow: hidden;
  position: relative;
  display: inline-grid;
}
.Designer .masonry .item .hero .tag,
.Seek .masonry .item .hero .tag,
.PersonalCenter .masonry .item .hero .tag,
.TheRecommendedDesign .masonry .item .hero .tag,
.choiceness .masonry .item .hero .tag {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2698px -2251px;
width:90px;
height:90px;

}
.Designer .masonry .item .hero .icon,
.Seek .masonry .item .hero .icon,
.PersonalCenter .masonry .item .hero .icon,
.TheRecommendedDesign .masonry .item .hero .icon,
.choiceness .masonry .item .hero .icon {
  text-align: center;
  width: 58px;
  height: 33px;
  z-index: 3;
  font-size: 16px;
  line-height: 30px;
  color: #e9e9e9;
  position: absolute;
  top: 0;
  left: -1px;
}
.Designer .masonry .item .hero .head-img,
.Seek .masonry .item .hero .head-img,
.PersonalCenter .masonry .item .hero .head-img,
.TheRecommendedDesign .masonry .item .hero .head-img,
.choiceness .masonry .item .hero .head-img,
.Designer .masonry .item .hero .temp,
.Seek .masonry .item .hero .temp,
.PersonalCenter .masonry .item .hero .temp,
.TheRecommendedDesign .masonry .item .hero .temp,
.choiceness .masonry .item .hero .temp {
  position: relative;
  top: 0;
  left: 0%;
  background-size: 100% auto;
  width: 100%;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.Designer .masonry .item .hero .temp,
.Seek .masonry .item .hero .temp,
.PersonalCenter .masonry .item .hero .temp,
.TheRecommendedDesign .masonry .item .hero .temp,
.choiceness .masonry .item .hero .temp {
  height: 100%;
  position: absolute;
  top: 0;
  display: inline-block;
  z-index: 2;
}
.Designer .masonry .item .hero .temp .icon-collect,
.Seek .masonry .item .hero .temp .icon-collect,
.PersonalCenter .masonry .item .hero .temp .icon-collect,
.TheRecommendedDesign .masonry .item .hero .temp .icon-collect,
.choiceness .masonry .item .hero .temp .icon-collect {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1828px -2530px;
width:40px;
height:40px;

}
.Designer .masonry .item .hero .temp .icon-collect:hover,
.Seek .masonry .item .hero .temp .icon-collect:hover,
.PersonalCenter .masonry .item .hero .temp .icon-collect:hover,
.TheRecommendedDesign .masonry .item .hero .temp .icon-collect:hover,
.choiceness .masonry .item .hero .temp .icon-collect:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1912px -2530px;
width:40px;
height:40px;

}
.Designer .masonry .item .hero .temp .icon-top-1,
.Seek .masonry .item .hero .temp .icon-top-1,
.PersonalCenter .masonry .item .hero .temp .icon-top-1,
.TheRecommendedDesign .masonry .item .hero .temp .icon-top-1,
.choiceness .masonry .item .hero .temp .icon-top-1,
.Designer .masonry .item .hero .temp .icon-top-2,
.Seek .masonry .item .hero .temp .icon-top-2,
.PersonalCenter .masonry .item .hero .temp .icon-top-2,
.TheRecommendedDesign .masonry .item .hero .temp .icon-top-2,
.choiceness .masonry .item .hero .temp .icon-top-2,
.Designer .masonry .item .hero .temp .icon-top-3,
.Seek .masonry .item .hero .temp .icon-top-3,
.PersonalCenter .masonry .item .hero .temp .icon-top-3,
.TheRecommendedDesign .masonry .item .hero .temp .icon-top-3,
.choiceness .masonry .item .hero .temp .icon-top-3 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2411px -1310px;
width:129px;
height:52px;

  display: inline-block;
  position: absolute;
  right: -6px;
  top: 0;
}
.Designer .masonry .item .hero .temp .icon-top-1 .icon-collect,
.Seek .masonry .item .hero .temp .icon-top-1 .icon-collect,
.PersonalCenter .masonry .item .hero .temp .icon-top-1 .icon-collect,
.TheRecommendedDesign .masonry .item .hero .temp .icon-top-1 .icon-collect,
.choiceness .masonry .item .hero .temp .icon-top-1 .icon-collect,
.Designer .masonry .item .hero .temp .icon-top-2 .icon-collect,
.Seek .masonry .item .hero .temp .icon-top-2 .icon-collect,
.PersonalCenter .masonry .item .hero .temp .icon-top-2 .icon-collect,
.TheRecommendedDesign .masonry .item .hero .temp .icon-top-2 .icon-collect,
.choiceness .masonry .item .hero .temp .icon-top-2 .icon-collect,
.Designer .masonry .item .hero .temp .icon-top-3 .icon-collect,
.Seek .masonry .item .hero .temp .icon-top-3 .icon-collect,
.PersonalCenter .masonry .item .hero .temp .icon-top-3 .icon-collect,
.TheRecommendedDesign .masonry .item .hero .temp .icon-top-3 .icon-collect,
.choiceness .masonry .item .hero .temp .icon-top-3 .icon-collect {
  cursor: pointer;
  position: absolute;
  right: 23px;
  top: 20px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -1140px;
width:24px;
height:22px;

}
.Designer .masonry .item .hero .temp .icon-top-1 .icon-collect:hover,
.Seek .masonry .item .hero .temp .icon-top-1 .icon-collect:hover,
.PersonalCenter .masonry .item .hero .temp .icon-top-1 .icon-collect:hover,
.TheRecommendedDesign .masonry .item .hero .temp .icon-top-1 .icon-collect:hover,
.choiceness .masonry .item .hero .temp .icon-top-1 .icon-collect:hover,
.Designer .masonry .item .hero .temp .icon-top-2 .icon-collect:hover,
.Seek .masonry .item .hero .temp .icon-top-2 .icon-collect:hover,
.PersonalCenter .masonry .item .hero .temp .icon-top-2 .icon-collect:hover,
.TheRecommendedDesign .masonry .item .hero .temp .icon-top-2 .icon-collect:hover,
.choiceness .masonry .item .hero .temp .icon-top-2 .icon-collect:hover,
.Designer .masonry .item .hero .temp .icon-top-3 .icon-collect:hover,
.Seek .masonry .item .hero .temp .icon-top-3 .icon-collect:hover,
.PersonalCenter .masonry .item .hero .temp .icon-top-3 .icon-collect:hover,
.TheRecommendedDesign .masonry .item .hero .temp .icon-top-3 .icon-collect:hover,
.choiceness .masonry .item .hero .temp .icon-top-3 .icon-collect:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -1196px;
width:24px;
height:22px;

}
.Designer .masonry .item .hero .temp .icon-top-1 .icon-collect2,
.Seek .masonry .item .hero .temp .icon-top-1 .icon-collect2,
.PersonalCenter .masonry .item .hero .temp .icon-top-1 .icon-collect2,
.TheRecommendedDesign .masonry .item .hero .temp .icon-top-1 .icon-collect2,
.choiceness .masonry .item .hero .temp .icon-top-1 .icon-collect2,
.Designer .masonry .item .hero .temp .icon-top-2 .icon-collect2,
.Seek .masonry .item .hero .temp .icon-top-2 .icon-collect2,
.PersonalCenter .masonry .item .hero .temp .icon-top-2 .icon-collect2,
.TheRecommendedDesign .masonry .item .hero .temp .icon-top-2 .icon-collect2,
.choiceness .masonry .item .hero .temp .icon-top-2 .icon-collect2,
.Designer .masonry .item .hero .temp .icon-top-3 .icon-collect2,
.Seek .masonry .item .hero .temp .icon-top-3 .icon-collect2,
.PersonalCenter .masonry .item .hero .temp .icon-top-3 .icon-collect2,
.TheRecommendedDesign .masonry .item .hero .temp .icon-top-3 .icon-collect2,
.choiceness .masonry .item .hero .temp .icon-top-3 .icon-collect2 {
  cursor: pointer;
  position: absolute;
  right: 23px;
  top: 20px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -1196px;
width:24px;
height:22px;

}
.Designer .masonry .item .hero .temp .icon-top-2,
.Seek .masonry .item .hero .temp .icon-top-2,
.PersonalCenter .masonry .item .hero .temp .icon-top-2,
.TheRecommendedDesign .masonry .item .hero .temp .icon-top-2,
.choiceness .masonry .item .hero .temp .icon-top-2 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -2143px;
width:173px;
height:52px;

}
.Designer .masonry .item .hero .temp .icon-top-3,
.Seek .masonry .item .hero .temp .icon-top-3,
.PersonalCenter .masonry .item .hero .temp .icon-top-3,
.TheRecommendedDesign .masonry .item .hero .temp .icon-top-3,
.choiceness .masonry .item .hero .temp .icon-top-3 {
  right: -12px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -2197px;
width:173px;
height:52px;

}
.Designer .masonry .item .hero .temp .icon-top-3 .icon-collect,
.Seek .masonry .item .hero .temp .icon-top-3 .icon-collect,
.PersonalCenter .masonry .item .hero .temp .icon-top-3 .icon-collect,
.TheRecommendedDesign .masonry .item .hero .temp .icon-top-3 .icon-collect,
.choiceness .masonry .item .hero .temp .icon-top-3 .icon-collect,
.Designer .masonry .item .hero .temp .icon-top-3 .icon-collect2,
.Seek .masonry .item .hero .temp .icon-top-3 .icon-collect2,
.PersonalCenter .masonry .item .hero .temp .icon-top-3 .icon-collect2,
.TheRecommendedDesign .masonry .item .hero .temp .icon-top-3 .icon-collect2,
.choiceness .masonry .item .hero .temp .icon-top-3 .icon-collect2 {
  right: 28px;
}
.Designer .masonry .item .hero .temp .icon-top- + .coupleDesigner,
.Seek .masonry .item .hero .temp .icon-top- + .coupleDesigner,
.PersonalCenter .masonry .item .hero .temp .icon-top- + .coupleDesigner,
.TheRecommendedDesign .masonry .item .hero .temp .icon-top- + .coupleDesigner,
.choiceness .masonry .item .hero .temp .icon-top- + .coupleDesigner {
  right: 40px;
  top: -2px;
}
.Designer .masonry .item .hero .temp .icon-collect2,
.Seek .masonry .item .hero .temp .icon-collect2,
.PersonalCenter .masonry .item .hero .temp .icon-collect2,
.TheRecommendedDesign .masonry .item .hero .temp .icon-collect2,
.choiceness .masonry .item .hero .temp .icon-collect2 {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1912px -2530px;
width:40px;
height:40px;

}
.Designer .masonry .item .hero .temp .coupleDesigner,
.Seek .masonry .item .hero .temp .coupleDesigner,
.PersonalCenter .masonry .item .hero .temp .coupleDesigner,
.TheRecommendedDesign .masonry .item .hero .temp .coupleDesigner,
.choiceness .masonry .item .hero .temp .coupleDesigner {
  position: absolute;
  right: -17px;
  top: 45px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2488px -2264px;
width:98px;
height:62px;

}
.Designer .masonry .item .hero .temp .icon-play,
.Seek .masonry .item .hero .temp .icon-play,
.PersonalCenter .masonry .item .hero .temp .icon-play,
.TheRecommendedDesign .masonry .item .hero .temp .icon-play,
.choiceness .masonry .item .hero .temp .icon-play {
  cursor: pointer;
  position: absolute;
  left: 10px;
  top: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2525px -2388px;
width:34px;
height:34px;

}
.Designer .masonry .item .hero .temp .icon-play:hover,
.Seek .masonry .item .hero .temp .icon-play:hover,
.PersonalCenter .masonry .item .hero .temp .icon-play:hover,
.TheRecommendedDesign .masonry .item .hero .temp .icon-play:hover,
.choiceness .masonry .item .hero .temp .icon-play:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2561px -2388px;
width:34px;
height:34px;

}
.Designer .masonry .item .hero .temp .icon-share,
.Seek .masonry .item .hero .temp .icon-share,
.PersonalCenter .masonry .item .hero .temp .icon-share,
.TheRecommendedDesign .masonry .item .hero .temp .icon-share,
.choiceness .masonry .item .hero .temp .icon-share {
  cursor: pointer;
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1954px -2530px;
width:40px;
height:40px;

}
.Designer .masonry .item .hero .temp .icon-share:hover,
.Seek .masonry .item .hero .temp .icon-share:hover,
.PersonalCenter .masonry .item .hero .temp .icon-share:hover,
.TheRecommendedDesign .masonry .item .hero .temp .icon-share:hover,
.choiceness .masonry .item .hero .temp .icon-share:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.Designer .masonry .item .text-content,
.Seek .masonry .item .text-content,
.PersonalCenter .masonry .item .text-content,
.TheRecommendedDesign .masonry .item .text-content,
.choiceness .masonry .item .text-content {
  position: relative;
  left: 0%;
  background-size: cover;
  width: 100%;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  bottom: 0;
  padding: 5px 0 20px 0;
  text-align: left;
  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: -180px;
  overflow: hidden;
}
.Designer .masonry .item .text-content .title-icon-2,
.Seek .masonry .item .text-content .title-icon-2,
.PersonalCenter .masonry .item .text-content .title-icon-2,
.TheRecommendedDesign .masonry .item .text-content .title-icon-2,
.choiceness .masonry .item .text-content .title-icon-2 {
  position: absolute;
  top: 6px;
  right: 9px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat center center;background-size:2833px 2821px;
background-position:-1446px -2530px;
width:44px;
height:40px;

}
.Designer .masonry .item .text-content .title-icon-1,
.Seek .masonry .item .text-content .title-icon-1,
.PersonalCenter .masonry .item .text-content .title-icon-1,
.TheRecommendedDesign .masonry .item .text-content .title-icon-1,
.choiceness .masonry .item .text-content .title-icon-1 {
  position: absolute;
  top: 6px;
  right: 9px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat center center;background-size:2833px 2821px;
background-position:-2781px -2089px;
width:46px;
height:46px;

}
.Designer .masonry .item .text-content .compile,
.Seek .masonry .item .text-content .compile,
.PersonalCenter .masonry .item .text-content .compile,
.TheRecommendedDesign .masonry .item .text-content .compile,
.choiceness .masonry .item .text-content .compile {
  cursor: pointer;
  position: absolute;
  right: 15px;
  bottom: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2584px -2110px;
width:18px;
height:18px;

}
.Designer .masonry .item .text-content .compile:hover,
.Seek .masonry .item .text-content .compile:hover,
.PersonalCenter .masonry .item .text-content .compile:hover,
.TheRecommendedDesign .masonry .item .text-content .compile:hover,
.choiceness .masonry .item .text-content .compile:hover {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
}
.Designer .masonry .item .text-content .he-del,
.Seek .masonry .item .text-content .he-del,
.PersonalCenter .masonry .item .text-content .he-del,
.TheRecommendedDesign .masonry .item .text-content .he-del,
.choiceness .masonry .item .text-content .he-del {
  cursor: pointer;
  position: absolute;
  right: 50px;
  bottom: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2524px -2328px;
width:16px;
height:18px;

}
.Designer .masonry .item .text-content .he-del:hover,
.Seek .masonry .item .text-content .he-del:hover,
.PersonalCenter .masonry .item .text-content .he-del:hover,
.TheRecommendedDesign .masonry .item .text-content .he-del:hover,
.choiceness .masonry .item .text-content .he-del:hover {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
}
.Designer .masonry .item .text-content .hero-record,
.Seek .masonry .item .text-content .hero-record,
.PersonalCenter .masonry .item .text-content .hero-record,
.TheRecommendedDesign .masonry .item .text-content .hero-record,
.choiceness .masonry .item .text-content .hero-record {
  position: absolute;
  right: -3px;
  bottom: -24px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1291px -2576px;
width:81px;
height:56px;

}
.Designer .masonry .item .text-content .purchase-record,
.Seek .masonry .item .text-content .purchase-record,
.PersonalCenter .masonry .item .text-content .purchase-record,
.TheRecommendedDesign .masonry .item .text-content .purchase-record,
.choiceness .masonry .item .text-content .purchase-record {
  position: absolute;
  right: -3px;
  bottom: -24px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1124px -2576px;
width:82px;
height:56px;

}
.Designer .masonry .item .text-content .hero-content,
.Seek .masonry .item .text-content .hero-content,
.PersonalCenter .masonry .item .text-content .hero-content,
.TheRecommendedDesign .masonry .item .text-content .hero-content,
.choiceness .masonry .item .text-content .hero-content {
  position: relative;
  padding-top: 10px;
}
.Designer .masonry .item .text-content .hero-content .fans,
.Seek .masonry .item .text-content .hero-content .fans,
.PersonalCenter .masonry .item .text-content .hero-content .fans,
.TheRecommendedDesign .masonry .item .text-content .hero-content .fans,
.choiceness .masonry .item .text-content .hero-content .fans {
  width: 250px;
}
.Designer .masonry .item .text-content .workCreateTime,
.Seek .masonry .item .text-content .workCreateTime,
.PersonalCenter .masonry .item .text-content .workCreateTime,
.TheRecommendedDesign .masonry .item .text-content .workCreateTime,
.choiceness .masonry .item .text-content .workCreateTime {
  width: 100%;
  position: relative;
  margin: 10px 0 5px 0;
  font-size: 12px;
  color: #1b5a77;
}
.Designer .masonry .item .text-content .dele,
.Seek .masonry .item .text-content .dele,
.PersonalCenter .masonry .item .text-content .dele,
.TheRecommendedDesign .masonry .item .text-content .dele,
.choiceness .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-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2524px -2328px;
width:16px;
height:18px;

}
.Designer .masonry .item .text-content .dele:hover,
.Seek .masonry .item .text-content .dele:hover,
.PersonalCenter .masonry .item .text-content .dele:hover,
.TheRecommendedDesign .masonry .item .text-content .dele:hover,
.choiceness .masonry .item .text-content .dele:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2542px -2328px;
width:16px;
height:18px;

}
.Designer .masonry .item .text-content .hero-img,
.Seek .masonry .item .text-content .hero-img,
.PersonalCenter .masonry .item .text-content .hero-img,
.TheRecommendedDesign .masonry .item .text-content .hero-img,
.choiceness .masonry .item .text-content .hero-img {
  cursor: pointer;
  position: absolute;
  top: 13px;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: cover;
  border-radius: 50%;
}
.Designer .masonry .item .text-content .hero-name,
.Seek .masonry .item .text-content .hero-name,
.PersonalCenter .masonry .item .text-content .hero-name,
.TheRecommendedDesign .masonry .item .text-content .hero-name,
.choiceness .masonry .item .text-content .hero-name {
  cursor: pointer;
  margin-left: 28px;
  color: #1b5a77;
  font-size: 14px;
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
  display: inline-block;
  width: 150px;
}
.Designer .masonry .item .text-content .title-name,
.Seek .masonry .item .text-content .title-name,
.PersonalCenter .masonry .item .text-content .title-name,
.TheRecommendedDesign .masonry .item .text-content .title-name,
.choiceness .masonry .item .text-content .title-name,
.Designer .masonry .item .text-content .title-name-1,
.Seek .masonry .item .text-content .title-name-1,
.PersonalCenter .masonry .item .text-content .title-name-1,
.TheRecommendedDesign .masonry .item .text-content .title-name-1,
.choiceness .masonry .item .text-content .title-name-1,
.Designer .masonry .item .text-content .title-name-2,
.Seek .masonry .item .text-content .title-name-2,
.PersonalCenter .masonry .item .text-content .title-name-2,
.TheRecommendedDesign .masonry .item .text-content .title-name-2,
.choiceness .masonry .item .text-content .title-name-2,
.Designer .masonry .item .text-content .title-name-3,
.Seek .masonry .item .text-content .title-name-3,
.PersonalCenter .masonry .item .text-content .title-name-3,
.TheRecommendedDesign .masonry .item .text-content .title-name-3,
.choiceness .masonry .item .text-content .title-name-3 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat center center;background-size:2833px 2821px;
background-position:-2392px -1468px;
width:202px;
height:38px;

  line-height: 38px;
  padding-left: 15px;
  margin-left: -1px;
  font-size: 20px;
  font-weight: 500;
  color: #FFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: 'NotoSansSC', "Microsoft YaHei", sans-serif;
}
.Designer .masonry .item .text-content .title-name-1,
.Seek .masonry .item .text-content .title-name-1,
.PersonalCenter .masonry .item .text-content .title-name-1,
.TheRecommendedDesign .masonry .item .text-content .title-name-1,
.choiceness .masonry .item .text-content .title-name-1 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat center center;background-size:2833px 2821px;
background-position:-2286px -2162px;
width:249px;
height:85px;

  margin-left: -10px;
  margin-top: -25px;
  padding: 25px 0 0 55px;
}
.Designer .masonry .item .text-content .title-name-1 + .hero-content,
.Seek .masonry .item .text-content .title-name-1 + .hero-content,
.PersonalCenter .masonry .item .text-content .title-name-1 + .hero-content,
.TheRecommendedDesign .masonry .item .text-content .title-name-1 + .hero-content,
.choiceness .masonry .item .text-content .title-name-1 + .hero-content {
  margin-top: -20px;
}
.Designer .masonry .item .text-content .title-name-2,
.Seek .masonry .item .text-content .title-name-2,
.PersonalCenter .masonry .item .text-content .title-name-2,
.TheRecommendedDesign .masonry .item .text-content .title-name-2,
.choiceness .masonry .item .text-content .title-name-2 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat center center;background-size:2833px 2821px;
background-position:-2237px -2264px;
width:249px;
height:85px;

  margin-left: -10px;
  margin-top: -25px;
  padding: 25px 0 0 55px;
}
.Designer .masonry .item .text-content .title-name-2 + .hero-content,
.Seek .masonry .item .text-content .title-name-2 + .hero-content,
.PersonalCenter .masonry .item .text-content .title-name-2 + .hero-content,
.TheRecommendedDesign .masonry .item .text-content .title-name-2 + .hero-content,
.choiceness .masonry .item .text-content .title-name-2 + .hero-content {
  margin-top: -20px;
}
.Designer .masonry .item .text-content .title-name-3,
.Seek .masonry .item .text-content .title-name-3,
.PersonalCenter .masonry .item .text-content .title-name-3,
.TheRecommendedDesign .masonry .item .text-content .title-name-3,
.choiceness .masonry .item .text-content .title-name-3 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat center center;background-size:2833px 2821px;
background-position:-2190px -1582px;
width:250px;
height:85px;

  margin-left: -10px;
  margin-top: -25px;
  padding: 25px 0 0 55px;
}
.Designer .masonry .item .text-content .title-name-3 + .hero-content,
.Seek .masonry .item .text-content .title-name-3 + .hero-content,
.PersonalCenter .masonry .item .text-content .title-name-3 + .hero-content,
.TheRecommendedDesign .masonry .item .text-content .title-name-3 + .hero-content,
.choiceness .masonry .item .text-content .title-name-3 + .hero-content {
  margin-top: -20px;
}
.Designer .masonry .item .text-content .text-icon,
.Seek .masonry .item .text-content .text-icon,
.PersonalCenter .masonry .item .text-content .text-icon,
.TheRecommendedDesign .masonry .item .text-content .text-icon,
.choiceness .masonry .item .text-content .text-icon {
  vertical-align: middle;
  display: inline-block;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -903px;
width:24px;
height:23px;

}
.Designer .masonry .item .text-content .stylist,
.Seek .masonry .item .text-content .stylist,
.PersonalCenter .masonry .item .text-content .stylist,
.TheRecommendedDesign .masonry .item .text-content .stylist,
.choiceness .masonry .item .text-content .stylist {
  padding: 0 50px 0 20px;
  font-size: 18px;
  color: #3D3D3D;
  display: inline-block;
  position: relative;
  font-family: 'NotoSansSC', "Microsoft YaHei", sans-serif;
}
.Designer .masonry .item .text-content .stylist .stylist-txt,
.Seek .masonry .item .text-content .stylist .stylist-txt,
.PersonalCenter .masonry .item .text-content .stylist .stylist-txt,
.TheRecommendedDesign .masonry .item .text-content .stylist .stylist-txt,
.choiceness .masonry .item .text-content .stylist .stylist-txt {
  height: 23px;
}
.Designer .masonry .item .text-content .stylist .item-admin,
.Seek .masonry .item .text-content .stylist .item-admin,
.PersonalCenter .masonry .item .text-content .stylist .item-admin,
.TheRecommendedDesign .masonry .item .text-content .stylist .item-admin,
.choiceness .masonry .item .text-content .stylist .item-admin {
  display: inline-block;
  width: 20px;
  height: 23px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/admin-item-v_33a436c4.png) no-repeat center center;
  background-size: 100% auto;
}
.Designer .masonry .item .text-content .stylist .icon-purchase,
.Seek .masonry .item .text-content .stylist .icon-purchase,
.PersonalCenter .masonry .item .text-content .stylist .icon-purchase,
.TheRecommendedDesign .masonry .item .text-content .stylist .icon-purchase,
.choiceness .masonry .item .text-content .stylist .icon-purchase {
  margin-top: 10px;
  height: 37px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.Designer .masonry .item .text-content .stylist .icon-purchase .stage,
.Seek .masonry .item .text-content .stylist .icon-purchase .stage,
.PersonalCenter .masonry .item .text-content .stylist .icon-purchase .stage,
.TheRecommendedDesign .masonry .item .text-content .stylist .icon-purchase .stage,
.choiceness .masonry .item .text-content .stylist .icon-purchase .stage {
  font-size: 18px;
  color: #578377;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid rgba(102, 162, 146, 0.6);
  border-radius: 267px;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
  font-weight: 400;
  padding: 0 8px;
  width: 64px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  white-space: nowrap;
}
.Designer .masonry .item .text-content .stylist .icon-purchase .stage-icon,
.Seek .masonry .item .text-content .stylist .icon-purchase .stage-icon,
.PersonalCenter .masonry .item .text-content .stylist .icon-purchase .stage-icon,
.TheRecommendedDesign .masonry .item .text-content .stylist .icon-purchase .stage-icon,
.choiceness .masonry .item .text-content .stylist .icon-purchase .stage-icon {
  display: inline-block;
  margin: 0 5px 0 5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat;background-size:2833px 2821px;
background-position:-2190px -2490px;
width:32px;
height:32px;

}
.Designer .masonry .item .text-content .stylist .icon-purchase .stage-icon-2,
.Seek .masonry .item .text-content .stylist .icon-purchase .stage-icon-2,
.PersonalCenter .masonry .item .text-content .stylist .icon-purchase .stage-icon-2,
.TheRecommendedDesign .masonry .item .text-content .stylist .icon-purchase .stage-icon-2,
.choiceness .masonry .item .text-content .stylist .icon-purchase .stage-icon-2 {
  display: inline-block;
  margin: 0 5px 0 5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat;background-size:2833px 2821px;
background-position:-2224px -2490px;
width:32px;
height:32px;

}
.Designer .masonry .item .text-content .stylist .icon-purchase .stage-num,
.Seek .masonry .item .text-content .stylist .icon-purchase .stage-num,
.PersonalCenter .masonry .item .text-content .stylist .icon-purchase .stage-num,
.TheRecommendedDesign .masonry .item .text-content .stylist .icon-purchase .stage-num,
.choiceness .masonry .item .text-content .stylist .icon-purchase .stage-num {
  font-size: 20px;
  color: #578377;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
  font-weight: 400;
}
.Designer .masonry .itemChecked,
.Seek .masonry .itemChecked,
.PersonalCenter .masonry .itemChecked,
.TheRecommendedDesign .masonry .itemChecked,
.choiceness .masonry .itemChecked {
  -webkit-box-shadow: 0 0 10px 1px rgba(76, 166, 148, 0.9);
          box-shadow: 0 0 10px 1px rgba(76, 166, 148, 0.9);
}
.Designer .masonry .itemChecked:hover,
.Seek .masonry .itemChecked:hover,
.PersonalCenter .masonry .itemChecked:hover,
.TheRecommendedDesign .masonry .itemChecked:hover,
.choiceness .masonry .itemChecked:hover {
  -webkit-box-shadow: 0 0 10px 1px rgba(76, 166, 148, 0.9);
          box-shadow: 0 0 10px 1px rgba(76, 166, 148, 0.9);
}
.Designer .masonry .itemChecked2::after,
.Seek .masonry .itemChecked2::after,
.PersonalCenter .masonry .itemChecked2::after,
.TheRecommendedDesign .masonry .itemChecked2::after,
.choiceness .masonry .itemChecked2::after {
  content: "";
  z-index: 2;
  position: absolute;
  top: 0;
  left: 50px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2576px -1711px;
width:28px;
height:39px;

}
.Designer .masonry .tempBg,
.Seek .masonry .tempBg,
.PersonalCenter .masonry .tempBg,
.TheRecommendedDesign .masonry .tempBg,
.choiceness .masonry .tempBg {
  cursor: pointer;
}
.Designer .masonry .tempBg:hover,
.Seek .masonry .tempBg:hover,
.PersonalCenter .masonry .tempBg:hover,
.TheRecommendedDesign .masonry .tempBg:hover,
.choiceness .masonry .tempBg:hover {
  -webkit-filter: brightness(1.02);
          filter: brightness(1.02);
}
.Designer .masonry-detail,
.Seek .masonry-detail,
.PersonalCenter .masonry-detail,
.TheRecommendedDesign .masonry-detail,
.choiceness .masonry-detail {
  width: 680px;
}
.Designer-center,
.Seek-center,
.PersonalCenter-center,
.TheRecommendedDesign-center {
  z-index: 5;
}
@media screen and (min-width: 2120px) {
  .Designer,
  .Seek,
  .PersonalCenter,
  .TheRecommendedDesign {
    min-height: 1400px;
  }
}
@media screen and (min-width: 2300px) {
  .Designer,
  .Seek,
  .PersonalCenter,
  .TheRecommendedDesign {
    min-height: 1500px;
  }
}
.choiceness {
  width: 100%;
  height: 100%;
  min-height: 1080px;
  position: relative;
}
.choiceness .min-height-story {
  height: 700px;
}
.choiceness .home-1-swiper {
  display: inline-block;
  position: relative;
  height: 600px;
}
.choiceness .home-1-swiper .title {
  position: absolute;
  left: 0;
  top: 12px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -932px;
width:200px;
height:78px;

}
.choiceness .home-1-swiper .swiper-choiceness {
  top: 70px;
}
.choiceness .home-2-swiper {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
}
.choiceness .home-2-swiper .title {
  position: absolute;
  left: 0;
  top: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -1012px;
width:200px;
height:78px;

}
.choiceness .home-2-swiper .hot-swiper {
  top: 30px;
}
.choiceness .choiceness-login {
  z-index: 2;
  position: absolute;
  top: 640px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 20px;
  color: #317A7C;
  text-align: center;
}
.choiceness .choiceness-login .btn {
  cursor: pointer;
  display: inline-block;
  width: 57px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #70AD9F;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 18px;
}
.choiceness .choiceness-login .btn:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
.choiceness .choiceness-content {
  position: relative;
  top: 0;
  z-index: 5;
  width: 1410px;
  margin: 0 auto;
  padding: 0 20px;
  min-height: 1080px;
  border-radius: 20px;
  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%);
}
.masonry-bg {
  padding-top: 30px;
  width: 1360px;
  margin-bottom: 0;
}
.masonry {
  margin: 0 auto;
  width: 1440px;
}
.page-box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-box .pager {
  position: absolute;
  text-align: center;
  font-size: 16px;
  left: 50%;
  top: 50%;
  width: 50px;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
  color: #84BCB1;
  margin: -19px 0 0 -50px;
  pointer-events: none;
}
.page-box .btn-next {
  margin-left: 10px;
}
.page-box .btn-prev {
  margin-right: 10px;
}
.page-box .btn-next,
.page-box .btn-prev {
  background: transparent !important;
  color: #84BCB1;
}
.page-box .btn-next i,
.page-box .btn-prev i {
  font-size: 18px !important;
}
.masonry {
  position: relative;
  width: 100%;
  padding-bottom: 20px;
}
.masonry .arrows {
  display: none;
  position: absolute;
  bottom: -100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #45786d;
}
.masonry .arrows::after {
  content: "";
  position: absolute;
  bottom: -100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2810px -2457px;
width:21px;
height:14px;

}
.masonry .item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 0 10px 1px #8183874d;
          box-shadow: 0 0 10px 1px #8183874d;
  width: 332px;
  overflow: hidden;
  border-radius: 15px;
  margin-bottom: 20px;
  -webkit-animation: detailBgs 300ms forwards;
          animation: detailBgs 300ms forwards;
}
@keyframes detailBgs {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.masonry .item:hover {
  -webkit-box-shadow: 0 0 10px 1px rgba(76, 166, 148, 0.9);
          box-shadow: 0 0 10px 1px rgba(76, 166, 148, 0.9);
}
.masonry .item .delete-item {
  position: relative;
  text-align: center;
  color: #66a292;
  font-size: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  width: 332px;
  height: 323px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/dele-item_97ddadce.png) no-repeat center center;
  background-size: 100% 100%;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
}
.masonry .item .delete-item div {
  position: absolute;
  right: 25px;
  top: 25px;
}
.masonry .item .delete-item .icon-collect {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1828px -2530px;
width:40px;
height:40px;

}
.masonry .item .delete-item .icon-collect:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1912px -2530px;
width:40px;
height:40px;

}
.masonry .item .delete-item .icon-collect2 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1912px -2530px;
width:40px;
height:40px;

}
.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: 20px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2442px -1582px;
width:136px;
height:48px;

}
.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: 20px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2258px -1711px;
width:136px;
height:48px;

}
.masonry .item .hero {
  width: 100%;
  background: -webkit-gradient(linear, right top, left top, from(#fbfdfd), color-stop(50%, #dcedeb), to(#fbfdfd)) !important;
  background: linear-gradient(to left, #fbfdfd 0%, #dcedeb 50%, #fbfdfd 100%) !important;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin: 0 auto;
  cursor: pointer;
}
.masonry .item .hero .hero-item {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  overflow: hidden;
  position: relative;
  display: inline-grid;
}
.masonry .item .hero .tag {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2698px -2251px;
width:90px;
height:90px;

}
.masonry .item .hero .icon {
  text-align: center;
  width: 58px;
  height: 33px;
  z-index: 3;
  font-size: 16px;
  line-height: 30px;
  color: #e9e9e9;
  position: absolute;
  top: 0;
  left: -1px;
}
.masonry .item .hero .head-img,
.masonry .item .hero .temp {
  position: relative;
  top: 0;
  left: 0%;
  background-size: 100% auto;
  width: 100%;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.masonry .item .hero .temp {
  height: 100%;
  position: absolute;
  top: 0;
  display: inline-block;
  z-index: 2;
}
.masonry .item .hero .temp .icon-collect {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1828px -2530px;
width:40px;
height:40px;

}
.masonry .item .hero .temp .icon-collect:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1912px -2530px;
width:40px;
height:40px;

}
.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-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2411px -1310px;
width:129px;
height:52px;

  display: inline-block;
  position: absolute;
  right: -6px;
  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 {
  cursor: pointer;
  position: absolute;
  right: 23px;
  top: 20px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -1140px;
width:24px;
height:22px;

}
.masonry .item .hero .temp .icon-top-1 .icon-collect:hover,
.masonry .item .hero .temp .icon-top-2 .icon-collect:hover,
.masonry .item .hero .temp .icon-top-3 .icon-collect:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -1196px;
width:24px;
height:22px;

}
.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 {
  cursor: pointer;
  position: absolute;
  right: 23px;
  top: 20px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -1196px;
width:24px;
height:22px;

}
.masonry .item .hero .temp .icon-top-2 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -2143px;
width:173px;
height:52px;

}
.masonry .item .hero .temp .icon-top-3 {
  right: -12px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -2197px;
width:173px;
height:52px;

}
.masonry .item .hero .temp .icon-top-3 .icon-collect,
.masonry .item .hero .temp .icon-top-3 .icon-collect2 {
  right: 28px;
}
.masonry .item .hero .temp .icon-top- + .coupleDesigner {
  right: 40px;
  top: -2px;
}
.masonry .item .hero .temp .icon-collect2 {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1912px -2530px;
width:40px;
height:40px;

}
.masonry .item .hero .temp .hot-box {
  position: absolute;
  left: 10px;
  bottom: 10px;
  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: 16px;
  color: #ebd697;
  background: rgba(0, 0, 0, 0.3);
  padding: 6px 10px 5px 30px;
  border-radius: 48px;
}
.masonry .item .hero .temp .hot-box .icon-number::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-351px -2366px;
width:15px;
height:19px;

}
.masonry .item .hero .temp .hot-box .icon-flower {
  position: relative;
  font-size: 16px;
  color: #FACED6;
  background: rgba(0, 0, 0, 0.3);
  padding: 6px 10px 5px 30px;
  border-radius: 48px;
  margin-left: 8px;
}
.masonry .item .hero .temp .hot-box .icon-flower::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 2px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2800px -1677px;
width:28px;
height:28px;

}
.masonry .item .hero .temp .coupleDesigner {
  position: absolute;
  right: -17px;
  top: 45px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2488px -2264px;
width:98px;
height:62px;

}
.masonry .item .hero .temp .icon-rank {
  position: absolute;
  left: 0;
  top: 10px;
  width: 123px;
  height: 28px;
  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: 14px;
  color: #FFF;
  line-height: 28px;
  padding-left: 11px;
}
.masonry .item .hero .temp .icon-play {
  cursor: pointer;
  position: absolute;
  left: 10px;
  top: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2525px -2388px;
width:34px;
height:34px;

}
.masonry .item .hero .temp .icon-play:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2561px -2388px;
width:34px;
height:34px;

}
.masonry .item .hero .temp .icon-share {
  cursor: pointer;
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1954px -2530px;
width:40px;
height:40px;

}
.masonry .item .hero .temp .icon-share:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.masonry .item .text-content {
  position: relative;
  left: 0%;
  background-size: cover;
  width: 100%;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  bottom: 0;
  padding: 5px 0 20px 0;
  text-align: left;
  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: -180px;
  overflow: hidden;
}
.masonry .item .text-content .compile {
  cursor: pointer;
  position: absolute;
  right: 15px;
  bottom: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2584px -2110px;
width:18px;
height:18px;

}
.masonry .item .text-content .compile:hover {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
}
.masonry .item .text-content .he-del {
  cursor: pointer;
  position: absolute;
  right: 50px;
  bottom: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2524px -2328px;
width:16px;
height:18px;

}
.masonry .item .text-content .he-del:hover {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
}
.masonry .item .text-content .hero-record {
  position: absolute;
  right: -3px;
  bottom: -24px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1291px -2576px;
width:81px;
height:56px;

}
.masonry .item .text-content .purchase-record {
  position: absolute;
  right: -3px;
  bottom: -24px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1124px -2576px;
width:82px;
height:56px;

}
.masonry .item .text-content .hero-content {
  position: relative;
  padding-top: 10px;
}
.masonry .item .text-content .hero-content .fans {
  width: 250px;
}
.masonry .item .text-content .workCreateTime {
  width: 100%;
  position: relative;
  margin: 10px 0 5px 0;
  font-size: 12px;
  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-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2524px -2328px;
width:16px;
height:18px;

}
.masonry .item .text-content .dele:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2542px -2328px;
width:16px;
height:18px;

}
.masonry .item .text-content .hero-img {
  cursor: pointer;
  position: absolute;
  top: 13px;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: cover;
  border-radius: 50%;
}
.masonry .item .text-content .hero-name {
  cursor: pointer;
  margin-left: 28px;
  color: #1b5a77;
  font-size: 14px;
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
  display: inline-block;
  width: 150px;
}
.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 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat center center;background-size:2833px 2821px;
background-position:-2392px -1468px;
width:202px;
height:38px;

  line-height: 38px;
  padding-left: 15px;
  margin-left: -1px;
  font-size: 20px;
  font-weight: 500;
  color: #FFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: 'NotoSansSC', "Microsoft YaHei", sans-serif;
}
.masonry .item .text-content .title-name-1 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat center center;background-size:2833px 2821px;
background-position:-2286px -2162px;
width:249px;
height:85px;

  margin-left: -10px;
  margin-top: -25px;
  padding: 25px 0 0 55px;
}
.masonry .item .text-content .title-name-1 + .hero-content {
  margin-top: -20px;
}
.masonry .item .text-content .title-name-2 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat center center;background-size:2833px 2821px;
background-position:-2237px -2264px;
width:249px;
height:85px;

  margin-left: -10px;
  margin-top: -25px;
  padding: 25px 0 0 55px;
}
.masonry .item .text-content .title-name-2 + .hero-content {
  margin-top: -20px;
}
.masonry .item .text-content .title-name-3 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat center center;background-size:2833px 2821px;
background-position:-2190px -1582px;
width:250px;
height:85px;

  margin-left: -10px;
  margin-top: -25px;
  padding: 25px 0 0 55px;
}
.masonry .item .text-content .title-name-3 + .hero-content {
  margin-top: -20px;
}
.masonry .item .text-content .text-icon {
  vertical-align: middle;
  display: inline-block;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -903px;
width:24px;
height:23px;

}
.masonry .item .text-content .stylist {
  padding: 0 50px 0 20px;
  font-size: 16px;
  color: #505050;
  display: inline-block;
  position: relative;
}
.masonry .item .text-content .stylist .stylist-txt {
  height: 23px;
}
.masonry .item .text-content .stylist .item-admin {
  display: inline-block;
  width: 20px;
  height: 23px;
  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 .stylist .icon-purchase {
  margin-top: 10px;
  height: 37px;
  display: -webkit-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 .stylist .icon-purchase .stage {
  font-size: 18px;
  color: #578377;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid rgba(102, 162, 146, 0.6);
  border-radius: 267px;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
  font-weight: 400;
  padding: 0 8px;
  width: 64px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  white-space: nowrap;
}
.masonry .item .text-content .stylist .icon-purchase .stage-icon {
  display: inline-block;
  margin: 0 5px 0 5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat;background-size:2833px 2821px;
background-position:-2190px -2490px;
width:32px;
height:32px;

}
.masonry .item .text-content .stylist .icon-purchase .stage-icon-2 {
  display: inline-block;
  margin: 0 5px 0 5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat;background-size:2833px 2821px;
background-position:-2224px -2490px;
width:32px;
height:32px;

}
.masonry .item .text-content .stylist .icon-purchase .stage-num {
  font-size: 20px;
  color: #578377;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
  font-weight: 400;
}
.masonry .itemChecked {
  -webkit-box-shadow: 0 0 10px 1px rgba(76, 166, 148, 0.9);
          box-shadow: 0 0 10px 1px rgba(76, 166, 148, 0.9);
}
.masonry .itemChecked:hover {
  -webkit-box-shadow: 0 0 10px 1px rgba(76, 166, 148, 0.9);
          box-shadow: 0 0 10px 1px rgba(76, 166, 148, 0.9);
}
.masonry .itemChecked2::after {
  content: "";
  z-index: 2;
  position: absolute;
  top: 0;
  left: 50px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2576px -1711px;
width:28px;
height:39px;

}
.masonry .tempBg {
  cursor: pointer;
}
.masonry .tempBg:hover {
  -webkit-filter: brightness(1.02);
          filter: brightness(1.02);
}
.inside-pages {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 1080px;
  z-index: 5;
}
.inside-pages .inside-title {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -100px;
}
.inside-pages .titleHotTagsswiper-choiceness {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -932px;
width:200px;
height:78px;

}
.inside-pages .titleHotTagshot-swiper {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -1012px;
width:200px;
height:78px;

}
.inside-pages .titleHotTags1 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -1412px;
width:200px;
height:78px;

}
.inside-pages .titleHotTagsfriendWatch {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -1172px;
width:200px;
height:78px;

}
.inside-pages .titleHotTagsfriendNew {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -1252px;
width:200px;
height:78px;

}
.inside-pages .titleHotTagsfollowNew {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -1788px;
width:166px;
height:78px;

}
.inside-pages .titlelike {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -1332px;
width:200px;
height:78px;

}
.inside-pages .inside-back {
  cursor: pointer;
  position: absolute;
  top: -70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-left: -670px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1896px -2388px;
width:99px;
height:54px;

}
.inside-pages .inside-back:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.inside-pages .tags {
  position: absolute;
  top: 30px;
  left: 21px;
  z-index: 3;
  margin: 0 auto;
}
.inside-pages .tags::after {
  content: '';
  position: absolute;
  width: 1350px;
  left: 20px;
  bottom: 0;
  border: 1px solid #90C5AE;
}
.inside-pages .tags .tags-item {
  margin-left: 20px;
  display: inline-block;
  cursor: pointer;
  color: #8DC0AD;
  text-align: center;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1428px -2490px;
width:130px;
height:38px;

}
.inside-pages .tags .tags-item span {
  line-height: 38px;
}
.inside-pages .tags .tags-item:hover {
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1692px -2490px;
width:130px;
height:38px;

}
.inside-pages .tags .tags-ca {
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1692px -2490px;
width:130px;
height:38px;

}
.inside-pages .inside-pages-content {
  width: 1440px;
  margin: 0 auto;
  margin-top: 280px;
  border-radius: 20px;
  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%);
  z-index: 5;
  position: relative;
  display: block;
  padding: 90px 40px 0 40px;
}
.inside-pages .inside-pages-content .masonry-detail-bg .masonry-detail-scroll,
.inside-pages .inside-pages-content .masonry-detail-bg .masonry-detail-scroll-2 {
  margin-top: 60px !important;
}
.inside-pages .inside-pages-content .masonry-bg {
  padding-top: 0;
}
.inside-pages .inside-pages-content .inside-works {
  position: relative;
  width: 100%;
  margin-top: -60px;
  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;
  top: 0;
  text-align: left;
  left: 0;
  padding: 5px 0 30px 0;
  vertical-align: top;
  white-space: normal;
  display: inline-block;
}
#leihuo-share {
  z-index: 99999;
}
#leihuo-share .leihuo-share-icon-qqkongjian {
  border: 0 solid #FFF;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -852px;
width:25px;
height:24px;

}
#leihuo-share .leihuo-share-icon-qqkongjian::before {
  content: "";
}
#leihuo-share .leihuo-share-icon-weibo {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2808px -1220px;
width:25px;
height:21px;

  border: 0 solid #FFF;
  font-size: 0;
}
#leihuo-share .leihuo-share-icon-weibo::before {
  content: "";
}
#leihuo-share .leihuo-share-block {
  margin-top: 20px;
  display: block;
  list-style: none;
}
#leihuo-share .leihuo-share-block:nth-child(2) {
  width: 640px;
  height: 254px;
}
#leihuo-share .leihuo-share-block:nth-child(2) .leihuo-share-desc {
  margin-bottom: 20px;
}
#leihuo-share .leihuo-share-block {
  display: block;
}
#leihuo-share .leihuo-share-block:last-child {
  position: relative;
  top: 30px;
}
#leihuo-share .leihuo-share-blocks {
  margin-top: 140px;
  margin-left: 15px;
}
#leihuo-share .leihuo-share-modal {
  -webkit-transform: translate(-48%, 0);
          transform: translate(-48%, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 700px;
  color: #f7f4f4;
  background: rgba(255, 255, 255, 0);
}
#leihuo-share .leihuo-share-modal::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-44.5%, -45%);
          transform: translate(-44.5%, -45%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-877px -791px;
width:875px;
height:789px;

}
#leihuo-share .leihuo-share-modal .leihuo-share-title {
  font-size: 40px;
  position: absolute;
  top: 30px;
  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: -13px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-desc {
  display: block;
  margin-bottom: 10px;
  position: relative;
  left: 30px;
  font-size: 20px;
  color: #505050;
}
#leihuo-share .leihuo-share-modal .leihuo-share-desc span {
  font-weight: 500;
  font-size: 14px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-desc::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2587px -1782px;
width:17px;
height:17px;

}
#leihuo-share .leihuo-share-modal .leihuo-share-input {
  background: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  width: 460px;
  height: 40px;
  color: #505050;
  margin-right: 10px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-copy-box {
  margin: 10px auto 35px auto;
}
#leihuo-share .leihuo-share-modal .leihuo-share-copy-btn {
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
  margin-left: 0;
  background: #e2d096;
  font-size: 24px;
  color: #4c4c4c;
}
#leihuo-share .leihuo-share-modal .leihuo-share-channel {
  margin-left: 30px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-channel-item {
  color: #505050;
  float: left;
  font-size: 20px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-iconfont {
  margin-right: 5px;
}
#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-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2774px -1708px;
width:52px;
height:52px;

  top: 30px;
  right: -50px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-icon-guanbi:before {
  content: "";
}
.leihuo-share-qrcode.has-bg #leihuo-share-qrcode {
  position: fixed;
  width: 100px !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px !important;
  z-index: 99999;
}
.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 680px;
  height: 224px;
}
.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-work-img {
  display: block;
  position: absolute;
  width: 387px;
  height: 219px;
  right: 3px;
  top: 3px;
  z-index: 2;
}
.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-logo {
  z-index: 3;
  position: absolute;
  right: 5px;
  bottom: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2370px -1763px;
width:129px;
height:50px;

}
.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-text {
  position: absolute;
  top: 166px;
  left: 0;
  padding: 0 30px 0 10px;
  font-size: 20px;
  color: #ffffff;
  text-align: left;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
}
.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-text p {
  margin-top: 5px;
}
.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-text .share-icon {
  position: absolute;
  left: 7px;
  top: 36px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2568px -1632px;
width:16px;
height:15px;

}
.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text .share-text .leihuo-share-qrcode-text-2 {
  position: relative;
  text-indent: 1em;
}
.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text-2 {
  display: block;
  margin-top: 15px;
}
.popo-1 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  6.5% {
    background-position: -64px 0;
  }
  9.7% {
    background-position: -96px 0;
  }
  12.9% {
    background-position: -128px 0;
  }
  16.1% {
    background-position: -160px 0;
  }
  19.4% {
    background-position: 0 -32px;
  }
  22.6% {
    background-position: -32px -32px;
  }
  25.8% {
    background-position: -64px -32px;
  }
  29% {
    background-position: -96px -32px;
  }
  32.3% {
    background-position: -128px -32px;
  }
  35.5% {
    background-position: -160px -32px;
  }
  38.7% {
    background-position: 0 -64px;
  }
  41.9% {
    background-position: -32px -64px;
  }
  45.2% {
    background-position: -64px -64px;
  }
  48.4% {
    background-position: -96px -64px;
  }
  51.6% {
    background-position: -128px -64px;
  }
  54.8% {
    background-position: -160px -64px;
  }
  58.1% {
    background-position: 0 -96px;
  }
  61.3% {
    background-position: -32px -96px;
  }
  64.5% {
    background-position: -64px -96px;
  }
  67.7% {
    background-position: -96px -96px;
  }
  71% {
    background-position: -128px -96px;
  }
  74.2% {
    background-position: -160px -96px;
  }
  77.4% {
    background-position: 0 -128px;
  }
  80.6% {
    background-position: -32px -128px;
  }
  83.9% {
    background-position: -64px -128px;
  }
  87.1% {
    background-position: -96px -128px;
  }
  90.3% {
    background-position: -128px -128px;
  }
  93.5% {
    background-position: -160px -128px;
  }
  96.8% {
    background-position: 0 -160px;
  }
  100% {
    background-position: 0 -160px;
  }
}
@keyframes key_pop_1 {
  0% {
    background-position: 0 0;
  }
  3.2% {
    background-position: -32px 0;
  }
  6.5% {
    background-position: -64px 0;
  }
  9.7% {
    background-position: -96px 0;
  }
  12.9% {
    background-position: -128px 0;
  }
  16.1% {
    background-position: -160px 0;
  }
  19.4% {
    background-position: 0 -32px;
  }
  22.6% {
    background-position: -32px -32px;
  }
  25.8% {
    background-position: -64px -32px;
  }
  29% {
    background-position: -96px -32px;
  }
  32.3% {
    background-position: -128px -32px;
  }
  35.5% {
    background-position: -160px -32px;
  }
  38.7% {
    background-position: 0 -64px;
  }
  41.9% {
    background-position: -32px -64px;
  }
  45.2% {
    background-position: -64px -64px;
  }
  48.4% {
    background-position: -96px -64px;
  }
  51.6% {
    background-position: -128px -64px;
  }
  54.8% {
    background-position: -160px -64px;
  }
  58.1% {
    background-position: 0 -96px;
  }
  61.3% {
    background-position: -32px -96px;
  }
  64.5% {
    background-position: -64px -96px;
  }
  67.7% {
    background-position: -96px -96px;
  }
  71% {
    background-position: -128px -96px;
  }
  74.2% {
    background-position: -160px -96px;
  }
  77.4% {
    background-position: 0 -128px;
  }
  80.6% {
    background-position: -32px -128px;
  }
  83.9% {
    background-position: -64px -128px;
  }
  87.1% {
    background-position: -96px -128px;
  }
  90.3% {
    background-position: -128px -128px;
  }
  93.5% {
    background-position: -160px -128px;
  }
  96.8% {
    background-position: 0 -160px;
  }
  100% {
    background-position: 0 -160px;
  }
}
.popo-2 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  10.5% {
    background-position: -64px 0;
  }
  15.8% {
    background-position: -96px 0;
  }
  21.1% {
    background-position: -128px 0;
  }
  26.3% {
    background-position: 0 -32px;
  }
  31.6% {
    background-position: -32px -32px;
  }
  36.8% {
    background-position: -64px -32px;
  }
  42.1% {
    background-position: -96px -32px;
  }
  47.4% {
    background-position: -128px -32px;
  }
  52.6% {
    background-position: 0 -64px;
  }
  57.9% {
    background-position: -32px -64px;
  }
  63.2% {
    background-position: -64px -64px;
  }
  68.4% {
    background-position: -96px -64px;
  }
  73.7% {
    background-position: -128px -64px;
  }
  78.9% {
    background-position: 0 -96px;
  }
  84.2% {
    background-position: -32px -96px;
  }
  89.5% {
    background-position: -64px -96px;
  }
  94.7% {
    background-position: -96px -96px;
  }
  100% {
    background-position: -96px -96px;
  }
}
@keyframes key_pop_2 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
  }
  10.5% {
    background-position: -64px 0;
  }
  15.8% {
    background-position: -96px 0;
  }
  21.1% {
    background-position: -128px 0;
  }
  26.3% {
    background-position: 0 -32px;
  }
  31.6% {
    background-position: -32px -32px;
  }
  36.8% {
    background-position: -64px -32px;
  }
  42.1% {
    background-position: -96px -32px;
  }
  47.4% {
    background-position: -128px -32px;
  }
  52.6% {
    background-position: 0 -64px;
  }
  57.9% {
    background-position: -32px -64px;
  }
  63.2% {
    background-position: -64px -64px;
  }
  68.4% {
    background-position: -96px -64px;
  }
  73.7% {
    background-position: -128px -64px;
  }
  78.9% {
    background-position: 0 -96px;
  }
  84.2% {
    background-position: -32px -96px;
  }
  89.5% {
    background-position: -64px -96px;
  }
  94.7% {
    background-position: -96px -96px;
  }
  100% {
    background-position: -96px -96px;
  }
}
.popo-3 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  11.8% {
    background-position: -64px 0;
  }
  17.6% {
    background-position: -96px 0;
  }
  23.5% {
    background-position: -128px 0;
  }
  29.4% {
    background-position: 0 -32px;
  }
  35.3% {
    background-position: -32px -32px;
  }
  41.2% {
    background-position: -64px -32px;
  }
  47.1% {
    background-position: -96px -32px;
  }
  52.9% {
    background-position: -128px -32px;
  }
  58.8% {
    background-position: 0 -64px;
  }
  64.7% {
    background-position: -32px -64px;
  }
  70.6% {
    background-position: -64px -64px;
  }
  76.5% {
    background-position: -96px -64px;
  }
  82.4% {
    background-position: -128px -64px;
  }
  88.2% {
    background-position: 0 -96px;
  }
  94.1% {
    background-position: -32px -96px;
  }
  100% {
    background-position: -32px -96px;
  }
}
@keyframes key_pop_3 {
  0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -32px 0;
  }
  11.8% {
    background-position: -64px 0;
  }
  17.6% {
    background-position: -96px 0;
  }
  23.5% {
    background-position: -128px 0;
  }
  29.4% {
    background-position: 0 -32px;
  }
  35.3% {
    background-position: -32px -32px;
  }
  41.2% {
    background-position: -64px -32px;
  }
  47.1% {
    background-position: -96px -32px;
  }
  52.9% {
    background-position: -128px -32px;
  }
  58.8% {
    background-position: 0 -64px;
  }
  64.7% {
    background-position: -32px -64px;
  }
  70.6% {
    background-position: -64px -64px;
  }
  76.5% {
    background-position: -96px -64px;
  }
  82.4% {
    background-position: -128px -64px;
  }
  88.2% {
    background-position: 0 -96px;
  }
  94.1% {
    background-position: -32px -96px;
  }
  100% {
    background-position: -32px -96px;
  }
}
.popo-4 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  9.1% {
    background-position: -64px 0;
  }
  13.6% {
    background-position: -96px 0;
  }
  18.2% {
    background-position: -128px 0;
  }
  22.7% {
    background-position: 0 -32px;
  }
  27.3% {
    background-position: -32px -32px;
  }
  31.8% {
    background-position: -64px -32px;
  }
  36.4% {
    background-position: -96px -32px;
  }
  40.9% {
    background-position: -128px -32px;
  }
  45.5% {
    background-position: 0 -64px;
  }
  50% {
    background-position: -32px -64px;
  }
  54.5% {
    background-position: -64px -64px;
  }
  59.1% {
    background-position: -96px -64px;
  }
  63.6% {
    background-position: -128px -64px;
  }
  68.2% {
    background-position: 0 -96px;
  }
  72.7% {
    background-position: -32px -96px;
  }
  77.3% {
    background-position: -64px -96px;
  }
  81.8% {
    background-position: -96px -96px;
  }
  86.4% {
    background-position: -128px -96px;
  }
  90.9% {
    background-position: 0 -128px;
  }
  95.5% {
    background-position: -32px -128px;
  }
  100% {
    background-position: -32px -128px;
  }
}
@keyframes key_pop_4 {
  0% {
    background-position: 0 0;
  }
  4.5% {
    background-position: -32px 0;
  }
  9.1% {
    background-position: -64px 0;
  }
  13.6% {
    background-position: -96px 0;
  }
  18.2% {
    background-position: -128px 0;
  }
  22.7% {
    background-position: 0 -32px;
  }
  27.3% {
    background-position: -32px -32px;
  }
  31.8% {
    background-position: -64px -32px;
  }
  36.4% {
    background-position: -96px -32px;
  }
  40.9% {
    background-position: -128px -32px;
  }
  45.5% {
    background-position: 0 -64px;
  }
  50% {
    background-position: -32px -64px;
  }
  54.5% {
    background-position: -64px -64px;
  }
  59.1% {
    background-position: -96px -64px;
  }
  63.6% {
    background-position: -128px -64px;
  }
  68.2% {
    background-position: 0 -96px;
  }
  72.7% {
    background-position: -32px -96px;
  }
  77.3% {
    background-position: -64px -96px;
  }
  81.8% {
    background-position: -96px -96px;
  }
  86.4% {
    background-position: -128px -96px;
  }
  90.9% {
    background-position: 0 -128px;
  }
  95.5% {
    background-position: -32px -128px;
  }
  100% {
    background-position: -32px -128px;
  }
}
.popo-5 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  7.7% {
    background-position: -64px 0;
  }
  11.5% {
    background-position: -96px 0;
  }
  15.4% {
    background-position: -128px 0;
  }
  19.2% {
    background-position: -160px 0;
  }
  23.1% {
    background-position: 0 -32px;
  }
  26.9% {
    background-position: -32px -32px;
  }
  30.8% {
    background-position: -64px -32px;
  }
  34.6% {
    background-position: -96px -32px;
  }
  38.5% {
    background-position: -128px -32px;
  }
  42.3% {
    background-position: -160px -32px;
  }
  46.2% {
    background-position: 0 -64px;
  }
  50% {
    background-position: -32px -64px;
  }
  53.8% {
    background-position: -64px -64px;
  }
  57.7% {
    background-position: -96px -64px;
  }
  61.5% {
    background-position: -128px -64px;
  }
  65.4% {
    background-position: -160px -64px;
  }
  69.2% {
    background-position: 0 -96px;
  }
  73.1% {
    background-position: -32px -96px;
  }
  76.9% {
    background-position: -64px -96px;
  }
  80.8% {
    background-position: -96px -96px;
  }
  84.6% {
    background-position: -128px -96px;
  }
  88.5% {
    background-position: -160px -96px;
  }
  92.3% {
    background-position: 0 -128px;
  }
  96.2% {
    background-position: -32px -128px;
  }
  100% {
    background-position: -32px -128px;
  }
}
@keyframes key_pop_5 {
  0% {
    background-position: 0 0;
  }
  3.8% {
    background-position: -32px 0;
  }
  7.7% {
    background-position: -64px 0;
  }
  11.5% {
    background-position: -96px 0;
  }
  15.4% {
    background-position: -128px 0;
  }
  19.2% {
    background-position: -160px 0;
  }
  23.1% {
    background-position: 0 -32px;
  }
  26.9% {
    background-position: -32px -32px;
  }
  30.8% {
    background-position: -64px -32px;
  }
  34.6% {
    background-position: -96px -32px;
  }
  38.5% {
    background-position: -128px -32px;
  }
  42.3% {
    background-position: -160px -32px;
  }
  46.2% {
    background-position: 0 -64px;
  }
  50% {
    background-position: -32px -64px;
  }
  53.8% {
    background-position: -64px -64px;
  }
  57.7% {
    background-position: -96px -64px;
  }
  61.5% {
    background-position: -128px -64px;
  }
  65.4% {
    background-position: -160px -64px;
  }
  69.2% {
    background-position: 0 -96px;
  }
  73.1% {
    background-position: -32px -96px;
  }
  76.9% {
    background-position: -64px -96px;
  }
  80.8% {
    background-position: -96px -96px;
  }
  84.6% {
    background-position: -128px -96px;
  }
  88.5% {
    background-position: -160px -96px;
  }
  92.3% {
    background-position: 0 -128px;
  }
  96.2% {
    background-position: -32px -128px;
  }
  100% {
    background-position: -32px -128px;
  }
}
.popo-6 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  10% {
    background-position: -64px 0;
  }
  15% {
    background-position: -96px 0;
  }
  20% {
    background-position: -128px 0;
  }
  25% {
    background-position: 0 -32px;
  }
  30% {
    background-position: -32px -32px;
  }
  35% {
    background-position: -64px -32px;
  }
  40% {
    background-position: -96px -32px;
  }
  45% {
    background-position: -128px -32px;
  }
  50% {
    background-position: 0 -64px;
  }
  55% {
    background-position: -32px -64px;
  }
  60% {
    background-position: -64px -64px;
  }
  65% {
    background-position: -96px -64px;
  }
  70% {
    background-position: -128px -64px;
  }
  75% {
    background-position: 0 -96px;
  }
  80% {
    background-position: -32px -96px;
  }
  85% {
    background-position: -64px -96px;
  }
  90% {
    background-position: -96px -96px;
  }
  95% {
    background-position: -128px -96px;
  }
  100% {
    background-position: -128px -96px;
  }
}
@keyframes key_pop_6 {
  0% {
    background-position: 0 0;
  }
  5% {
    background-position: -32px 0;
  }
  10% {
    background-position: -64px 0;
  }
  15% {
    background-position: -96px 0;
  }
  20% {
    background-position: -128px 0;
  }
  25% {
    background-position: 0 -32px;
  }
  30% {
    background-position: -32px -32px;
  }
  35% {
    background-position: -64px -32px;
  }
  40% {
    background-position: -96px -32px;
  }
  45% {
    background-position: -128px -32px;
  }
  50% {
    background-position: 0 -64px;
  }
  55% {
    background-position: -32px -64px;
  }
  60% {
    background-position: -64px -64px;
  }
  65% {
    background-position: -96px -64px;
  }
  70% {
    background-position: -128px -64px;
  }
  75% {
    background-position: 0 -96px;
  }
  80% {
    background-position: -32px -96px;
  }
  85% {
    background-position: -64px -96px;
  }
  90% {
    background-position: -96px -96px;
  }
  95% {
    background-position: -128px -96px;
  }
  100% {
    background-position: -128px -96px;
  }
}
.popo-7 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  33.3% {
    background-position: -64px 0;
  }
  50% {
    background-position: 0 -32px;
  }
  66.7% {
    background-position: -32px -32px;
  }
  83.3% {
    background-position: -64px -32px;
  }
  100% {
    background-position: -64px -32px;
  }
}
@keyframes key_pop_7 {
  0% {
    background-position: 0 0;
  }
  16.7% {
    background-position: -32px 0;
  }
  33.3% {
    background-position: -64px 0;
  }
  50% {
    background-position: 0 -32px;
  }
  66.7% {
    background-position: -32px -32px;
  }
  83.3% {
    background-position: -64px -32px;
  }
  100% {
    background-position: -64px -32px;
  }
}
.popo-8 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  20% {
    background-position: -64px 0;
  }
  30% {
    background-position: -96px 0;
  }
  40% {
    background-position: 0 -32px;
  }
  50% {
    background-position: -32px -32px;
  }
  60% {
    background-position: -64px -32px;
  }
  70% {
    background-position: -96px -32px;
  }
  80% {
    background-position: 0 -64px;
  }
  90% {
    background-position: -32px -64px;
  }
  100% {
    background-position: -32px -64px;
  }
}
@keyframes key_pop_8 {
  0% {
    background-position: 0 0;
  }
  10% {
    background-position: -32px 0;
  }
  20% {
    background-position: -64px 0;
  }
  30% {
    background-position: -96px 0;
  }
  40% {
    background-position: 0 -32px;
  }
  50% {
    background-position: -32px -32px;
  }
  60% {
    background-position: -64px -32px;
  }
  70% {
    background-position: -96px -32px;
  }
  80% {
    background-position: 0 -64px;
  }
  90% {
    background-position: -32px -64px;
  }
  100% {
    background-position: -32px -64px;
  }
}
.popo-9 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  6.5% {
    background-position: -64px 0;
  }
  9.7% {
    background-position: -96px 0;
  }
  12.9% {
    background-position: -128px 0;
  }
  16.1% {
    background-position: -160px 0;
  }
  19.4% {
    background-position: 0 -32px;
  }
  22.6% {
    background-position: -32px -32px;
  }
  25.8% {
    background-position: -64px -32px;
  }
  29% {
    background-position: -96px -32px;
  }
  32.3% {
    background-position: -128px -32px;
  }
  35.5% {
    background-position: -160px -32px;
  }
  38.7% {
    background-position: 0 -64px;
  }
  41.9% {
    background-position: -32px -64px;
  }
  45.2% {
    background-position: -64px -64px;
  }
  48.4% {
    background-position: -96px -64px;
  }
  51.6% {
    background-position: -128px -64px;
  }
  54.8% {
    background-position: -160px -64px;
  }
  58.1% {
    background-position: 0 -96px;
  }
  61.3% {
    background-position: -32px -96px;
  }
  64.5% {
    background-position: -64px -96px;
  }
  67.7% {
    background-position: -96px -96px;
  }
  71% {
    background-position: -128px -96px;
  }
  74.2% {
    background-position: -160px -96px;
  }
  77.4% {
    background-position: 0 -128px;
  }
  80.6% {
    background-position: -32px -128px;
  }
  83.9% {
    background-position: -64px -128px;
  }
  87.1% {
    background-position: -96px -128px;
  }
  90.3% {
    background-position: -128px -128px;
  }
  93.5% {
    background-position: -160px -128px;
  }
  96.8% {
    background-position: 0 -160px;
  }
  100% {
    background-position: 0 -160px;
  }
}
@keyframes key_pop_9 {
  0% {
    background-position: 0 0;
  }
  3.2% {
    background-position: -32px 0;
  }
  6.5% {
    background-position: -64px 0;
  }
  9.7% {
    background-position: -96px 0;
  }
  12.9% {
    background-position: -128px 0;
  }
  16.1% {
    background-position: -160px 0;
  }
  19.4% {
    background-position: 0 -32px;
  }
  22.6% {
    background-position: -32px -32px;
  }
  25.8% {
    background-position: -64px -32px;
  }
  29% {
    background-position: -96px -32px;
  }
  32.3% {
    background-position: -128px -32px;
  }
  35.5% {
    background-position: -160px -32px;
  }
  38.7% {
    background-position: 0 -64px;
  }
  41.9% {
    background-position: -32px -64px;
  }
  45.2% {
    background-position: -64px -64px;
  }
  48.4% {
    background-position: -96px -64px;
  }
  51.6% {
    background-position: -128px -64px;
  }
  54.8% {
    background-position: -160px -64px;
  }
  58.1% {
    background-position: 0 -96px;
  }
  61.3% {
    background-position: -32px -96px;
  }
  64.5% {
    background-position: -64px -96px;
  }
  67.7% {
    background-position: -96px -96px;
  }
  71% {
    background-position: -128px -96px;
  }
  74.2% {
    background-position: -160px -96px;
  }
  77.4% {
    background-position: 0 -128px;
  }
  80.6% {
    background-position: -32px -128px;
  }
  83.9% {
    background-position: -64px -128px;
  }
  87.1% {
    background-position: -96px -128px;
  }
  90.3% {
    background-position: -128px -128px;
  }
  93.5% {
    background-position: -160px -128px;
  }
  96.8% {
    background-position: 0 -160px;
  }
  100% {
    background-position: 0 -160px;
  }
}
.popo-10 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  10.5% {
    background-position: -64px 0;
  }
  15.8% {
    background-position: -96px 0;
  }
  21.1% {
    background-position: -128px 0;
  }
  26.3% {
    background-position: 0 -32px;
  }
  31.6% {
    background-position: -32px -32px;
  }
  36.8% {
    background-position: -64px -32px;
  }
  42.1% {
    background-position: -96px -32px;
  }
  47.4% {
    background-position: -128px -32px;
  }
  52.6% {
    background-position: 0 -64px;
  }
  57.9% {
    background-position: -32px -64px;
  }
  63.2% {
    background-position: -64px -64px;
  }
  68.4% {
    background-position: -96px -64px;
  }
  73.7% {
    background-position: -128px -64px;
  }
  78.9% {
    background-position: 0 -96px;
  }
  84.2% {
    background-position: -32px -96px;
  }
  89.5% {
    background-position: -64px -96px;
  }
  94.7% {
    background-position: -96px -96px;
  }
  100% {
    background-position: -96px -96px;
  }
}
@keyframes key_pop_10 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
  }
  10.5% {
    background-position: -64px 0;
  }
  15.8% {
    background-position: -96px 0;
  }
  21.1% {
    background-position: -128px 0;
  }
  26.3% {
    background-position: 0 -32px;
  }
  31.6% {
    background-position: -32px -32px;
  }
  36.8% {
    background-position: -64px -32px;
  }
  42.1% {
    background-position: -96px -32px;
  }
  47.4% {
    background-position: -128px -32px;
  }
  52.6% {
    background-position: 0 -64px;
  }
  57.9% {
    background-position: -32px -64px;
  }
  63.2% {
    background-position: -64px -64px;
  }
  68.4% {
    background-position: -96px -64px;
  }
  73.7% {
    background-position: -128px -64px;
  }
  78.9% {
    background-position: 0 -96px;
  }
  84.2% {
    background-position: -32px -96px;
  }
  89.5% {
    background-position: -64px -96px;
  }
  94.7% {
    background-position: -96px -96px;
  }
  100% {
    background-position: -96px -96px;
  }
}
.popo-11 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  11.8% {
    background-position: -64px 0;
  }
  17.6% {
    background-position: -96px 0;
  }
  23.5% {
    background-position: -128px 0;
  }
  29.4% {
    background-position: 0 -32px;
  }
  35.3% {
    background-position: -32px -32px;
  }
  41.2% {
    background-position: -64px -32px;
  }
  47.1% {
    background-position: -96px -32px;
  }
  52.9% {
    background-position: -128px -32px;
  }
  58.8% {
    background-position: 0 -64px;
  }
  64.7% {
    background-position: -32px -64px;
  }
  70.6% {
    background-position: -64px -64px;
  }
  76.5% {
    background-position: -96px -64px;
  }
  82.4% {
    background-position: -128px -64px;
  }
  88.2% {
    background-position: 0 -96px;
  }
  94.1% {
    background-position: -32px -96px;
  }
  100% {
    background-position: -32px -96px;
  }
}
@keyframes key_pop_11 {
  0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -32px 0;
  }
  11.8% {
    background-position: -64px 0;
  }
  17.6% {
    background-position: -96px 0;
  }
  23.5% {
    background-position: -128px 0;
  }
  29.4% {
    background-position: 0 -32px;
  }
  35.3% {
    background-position: -32px -32px;
  }
  41.2% {
    background-position: -64px -32px;
  }
  47.1% {
    background-position: -96px -32px;
  }
  52.9% {
    background-position: -128px -32px;
  }
  58.8% {
    background-position: 0 -64px;
  }
  64.7% {
    background-position: -32px -64px;
  }
  70.6% {
    background-position: -64px -64px;
  }
  76.5% {
    background-position: -96px -64px;
  }
  82.4% {
    background-position: -128px -64px;
  }
  88.2% {
    background-position: 0 -96px;
  }
  94.1% {
    background-position: -32px -96px;
  }
  100% {
    background-position: -32px -96px;
  }
}
.popo-12 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  7.1% {
    background-position: -64px 0;
  }
  10.7% {
    background-position: -96px 0;
  }
  14.3% {
    background-position: -128px 0;
  }
  17.9% {
    background-position: -160px 0;
  }
  21.4% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  28.6% {
    background-position: -64px -32px;
  }
  32.1% {
    background-position: -96px -32px;
  }
  35.7% {
    background-position: -128px -32px;
  }
  39.3% {
    background-position: -160px -32px;
  }
  42.9% {
    background-position: 0 -64px;
  }
  46.4% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  53.6% {
    background-position: -96px -64px;
  }
  57.1% {
    background-position: -128px -64px;
  }
  60.7% {
    background-position: -160px -64px;
  }
  64.3% {
    background-position: 0 -96px;
  }
  67.9% {
    background-position: -32px -96px;
  }
  71.4% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  78.6% {
    background-position: -128px -96px;
  }
  82.1% {
    background-position: -160px -96px;
  }
  85.7% {
    background-position: 0 -128px;
  }
  89.3% {
    background-position: -32px -128px;
  }
  92.9% {
    background-position: -64px -128px;
  }
  96.4% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
@keyframes key_pop_12 {
  0% {
    background-position: 0 0;
  }
  3.6% {
    background-position: -32px 0;
  }
  7.1% {
    background-position: -64px 0;
  }
  10.7% {
    background-position: -96px 0;
  }
  14.3% {
    background-position: -128px 0;
  }
  17.9% {
    background-position: -160px 0;
  }
  21.4% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  28.6% {
    background-position: -64px -32px;
  }
  32.1% {
    background-position: -96px -32px;
  }
  35.7% {
    background-position: -128px -32px;
  }
  39.3% {
    background-position: -160px -32px;
  }
  42.9% {
    background-position: 0 -64px;
  }
  46.4% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  53.6% {
    background-position: -96px -64px;
  }
  57.1% {
    background-position: -128px -64px;
  }
  60.7% {
    background-position: -160px -64px;
  }
  64.3% {
    background-position: 0 -96px;
  }
  67.9% {
    background-position: -32px -96px;
  }
  71.4% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  78.6% {
    background-position: -128px -96px;
  }
  82.1% {
    background-position: -160px -96px;
  }
  85.7% {
    background-position: 0 -128px;
  }
  89.3% {
    background-position: -32px -128px;
  }
  92.9% {
    background-position: -64px -128px;
  }
  96.4% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
.popo-13 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  13.3% {
    background-position: -64px 0;
  }
  20% {
    background-position: -96px 0;
  }
  26.7% {
    background-position: 0 -32px;
  }
  33.3% {
    background-position: -32px -32px;
  }
  40% {
    background-position: -64px -32px;
  }
  46.7% {
    background-position: -96px -32px;
  }
  53.3% {
    background-position: 0 -64px;
  }
  60% {
    background-position: -32px -64px;
  }
  66.7% {
    background-position: -64px -64px;
  }
  73.3% {
    background-position: -96px -64px;
  }
  80% {
    background-position: 0 -96px;
  }
  86.7% {
    background-position: -32px -96px;
  }
  93.3% {
    background-position: -64px -96px;
  }
  100% {
    background-position: -64px -96px;
  }
}
@keyframes key_pop_13 {
  0% {
    background-position: 0 0;
  }
  6.7% {
    background-position: -32px 0;
  }
  13.3% {
    background-position: -64px 0;
  }
  20% {
    background-position: -96px 0;
  }
  26.7% {
    background-position: 0 -32px;
  }
  33.3% {
    background-position: -32px -32px;
  }
  40% {
    background-position: -64px -32px;
  }
  46.7% {
    background-position: -96px -32px;
  }
  53.3% {
    background-position: 0 -64px;
  }
  60% {
    background-position: -32px -64px;
  }
  66.7% {
    background-position: -64px -64px;
  }
  73.3% {
    background-position: -96px -64px;
  }
  80% {
    background-position: 0 -96px;
  }
  86.7% {
    background-position: -32px -96px;
  }
  93.3% {
    background-position: -64px -96px;
  }
  100% {
    background-position: -64px -96px;
  }
}
.popo-14 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  40% {
    background-position: -64px 0;
  }
  60% {
    background-position: 0 -32px;
  }
  80% {
    background-position: -32px -32px;
  }
  100% {
    background-position: -32px -32px;
  }
}
@keyframes key_pop_14 {
  0% {
    background-position: 0 0;
  }
  20% {
    background-position: -32px 0;
  }
  40% {
    background-position: -64px 0;
  }
  60% {
    background-position: 0 -32px;
  }
  80% {
    background-position: -32px -32px;
  }
  100% {
    background-position: -32px -32px;
  }
}
.popo-15 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  11.1% {
    background-position: -64px 0;
  }
  16.7% {
    background-position: -96px 0;
  }
  22.2% {
    background-position: -128px 0;
  }
  27.8% {
    background-position: 0 -32px;
  }
  33.3% {
    background-position: -32px -32px;
  }
  38.9% {
    background-position: -64px -32px;
  }
  44.4% {
    background-position: -96px -32px;
  }
  50% {
    background-position: -128px -32px;
  }
  55.6% {
    background-position: 0 -64px;
  }
  61.1% {
    background-position: -32px -64px;
  }
  66.7% {
    background-position: -64px -64px;
  }
  72.2% {
    background-position: -96px -64px;
  }
  77.8% {
    background-position: -128px -64px;
  }
  83.3% {
    background-position: 0 -96px;
  }
  88.9% {
    background-position: -32px -96px;
  }
  94.4% {
    background-position: -64px -96px;
  }
  100% {
    background-position: -64px -96px;
  }
}
@keyframes key_pop_15 {
  0% {
    background-position: 0 0;
  }
  5.6% {
    background-position: -32px 0;
  }
  11.1% {
    background-position: -64px 0;
  }
  16.7% {
    background-position: -96px 0;
  }
  22.2% {
    background-position: -128px 0;
  }
  27.8% {
    background-position: 0 -32px;
  }
  33.3% {
    background-position: -32px -32px;
  }
  38.9% {
    background-position: -64px -32px;
  }
  44.4% {
    background-position: -96px -32px;
  }
  50% {
    background-position: -128px -32px;
  }
  55.6% {
    background-position: 0 -64px;
  }
  61.1% {
    background-position: -32px -64px;
  }
  66.7% {
    background-position: -64px -64px;
  }
  72.2% {
    background-position: -96px -64px;
  }
  77.8% {
    background-position: -128px -64px;
  }
  83.3% {
    background-position: 0 -96px;
  }
  88.9% {
    background-position: -32px -96px;
  }
  94.4% {
    background-position: -64px -96px;
  }
  100% {
    background-position: -64px -96px;
  }
}
.popo-16 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  16.7% {
    background-position: -64px 0;
  }
  25% {
    background-position: -96px 0;
  }
  33.3% {
    background-position: 0 -32px;
  }
  41.7% {
    background-position: -32px -32px;
  }
  50% {
    background-position: -64px -32px;
  }
  58.3% {
    background-position: -96px -32px;
  }
  66.7% {
    background-position: 0 -64px;
  }
  75% {
    background-position: -32px -64px;
  }
  83.3% {
    background-position: -64px -64px;
  }
  91.7% {
    background-position: -96px -64px;
  }
  100% {
    background-position: -96px -64px;
  }
}
@keyframes key_pop_16 {
  0% {
    background-position: 0 0;
  }
  8.3% {
    background-position: -32px 0;
  }
  16.7% {
    background-position: -64px 0;
  }
  25% {
    background-position: -96px 0;
  }
  33.3% {
    background-position: 0 -32px;
  }
  41.7% {
    background-position: -32px -32px;
  }
  50% {
    background-position: -64px -32px;
  }
  58.3% {
    background-position: -96px -32px;
  }
  66.7% {
    background-position: 0 -64px;
  }
  75% {
    background-position: -32px -64px;
  }
  83.3% {
    background-position: -64px -64px;
  }
  91.7% {
    background-position: -96px -64px;
  }
  100% {
    background-position: -96px -64px;
  }
}
.popo-17 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  11.1% {
    background-position: -64px 0;
  }
  16.7% {
    background-position: -96px 0;
  }
  22.2% {
    background-position: -128px 0;
  }
  27.8% {
    background-position: 0 -32px;
  }
  33.3% {
    background-position: -32px -32px;
  }
  38.9% {
    background-position: -64px -32px;
  }
  44.4% {
    background-position: -96px -32px;
  }
  50% {
    background-position: -128px -32px;
  }
  55.6% {
    background-position: 0 -64px;
  }
  61.1% {
    background-position: -32px -64px;
  }
  66.7% {
    background-position: -64px -64px;
  }
  72.2% {
    background-position: -96px -64px;
  }
  77.8% {
    background-position: -128px -64px;
  }
  83.3% {
    background-position: 0 -96px;
  }
  88.9% {
    background-position: -32px -96px;
  }
  94.4% {
    background-position: -64px -96px;
  }
  100% {
    background-position: -64px -96px;
  }
}
@keyframes key_pop_17 {
  0% {
    background-position: 0 0;
  }
  5.6% {
    background-position: -32px 0;
  }
  11.1% {
    background-position: -64px 0;
  }
  16.7% {
    background-position: -96px 0;
  }
  22.2% {
    background-position: -128px 0;
  }
  27.8% {
    background-position: 0 -32px;
  }
  33.3% {
    background-position: -32px -32px;
  }
  38.9% {
    background-position: -64px -32px;
  }
  44.4% {
    background-position: -96px -32px;
  }
  50% {
    background-position: -128px -32px;
  }
  55.6% {
    background-position: 0 -64px;
  }
  61.1% {
    background-position: -32px -64px;
  }
  66.7% {
    background-position: -64px -64px;
  }
  72.2% {
    background-position: -96px -64px;
  }
  77.8% {
    background-position: -128px -64px;
  }
  83.3% {
    background-position: 0 -96px;
  }
  88.9% {
    background-position: -32px -96px;
  }
  94.4% {
    background-position: -64px -96px;
  }
  100% {
    background-position: -64px -96px;
  }
}
.popo-18 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  13.3% {
    background-position: -64px 0;
  }
  20% {
    background-position: -96px 0;
  }
  26.7% {
    background-position: 0 -32px;
  }
  33.3% {
    background-position: -32px -32px;
  }
  40% {
    background-position: -64px -32px;
  }
  46.7% {
    background-position: -96px -32px;
  }
  53.3% {
    background-position: 0 -64px;
  }
  60% {
    background-position: -32px -64px;
  }
  66.7% {
    background-position: -64px -64px;
  }
  73.3% {
    background-position: -96px -64px;
  }
  80% {
    background-position: 0 -96px;
  }
  86.7% {
    background-position: -32px -96px;
  }
  93.3% {
    background-position: -64px -96px;
  }
  100% {
    background-position: -64px -96px;
  }
}
@keyframes key_pop_18 {
  0% {
    background-position: 0 0;
  }
  6.7% {
    background-position: -32px 0;
  }
  13.3% {
    background-position: -64px 0;
  }
  20% {
    background-position: -96px 0;
  }
  26.7% {
    background-position: 0 -32px;
  }
  33.3% {
    background-position: -32px -32px;
  }
  40% {
    background-position: -64px -32px;
  }
  46.7% {
    background-position: -96px -32px;
  }
  53.3% {
    background-position: 0 -64px;
  }
  60% {
    background-position: -32px -64px;
  }
  66.7% {
    background-position: -64px -64px;
  }
  73.3% {
    background-position: -96px -64px;
  }
  80% {
    background-position: 0 -96px;
  }
  86.7% {
    background-position: -32px -96px;
  }
  93.3% {
    background-position: -64px -96px;
  }
  100% {
    background-position: -64px -96px;
  }
}
.popo-19 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  6.9% {
    background-position: -64px 0;
  }
  10.3% {
    background-position: -96px 0;
  }
  13.8% {
    background-position: -128px 0;
  }
  17.2% {
    background-position: -160px 0;
  }
  20.7% {
    background-position: 0 -32px;
  }
  24.1% {
    background-position: -32px -32px;
  }
  27.6% {
    background-position: -64px -32px;
  }
  31% {
    background-position: -96px -32px;
  }
  34.5% {
    background-position: -128px -32px;
  }
  37.9% {
    background-position: -160px -32px;
  }
  41.4% {
    background-position: 0 -64px;
  }
  44.8% {
    background-position: -32px -64px;
  }
  48.3% {
    background-position: -64px -64px;
  }
  51.7% {
    background-position: -96px -64px;
  }
  55.2% {
    background-position: -128px -64px;
  }
  58.6% {
    background-position: -160px -64px;
  }
  62.1% {
    background-position: 0 -96px;
  }
  65.5% {
    background-position: -32px -96px;
  }
  69% {
    background-position: -64px -96px;
  }
  72.4% {
    background-position: -96px -96px;
  }
  75.9% {
    background-position: -128px -96px;
  }
  79.3% {
    background-position: -160px -96px;
  }
  82.8% {
    background-position: 0 -128px;
  }
  86.2% {
    background-position: -32px -128px;
  }
  89.7% {
    background-position: -64px -128px;
  }
  93.1% {
    background-position: -96px -128px;
  }
  96.6% {
    background-position: -128px -128px;
  }
  100% {
    background-position: -128px -128px;
  }
}
@keyframes key_pop_19 {
  0% {
    background-position: 0 0;
  }
  3.4% {
    background-position: -32px 0;
  }
  6.9% {
    background-position: -64px 0;
  }
  10.3% {
    background-position: -96px 0;
  }
  13.8% {
    background-position: -128px 0;
  }
  17.2% {
    background-position: -160px 0;
  }
  20.7% {
    background-position: 0 -32px;
  }
  24.1% {
    background-position: -32px -32px;
  }
  27.6% {
    background-position: -64px -32px;
  }
  31% {
    background-position: -96px -32px;
  }
  34.5% {
    background-position: -128px -32px;
  }
  37.9% {
    background-position: -160px -32px;
  }
  41.4% {
    background-position: 0 -64px;
  }
  44.8% {
    background-position: -32px -64px;
  }
  48.3% {
    background-position: -64px -64px;
  }
  51.7% {
    background-position: -96px -64px;
  }
  55.2% {
    background-position: -128px -64px;
  }
  58.6% {
    background-position: -160px -64px;
  }
  62.1% {
    background-position: 0 -96px;
  }
  65.5% {
    background-position: -32px -96px;
  }
  69% {
    background-position: -64px -96px;
  }
  72.4% {
    background-position: -96px -96px;
  }
  75.9% {
    background-position: -128px -96px;
  }
  79.3% {
    background-position: -160px -96px;
  }
  82.8% {
    background-position: 0 -128px;
  }
  86.2% {
    background-position: -32px -128px;
  }
  89.7% {
    background-position: -64px -128px;
  }
  93.1% {
    background-position: -96px -128px;
  }
  96.6% {
    background-position: -128px -128px;
  }
  100% {
    background-position: -128px -128px;
  }
}
.popo-20 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
@keyframes key_pop_20 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
.popo-21 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  11.8% {
    background-position: -64px 0;
  }
  17.6% {
    background-position: -96px 0;
  }
  23.5% {
    background-position: -128px 0;
  }
  29.4% {
    background-position: 0 -32px;
  }
  35.3% {
    background-position: -32px -32px;
  }
  41.2% {
    background-position: -64px -32px;
  }
  47.1% {
    background-position: -96px -32px;
  }
  52.9% {
    background-position: -128px -32px;
  }
  58.8% {
    background-position: 0 -64px;
  }
  64.7% {
    background-position: -32px -64px;
  }
  70.6% {
    background-position: -64px -64px;
  }
  76.5% {
    background-position: -96px -64px;
  }
  82.4% {
    background-position: -128px -64px;
  }
  88.2% {
    background-position: 0 -96px;
  }
  94.1% {
    background-position: -32px -96px;
  }
  100% {
    background-position: -32px -96px;
  }
}
@keyframes key_pop_21 {
  0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -32px 0;
  }
  11.8% {
    background-position: -64px 0;
  }
  17.6% {
    background-position: -96px 0;
  }
  23.5% {
    background-position: -128px 0;
  }
  29.4% {
    background-position: 0 -32px;
  }
  35.3% {
    background-position: -32px -32px;
  }
  41.2% {
    background-position: -64px -32px;
  }
  47.1% {
    background-position: -96px -32px;
  }
  52.9% {
    background-position: -128px -32px;
  }
  58.8% {
    background-position: 0 -64px;
  }
  64.7% {
    background-position: -32px -64px;
  }
  70.6% {
    background-position: -64px -64px;
  }
  76.5% {
    background-position: -96px -64px;
  }
  82.4% {
    background-position: -128px -64px;
  }
  88.2% {
    background-position: 0 -96px;
  }
  94.1% {
    background-position: -32px -96px;
  }
  100% {
    background-position: -32px -96px;
  }
}
.popo-22 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  10% {
    background-position: -64px 0;
  }
  15% {
    background-position: -96px 0;
  }
  20% {
    background-position: -128px 0;
  }
  25% {
    background-position: 0 -32px;
  }
  30% {
    background-position: -32px -32px;
  }
  35% {
    background-position: -64px -32px;
  }
  40% {
    background-position: -96px -32px;
  }
  45% {
    background-position: -128px -32px;
  }
  50% {
    background-position: 0 -64px;
  }
  55% {
    background-position: -32px -64px;
  }
  60% {
    background-position: -64px -64px;
  }
  65% {
    background-position: -96px -64px;
  }
  70% {
    background-position: -128px -64px;
  }
  75% {
    background-position: 0 -96px;
  }
  80% {
    background-position: -32px -96px;
  }
  85% {
    background-position: -64px -96px;
  }
  90% {
    background-position: -96px -96px;
  }
  95% {
    background-position: -128px -96px;
  }
  100% {
    background-position: -128px -96px;
  }
}
@keyframes key_pop_22 {
  0% {
    background-position: 0 0;
  }
  5% {
    background-position: -32px 0;
  }
  10% {
    background-position: -64px 0;
  }
  15% {
    background-position: -96px 0;
  }
  20% {
    background-position: -128px 0;
  }
  25% {
    background-position: 0 -32px;
  }
  30% {
    background-position: -32px -32px;
  }
  35% {
    background-position: -64px -32px;
  }
  40% {
    background-position: -96px -32px;
  }
  45% {
    background-position: -128px -32px;
  }
  50% {
    background-position: 0 -64px;
  }
  55% {
    background-position: -32px -64px;
  }
  60% {
    background-position: -64px -64px;
  }
  65% {
    background-position: -96px -64px;
  }
  70% {
    background-position: -128px -64px;
  }
  75% {
    background-position: 0 -96px;
  }
  80% {
    background-position: -32px -96px;
  }
  85% {
    background-position: -64px -96px;
  }
  90% {
    background-position: -96px -96px;
  }
  95% {
    background-position: -128px -96px;
  }
  100% {
    background-position: -128px -96px;
  }
}
.popo-23 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  15.4% {
    background-position: -64px 0;
  }
  23.1% {
    background-position: -96px 0;
  }
  30.8% {
    background-position: 0 -32px;
  }
  38.5% {
    background-position: -32px -32px;
  }
  46.2% {
    background-position: -64px -32px;
  }
  53.8% {
    background-position: -96px -32px;
  }
  61.5% {
    background-position: 0 -64px;
  }
  69.2% {
    background-position: -32px -64px;
  }
  76.9% {
    background-position: -64px -64px;
  }
  84.6% {
    background-position: -96px -64px;
  }
  92.3% {
    background-position: 0 -96px;
  }
  100% {
    background-position: 0 -96px;
  }
}
@keyframes key_pop_23 {
  0% {
    background-position: 0 0;
  }
  7.7% {
    background-position: -32px 0;
  }
  15.4% {
    background-position: -64px 0;
  }
  23.1% {
    background-position: -96px 0;
  }
  30.8% {
    background-position: 0 -32px;
  }
  38.5% {
    background-position: -32px -32px;
  }
  46.2% {
    background-position: -64px -32px;
  }
  53.8% {
    background-position: -96px -32px;
  }
  61.5% {
    background-position: 0 -64px;
  }
  69.2% {
    background-position: -32px -64px;
  }
  76.9% {
    background-position: -64px -64px;
  }
  84.6% {
    background-position: -96px -64px;
  }
  92.3% {
    background-position: 0 -96px;
  }
  100% {
    background-position: 0 -96px;
  }
}
.popo-24 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  7.1% {
    background-position: -64px 0;
  }
  10.7% {
    background-position: -96px 0;
  }
  14.3% {
    background-position: -128px 0;
  }
  17.9% {
    background-position: -160px 0;
  }
  21.4% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  28.6% {
    background-position: -64px -32px;
  }
  32.1% {
    background-position: -96px -32px;
  }
  35.7% {
    background-position: -128px -32px;
  }
  39.3% {
    background-position: -160px -32px;
  }
  42.9% {
    background-position: 0 -64px;
  }
  46.4% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  53.6% {
    background-position: -96px -64px;
  }
  57.1% {
    background-position: -128px -64px;
  }
  60.7% {
    background-position: -160px -64px;
  }
  64.3% {
    background-position: 0 -96px;
  }
  67.9% {
    background-position: -32px -96px;
  }
  71.4% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  78.6% {
    background-position: -128px -96px;
  }
  82.1% {
    background-position: -160px -96px;
  }
  85.7% {
    background-position: 0 -128px;
  }
  89.3% {
    background-position: -32px -128px;
  }
  92.9% {
    background-position: -64px -128px;
  }
  96.4% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
@keyframes key_pop_24 {
  0% {
    background-position: 0 0;
  }
  3.6% {
    background-position: -32px 0;
  }
  7.1% {
    background-position: -64px 0;
  }
  10.7% {
    background-position: -96px 0;
  }
  14.3% {
    background-position: -128px 0;
  }
  17.9% {
    background-position: -160px 0;
  }
  21.4% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  28.6% {
    background-position: -64px -32px;
  }
  32.1% {
    background-position: -96px -32px;
  }
  35.7% {
    background-position: -128px -32px;
  }
  39.3% {
    background-position: -160px -32px;
  }
  42.9% {
    background-position: 0 -64px;
  }
  46.4% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  53.6% {
    background-position: -96px -64px;
  }
  57.1% {
    background-position: -128px -64px;
  }
  60.7% {
    background-position: -160px -64px;
  }
  64.3% {
    background-position: 0 -96px;
  }
  67.9% {
    background-position: -32px -96px;
  }
  71.4% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  78.6% {
    background-position: -128px -96px;
  }
  82.1% {
    background-position: -160px -96px;
  }
  85.7% {
    background-position: 0 -128px;
  }
  89.3% {
    background-position: -32px -128px;
  }
  92.9% {
    background-position: -64px -128px;
  }
  96.4% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
.popo-25 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  5.9% {
    background-position: -64px 0;
  }
  8.8% {
    background-position: -96px 0;
  }
  11.8% {
    background-position: -128px 0;
  }
  14.7% {
    background-position: -160px 0;
  }
  17.6% {
    background-position: 0 -32px;
  }
  20.6% {
    background-position: -32px -32px;
  }
  23.5% {
    background-position: -64px -32px;
  }
  26.5% {
    background-position: -96px -32px;
  }
  29.4% {
    background-position: -128px -32px;
  }
  32.4% {
    background-position: -160px -32px;
  }
  35.3% {
    background-position: 0 -64px;
  }
  38.2% {
    background-position: -32px -64px;
  }
  41.2% {
    background-position: -64px -64px;
  }
  44.1% {
    background-position: -96px -64px;
  }
  47.1% {
    background-position: -128px -64px;
  }
  50% {
    background-position: -160px -64px;
  }
  52.9% {
    background-position: 0 -96px;
  }
  55.9% {
    background-position: -32px -96px;
  }
  58.8% {
    background-position: -64px -96px;
  }
  61.8% {
    background-position: -96px -96px;
  }
  64.7% {
    background-position: -128px -96px;
  }
  67.6% {
    background-position: -160px -96px;
  }
  70.6% {
    background-position: 0 -128px;
  }
  73.5% {
    background-position: -32px -128px;
  }
  76.5% {
    background-position: -64px -128px;
  }
  79.4% {
    background-position: -96px -128px;
  }
  82.4% {
    background-position: -128px -128px;
  }
  85.3% {
    background-position: -160px -128px;
  }
  88.2% {
    background-position: 0 -160px;
  }
  91.2% {
    background-position: -32px -160px;
  }
  94.1% {
    background-position: -64px -160px;
  }
  97.1% {
    background-position: -96px -160px;
  }
  100% {
    background-position: -96px -160px;
  }
}
@keyframes key_pop_25 {
  0% {
    background-position: 0 0;
  }
  2.9% {
    background-position: -32px 0;
  }
  5.9% {
    background-position: -64px 0;
  }
  8.8% {
    background-position: -96px 0;
  }
  11.8% {
    background-position: -128px 0;
  }
  14.7% {
    background-position: -160px 0;
  }
  17.6% {
    background-position: 0 -32px;
  }
  20.6% {
    background-position: -32px -32px;
  }
  23.5% {
    background-position: -64px -32px;
  }
  26.5% {
    background-position: -96px -32px;
  }
  29.4% {
    background-position: -128px -32px;
  }
  32.4% {
    background-position: -160px -32px;
  }
  35.3% {
    background-position: 0 -64px;
  }
  38.2% {
    background-position: -32px -64px;
  }
  41.2% {
    background-position: -64px -64px;
  }
  44.1% {
    background-position: -96px -64px;
  }
  47.1% {
    background-position: -128px -64px;
  }
  50% {
    background-position: -160px -64px;
  }
  52.9% {
    background-position: 0 -96px;
  }
  55.9% {
    background-position: -32px -96px;
  }
  58.8% {
    background-position: -64px -96px;
  }
  61.8% {
    background-position: -96px -96px;
  }
  64.7% {
    background-position: -128px -96px;
  }
  67.6% {
    background-position: -160px -96px;
  }
  70.6% {
    background-position: 0 -128px;
  }
  73.5% {
    background-position: -32px -128px;
  }
  76.5% {
    background-position: -64px -128px;
  }
  79.4% {
    background-position: -96px -128px;
  }
  82.4% {
    background-position: -128px -128px;
  }
  85.3% {
    background-position: -160px -128px;
  }
  88.2% {
    background-position: 0 -160px;
  }
  91.2% {
    background-position: -32px -160px;
  }
  94.1% {
    background-position: -64px -160px;
  }
  97.1% {
    background-position: -96px -160px;
  }
  100% {
    background-position: -96px -160px;
  }
}
.popo-26 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
@keyframes key_pop_26 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
.popo-27 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  4.9% {
    background-position: -64px 0;
  }
  7.3% {
    background-position: -96px 0;
  }
  9.8% {
    background-position: -128px 0;
  }
  12.2% {
    background-position: -160px 0;
  }
  14.6% {
    background-position: -192px 0;
  }
  17.1% {
    background-position: 0 -32px;
  }
  19.5% {
    background-position: -32px -32px;
  }
  22% {
    background-position: -64px -32px;
  }
  24.4% {
    background-position: -96px -32px;
  }
  26.8% {
    background-position: -128px -32px;
  }
  29.3% {
    background-position: -160px -32px;
  }
  31.7% {
    background-position: -192px -32px;
  }
  34.1% {
    background-position: 0 -64px;
  }
  36.6% {
    background-position: -32px -64px;
  }
  39% {
    background-position: -64px -64px;
  }
  41.5% {
    background-position: -96px -64px;
  }
  43.9% {
    background-position: -128px -64px;
  }
  46.3% {
    background-position: -160px -64px;
  }
  48.8% {
    background-position: -192px -64px;
  }
  51.2% {
    background-position: 0 -96px;
  }
  53.7% {
    background-position: -32px -96px;
  }
  56.1% {
    background-position: -64px -96px;
  }
  58.5% {
    background-position: -96px -96px;
  }
  61% {
    background-position: -128px -96px;
  }
  63.4% {
    background-position: -160px -96px;
  }
  65.9% {
    background-position: -192px -96px;
  }
  68.3% {
    background-position: 0 -128px;
  }
  70.7% {
    background-position: -32px -128px;
  }
  73.2% {
    background-position: -64px -128px;
  }
  75.6% {
    background-position: -96px -128px;
  }
  78% {
    background-position: -128px -128px;
  }
  80.5% {
    background-position: -160px -128px;
  }
  82.9% {
    background-position: -192px -128px;
  }
  85.4% {
    background-position: 0 -160px;
  }
  87.8% {
    background-position: -32px -160px;
  }
  90.2% {
    background-position: -64px -160px;
  }
  92.7% {
    background-position: -96px -160px;
  }
  95.1% {
    background-position: -128px -160px;
  }
  97.6% {
    background-position: -160px -160px;
  }
  100% {
    background-position: -160px -160px;
  }
}
@keyframes key_pop_27 {
  0% {
    background-position: 0 0;
  }
  2.4% {
    background-position: -32px 0;
  }
  4.9% {
    background-position: -64px 0;
  }
  7.3% {
    background-position: -96px 0;
  }
  9.8% {
    background-position: -128px 0;
  }
  12.2% {
    background-position: -160px 0;
  }
  14.6% {
    background-position: -192px 0;
  }
  17.1% {
    background-position: 0 -32px;
  }
  19.5% {
    background-position: -32px -32px;
  }
  22% {
    background-position: -64px -32px;
  }
  24.4% {
    background-position: -96px -32px;
  }
  26.8% {
    background-position: -128px -32px;
  }
  29.3% {
    background-position: -160px -32px;
  }
  31.7% {
    background-position: -192px -32px;
  }
  34.1% {
    background-position: 0 -64px;
  }
  36.6% {
    background-position: -32px -64px;
  }
  39% {
    background-position: -64px -64px;
  }
  41.5% {
    background-position: -96px -64px;
  }
  43.9% {
    background-position: -128px -64px;
  }
  46.3% {
    background-position: -160px -64px;
  }
  48.8% {
    background-position: -192px -64px;
  }
  51.2% {
    background-position: 0 -96px;
  }
  53.7% {
    background-position: -32px -96px;
  }
  56.1% {
    background-position: -64px -96px;
  }
  58.5% {
    background-position: -96px -96px;
  }
  61% {
    background-position: -128px -96px;
  }
  63.4% {
    background-position: -160px -96px;
  }
  65.9% {
    background-position: -192px -96px;
  }
  68.3% {
    background-position: 0 -128px;
  }
  70.7% {
    background-position: -32px -128px;
  }
  73.2% {
    background-position: -64px -128px;
  }
  75.6% {
    background-position: -96px -128px;
  }
  78% {
    background-position: -128px -128px;
  }
  80.5% {
    background-position: -160px -128px;
  }
  82.9% {
    background-position: -192px -128px;
  }
  85.4% {
    background-position: 0 -160px;
  }
  87.8% {
    background-position: -32px -160px;
  }
  90.2% {
    background-position: -64px -160px;
  }
  92.7% {
    background-position: -96px -160px;
  }
  95.1% {
    background-position: -128px -160px;
  }
  97.6% {
    background-position: -160px -160px;
  }
  100% {
    background-position: -160px -160px;
  }
}
.popo-28 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
@keyframes key_pop_28 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
.popo-29 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  6.3% {
    background-position: -64px 0;
  }
  9.4% {
    background-position: -96px 0;
  }
  12.5% {
    background-position: -128px 0;
  }
  15.6% {
    background-position: -160px 0;
  }
  18.8% {
    background-position: 0 -32px;
  }
  21.9% {
    background-position: -32px -32px;
  }
  25% {
    background-position: -64px -32px;
  }
  28.1% {
    background-position: -96px -32px;
  }
  31.3% {
    background-position: -128px -32px;
  }
  34.4% {
    background-position: -160px -32px;
  }
  37.5% {
    background-position: 0 -64px;
  }
  40.6% {
    background-position: -32px -64px;
  }
  43.8% {
    background-position: -64px -64px;
  }
  46.9% {
    background-position: -96px -64px;
  }
  50% {
    background-position: -128px -64px;
  }
  53.1% {
    background-position: -160px -64px;
  }
  56.3% {
    background-position: 0 -96px;
  }
  59.4% {
    background-position: -32px -96px;
  }
  62.5% {
    background-position: -64px -96px;
  }
  65.6% {
    background-position: -96px -96px;
  }
  68.8% {
    background-position: -128px -96px;
  }
  71.9% {
    background-position: -160px -96px;
  }
  75% {
    background-position: 0 -128px;
  }
  78.1% {
    background-position: -32px -128px;
  }
  81.3% {
    background-position: -64px -128px;
  }
  84.4% {
    background-position: -96px -128px;
  }
  87.5% {
    background-position: -128px -128px;
  }
  90.6% {
    background-position: -160px -128px;
  }
  93.8% {
    background-position: 0 -160px;
  }
  96.9% {
    background-position: -32px -160px;
  }
  100% {
    background-position: -32px -160px;
  }
}
@keyframes key_pop_29 {
  0% {
    background-position: 0 0;
  }
  3.1% {
    background-position: -32px 0;
  }
  6.3% {
    background-position: -64px 0;
  }
  9.4% {
    background-position: -96px 0;
  }
  12.5% {
    background-position: -128px 0;
  }
  15.6% {
    background-position: -160px 0;
  }
  18.8% {
    background-position: 0 -32px;
  }
  21.9% {
    background-position: -32px -32px;
  }
  25% {
    background-position: -64px -32px;
  }
  28.1% {
    background-position: -96px -32px;
  }
  31.3% {
    background-position: -128px -32px;
  }
  34.4% {
    background-position: -160px -32px;
  }
  37.5% {
    background-position: 0 -64px;
  }
  40.6% {
    background-position: -32px -64px;
  }
  43.8% {
    background-position: -64px -64px;
  }
  46.9% {
    background-position: -96px -64px;
  }
  50% {
    background-position: -128px -64px;
  }
  53.1% {
    background-position: -160px -64px;
  }
  56.3% {
    background-position: 0 -96px;
  }
  59.4% {
    background-position: -32px -96px;
  }
  62.5% {
    background-position: -64px -96px;
  }
  65.6% {
    background-position: -96px -96px;
  }
  68.8% {
    background-position: -128px -96px;
  }
  71.9% {
    background-position: -160px -96px;
  }
  75% {
    background-position: 0 -128px;
  }
  78.1% {
    background-position: -32px -128px;
  }
  81.3% {
    background-position: -64px -128px;
  }
  84.4% {
    background-position: -96px -128px;
  }
  87.5% {
    background-position: -128px -128px;
  }
  90.6% {
    background-position: -160px -128px;
  }
  93.8% {
    background-position: 0 -160px;
  }
  96.9% {
    background-position: -32px -160px;
  }
  100% {
    background-position: -32px -160px;
  }
}
.popo-30 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  10.5% {
    background-position: -64px 0;
  }
  15.8% {
    background-position: -96px 0;
  }
  21.1% {
    background-position: -128px 0;
  }
  26.3% {
    background-position: 0 -32px;
  }
  31.6% {
    background-position: -32px -32px;
  }
  36.8% {
    background-position: -64px -32px;
  }
  42.1% {
    background-position: -96px -32px;
  }
  47.4% {
    background-position: -128px -32px;
  }
  52.6% {
    background-position: 0 -64px;
  }
  57.9% {
    background-position: -32px -64px;
  }
  63.2% {
    background-position: -64px -64px;
  }
  68.4% {
    background-position: -96px -64px;
  }
  73.7% {
    background-position: -128px -64px;
  }
  78.9% {
    background-position: 0 -96px;
  }
  84.2% {
    background-position: -32px -96px;
  }
  89.5% {
    background-position: -64px -96px;
  }
  94.7% {
    background-position: -96px -96px;
  }
  100% {
    background-position: -96px -96px;
  }
}
@keyframes key_pop_30 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
  }
  10.5% {
    background-position: -64px 0;
  }
  15.8% {
    background-position: -96px 0;
  }
  21.1% {
    background-position: -128px 0;
  }
  26.3% {
    background-position: 0 -32px;
  }
  31.6% {
    background-position: -32px -32px;
  }
  36.8% {
    background-position: -64px -32px;
  }
  42.1% {
    background-position: -96px -32px;
  }
  47.4% {
    background-position: -128px -32px;
  }
  52.6% {
    background-position: 0 -64px;
  }
  57.9% {
    background-position: -32px -64px;
  }
  63.2% {
    background-position: -64px -64px;
  }
  68.4% {
    background-position: -96px -64px;
  }
  73.7% {
    background-position: -128px -64px;
  }
  78.9% {
    background-position: 0 -96px;
  }
  84.2% {
    background-position: -32px -96px;
  }
  89.5% {
    background-position: -64px -96px;
  }
  94.7% {
    background-position: -96px -96px;
  }
  100% {
    background-position: -96px -96px;
  }
}
.popo-31 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  33.3% {
    background-position: -64px 0;
  }
  50% {
    background-position: 0 -32px;
  }
  66.7% {
    background-position: -32px -32px;
  }
  83.3% {
    background-position: -64px -32px;
  }
  100% {
    background-position: -64px -32px;
  }
}
@keyframes key_pop_31 {
  0% {
    background-position: 0 0;
  }
  16.7% {
    background-position: -32px 0;
  }
  33.3% {
    background-position: -64px 0;
  }
  50% {
    background-position: 0 -32px;
  }
  66.7% {
    background-position: -32px -32px;
  }
  83.3% {
    background-position: -64px -32px;
  }
  100% {
    background-position: -64px -32px;
  }
}
.popo-32 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  10% {
    background-position: -64px 0;
  }
  15% {
    background-position: -96px 0;
  }
  20% {
    background-position: -128px 0;
  }
  25% {
    background-position: 0 -32px;
  }
  30% {
    background-position: -32px -32px;
  }
  35% {
    background-position: -64px -32px;
  }
  40% {
    background-position: -96px -32px;
  }
  45% {
    background-position: -128px -32px;
  }
  50% {
    background-position: 0 -64px;
  }
  55% {
    background-position: -32px -64px;
  }
  60% {
    background-position: -64px -64px;
  }
  65% {
    background-position: -96px -64px;
  }
  70% {
    background-position: -128px -64px;
  }
  75% {
    background-position: 0 -96px;
  }
  80% {
    background-position: -32px -96px;
  }
  85% {
    background-position: -64px -96px;
  }
  90% {
    background-position: -96px -96px;
  }
  95% {
    background-position: -128px -96px;
  }
  100% {
    background-position: -128px -96px;
  }
}
@keyframes key_pop_32 {
  0% {
    background-position: 0 0;
  }
  5% {
    background-position: -32px 0;
  }
  10% {
    background-position: -64px 0;
  }
  15% {
    background-position: -96px 0;
  }
  20% {
    background-position: -128px 0;
  }
  25% {
    background-position: 0 -32px;
  }
  30% {
    background-position: -32px -32px;
  }
  35% {
    background-position: -64px -32px;
  }
  40% {
    background-position: -96px -32px;
  }
  45% {
    background-position: -128px -32px;
  }
  50% {
    background-position: 0 -64px;
  }
  55% {
    background-position: -32px -64px;
  }
  60% {
    background-position: -64px -64px;
  }
  65% {
    background-position: -96px -64px;
  }
  70% {
    background-position: -128px -64px;
  }
  75% {
    background-position: 0 -96px;
  }
  80% {
    background-position: -32px -96px;
  }
  85% {
    background-position: -64px -96px;
  }
  90% {
    background-position: -96px -96px;
  }
  95% {
    background-position: -128px -96px;
  }
  100% {
    background-position: -128px -96px;
  }
}
.popo-33 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
@keyframes key_pop_33 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
.popo-34 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  25% {
    background-position: -64px 0;
  }
  37.5% {
    background-position: 0 -32px;
  }
  50% {
    background-position: -32px -32px;
  }
  62.5% {
    background-position: -64px -32px;
  }
  75% {
    background-position: 0 -64px;
  }
  87.5% {
    background-position: -32px -64px;
  }
  100% {
    background-position: -32px -64px;
  }
}
@keyframes key_pop_34 {
  0% {
    background-position: 0 0;
  }
  12.5% {
    background-position: -32px 0;
  }
  25% {
    background-position: -64px 0;
  }
  37.5% {
    background-position: 0 -32px;
  }
  50% {
    background-position: -32px -32px;
  }
  62.5% {
    background-position: -64px -32px;
  }
  75% {
    background-position: 0 -64px;
  }
  87.5% {
    background-position: -32px -64px;
  }
  100% {
    background-position: -32px -64px;
  }
}
.popo-35 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
@keyframes key_pop_35 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
.popo-36 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
@keyframes key_pop_36 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
.popo-37 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  28.6% {
    background-position: -64px 0;
  }
  42.9% {
    background-position: 0 -32px;
  }
  57.1% {
    background-position: -32px -32px;
  }
  71.4% {
    background-position: -64px -32px;
  }
  85.7% {
    background-position: 0 -64px;
  }
  100% {
    background-position: 0 -64px;
  }
}
@keyframes key_pop_37 {
  0% {
    background-position: 0 0;
  }
  14.3% {
    background-position: -32px 0;
  }
  28.6% {
    background-position: -64px 0;
  }
  42.9% {
    background-position: 0 -32px;
  }
  57.1% {
    background-position: -32px -32px;
  }
  71.4% {
    background-position: -64px -32px;
  }
  85.7% {
    background-position: 0 -64px;
  }
  100% {
    background-position: 0 -64px;
  }
}
.popo-38 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  6.9% {
    background-position: -64px 0;
  }
  10.3% {
    background-position: -96px 0;
  }
  13.8% {
    background-position: -128px 0;
  }
  17.2% {
    background-position: -160px 0;
  }
  20.7% {
    background-position: 0 -32px;
  }
  24.1% {
    background-position: -32px -32px;
  }
  27.6% {
    background-position: -64px -32px;
  }
  31% {
    background-position: -96px -32px;
  }
  34.5% {
    background-position: -128px -32px;
  }
  37.9% {
    background-position: -160px -32px;
  }
  41.4% {
    background-position: 0 -64px;
  }
  44.8% {
    background-position: -32px -64px;
  }
  48.3% {
    background-position: -64px -64px;
  }
  51.7% {
    background-position: -96px -64px;
  }
  55.2% {
    background-position: -128px -64px;
  }
  58.6% {
    background-position: -160px -64px;
  }
  62.1% {
    background-position: 0 -96px;
  }
  65.5% {
    background-position: -32px -96px;
  }
  69% {
    background-position: -64px -96px;
  }
  72.4% {
    background-position: -96px -96px;
  }
  75.9% {
    background-position: -128px -96px;
  }
  79.3% {
    background-position: -160px -96px;
  }
  82.8% {
    background-position: 0 -128px;
  }
  86.2% {
    background-position: -32px -128px;
  }
  89.7% {
    background-position: -64px -128px;
  }
  93.1% {
    background-position: -96px -128px;
  }
  96.6% {
    background-position: -128px -128px;
  }
  100% {
    background-position: -128px -128px;
  }
}
@keyframes key_pop_38 {
  0% {
    background-position: 0 0;
  }
  3.4% {
    background-position: -32px 0;
  }
  6.9% {
    background-position: -64px 0;
  }
  10.3% {
    background-position: -96px 0;
  }
  13.8% {
    background-position: -128px 0;
  }
  17.2% {
    background-position: -160px 0;
  }
  20.7% {
    background-position: 0 -32px;
  }
  24.1% {
    background-position: -32px -32px;
  }
  27.6% {
    background-position: -64px -32px;
  }
  31% {
    background-position: -96px -32px;
  }
  34.5% {
    background-position: -128px -32px;
  }
  37.9% {
    background-position: -160px -32px;
  }
  41.4% {
    background-position: 0 -64px;
  }
  44.8% {
    background-position: -32px -64px;
  }
  48.3% {
    background-position: -64px -64px;
  }
  51.7% {
    background-position: -96px -64px;
  }
  55.2% {
    background-position: -128px -64px;
  }
  58.6% {
    background-position: -160px -64px;
  }
  62.1% {
    background-position: 0 -96px;
  }
  65.5% {
    background-position: -32px -96px;
  }
  69% {
    background-position: -64px -96px;
  }
  72.4% {
    background-position: -96px -96px;
  }
  75.9% {
    background-position: -128px -96px;
  }
  79.3% {
    background-position: -160px -96px;
  }
  82.8% {
    background-position: 0 -128px;
  }
  86.2% {
    background-position: -32px -128px;
  }
  89.7% {
    background-position: -64px -128px;
  }
  93.1% {
    background-position: -96px -128px;
  }
  96.6% {
    background-position: -128px -128px;
  }
  100% {
    background-position: -128px -128px;
  }
}
.popo-39 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  5.6% {
    background-position: -64px 0;
  }
  8.3% {
    background-position: -96px 0;
  }
  11.1% {
    background-position: -128px 0;
  }
  13.9% {
    background-position: -160px 0;
  }
  16.7% {
    background-position: 0 -32px;
  }
  19.4% {
    background-position: -32px -32px;
  }
  22.2% {
    background-position: -64px -32px;
  }
  25% {
    background-position: -96px -32px;
  }
  27.8% {
    background-position: -128px -32px;
  }
  30.6% {
    background-position: -160px -32px;
  }
  33.3% {
    background-position: 0 -64px;
  }
  36.1% {
    background-position: -32px -64px;
  }
  38.9% {
    background-position: -64px -64px;
  }
  41.7% {
    background-position: -96px -64px;
  }
  44.4% {
    background-position: -128px -64px;
  }
  47.2% {
    background-position: -160px -64px;
  }
  50% {
    background-position: 0 -96px;
  }
  52.8% {
    background-position: -32px -96px;
  }
  55.6% {
    background-position: -64px -96px;
  }
  58.3% {
    background-position: -96px -96px;
  }
  61.1% {
    background-position: -128px -96px;
  }
  63.9% {
    background-position: -160px -96px;
  }
  66.7% {
    background-position: 0 -128px;
  }
  69.4% {
    background-position: -32px -128px;
  }
  72.2% {
    background-position: -64px -128px;
  }
  75% {
    background-position: -96px -128px;
  }
  77.8% {
    background-position: -128px -128px;
  }
  80.6% {
    background-position: -160px -128px;
  }
  83.3% {
    background-position: 0 -160px;
  }
  86.1% {
    background-position: -32px -160px;
  }
  88.9% {
    background-position: -64px -160px;
  }
  91.7% {
    background-position: -96px -160px;
  }
  94.4% {
    background-position: -128px -160px;
  }
  97.2% {
    background-position: -160px -160px;
  }
  100% {
    background-position: -160px -160px;
  }
}
@keyframes key_pop_39 {
  0% {
    background-position: 0 0;
  }
  2.8% {
    background-position: -32px 0;
  }
  5.6% {
    background-position: -64px 0;
  }
  8.3% {
    background-position: -96px 0;
  }
  11.1% {
    background-position: -128px 0;
  }
  13.9% {
    background-position: -160px 0;
  }
  16.7% {
    background-position: 0 -32px;
  }
  19.4% {
    background-position: -32px -32px;
  }
  22.2% {
    background-position: -64px -32px;
  }
  25% {
    background-position: -96px -32px;
  }
  27.8% {
    background-position: -128px -32px;
  }
  30.6% {
    background-position: -160px -32px;
  }
  33.3% {
    background-position: 0 -64px;
  }
  36.1% {
    background-position: -32px -64px;
  }
  38.9% {
    background-position: -64px -64px;
  }
  41.7% {
    background-position: -96px -64px;
  }
  44.4% {
    background-position: -128px -64px;
  }
  47.2% {
    background-position: -160px -64px;
  }
  50% {
    background-position: 0 -96px;
  }
  52.8% {
    background-position: -32px -96px;
  }
  55.6% {
    background-position: -64px -96px;
  }
  58.3% {
    background-position: -96px -96px;
  }
  61.1% {
    background-position: -128px -96px;
  }
  63.9% {
    background-position: -160px -96px;
  }
  66.7% {
    background-position: 0 -128px;
  }
  69.4% {
    background-position: -32px -128px;
  }
  72.2% {
    background-position: -64px -128px;
  }
  75% {
    background-position: -96px -128px;
  }
  77.8% {
    background-position: -128px -128px;
  }
  80.6% {
    background-position: -160px -128px;
  }
  83.3% {
    background-position: 0 -160px;
  }
  86.1% {
    background-position: -32px -160px;
  }
  88.9% {
    background-position: -64px -160px;
  }
  91.7% {
    background-position: -96px -160px;
  }
  94.4% {
    background-position: -128px -160px;
  }
  97.2% {
    background-position: -160px -160px;
  }
  100% {
    background-position: -160px -160px;
  }
}
.popo-40 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  6.9% {
    background-position: -64px 0;
  }
  10.3% {
    background-position: -96px 0;
  }
  13.8% {
    background-position: -128px 0;
  }
  17.2% {
    background-position: -160px 0;
  }
  20.7% {
    background-position: 0 -32px;
  }
  24.1% {
    background-position: -32px -32px;
  }
  27.6% {
    background-position: -64px -32px;
  }
  31% {
    background-position: -96px -32px;
  }
  34.5% {
    background-position: -128px -32px;
  }
  37.9% {
    background-position: -160px -32px;
  }
  41.4% {
    background-position: 0 -64px;
  }
  44.8% {
    background-position: -32px -64px;
  }
  48.3% {
    background-position: -64px -64px;
  }
  51.7% {
    background-position: -96px -64px;
  }
  55.2% {
    background-position: -128px -64px;
  }
  58.6% {
    background-position: -160px -64px;
  }
  62.1% {
    background-position: 0 -96px;
  }
  65.5% {
    background-position: -32px -96px;
  }
  69% {
    background-position: -64px -96px;
  }
  72.4% {
    background-position: -96px -96px;
  }
  75.9% {
    background-position: -128px -96px;
  }
  79.3% {
    background-position: -160px -96px;
  }
  82.8% {
    background-position: 0 -128px;
  }
  86.2% {
    background-position: -32px -128px;
  }
  89.7% {
    background-position: -64px -128px;
  }
  93.1% {
    background-position: -96px -128px;
  }
  96.6% {
    background-position: -128px -128px;
  }
  100% {
    background-position: -128px -128px;
  }
}
@keyframes key_pop_40 {
  0% {
    background-position: 0 0;
  }
  3.4% {
    background-position: -32px 0;
  }
  6.9% {
    background-position: -64px 0;
  }
  10.3% {
    background-position: -96px 0;
  }
  13.8% {
    background-position: -128px 0;
  }
  17.2% {
    background-position: -160px 0;
  }
  20.7% {
    background-position: 0 -32px;
  }
  24.1% {
    background-position: -32px -32px;
  }
  27.6% {
    background-position: -64px -32px;
  }
  31% {
    background-position: -96px -32px;
  }
  34.5% {
    background-position: -128px -32px;
  }
  37.9% {
    background-position: -160px -32px;
  }
  41.4% {
    background-position: 0 -64px;
  }
  44.8% {
    background-position: -32px -64px;
  }
  48.3% {
    background-position: -64px -64px;
  }
  51.7% {
    background-position: -96px -64px;
  }
  55.2% {
    background-position: -128px -64px;
  }
  58.6% {
    background-position: -160px -64px;
  }
  62.1% {
    background-position: 0 -96px;
  }
  65.5% {
    background-position: -32px -96px;
  }
  69% {
    background-position: -64px -96px;
  }
  72.4% {
    background-position: -96px -96px;
  }
  75.9% {
    background-position: -128px -96px;
  }
  79.3% {
    background-position: -160px -96px;
  }
  82.8% {
    background-position: 0 -128px;
  }
  86.2% {
    background-position: -32px -128px;
  }
  89.7% {
    background-position: -64px -128px;
  }
  93.1% {
    background-position: -96px -128px;
  }
  96.6% {
    background-position: -128px -128px;
  }
  100% {
    background-position: -128px -128px;
  }
}
.popo-41 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  7.7% {
    background-position: -64px 0;
  }
  11.5% {
    background-position: -96px 0;
  }
  15.4% {
    background-position: -128px 0;
  }
  19.2% {
    background-position: -160px 0;
  }
  23.1% {
    background-position: 0 -32px;
  }
  26.9% {
    background-position: -32px -32px;
  }
  30.8% {
    background-position: -64px -32px;
  }
  34.6% {
    background-position: -96px -32px;
  }
  38.5% {
    background-position: -128px -32px;
  }
  42.3% {
    background-position: -160px -32px;
  }
  46.2% {
    background-position: 0 -64px;
  }
  50% {
    background-position: -32px -64px;
  }
  53.8% {
    background-position: -64px -64px;
  }
  57.7% {
    background-position: -96px -64px;
  }
  61.5% {
    background-position: -128px -64px;
  }
  65.4% {
    background-position: -160px -64px;
  }
  69.2% {
    background-position: 0 -96px;
  }
  73.1% {
    background-position: -32px -96px;
  }
  76.9% {
    background-position: -64px -96px;
  }
  80.8% {
    background-position: -96px -96px;
  }
  84.6% {
    background-position: -128px -96px;
  }
  88.5% {
    background-position: -160px -96px;
  }
  92.3% {
    background-position: 0 -128px;
  }
  96.2% {
    background-position: -32px -128px;
  }
  100% {
    background-position: -32px -128px;
  }
}
@keyframes key_pop_41 {
  0% {
    background-position: 0 0;
  }
  3.8% {
    background-position: -32px 0;
  }
  7.7% {
    background-position: -64px 0;
  }
  11.5% {
    background-position: -96px 0;
  }
  15.4% {
    background-position: -128px 0;
  }
  19.2% {
    background-position: -160px 0;
  }
  23.1% {
    background-position: 0 -32px;
  }
  26.9% {
    background-position: -32px -32px;
  }
  30.8% {
    background-position: -64px -32px;
  }
  34.6% {
    background-position: -96px -32px;
  }
  38.5% {
    background-position: -128px -32px;
  }
  42.3% {
    background-position: -160px -32px;
  }
  46.2% {
    background-position: 0 -64px;
  }
  50% {
    background-position: -32px -64px;
  }
  53.8% {
    background-position: -64px -64px;
  }
  57.7% {
    background-position: -96px -64px;
  }
  61.5% {
    background-position: -128px -64px;
  }
  65.4% {
    background-position: -160px -64px;
  }
  69.2% {
    background-position: 0 -96px;
  }
  73.1% {
    background-position: -32px -96px;
  }
  76.9% {
    background-position: -64px -96px;
  }
  80.8% {
    background-position: -96px -96px;
  }
  84.6% {
    background-position: -128px -96px;
  }
  88.5% {
    background-position: -160px -96px;
  }
  92.3% {
    background-position: 0 -128px;
  }
  96.2% {
    background-position: -32px -128px;
  }
  100% {
    background-position: -32px -128px;
  }
}
.popo-42 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
@keyframes key_pop_42 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
.popo-43 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  5.1% {
    background-position: -64px 0;
  }
  7.7% {
    background-position: -96px 0;
  }
  10.3% {
    background-position: -128px 0;
  }
  12.8% {
    background-position: -160px 0;
  }
  15.4% {
    background-position: -192px 0;
  }
  17.9% {
    background-position: 0 -32px;
  }
  20.5% {
    background-position: -32px -32px;
  }
  23.1% {
    background-position: -64px -32px;
  }
  25.6% {
    background-position: -96px -32px;
  }
  28.2% {
    background-position: -128px -32px;
  }
  30.8% {
    background-position: -160px -32px;
  }
  33.3% {
    background-position: -192px -32px;
  }
  35.9% {
    background-position: 0 -64px;
  }
  38.5% {
    background-position: -32px -64px;
  }
  41% {
    background-position: -64px -64px;
  }
  43.6% {
    background-position: -96px -64px;
  }
  46.2% {
    background-position: -128px -64px;
  }
  48.7% {
    background-position: -160px -64px;
  }
  51.3% {
    background-position: -192px -64px;
  }
  53.8% {
    background-position: 0 -96px;
  }
  56.4% {
    background-position: -32px -96px;
  }
  59% {
    background-position: -64px -96px;
  }
  61.5% {
    background-position: -96px -96px;
  }
  64.1% {
    background-position: -128px -96px;
  }
  66.7% {
    background-position: -160px -96px;
  }
  69.2% {
    background-position: -192px -96px;
  }
  71.8% {
    background-position: 0 -128px;
  }
  74.4% {
    background-position: -32px -128px;
  }
  76.9% {
    background-position: -64px -128px;
  }
  79.5% {
    background-position: -96px -128px;
  }
  82.1% {
    background-position: -128px -128px;
  }
  84.6% {
    background-position: -160px -128px;
  }
  87.2% {
    background-position: -192px -128px;
  }
  89.7% {
    background-position: 0 -160px;
  }
  92.3% {
    background-position: -32px -160px;
  }
  94.9% {
    background-position: -64px -160px;
  }
  97.4% {
    background-position: -96px -160px;
  }
  100% {
    background-position: -96px -160px;
  }
}
@keyframes key_pop_43 {
  0% {
    background-position: 0 0;
  }
  2.6% {
    background-position: -32px 0;
  }
  5.1% {
    background-position: -64px 0;
  }
  7.7% {
    background-position: -96px 0;
  }
  10.3% {
    background-position: -128px 0;
  }
  12.8% {
    background-position: -160px 0;
  }
  15.4% {
    background-position: -192px 0;
  }
  17.9% {
    background-position: 0 -32px;
  }
  20.5% {
    background-position: -32px -32px;
  }
  23.1% {
    background-position: -64px -32px;
  }
  25.6% {
    background-position: -96px -32px;
  }
  28.2% {
    background-position: -128px -32px;
  }
  30.8% {
    background-position: -160px -32px;
  }
  33.3% {
    background-position: -192px -32px;
  }
  35.9% {
    background-position: 0 -64px;
  }
  38.5% {
    background-position: -32px -64px;
  }
  41% {
    background-position: -64px -64px;
  }
  43.6% {
    background-position: -96px -64px;
  }
  46.2% {
    background-position: -128px -64px;
  }
  48.7% {
    background-position: -160px -64px;
  }
  51.3% {
    background-position: -192px -64px;
  }
  53.8% {
    background-position: 0 -96px;
  }
  56.4% {
    background-position: -32px -96px;
  }
  59% {
    background-position: -64px -96px;
  }
  61.5% {
    background-position: -96px -96px;
  }
  64.1% {
    background-position: -128px -96px;
  }
  66.7% {
    background-position: -160px -96px;
  }
  69.2% {
    background-position: -192px -96px;
  }
  71.8% {
    background-position: 0 -128px;
  }
  74.4% {
    background-position: -32px -128px;
  }
  76.9% {
    background-position: -64px -128px;
  }
  79.5% {
    background-position: -96px -128px;
  }
  82.1% {
    background-position: -128px -128px;
  }
  84.6% {
    background-position: -160px -128px;
  }
  87.2% {
    background-position: -192px -128px;
  }
  89.7% {
    background-position: 0 -160px;
  }
  92.3% {
    background-position: -32px -160px;
  }
  94.9% {
    background-position: -64px -160px;
  }
  97.4% {
    background-position: -96px -160px;
  }
  100% {
    background-position: -96px -160px;
  }
}
.popo-44 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  8.7% {
    background-position: -64px 0;
  }
  13% {
    background-position: -96px 0;
  }
  17.4% {
    background-position: -128px 0;
  }
  21.7% {
    background-position: 0 -32px;
  }
  26.1% {
    background-position: -32px -32px;
  }
  30.4% {
    background-position: -64px -32px;
  }
  34.8% {
    background-position: -96px -32px;
  }
  39.1% {
    background-position: -128px -32px;
  }
  43.5% {
    background-position: 0 -64px;
  }
  47.8% {
    background-position: -32px -64px;
  }
  52.2% {
    background-position: -64px -64px;
  }
  56.5% {
    background-position: -96px -64px;
  }
  60.9% {
    background-position: -128px -64px;
  }
  65.2% {
    background-position: 0 -96px;
  }
  69.6% {
    background-position: -32px -96px;
  }
  73.9% {
    background-position: -64px -96px;
  }
  78.3% {
    background-position: -96px -96px;
  }
  82.6% {
    background-position: -128px -96px;
  }
  87% {
    background-position: 0 -128px;
  }
  91.3% {
    background-position: -32px -128px;
  }
  95.7% {
    background-position: -64px -128px;
  }
  100% {
    background-position: -64px -128px;
  }
}
@keyframes key_pop_44 {
  0% {
    background-position: 0 0;
  }
  4.3% {
    background-position: -32px 0;
  }
  8.7% {
    background-position: -64px 0;
  }
  13% {
    background-position: -96px 0;
  }
  17.4% {
    background-position: -128px 0;
  }
  21.7% {
    background-position: 0 -32px;
  }
  26.1% {
    background-position: -32px -32px;
  }
  30.4% {
    background-position: -64px -32px;
  }
  34.8% {
    background-position: -96px -32px;
  }
  39.1% {
    background-position: -128px -32px;
  }
  43.5% {
    background-position: 0 -64px;
  }
  47.8% {
    background-position: -32px -64px;
  }
  52.2% {
    background-position: -64px -64px;
  }
  56.5% {
    background-position: -96px -64px;
  }
  60.9% {
    background-position: -128px -64px;
  }
  65.2% {
    background-position: 0 -96px;
  }
  69.6% {
    background-position: -32px -96px;
  }
  73.9% {
    background-position: -64px -96px;
  }
  78.3% {
    background-position: -96px -96px;
  }
  82.6% {
    background-position: -128px -96px;
  }
  87% {
    background-position: 0 -128px;
  }
  91.3% {
    background-position: -32px -128px;
  }
  95.7% {
    background-position: -64px -128px;
  }
  100% {
    background-position: -64px -128px;
  }
}
.popo-45 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  6.3% {
    background-position: -64px 0;
  }
  9.4% {
    background-position: -96px 0;
  }
  12.5% {
    background-position: -128px 0;
  }
  15.6% {
    background-position: -160px 0;
  }
  18.8% {
    background-position: 0 -32px;
  }
  21.9% {
    background-position: -32px -32px;
  }
  25% {
    background-position: -64px -32px;
  }
  28.1% {
    background-position: -96px -32px;
  }
  31.3% {
    background-position: -128px -32px;
  }
  34.4% {
    background-position: -160px -32px;
  }
  37.5% {
    background-position: 0 -64px;
  }
  40.6% {
    background-position: -32px -64px;
  }
  43.8% {
    background-position: -64px -64px;
  }
  46.9% {
    background-position: -96px -64px;
  }
  50% {
    background-position: -128px -64px;
  }
  53.1% {
    background-position: -160px -64px;
  }
  56.3% {
    background-position: 0 -96px;
  }
  59.4% {
    background-position: -32px -96px;
  }
  62.5% {
    background-position: -64px -96px;
  }
  65.6% {
    background-position: -96px -96px;
  }
  68.8% {
    background-position: -128px -96px;
  }
  71.9% {
    background-position: -160px -96px;
  }
  75% {
    background-position: 0 -128px;
  }
  78.1% {
    background-position: -32px -128px;
  }
  81.3% {
    background-position: -64px -128px;
  }
  84.4% {
    background-position: -96px -128px;
  }
  87.5% {
    background-position: -128px -128px;
  }
  90.6% {
    background-position: -160px -128px;
  }
  93.8% {
    background-position: 0 -160px;
  }
  96.9% {
    background-position: -32px -160px;
  }
  100% {
    background-position: -32px -160px;
  }
}
@keyframes key_pop_45 {
  0% {
    background-position: 0 0;
  }
  3.1% {
    background-position: -32px 0;
  }
  6.3% {
    background-position: -64px 0;
  }
  9.4% {
    background-position: -96px 0;
  }
  12.5% {
    background-position: -128px 0;
  }
  15.6% {
    background-position: -160px 0;
  }
  18.8% {
    background-position: 0 -32px;
  }
  21.9% {
    background-position: -32px -32px;
  }
  25% {
    background-position: -64px -32px;
  }
  28.1% {
    background-position: -96px -32px;
  }
  31.3% {
    background-position: -128px -32px;
  }
  34.4% {
    background-position: -160px -32px;
  }
  37.5% {
    background-position: 0 -64px;
  }
  40.6% {
    background-position: -32px -64px;
  }
  43.8% {
    background-position: -64px -64px;
  }
  46.9% {
    background-position: -96px -64px;
  }
  50% {
    background-position: -128px -64px;
  }
  53.1% {
    background-position: -160px -64px;
  }
  56.3% {
    background-position: 0 -96px;
  }
  59.4% {
    background-position: -32px -96px;
  }
  62.5% {
    background-position: -64px -96px;
  }
  65.6% {
    background-position: -96px -96px;
  }
  68.8% {
    background-position: -128px -96px;
  }
  71.9% {
    background-position: -160px -96px;
  }
  75% {
    background-position: 0 -128px;
  }
  78.1% {
    background-position: -32px -128px;
  }
  81.3% {
    background-position: -64px -128px;
  }
  84.4% {
    background-position: -96px -128px;
  }
  87.5% {
    background-position: -128px -128px;
  }
  90.6% {
    background-position: -160px -128px;
  }
  93.8% {
    background-position: 0 -160px;
  }
  96.9% {
    background-position: -32px -160px;
  }
  100% {
    background-position: -32px -160px;
  }
}
.popo-46 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  8.7% {
    background-position: -64px 0;
  }
  13% {
    background-position: -96px 0;
  }
  17.4% {
    background-position: -128px 0;
  }
  21.7% {
    background-position: 0 -32px;
  }
  26.1% {
    background-position: -32px -32px;
  }
  30.4% {
    background-position: -64px -32px;
  }
  34.8% {
    background-position: -96px -32px;
  }
  39.1% {
    background-position: -128px -32px;
  }
  43.5% {
    background-position: 0 -64px;
  }
  47.8% {
    background-position: -32px -64px;
  }
  52.2% {
    background-position: -64px -64px;
  }
  56.5% {
    background-position: -96px -64px;
  }
  60.9% {
    background-position: -128px -64px;
  }
  65.2% {
    background-position: 0 -96px;
  }
  69.6% {
    background-position: -32px -96px;
  }
  73.9% {
    background-position: -64px -96px;
  }
  78.3% {
    background-position: -96px -96px;
  }
  82.6% {
    background-position: -128px -96px;
  }
  87% {
    background-position: 0 -128px;
  }
  91.3% {
    background-position: -32px -128px;
  }
  95.7% {
    background-position: -64px -128px;
  }
  100% {
    background-position: -64px -128px;
  }
}
@keyframes key_pop_46 {
  0% {
    background-position: 0 0;
  }
  4.3% {
    background-position: -32px 0;
  }
  8.7% {
    background-position: -64px 0;
  }
  13% {
    background-position: -96px 0;
  }
  17.4% {
    background-position: -128px 0;
  }
  21.7% {
    background-position: 0 -32px;
  }
  26.1% {
    background-position: -32px -32px;
  }
  30.4% {
    background-position: -64px -32px;
  }
  34.8% {
    background-position: -96px -32px;
  }
  39.1% {
    background-position: -128px -32px;
  }
  43.5% {
    background-position: 0 -64px;
  }
  47.8% {
    background-position: -32px -64px;
  }
  52.2% {
    background-position: -64px -64px;
  }
  56.5% {
    background-position: -96px -64px;
  }
  60.9% {
    background-position: -128px -64px;
  }
  65.2% {
    background-position: 0 -96px;
  }
  69.6% {
    background-position: -32px -96px;
  }
  73.9% {
    background-position: -64px -96px;
  }
  78.3% {
    background-position: -96px -96px;
  }
  82.6% {
    background-position: -128px -96px;
  }
  87% {
    background-position: 0 -128px;
  }
  91.3% {
    background-position: -32px -128px;
  }
  95.7% {
    background-position: -64px -128px;
  }
  100% {
    background-position: -64px -128px;
  }
}
.popo-47 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  22.2% {
    background-position: -64px 0;
  }
  33.3% {
    background-position: 0 -32px;
  }
  44.4% {
    background-position: -32px -32px;
  }
  55.6% {
    background-position: -64px -32px;
  }
  66.7% {
    background-position: 0 -64px;
  }
  77.8% {
    background-position: -32px -64px;
  }
  88.9% {
    background-position: -64px -64px;
  }
  100% {
    background-position: -64px -64px;
  }
}
@keyframes key_pop_47 {
  0% {
    background-position: 0 0;
  }
  11.1% {
    background-position: -32px 0;
  }
  22.2% {
    background-position: -64px 0;
  }
  33.3% {
    background-position: 0 -32px;
  }
  44.4% {
    background-position: -32px -32px;
  }
  55.6% {
    background-position: -64px -32px;
  }
  66.7% {
    background-position: 0 -64px;
  }
  77.8% {
    background-position: -32px -64px;
  }
  88.9% {
    background-position: -64px -64px;
  }
  100% {
    background-position: -64px -64px;
  }
}
.popo-48 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  10.5% {
    background-position: -64px 0;
  }
  15.8% {
    background-position: -96px 0;
  }
  21.1% {
    background-position: -128px 0;
  }
  26.3% {
    background-position: 0 -32px;
  }
  31.6% {
    background-position: -32px -32px;
  }
  36.8% {
    background-position: -64px -32px;
  }
  42.1% {
    background-position: -96px -32px;
  }
  47.4% {
    background-position: -128px -32px;
  }
  52.6% {
    background-position: 0 -64px;
  }
  57.9% {
    background-position: -32px -64px;
  }
  63.2% {
    background-position: -64px -64px;
  }
  68.4% {
    background-position: -96px -64px;
  }
  73.7% {
    background-position: -128px -64px;
  }
  78.9% {
    background-position: 0 -96px;
  }
  84.2% {
    background-position: -32px -96px;
  }
  89.5% {
    background-position: -64px -96px;
  }
  94.7% {
    background-position: -96px -96px;
  }
  100% {
    background-position: -96px -96px;
  }
}
@keyframes key_pop_48 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
  }
  10.5% {
    background-position: -64px 0;
  }
  15.8% {
    background-position: -96px 0;
  }
  21.1% {
    background-position: -128px 0;
  }
  26.3% {
    background-position: 0 -32px;
  }
  31.6% {
    background-position: -32px -32px;
  }
  36.8% {
    background-position: -64px -32px;
  }
  42.1% {
    background-position: -96px -32px;
  }
  47.4% {
    background-position: -128px -32px;
  }
  52.6% {
    background-position: 0 -64px;
  }
  57.9% {
    background-position: -32px -64px;
  }
  63.2% {
    background-position: -64px -64px;
  }
  68.4% {
    background-position: -96px -64px;
  }
  73.7% {
    background-position: -128px -64px;
  }
  78.9% {
    background-position: 0 -96px;
  }
  84.2% {
    background-position: -32px -96px;
  }
  89.5% {
    background-position: -64px -96px;
  }
  94.7% {
    background-position: -96px -96px;
  }
  100% {
    background-position: -96px -96px;
  }
}
.popo-49 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
@keyframes key_pop_49 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
.popo-50 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  9.1% {
    background-position: -64px 0;
  }
  13.6% {
    background-position: -96px 0;
  }
  18.2% {
    background-position: -128px 0;
  }
  22.7% {
    background-position: 0 -32px;
  }
  27.3% {
    background-position: -32px -32px;
  }
  31.8% {
    background-position: -64px -32px;
  }
  36.4% {
    background-position: -96px -32px;
  }
  40.9% {
    background-position: -128px -32px;
  }
  45.5% {
    background-position: 0 -64px;
  }
  50% {
    background-position: -32px -64px;
  }
  54.5% {
    background-position: -64px -64px;
  }
  59.1% {
    background-position: -96px -64px;
  }
  63.6% {
    background-position: -128px -64px;
  }
  68.2% {
    background-position: 0 -96px;
  }
  72.7% {
    background-position: -32px -96px;
  }
  77.3% {
    background-position: -64px -96px;
  }
  81.8% {
    background-position: -96px -96px;
  }
  86.4% {
    background-position: -128px -96px;
  }
  90.9% {
    background-position: 0 -128px;
  }
  95.5% {
    background-position: -32px -128px;
  }
  100% {
    background-position: -32px -128px;
  }
}
@keyframes key_pop_50 {
  0% {
    background-position: 0 0;
  }
  4.5% {
    background-position: -32px 0;
  }
  9.1% {
    background-position: -64px 0;
  }
  13.6% {
    background-position: -96px 0;
  }
  18.2% {
    background-position: -128px 0;
  }
  22.7% {
    background-position: 0 -32px;
  }
  27.3% {
    background-position: -32px -32px;
  }
  31.8% {
    background-position: -64px -32px;
  }
  36.4% {
    background-position: -96px -32px;
  }
  40.9% {
    background-position: -128px -32px;
  }
  45.5% {
    background-position: 0 -64px;
  }
  50% {
    background-position: -32px -64px;
  }
  54.5% {
    background-position: -64px -64px;
  }
  59.1% {
    background-position: -96px -64px;
  }
  63.6% {
    background-position: -128px -64px;
  }
  68.2% {
    background-position: 0 -96px;
  }
  72.7% {
    background-position: -32px -96px;
  }
  77.3% {
    background-position: -64px -96px;
  }
  81.8% {
    background-position: -96px -96px;
  }
  86.4% {
    background-position: -128px -96px;
  }
  90.9% {
    background-position: 0 -128px;
  }
  95.5% {
    background-position: -32px -128px;
  }
  100% {
    background-position: -32px -128px;
  }
}
.popo-51 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  5.6% {
    background-position: -64px 0;
  }
  8.3% {
    background-position: -96px 0;
  }
  11.1% {
    background-position: -128px 0;
  }
  13.9% {
    background-position: -160px 0;
  }
  16.7% {
    background-position: 0 -32px;
  }
  19.4% {
    background-position: -32px -32px;
  }
  22.2% {
    background-position: -64px -32px;
  }
  25% {
    background-position: -96px -32px;
  }
  27.8% {
    background-position: -128px -32px;
  }
  30.6% {
    background-position: -160px -32px;
  }
  33.3% {
    background-position: 0 -64px;
  }
  36.1% {
    background-position: -32px -64px;
  }
  38.9% {
    background-position: -64px -64px;
  }
  41.7% {
    background-position: -96px -64px;
  }
  44.4% {
    background-position: -128px -64px;
  }
  47.2% {
    background-position: -160px -64px;
  }
  50% {
    background-position: 0 -96px;
  }
  52.8% {
    background-position: -32px -96px;
  }
  55.6% {
    background-position: -64px -96px;
  }
  58.3% {
    background-position: -96px -96px;
  }
  61.1% {
    background-position: -128px -96px;
  }
  63.9% {
    background-position: -160px -96px;
  }
  66.7% {
    background-position: 0 -128px;
  }
  69.4% {
    background-position: -32px -128px;
  }
  72.2% {
    background-position: -64px -128px;
  }
  75% {
    background-position: -96px -128px;
  }
  77.8% {
    background-position: -128px -128px;
  }
  80.6% {
    background-position: -160px -128px;
  }
  83.3% {
    background-position: 0 -160px;
  }
  86.1% {
    background-position: -32px -160px;
  }
  88.9% {
    background-position: -64px -160px;
  }
  91.7% {
    background-position: -96px -160px;
  }
  94.4% {
    background-position: -128px -160px;
  }
  97.2% {
    background-position: -160px -160px;
  }
  100% {
    background-position: -160px -160px;
  }
}
@keyframes key_pop_51 {
  0% {
    background-position: 0 0;
  }
  2.8% {
    background-position: -32px 0;
  }
  5.6% {
    background-position: -64px 0;
  }
  8.3% {
    background-position: -96px 0;
  }
  11.1% {
    background-position: -128px 0;
  }
  13.9% {
    background-position: -160px 0;
  }
  16.7% {
    background-position: 0 -32px;
  }
  19.4% {
    background-position: -32px -32px;
  }
  22.2% {
    background-position: -64px -32px;
  }
  25% {
    background-position: -96px -32px;
  }
  27.8% {
    background-position: -128px -32px;
  }
  30.6% {
    background-position: -160px -32px;
  }
  33.3% {
    background-position: 0 -64px;
  }
  36.1% {
    background-position: -32px -64px;
  }
  38.9% {
    background-position: -64px -64px;
  }
  41.7% {
    background-position: -96px -64px;
  }
  44.4% {
    background-position: -128px -64px;
  }
  47.2% {
    background-position: -160px -64px;
  }
  50% {
    background-position: 0 -96px;
  }
  52.8% {
    background-position: -32px -96px;
  }
  55.6% {
    background-position: -64px -96px;
  }
  58.3% {
    background-position: -96px -96px;
  }
  61.1% {
    background-position: -128px -96px;
  }
  63.9% {
    background-position: -160px -96px;
  }
  66.7% {
    background-position: 0 -128px;
  }
  69.4% {
    background-position: -32px -128px;
  }
  72.2% {
    background-position: -64px -128px;
  }
  75% {
    background-position: -96px -128px;
  }
  77.8% {
    background-position: -128px -128px;
  }
  80.6% {
    background-position: -160px -128px;
  }
  83.3% {
    background-position: 0 -160px;
  }
  86.1% {
    background-position: -32px -160px;
  }
  88.9% {
    background-position: -64px -160px;
  }
  91.7% {
    background-position: -96px -160px;
  }
  94.4% {
    background-position: -128px -160px;
  }
  97.2% {
    background-position: -160px -160px;
  }
  100% {
    background-position: -160px -160px;
  }
}
.popo-52 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  6.5% {
    background-position: -64px 0;
  }
  9.7% {
    background-position: -96px 0;
  }
  12.9% {
    background-position: -128px 0;
  }
  16.1% {
    background-position: -160px 0;
  }
  19.4% {
    background-position: 0 -32px;
  }
  22.6% {
    background-position: -32px -32px;
  }
  25.8% {
    background-position: -64px -32px;
  }
  29% {
    background-position: -96px -32px;
  }
  32.3% {
    background-position: -128px -32px;
  }
  35.5% {
    background-position: -160px -32px;
  }
  38.7% {
    background-position: 0 -64px;
  }
  41.9% {
    background-position: -32px -64px;
  }
  45.2% {
    background-position: -64px -64px;
  }
  48.4% {
    background-position: -96px -64px;
  }
  51.6% {
    background-position: -128px -64px;
  }
  54.8% {
    background-position: -160px -64px;
  }
  58.1% {
    background-position: 0 -96px;
  }
  61.3% {
    background-position: -32px -96px;
  }
  64.5% {
    background-position: -64px -96px;
  }
  67.7% {
    background-position: -96px -96px;
  }
  71% {
    background-position: -128px -96px;
  }
  74.2% {
    background-position: -160px -96px;
  }
  77.4% {
    background-position: 0 -128px;
  }
  80.6% {
    background-position: -32px -128px;
  }
  83.9% {
    background-position: -64px -128px;
  }
  87.1% {
    background-position: -96px -128px;
  }
  90.3% {
    background-position: -128px -128px;
  }
  93.5% {
    background-position: -160px -128px;
  }
  96.8% {
    background-position: 0 -160px;
  }
  100% {
    background-position: 0 -160px;
  }
}
@keyframes key_pop_52 {
  0% {
    background-position: 0 0;
  }
  3.2% {
    background-position: -32px 0;
  }
  6.5% {
    background-position: -64px 0;
  }
  9.7% {
    background-position: -96px 0;
  }
  12.9% {
    background-position: -128px 0;
  }
  16.1% {
    background-position: -160px 0;
  }
  19.4% {
    background-position: 0 -32px;
  }
  22.6% {
    background-position: -32px -32px;
  }
  25.8% {
    background-position: -64px -32px;
  }
  29% {
    background-position: -96px -32px;
  }
  32.3% {
    background-position: -128px -32px;
  }
  35.5% {
    background-position: -160px -32px;
  }
  38.7% {
    background-position: 0 -64px;
  }
  41.9% {
    background-position: -32px -64px;
  }
  45.2% {
    background-position: -64px -64px;
  }
  48.4% {
    background-position: -96px -64px;
  }
  51.6% {
    background-position: -128px -64px;
  }
  54.8% {
    background-position: -160px -64px;
  }
  58.1% {
    background-position: 0 -96px;
  }
  61.3% {
    background-position: -32px -96px;
  }
  64.5% {
    background-position: -64px -96px;
  }
  67.7% {
    background-position: -96px -96px;
  }
  71% {
    background-position: -128px -96px;
  }
  74.2% {
    background-position: -160px -96px;
  }
  77.4% {
    background-position: 0 -128px;
  }
  80.6% {
    background-position: -32px -128px;
  }
  83.9% {
    background-position: -64px -128px;
  }
  87.1% {
    background-position: -96px -128px;
  }
  90.3% {
    background-position: -128px -128px;
  }
  93.5% {
    background-position: -160px -128px;
  }
  96.8% {
    background-position: 0 -160px;
  }
  100% {
    background-position: 0 -160px;
  }
}
.popo-53 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  7.4% {
    background-position: -64px 0;
  }
  11.1% {
    background-position: -96px 0;
  }
  14.8% {
    background-position: -128px 0;
  }
  18.5% {
    background-position: -160px 0;
  }
  22.2% {
    background-position: 0 -32px;
  }
  25.9% {
    background-position: -32px -32px;
  }
  29.6% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37% {
    background-position: -128px -32px;
  }
  40.7% {
    background-position: -160px -32px;
  }
  44.4% {
    background-position: 0 -64px;
  }
  48.1% {
    background-position: -32px -64px;
  }
  51.9% {
    background-position: -64px -64px;
  }
  55.6% {
    background-position: -96px -64px;
  }
  59.3% {
    background-position: -128px -64px;
  }
  63% {
    background-position: -160px -64px;
  }
  66.7% {
    background-position: 0 -96px;
  }
  70.4% {
    background-position: -32px -96px;
  }
  74.1% {
    background-position: -64px -96px;
  }
  77.8% {
    background-position: -96px -96px;
  }
  81.5% {
    background-position: -128px -96px;
  }
  85.2% {
    background-position: -160px -96px;
  }
  88.9% {
    background-position: 0 -128px;
  }
  92.6% {
    background-position: -32px -128px;
  }
  96.3% {
    background-position: -64px -128px;
  }
  100% {
    background-position: -64px -128px;
  }
}
@keyframes key_pop_53 {
  0% {
    background-position: 0 0;
  }
  3.7% {
    background-position: -32px 0;
  }
  7.4% {
    background-position: -64px 0;
  }
  11.1% {
    background-position: -96px 0;
  }
  14.8% {
    background-position: -128px 0;
  }
  18.5% {
    background-position: -160px 0;
  }
  22.2% {
    background-position: 0 -32px;
  }
  25.9% {
    background-position: -32px -32px;
  }
  29.6% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37% {
    background-position: -128px -32px;
  }
  40.7% {
    background-position: -160px -32px;
  }
  44.4% {
    background-position: 0 -64px;
  }
  48.1% {
    background-position: -32px -64px;
  }
  51.9% {
    background-position: -64px -64px;
  }
  55.6% {
    background-position: -96px -64px;
  }
  59.3% {
    background-position: -128px -64px;
  }
  63% {
    background-position: -160px -64px;
  }
  66.7% {
    background-position: 0 -96px;
  }
  70.4% {
    background-position: -32px -96px;
  }
  74.1% {
    background-position: -64px -96px;
  }
  77.8% {
    background-position: -96px -96px;
  }
  81.5% {
    background-position: -128px -96px;
  }
  85.2% {
    background-position: -160px -96px;
  }
  88.9% {
    background-position: 0 -128px;
  }
  92.6% {
    background-position: -32px -128px;
  }
  96.3% {
    background-position: -64px -128px;
  }
  100% {
    background-position: -64px -128px;
  }
}
.popo-54 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  6.5% {
    background-position: -64px 0;
  }
  9.7% {
    background-position: -96px 0;
  }
  12.9% {
    background-position: -128px 0;
  }
  16.1% {
    background-position: -160px 0;
  }
  19.4% {
    background-position: 0 -32px;
  }
  22.6% {
    background-position: -32px -32px;
  }
  25.8% {
    background-position: -64px -32px;
  }
  29% {
    background-position: -96px -32px;
  }
  32.3% {
    background-position: -128px -32px;
  }
  35.5% {
    background-position: -160px -32px;
  }
  38.7% {
    background-position: 0 -64px;
  }
  41.9% {
    background-position: -32px -64px;
  }
  45.2% {
    background-position: -64px -64px;
  }
  48.4% {
    background-position: -96px -64px;
  }
  51.6% {
    background-position: -128px -64px;
  }
  54.8% {
    background-position: -160px -64px;
  }
  58.1% {
    background-position: 0 -96px;
  }
  61.3% {
    background-position: -32px -96px;
  }
  64.5% {
    background-position: -64px -96px;
  }
  67.7% {
    background-position: -96px -96px;
  }
  71% {
    background-position: -128px -96px;
  }
  74.2% {
    background-position: -160px -96px;
  }
  77.4% {
    background-position: 0 -128px;
  }
  80.6% {
    background-position: -32px -128px;
  }
  83.9% {
    background-position: -64px -128px;
  }
  87.1% {
    background-position: -96px -128px;
  }
  90.3% {
    background-position: -128px -128px;
  }
  93.5% {
    background-position: -160px -128px;
  }
  96.8% {
    background-position: 0 -160px;
  }
  100% {
    background-position: 0 -160px;
  }
}
@keyframes key_pop_54 {
  0% {
    background-position: 0 0;
  }
  3.2% {
    background-position: -32px 0;
  }
  6.5% {
    background-position: -64px 0;
  }
  9.7% {
    background-position: -96px 0;
  }
  12.9% {
    background-position: -128px 0;
  }
  16.1% {
    background-position: -160px 0;
  }
  19.4% {
    background-position: 0 -32px;
  }
  22.6% {
    background-position: -32px -32px;
  }
  25.8% {
    background-position: -64px -32px;
  }
  29% {
    background-position: -96px -32px;
  }
  32.3% {
    background-position: -128px -32px;
  }
  35.5% {
    background-position: -160px -32px;
  }
  38.7% {
    background-position: 0 -64px;
  }
  41.9% {
    background-position: -32px -64px;
  }
  45.2% {
    background-position: -64px -64px;
  }
  48.4% {
    background-position: -96px -64px;
  }
  51.6% {
    background-position: -128px -64px;
  }
  54.8% {
    background-position: -160px -64px;
  }
  58.1% {
    background-position: 0 -96px;
  }
  61.3% {
    background-position: -32px -96px;
  }
  64.5% {
    background-position: -64px -96px;
  }
  67.7% {
    background-position: -96px -96px;
  }
  71% {
    background-position: -128px -96px;
  }
  74.2% {
    background-position: -160px -96px;
  }
  77.4% {
    background-position: 0 -128px;
  }
  80.6% {
    background-position: -32px -128px;
  }
  83.9% {
    background-position: -64px -128px;
  }
  87.1% {
    background-position: -96px -128px;
  }
  90.3% {
    background-position: -128px -128px;
  }
  93.5% {
    background-position: -160px -128px;
  }
  96.8% {
    background-position: 0 -160px;
  }
  100% {
    background-position: 0 -160px;
  }
}
.popo-55 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
@keyframes key_pop_55 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
.popo-56 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  14.3% {
    background-position: -64px 0;
  }
  21.4% {
    background-position: -96px 0;
  }
  28.6% {
    background-position: 0 -32px;
  }
  35.7% {
    background-position: -32px -32px;
  }
  42.9% {
    background-position: -64px -32px;
  }
  50% {
    background-position: -96px -32px;
  }
  57.1% {
    background-position: 0 -64px;
  }
  64.3% {
    background-position: -32px -64px;
  }
  71.4% {
    background-position: -64px -64px;
  }
  78.6% {
    background-position: -96px -64px;
  }
  85.7% {
    background-position: 0 -96px;
  }
  92.9% {
    background-position: -32px -96px;
  }
  100% {
    background-position: -32px -96px;
  }
}
@keyframes key_pop_56 {
  0% {
    background-position: 0 0;
  }
  7.1% {
    background-position: -32px 0;
  }
  14.3% {
    background-position: -64px 0;
  }
  21.4% {
    background-position: -96px 0;
  }
  28.6% {
    background-position: 0 -32px;
  }
  35.7% {
    background-position: -32px -32px;
  }
  42.9% {
    background-position: -64px -32px;
  }
  50% {
    background-position: -96px -32px;
  }
  57.1% {
    background-position: 0 -64px;
  }
  64.3% {
    background-position: -32px -64px;
  }
  71.4% {
    background-position: -64px -64px;
  }
  78.6% {
    background-position: -96px -64px;
  }
  85.7% {
    background-position: 0 -96px;
  }
  92.9% {
    background-position: -32px -96px;
  }
  100% {
    background-position: -32px -96px;
  }
}
.popo-57 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  7.7% {
    background-position: -64px 0;
  }
  11.5% {
    background-position: -96px 0;
  }
  15.4% {
    background-position: -128px 0;
  }
  19.2% {
    background-position: -160px 0;
  }
  23.1% {
    background-position: 0 -32px;
  }
  26.9% {
    background-position: -32px -32px;
  }
  30.8% {
    background-position: -64px -32px;
  }
  34.6% {
    background-position: -96px -32px;
  }
  38.5% {
    background-position: -128px -32px;
  }
  42.3% {
    background-position: -160px -32px;
  }
  46.2% {
    background-position: 0 -64px;
  }
  50% {
    background-position: -32px -64px;
  }
  53.8% {
    background-position: -64px -64px;
  }
  57.7% {
    background-position: -96px -64px;
  }
  61.5% {
    background-position: -128px -64px;
  }
  65.4% {
    background-position: -160px -64px;
  }
  69.2% {
    background-position: 0 -96px;
  }
  73.1% {
    background-position: -32px -96px;
  }
  76.9% {
    background-position: -64px -96px;
  }
  80.8% {
    background-position: -96px -96px;
  }
  84.6% {
    background-position: -128px -96px;
  }
  88.5% {
    background-position: -160px -96px;
  }
  92.3% {
    background-position: 0 -128px;
  }
  96.2% {
    background-position: -32px -128px;
  }
  100% {
    background-position: -32px -128px;
  }
}
@keyframes key_pop_57 {
  0% {
    background-position: 0 0;
  }
  3.8% {
    background-position: -32px 0;
  }
  7.7% {
    background-position: -64px 0;
  }
  11.5% {
    background-position: -96px 0;
  }
  15.4% {
    background-position: -128px 0;
  }
  19.2% {
    background-position: -160px 0;
  }
  23.1% {
    background-position: 0 -32px;
  }
  26.9% {
    background-position: -32px -32px;
  }
  30.8% {
    background-position: -64px -32px;
  }
  34.6% {
    background-position: -96px -32px;
  }
  38.5% {
    background-position: -128px -32px;
  }
  42.3% {
    background-position: -160px -32px;
  }
  46.2% {
    background-position: 0 -64px;
  }
  50% {
    background-position: -32px -64px;
  }
  53.8% {
    background-position: -64px -64px;
  }
  57.7% {
    background-position: -96px -64px;
  }
  61.5% {
    background-position: -128px -64px;
  }
  65.4% {
    background-position: -160px -64px;
  }
  69.2% {
    background-position: 0 -96px;
  }
  73.1% {
    background-position: -32px -96px;
  }
  76.9% {
    background-position: -64px -96px;
  }
  80.8% {
    background-position: -96px -96px;
  }
  84.6% {
    background-position: -128px -96px;
  }
  88.5% {
    background-position: -160px -96px;
  }
  92.3% {
    background-position: 0 -128px;
  }
  96.2% {
    background-position: -32px -128px;
  }
  100% {
    background-position: -32px -128px;
  }
}
.popo-58 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  12.5% {
    background-position: -64px 0;
  }
  18.8% {
    background-position: -96px 0;
  }
  25% {
    background-position: 0 -32px;
  }
  31.3% {
    background-position: -32px -32px;
  }
  37.5% {
    background-position: -64px -32px;
  }
  43.8% {
    background-position: -96px -32px;
  }
  50% {
    background-position: 0 -64px;
  }
  56.3% {
    background-position: -32px -64px;
  }
  62.5% {
    background-position: -64px -64px;
  }
  68.8% {
    background-position: -96px -64px;
  }
  75% {
    background-position: 0 -96px;
  }
  81.3% {
    background-position: -32px -96px;
  }
  87.5% {
    background-position: -64px -96px;
  }
  93.8% {
    background-position: -96px -96px;
  }
  100% {
    background-position: -96px -96px;
  }
}
@keyframes key_pop_58 {
  0% {
    background-position: 0 0;
  }
  6.3% {
    background-position: -32px 0;
  }
  12.5% {
    background-position: -64px 0;
  }
  18.8% {
    background-position: -96px 0;
  }
  25% {
    background-position: 0 -32px;
  }
  31.3% {
    background-position: -32px -32px;
  }
  37.5% {
    background-position: -64px -32px;
  }
  43.8% {
    background-position: -96px -32px;
  }
  50% {
    background-position: 0 -64px;
  }
  56.3% {
    background-position: -32px -64px;
  }
  62.5% {
    background-position: -64px -64px;
  }
  68.8% {
    background-position: -96px -64px;
  }
  75% {
    background-position: 0 -96px;
  }
  81.3% {
    background-position: -32px -96px;
  }
  87.5% {
    background-position: -64px -96px;
  }
  93.8% {
    background-position: -96px -96px;
  }
  100% {
    background-position: -96px -96px;
  }
}
.popo-59 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  11.1% {
    background-position: -64px 0;
  }
  16.7% {
    background-position: -96px 0;
  }
  22.2% {
    background-position: -128px 0;
  }
  27.8% {
    background-position: 0 -32px;
  }
  33.3% {
    background-position: -32px -32px;
  }
  38.9% {
    background-position: -64px -32px;
  }
  44.4% {
    background-position: -96px -32px;
  }
  50% {
    background-position: -128px -32px;
  }
  55.6% {
    background-position: 0 -64px;
  }
  61.1% {
    background-position: -32px -64px;
  }
  66.7% {
    background-position: -64px -64px;
  }
  72.2% {
    background-position: -96px -64px;
  }
  77.8% {
    background-position: -128px -64px;
  }
  83.3% {
    background-position: 0 -96px;
  }
  88.9% {
    background-position: -32px -96px;
  }
  94.4% {
    background-position: -64px -96px;
  }
  100% {
    background-position: -64px -96px;
  }
}
@keyframes key_pop_59 {
  0% {
    background-position: 0 0;
  }
  5.6% {
    background-position: -32px 0;
  }
  11.1% {
    background-position: -64px 0;
  }
  16.7% {
    background-position: -96px 0;
  }
  22.2% {
    background-position: -128px 0;
  }
  27.8% {
    background-position: 0 -32px;
  }
  33.3% {
    background-position: -32px -32px;
  }
  38.9% {
    background-position: -64px -32px;
  }
  44.4% {
    background-position: -96px -32px;
  }
  50% {
    background-position: -128px -32px;
  }
  55.6% {
    background-position: 0 -64px;
  }
  61.1% {
    background-position: -32px -64px;
  }
  66.7% {
    background-position: -64px -64px;
  }
  72.2% {
    background-position: -96px -64px;
  }
  77.8% {
    background-position: -128px -64px;
  }
  83.3% {
    background-position: 0 -96px;
  }
  88.9% {
    background-position: -32px -96px;
  }
  94.4% {
    background-position: -64px -96px;
  }
  100% {
    background-position: -64px -96px;
  }
}
.popo-60 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
@keyframes key_pop_60 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
.popo-61 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  12.5% {
    background-position: -64px 0;
  }
  18.8% {
    background-position: -96px 0;
  }
  25% {
    background-position: 0 -32px;
  }
  31.3% {
    background-position: -32px -32px;
  }
  37.5% {
    background-position: -64px -32px;
  }
  43.8% {
    background-position: -96px -32px;
  }
  50% {
    background-position: 0 -64px;
  }
  56.3% {
    background-position: -32px -64px;
  }
  62.5% {
    background-position: -64px -64px;
  }
  68.8% {
    background-position: -96px -64px;
  }
  75% {
    background-position: 0 -96px;
  }
  81.3% {
    background-position: -32px -96px;
  }
  87.5% {
    background-position: -64px -96px;
  }
  93.8% {
    background-position: -96px -96px;
  }
  100% {
    background-position: -96px -96px;
  }
}
@keyframes key_pop_61 {
  0% {
    background-position: 0 0;
  }
  6.3% {
    background-position: -32px 0;
  }
  12.5% {
    background-position: -64px 0;
  }
  18.8% {
    background-position: -96px 0;
  }
  25% {
    background-position: 0 -32px;
  }
  31.3% {
    background-position: -32px -32px;
  }
  37.5% {
    background-position: -64px -32px;
  }
  43.8% {
    background-position: -96px -32px;
  }
  50% {
    background-position: 0 -64px;
  }
  56.3% {
    background-position: -32px -64px;
  }
  62.5% {
    background-position: -64px -64px;
  }
  68.8% {
    background-position: -96px -64px;
  }
  75% {
    background-position: 0 -96px;
  }
  81.3% {
    background-position: -32px -96px;
  }
  87.5% {
    background-position: -64px -96px;
  }
  93.8% {
    background-position: -96px -96px;
  }
  100% {
    background-position: -96px -96px;
  }
}
.popo-62 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  10.5% {
    background-position: -64px 0;
  }
  15.8% {
    background-position: -96px 0;
  }
  21.1% {
    background-position: -128px 0;
  }
  26.3% {
    background-position: 0 -32px;
  }
  31.6% {
    background-position: -32px -32px;
  }
  36.8% {
    background-position: -64px -32px;
  }
  42.1% {
    background-position: -96px -32px;
  }
  47.4% {
    background-position: -128px -32px;
  }
  52.6% {
    background-position: 0 -64px;
  }
  57.9% {
    background-position: -32px -64px;
  }
  63.2% {
    background-position: -64px -64px;
  }
  68.4% {
    background-position: -96px -64px;
  }
  73.7% {
    background-position: -128px -64px;
  }
  78.9% {
    background-position: 0 -96px;
  }
  84.2% {
    background-position: -32px -96px;
  }
  89.5% {
    background-position: -64px -96px;
  }
  94.7% {
    background-position: -96px -96px;
  }
  100% {
    background-position: -96px -96px;
  }
}
@keyframes key_pop_62 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
  }
  10.5% {
    background-position: -64px 0;
  }
  15.8% {
    background-position: -96px 0;
  }
  21.1% {
    background-position: -128px 0;
  }
  26.3% {
    background-position: 0 -32px;
  }
  31.6% {
    background-position: -32px -32px;
  }
  36.8% {
    background-position: -64px -32px;
  }
  42.1% {
    background-position: -96px -32px;
  }
  47.4% {
    background-position: -128px -32px;
  }
  52.6% {
    background-position: 0 -64px;
  }
  57.9% {
    background-position: -32px -64px;
  }
  63.2% {
    background-position: -64px -64px;
  }
  68.4% {
    background-position: -96px -64px;
  }
  73.7% {
    background-position: -128px -64px;
  }
  78.9% {
    background-position: 0 -96px;
  }
  84.2% {
    background-position: -32px -96px;
  }
  89.5% {
    background-position: -64px -96px;
  }
  94.7% {
    background-position: -96px -96px;
  }
  100% {
    background-position: -96px -96px;
  }
}
.popo-63 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  11.8% {
    background-position: -64px 0;
  }
  17.6% {
    background-position: -96px 0;
  }
  23.5% {
    background-position: -128px 0;
  }
  29.4% {
    background-position: 0 -32px;
  }
  35.3% {
    background-position: -32px -32px;
  }
  41.2% {
    background-position: -64px -32px;
  }
  47.1% {
    background-position: -96px -32px;
  }
  52.9% {
    background-position: -128px -32px;
  }
  58.8% {
    background-position: 0 -64px;
  }
  64.7% {
    background-position: -32px -64px;
  }
  70.6% {
    background-position: -64px -64px;
  }
  76.5% {
    background-position: -96px -64px;
  }
  82.4% {
    background-position: -128px -64px;
  }
  88.2% {
    background-position: 0 -96px;
  }
  94.1% {
    background-position: -32px -96px;
  }
  100% {
    background-position: -32px -96px;
  }
}
@keyframes key_pop_63 {
  0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -32px 0;
  }
  11.8% {
    background-position: -64px 0;
  }
  17.6% {
    background-position: -96px 0;
  }
  23.5% {
    background-position: -128px 0;
  }
  29.4% {
    background-position: 0 -32px;
  }
  35.3% {
    background-position: -32px -32px;
  }
  41.2% {
    background-position: -64px -32px;
  }
  47.1% {
    background-position: -96px -32px;
  }
  52.9% {
    background-position: -128px -32px;
  }
  58.8% {
    background-position: 0 -64px;
  }
  64.7% {
    background-position: -32px -64px;
  }
  70.6% {
    background-position: -64px -64px;
  }
  76.5% {
    background-position: -96px -64px;
  }
  82.4% {
    background-position: -128px -64px;
  }
  88.2% {
    background-position: 0 -96px;
  }
  94.1% {
    background-position: -32px -96px;
  }
  100% {
    background-position: -32px -96px;
  }
}
.popo-65 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  10.5% {
    background-position: -64px 0;
  }
  15.8% {
    background-position: -96px 0;
  }
  21.1% {
    background-position: -128px 0;
  }
  26.3% {
    background-position: 0 -32px;
  }
  31.6% {
    background-position: -32px -32px;
  }
  36.8% {
    background-position: -64px -32px;
  }
  42.1% {
    background-position: -96px -32px;
  }
  47.4% {
    background-position: -128px -32px;
  }
  52.6% {
    background-position: 0 -64px;
  }
  57.9% {
    background-position: -32px -64px;
  }
  63.2% {
    background-position: -64px -64px;
  }
  68.4% {
    background-position: -96px -64px;
  }
  73.7% {
    background-position: -128px -64px;
  }
  78.9% {
    background-position: 0 -96px;
  }
  84.2% {
    background-position: -32px -96px;
  }
  89.5% {
    background-position: -64px -96px;
  }
  94.7% {
    background-position: -96px -96px;
  }
  100% {
    background-position: -96px -96px;
  }
}
@keyframes key_pop_64 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
  }
  10.5% {
    background-position: -64px 0;
  }
  15.8% {
    background-position: -96px 0;
  }
  21.1% {
    background-position: -128px 0;
  }
  26.3% {
    background-position: 0 -32px;
  }
  31.6% {
    background-position: -32px -32px;
  }
  36.8% {
    background-position: -64px -32px;
  }
  42.1% {
    background-position: -96px -32px;
  }
  47.4% {
    background-position: -128px -32px;
  }
  52.6% {
    background-position: 0 -64px;
  }
  57.9% {
    background-position: -32px -64px;
  }
  63.2% {
    background-position: -64px -64px;
  }
  68.4% {
    background-position: -96px -64px;
  }
  73.7% {
    background-position: -128px -64px;
  }
  78.9% {
    background-position: 0 -96px;
  }
  84.2% {
    background-position: -32px -96px;
  }
  89.5% {
    background-position: -64px -96px;
  }
  94.7% {
    background-position: -96px -96px;
  }
  100% {
    background-position: -96px -96px;
  }
}
.popo-66 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  6.9% {
    background-position: -64px 0;
  }
  10.3% {
    background-position: -96px 0;
  }
  13.8% {
    background-position: -128px 0;
  }
  17.2% {
    background-position: -160px 0;
  }
  20.7% {
    background-position: 0 -32px;
  }
  24.1% {
    background-position: -32px -32px;
  }
  27.6% {
    background-position: -64px -32px;
  }
  31% {
    background-position: -96px -32px;
  }
  34.5% {
    background-position: -128px -32px;
  }
  37.9% {
    background-position: -160px -32px;
  }
  41.4% {
    background-position: 0 -64px;
  }
  44.8% {
    background-position: -32px -64px;
  }
  48.3% {
    background-position: -64px -64px;
  }
  51.7% {
    background-position: -96px -64px;
  }
  55.2% {
    background-position: -128px -64px;
  }
  58.6% {
    background-position: -160px -64px;
  }
  62.1% {
    background-position: 0 -96px;
  }
  65.5% {
    background-position: -32px -96px;
  }
  69% {
    background-position: -64px -96px;
  }
  72.4% {
    background-position: -96px -96px;
  }
  75.9% {
    background-position: -128px -96px;
  }
  79.3% {
    background-position: -160px -96px;
  }
  82.8% {
    background-position: 0 -128px;
  }
  86.2% {
    background-position: -32px -128px;
  }
  89.7% {
    background-position: -64px -128px;
  }
  93.1% {
    background-position: -96px -128px;
  }
  96.6% {
    background-position: -128px -128px;
  }
  100% {
    background-position: -128px -128px;
  }
}
@keyframes key_pop_65 {
  0% {
    background-position: 0 0;
  }
  3.4% {
    background-position: -32px 0;
  }
  6.9% {
    background-position: -64px 0;
  }
  10.3% {
    background-position: -96px 0;
  }
  13.8% {
    background-position: -128px 0;
  }
  17.2% {
    background-position: -160px 0;
  }
  20.7% {
    background-position: 0 -32px;
  }
  24.1% {
    background-position: -32px -32px;
  }
  27.6% {
    background-position: -64px -32px;
  }
  31% {
    background-position: -96px -32px;
  }
  34.5% {
    background-position: -128px -32px;
  }
  37.9% {
    background-position: -160px -32px;
  }
  41.4% {
    background-position: 0 -64px;
  }
  44.8% {
    background-position: -32px -64px;
  }
  48.3% {
    background-position: -64px -64px;
  }
  51.7% {
    background-position: -96px -64px;
  }
  55.2% {
    background-position: -128px -64px;
  }
  58.6% {
    background-position: -160px -64px;
  }
  62.1% {
    background-position: 0 -96px;
  }
  65.5% {
    background-position: -32px -96px;
  }
  69% {
    background-position: -64px -96px;
  }
  72.4% {
    background-position: -96px -96px;
  }
  75.9% {
    background-position: -128px -96px;
  }
  79.3% {
    background-position: -160px -96px;
  }
  82.8% {
    background-position: 0 -128px;
  }
  86.2% {
    background-position: -32px -128px;
  }
  89.7% {
    background-position: -64px -128px;
  }
  93.1% {
    background-position: -96px -128px;
  }
  96.6% {
    background-position: -128px -128px;
  }
  100% {
    background-position: -128px -128px;
  }
}
.popo-67 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  10.5% {
    background-position: -64px 0;
  }
  15.8% {
    background-position: -96px 0;
  }
  21.1% {
    background-position: -128px 0;
  }
  26.3% {
    background-position: 0 -32px;
  }
  31.6% {
    background-position: -32px -32px;
  }
  36.8% {
    background-position: -64px -32px;
  }
  42.1% {
    background-position: -96px -32px;
  }
  47.4% {
    background-position: -128px -32px;
  }
  52.6% {
    background-position: 0 -64px;
  }
  57.9% {
    background-position: -32px -64px;
  }
  63.2% {
    background-position: -64px -64px;
  }
  68.4% {
    background-position: -96px -64px;
  }
  73.7% {
    background-position: -128px -64px;
  }
  78.9% {
    background-position: 0 -96px;
  }
  84.2% {
    background-position: -32px -96px;
  }
  89.5% {
    background-position: -64px -96px;
  }
  94.7% {
    background-position: -96px -96px;
  }
  100% {
    background-position: -96px -96px;
  }
}
@keyframes key_pop_66 {
  0% {
    background-position: 0 0;
  }
  5.3% {
    background-position: -32px 0;
  }
  10.5% {
    background-position: -64px 0;
  }
  15.8% {
    background-position: -96px 0;
  }
  21.1% {
    background-position: -128px 0;
  }
  26.3% {
    background-position: 0 -32px;
  }
  31.6% {
    background-position: -32px -32px;
  }
  36.8% {
    background-position: -64px -32px;
  }
  42.1% {
    background-position: -96px -32px;
  }
  47.4% {
    background-position: -128px -32px;
  }
  52.6% {
    background-position: 0 -64px;
  }
  57.9% {
    background-position: -32px -64px;
  }
  63.2% {
    background-position: -64px -64px;
  }
  68.4% {
    background-position: -96px -64px;
  }
  73.7% {
    background-position: -128px -64px;
  }
  78.9% {
    background-position: 0 -96px;
  }
  84.2% {
    background-position: -32px -96px;
  }
  89.5% {
    background-position: -64px -96px;
  }
  94.7% {
    background-position: -96px -96px;
  }
  100% {
    background-position: -96px -96px;
  }
}
.popo-68 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
@keyframes key_pop_67 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -32px 0;
  }
  8.3% {
    background-position: -64px 0;
  }
  12.5% {
    background-position: -96px 0;
  }
  16.7% {
    background-position: -128px 0;
  }
  20.8% {
    background-position: 0 -32px;
  }
  25% {
    background-position: -32px -32px;
  }
  29.2% {
    background-position: -64px -32px;
  }
  33.3% {
    background-position: -96px -32px;
  }
  37.5% {
    background-position: -128px -32px;
  }
  41.7% {
    background-position: 0 -64px;
  }
  45.8% {
    background-position: -32px -64px;
  }
  50% {
    background-position: -64px -64px;
  }
  54.2% {
    background-position: -96px -64px;
  }
  58.3% {
    background-position: -128px -64px;
  }
  62.5% {
    background-position: 0 -96px;
  }
  66.7% {
    background-position: -32px -96px;
  }
  70.8% {
    background-position: -64px -96px;
  }
  75% {
    background-position: -96px -96px;
  }
  79.2% {
    background-position: -128px -96px;
  }
  83.3% {
    background-position: 0 -128px;
  }
  87.5% {
    background-position: -32px -128px;
  }
  91.7% {
    background-position: -64px -128px;
  }
  95.8% {
    background-position: -96px -128px;
  }
  100% {
    background-position: -96px -128px;
  }
}
.popo-69 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  6.5% {
    background-position: -64px 0;
  }
  9.7% {
    background-position: -96px 0;
  }
  12.9% {
    background-position: -128px 0;
  }
  16.1% {
    background-position: -160px 0;
  }
  19.4% {
    background-position: 0 -32px;
  }
  22.6% {
    background-position: -32px -32px;
  }
  25.8% {
    background-position: -64px -32px;
  }
  29% {
    background-position: -96px -32px;
  }
  32.3% {
    background-position: -128px -32px;
  }
  35.5% {
    background-position: -160px -32px;
  }
  38.7% {
    background-position: 0 -64px;
  }
  41.9% {
    background-position: -32px -64px;
  }
  45.2% {
    background-position: -64px -64px;
  }
  48.4% {
    background-position: -96px -64px;
  }
  51.6% {
    background-position: -128px -64px;
  }
  54.8% {
    background-position: -160px -64px;
  }
  58.1% {
    background-position: 0 -96px;
  }
  61.3% {
    background-position: -32px -96px;
  }
  64.5% {
    background-position: -64px -96px;
  }
  67.7% {
    background-position: -96px -96px;
  }
  71% {
    background-position: -128px -96px;
  }
  74.2% {
    background-position: -160px -96px;
  }
  77.4% {
    background-position: 0 -128px;
  }
  80.6% {
    background-position: -32px -128px;
  }
  83.9% {
    background-position: -64px -128px;
  }
  87.1% {
    background-position: -96px -128px;
  }
  90.3% {
    background-position: -128px -128px;
  }
  93.5% {
    background-position: -160px -128px;
  }
  96.8% {
    background-position: 0 -160px;
  }
  100% {
    background-position: 0 -160px;
  }
}
@keyframes key_pop_68 {
  0% {
    background-position: 0 0;
  }
  3.2% {
    background-position: -32px 0;
  }
  6.5% {
    background-position: -64px 0;
  }
  9.7% {
    background-position: -96px 0;
  }
  12.9% {
    background-position: -128px 0;
  }
  16.1% {
    background-position: -160px 0;
  }
  19.4% {
    background-position: 0 -32px;
  }
  22.6% {
    background-position: -32px -32px;
  }
  25.8% {
    background-position: -64px -32px;
  }
  29% {
    background-position: -96px -32px;
  }
  32.3% {
    background-position: -128px -32px;
  }
  35.5% {
    background-position: -160px -32px;
  }
  38.7% {
    background-position: 0 -64px;
  }
  41.9% {
    background-position: -32px -64px;
  }
  45.2% {
    background-position: -64px -64px;
  }
  48.4% {
    background-position: -96px -64px;
  }
  51.6% {
    background-position: -128px -64px;
  }
  54.8% {
    background-position: -160px -64px;
  }
  58.1% {
    background-position: 0 -96px;
  }
  61.3% {
    background-position: -32px -96px;
  }
  64.5% {
    background-position: -64px -96px;
  }
  67.7% {
    background-position: -96px -96px;
  }
  71% {
    background-position: -128px -96px;
  }
  74.2% {
    background-position: -160px -96px;
  }
  77.4% {
    background-position: 0 -128px;
  }
  80.6% {
    background-position: -32px -128px;
  }
  83.9% {
    background-position: -64px -128px;
  }
  87.1% {
    background-position: -96px -128px;
  }
  90.3% {
    background-position: -128px -128px;
  }
  93.5% {
    background-position: -160px -128px;
  }
  96.8% {
    background-position: 0 -160px;
  }
  100% {
    background-position: 0 -160px;
  }
}
.popo-70 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  18.2% {
    background-position: -64px 0;
  }
  27.3% {
    background-position: -96px 0;
  }
  36.4% {
    background-position: 0 -32px;
  }
  45.5% {
    background-position: -32px -32px;
  }
  54.5% {
    background-position: -64px -32px;
  }
  63.6% {
    background-position: -96px -32px;
  }
  72.7% {
    background-position: 0 -64px;
  }
  81.8% {
    background-position: -32px -64px;
  }
  90.9% {
    background-position: -64px -64px;
  }
  100% {
    background-position: -64px -64px;
  }
}
@keyframes key_pop_69 {
  0% {
    background-position: 0 0;
  }
  9.1% {
    background-position: -32px 0;
  }
  18.2% {
    background-position: -64px 0;
  }
  27.3% {
    background-position: -96px 0;
  }
  36.4% {
    background-position: 0 -32px;
  }
  45.5% {
    background-position: -32px -32px;
  }
  54.5% {
    background-position: -64px -32px;
  }
  63.6% {
    background-position: -96px -32px;
  }
  72.7% {
    background-position: 0 -64px;
  }
  81.8% {
    background-position: -32px -64px;
  }
  90.9% {
    background-position: -64px -64px;
  }
  100% {
    background-position: -64px -64px;
  }
}
.popo-71 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  6.9% {
    background-position: -64px 0;
  }
  10.3% {
    background-position: -96px 0;
  }
  13.8% {
    background-position: -128px 0;
  }
  17.2% {
    background-position: -160px 0;
  }
  20.7% {
    background-position: 0 -32px;
  }
  24.1% {
    background-position: -32px -32px;
  }
  27.6% {
    background-position: -64px -32px;
  }
  31% {
    background-position: -96px -32px;
  }
  34.5% {
    background-position: -128px -32px;
  }
  37.9% {
    background-position: -160px -32px;
  }
  41.4% {
    background-position: 0 -64px;
  }
  44.8% {
    background-position: -32px -64px;
  }
  48.3% {
    background-position: -64px -64px;
  }
  51.7% {
    background-position: -96px -64px;
  }
  55.2% {
    background-position: -128px -64px;
  }
  58.6% {
    background-position: -160px -64px;
  }
  62.1% {
    background-position: 0 -96px;
  }
  65.5% {
    background-position: -32px -96px;
  }
  69% {
    background-position: -64px -96px;
  }
  72.4% {
    background-position: -96px -96px;
  }
  75.9% {
    background-position: -128px -96px;
  }
  79.3% {
    background-position: -160px -96px;
  }
  82.8% {
    background-position: 0 -128px;
  }
  86.2% {
    background-position: -32px -128px;
  }
  89.7% {
    background-position: -64px -128px;
  }
  93.1% {
    background-position: -96px -128px;
  }
  96.6% {
    background-position: -128px -128px;
  }
  100% {
    background-position: -128px -128px;
  }
}
@keyframes key_pop_70 {
  0% {
    background-position: 0 0;
  }
  3.4% {
    background-position: -32px 0;
  }
  6.9% {
    background-position: -64px 0;
  }
  10.3% {
    background-position: -96px 0;
  }
  13.8% {
    background-position: -128px 0;
  }
  17.2% {
    background-position: -160px 0;
  }
  20.7% {
    background-position: 0 -32px;
  }
  24.1% {
    background-position: -32px -32px;
  }
  27.6% {
    background-position: -64px -32px;
  }
  31% {
    background-position: -96px -32px;
  }
  34.5% {
    background-position: -128px -32px;
  }
  37.9% {
    background-position: -160px -32px;
  }
  41.4% {
    background-position: 0 -64px;
  }
  44.8% {
    background-position: -32px -64px;
  }
  48.3% {
    background-position: -64px -64px;
  }
  51.7% {
    background-position: -96px -64px;
  }
  55.2% {
    background-position: -128px -64px;
  }
  58.6% {
    background-position: -160px -64px;
  }
  62.1% {
    background-position: 0 -96px;
  }
  65.5% {
    background-position: -32px -96px;
  }
  69% {
    background-position: -64px -96px;
  }
  72.4% {
    background-position: -96px -96px;
  }
  75.9% {
    background-position: -128px -96px;
  }
  79.3% {
    background-position: -160px -96px;
  }
  82.8% {
    background-position: 0 -128px;
  }
  86.2% {
    background-position: -32px -128px;
  }
  89.7% {
    background-position: -64px -128px;
  }
  93.1% {
    background-position: -96px -128px;
  }
  96.6% {
    background-position: -128px -128px;
  }
  100% {
    background-position: -128px -128px;
  }
}
.popo-72 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  7.7% {
    background-position: -64px 0;
  }
  11.5% {
    background-position: -96px 0;
  }
  15.4% {
    background-position: -128px 0;
  }
  19.2% {
    background-position: -160px 0;
  }
  23.1% {
    background-position: 0 -32px;
  }
  26.9% {
    background-position: -32px -32px;
  }
  30.8% {
    background-position: -64px -32px;
  }
  34.6% {
    background-position: -96px -32px;
  }
  38.5% {
    background-position: -128px -32px;
  }
  42.3% {
    background-position: -160px -32px;
  }
  46.2% {
    background-position: 0 -64px;
  }
  50% {
    background-position: -32px -64px;
  }
  53.8% {
    background-position: -64px -64px;
  }
  57.7% {
    background-position: -96px -64px;
  }
  61.5% {
    background-position: -128px -64px;
  }
  65.4% {
    background-position: -160px -64px;
  }
  69.2% {
    background-position: 0 -96px;
  }
  73.1% {
    background-position: -32px -96px;
  }
  76.9% {
    background-position: -64px -96px;
  }
  80.8% {
    background-position: -96px -96px;
  }
  84.6% {
    background-position: -128px -96px;
  }
  88.5% {
    background-position: -160px -96px;
  }
  92.3% {
    background-position: 0 -128px;
  }
  96.2% {
    background-position: -32px -128px;
  }
  100% {
    background-position: -32px -128px;
  }
}
@keyframes key_pop_71 {
  0% {
    background-position: 0 0;
  }
  3.8% {
    background-position: -32px 0;
  }
  7.7% {
    background-position: -64px 0;
  }
  11.5% {
    background-position: -96px 0;
  }
  15.4% {
    background-position: -128px 0;
  }
  19.2% {
    background-position: -160px 0;
  }
  23.1% {
    background-position: 0 -32px;
  }
  26.9% {
    background-position: -32px -32px;
  }
  30.8% {
    background-position: -64px -32px;
  }
  34.6% {
    background-position: -96px -32px;
  }
  38.5% {
    background-position: -128px -32px;
  }
  42.3% {
    background-position: -160px -32px;
  }
  46.2% {
    background-position: 0 -64px;
  }
  50% {
    background-position: -32px -64px;
  }
  53.8% {
    background-position: -64px -64px;
  }
  57.7% {
    background-position: -96px -64px;
  }
  61.5% {
    background-position: -128px -64px;
  }
  65.4% {
    background-position: -160px -64px;
  }
  69.2% {
    background-position: 0 -96px;
  }
  73.1% {
    background-position: -32px -96px;
  }
  76.9% {
    background-position: -64px -96px;
  }
  80.8% {
    background-position: -96px -96px;
  }
  84.6% {
    background-position: -128px -96px;
  }
  88.5% {
    background-position: -160px -96px;
  }
  92.3% {
    background-position: 0 -128px;
  }
  96.2% {
    background-position: -32px -128px;
  }
  100% {
    background-position: -32px -128px;
  }
}
.popo-73 {
  height: 32px;
  width: 32px;
  -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: -32px 0;
  }
  6.5% {
    background-position: -64px 0;
  }
  9.7% {
    background-position: -96px 0;
  }
  12.9% {
    background-position: -128px 0;
  }
  16.1% {
    background-position: -160px 0;
  }
  19.4% {
    background-position: 0 -32px;
  }
  22.6% {
    background-position: -32px -32px;
  }
  25.8% {
    background-position: -64px -32px;
  }
  29% {
    background-position: -96px -32px;
  }
  32.3% {
    background-position: -128px -32px;
  }
  35.5% {
    background-position: -160px -32px;
  }
  38.7% {
    background-position: 0 -64px;
  }
  41.9% {
    background-position: -32px -64px;
  }
  45.2% {
    background-position: -64px -64px;
  }
  48.4% {
    background-position: -96px -64px;
  }
  51.6% {
    background-position: -128px -64px;
  }
  54.8% {
    background-position: -160px -64px;
  }
  58.1% {
    background-position: 0 -96px;
  }
  61.3% {
    background-position: -32px -96px;
  }
  64.5% {
    background-position: -64px -96px;
  }
  67.7% {
    background-position: -96px -96px;
  }
  71% {
    background-position: -128px -96px;
  }
  74.2% {
    background-position: -160px -96px;
  }
  77.4% {
    background-position: 0 -128px;
  }
  80.6% {
    background-position: -32px -128px;
  }
  83.9% {
    background-position: -64px -128px;
  }
  87.1% {
    background-position: -96px -128px;
  }
  90.3% {
    background-position: -128px -128px;
  }
  93.5% {
    background-position: -160px -128px;
  }
  96.8% {
    background-position: 0 -160px;
  }
  100% {
    background-position: 0 -160px;
  }
}
@keyframes key_pop_72 {
  0% {
    background-position: 0 0;
  }
  3.2% {
    background-position: -32px 0;
  }
  6.5% {
    background-position: -64px 0;
  }
  9.7% {
    background-position: -96px 0;
  }
  12.9% {
    background-position: -128px 0;
  }
  16.1% {
    background-position: -160px 0;
  }
  19.4% {
    background-position: 0 -32px;
  }
  22.6% {
    background-position: -32px -32px;
  }
  25.8% {
    background-position: -64px -32px;
  }
  29% {
    background-position: -96px -32px;
  }
  32.3% {
    background-position: -128px -32px;
  }
  35.5% {
    background-position: -160px -32px;
  }
  38.7% {
    background-position: 0 -64px;
  }
  41.9% {
    background-position: -32px -64px;
  }
  45.2% {
    background-position: -64px -64px;
  }
  48.4% {
    background-position: -96px -64px;
  }
  51.6% {
    background-position: -128px -64px;
  }
  54.8% {
    background-position: -160px -64px;
  }
  58.1% {
    background-position: 0 -96px;
  }
  61.3% {
    background-position: -32px -96px;
  }
  64.5% {
    background-position: -64px -96px;
  }
  67.7% {
    background-position: -96px -96px;
  }
  71% {
    background-position: -128px -96px;
  }
  74.2% {
    background-position: -160px -96px;
  }
  77.4% {
    background-position: 0 -128px;
  }
  80.6% {
    background-position: -32px -128px;
  }
  83.9% {
    background-position: -64px -128px;
  }
  87.1% {
    background-position: -96px -128px;
  }
  90.3% {
    background-position: -128px -128px;
  }
  93.5% {
    background-position: -160px -128px;
  }
  96.8% {
    background-position: 0 -160px;
  }
  100% {
    background-position: 0 -160px;
  }
}
.cdd-1 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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;
  /* no */
  width: 115px;
  /* no */
  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: 115px;
  width: 115px;
  -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: -1px -1px;
  }
  9.1% {
    background-position: -1px -118px;
  }
  18.2% {
    background-position: -118px -118px;
  }
  27.3% {
    background-position: -235px -1px;
  }
  36.4% {
    background-position: -235px -118px;
  }
  45.5% {
    background-position: -352px -1px;
  }
  54.5% {
    background-position: -352px -118px;
  }
  63.6% {
    background-position: -469px -1px;
  }
  72.7% {
    background-position: -469px -118px;
  }
  81.8% {
    background-position: -586px -1px;
  }
  90.9% {
    background-position: -118px -1px;
  }
}
@keyframes keyframes_400_png {
  0.0% {
    background-position: -1px -1px;
  }
  9.1% {
    background-position: -1px -118px;
  }
  18.2% {
    background-position: -118px -118px;
  }
  27.3% {
    background-position: -235px -1px;
  }
  36.4% {
    background-position: -235px -118px;
  }
  45.5% {
    background-position: -352px -1px;
  }
  54.5% {
    background-position: -352px -118px;
  }
  63.6% {
    background-position: -469px -1px;
  }
  72.7% {
    background-position: -469px -118px;
  }
  81.8% {
    background-position: -586px -1px;
  }
  90.9% {
    background-position: -118px -1px;
  }
}
.jh-2 {
  height: 115px;
  width: 115px;
  -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: -1px -1px;
  }
  4.3% {
    background-position: -118px -1px;
  }
  8.7% {
    background-position: -469px -118px;
  }
  13.0% {
    background-position: -1px -235px;
  }
  17.4% {
    background-position: -118px -235px;
  }
  21.7% {
    background-position: -235px -235px;
  }
  26.1% {
    background-position: -352px -235px;
  }
  30.4% {
    background-position: -469px -235px;
  }
  34.8% {
    background-position: -586px -235px;
  }
  39.1% {
    background-position: -703px -235px;
  }
  43.5% {
    background-position: -235px -1px;
  }
  47.8% {
    background-position: -352px -1px;
  }
  52.2% {
    background-position: -469px -1px;
  }
  56.5% {
    background-position: -586px -1px;
  }
  60.9% {
    background-position: -703px -1px;
  }
  65.2% {
    background-position: -820px -1px;
  }
  69.6% {
    background-position: -1px -118px;
  }
  73.9% {
    background-position: -118px -118px;
  }
  78.3% {
    background-position: -235px -118px;
  }
  82.6% {
    background-position: -352px -118px;
  }
  87.0% {
    background-position: -586px -118px;
  }
  91.3% {
    background-position: -703px -118px;
  }
  95.7% {
    background-position: -820px -118px;
  }
}
@keyframes keyframes_401_png {
  0.0% {
    background-position: -1px -1px;
  }
  4.3% {
    background-position: -118px -1px;
  }
  8.7% {
    background-position: -469px -118px;
  }
  13.0% {
    background-position: -1px -235px;
  }
  17.4% {
    background-position: -118px -235px;
  }
  21.7% {
    background-position: -235px -235px;
  }
  26.1% {
    background-position: -352px -235px;
  }
  30.4% {
    background-position: -469px -235px;
  }
  34.8% {
    background-position: -586px -235px;
  }
  39.1% {
    background-position: -703px -235px;
  }
  43.5% {
    background-position: -235px -1px;
  }
  47.8% {
    background-position: -352px -1px;
  }
  52.2% {
    background-position: -469px -1px;
  }
  56.5% {
    background-position: -586px -1px;
  }
  60.9% {
    background-position: -703px -1px;
  }
  65.2% {
    background-position: -820px -1px;
  }
  69.6% {
    background-position: -1px -118px;
  }
  73.9% {
    background-position: -118px -118px;
  }
  78.3% {
    background-position: -235px -118px;
  }
  82.6% {
    background-position: -352px -118px;
  }
  87.0% {
    background-position: -586px -118px;
  }
  91.3% {
    background-position: -703px -118px;
  }
  95.7% {
    background-position: -820px -118px;
  }
}
.jh-3 {
  height: 115px;
  width: 115px;
  -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: -1px -1px;
  }
  4.0% {
    background-position: -1px -118px;
  }
  8.0% {
    background-position: -352px -118px;
  }
  12.0% {
    background-position: -352px -352px;
  }
  16.0% {
    background-position: -469px -235px;
  }
  20.0% {
    background-position: -586px -118px;
  }
  24.0% {
    background-position: -703px -1px;
  }
  28.0% {
    background-position: -469px -352px;
  }
  32.0% {
    background-position: -586px -235px;
  }
  36.0% {
    background-position: -703px -118px;
  }
  40.0% {
    background-position: -118px -1px;
  }
  44.0% {
    background-position: -1px -235px;
  }
  48.0% {
    background-position: -118px -118px;
  }
  52.0% {
    background-position: -235px -1px;
  }
  56.0% {
    background-position: -1px -352px;
  }
  60.0% {
    background-position: -118px -235px;
  }
  64.0% {
    background-position: -235px -118px;
  }
  68.0% {
    background-position: -352px -1px;
  }
  72.0% {
    background-position: -118px -352px;
  }
  76.0% {
    background-position: -235px -235px;
  }
  80.0% {
    background-position: -469px -1px;
  }
  84.0% {
    background-position: -235px -352px;
  }
  88.0% {
    background-position: -352px -235px;
  }
  92.0% {
    background-position: -469px -118px;
  }
  96.0% {
    background-position: -586px -1px;
  }
}
@keyframes keyframes_402_png {
  0.0% {
    background-position: -1px -1px;
  }
  4.0% {
    background-position: -1px -118px;
  }
  8.0% {
    background-position: -352px -118px;
  }
  12.0% {
    background-position: -352px -352px;
  }
  16.0% {
    background-position: -469px -235px;
  }
  20.0% {
    background-position: -586px -118px;
  }
  24.0% {
    background-position: -703px -1px;
  }
  28.0% {
    background-position: -469px -352px;
  }
  32.0% {
    background-position: -586px -235px;
  }
  36.0% {
    background-position: -703px -118px;
  }
  40.0% {
    background-position: -118px -1px;
  }
  44.0% {
    background-position: -1px -235px;
  }
  48.0% {
    background-position: -118px -118px;
  }
  52.0% {
    background-position: -235px -1px;
  }
  56.0% {
    background-position: -1px -352px;
  }
  60.0% {
    background-position: -118px -235px;
  }
  64.0% {
    background-position: -235px -118px;
  }
  68.0% {
    background-position: -352px -1px;
  }
  72.0% {
    background-position: -118px -352px;
  }
  76.0% {
    background-position: -235px -235px;
  }
  80.0% {
    background-position: -469px -1px;
  }
  84.0% {
    background-position: -235px -352px;
  }
  88.0% {
    background-position: -352px -235px;
  }
  92.0% {
    background-position: -469px -118px;
  }
  96.0% {
    background-position: -586px -1px;
  }
}
.jh-4 {
  height: 115px;
  width: 115px;
  -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: -1px -1px;
  }
  3.7% {
    background-position: -118px -1px;
  }
  7.4% {
    background-position: -1px -352px;
  }
  11.1% {
    background-position: -1px -586px;
  }
  14.8% {
    background-position: -118px -586px;
  }
  18.5% {
    background-position: -235px -586px;
  }
  22.2% {
    background-position: -352px -586px;
  }
  25.9% {
    background-position: -1px -703px;
  }
  29.6% {
    background-position: -118px -703px;
  }
  33.3% {
    background-position: -235px -703px;
  }
  37.0% {
    background-position: -235px -1px;
  }
  40.7% {
    background-position: -352px -1px;
  }
  44.4% {
    background-position: -1px -118px;
  }
  48.1% {
    background-position: -118px -118px;
  }
  51.9% {
    background-position: -235px -118px;
  }
  55.6% {
    background-position: -352px -118px;
  }
  59.3% {
    background-position: -1px -235px;
  }
  63.0% {
    background-position: -118px -235px;
  }
  66.7% {
    background-position: -235px -235px;
  }
  70.4% {
    background-position: -352px -235px;
  }
  74.1% {
    background-position: -118px -352px;
  }
  77.8% {
    background-position: -235px -352px;
  }
  81.5% {
    background-position: -352px -352px;
  }
  85.2% {
    background-position: -1px -469px;
  }
  88.9% {
    background-position: -118px -469px;
  }
  92.6% {
    background-position: -235px -469px;
  }
  96.3% {
    background-position: -352px -469px;
  }
}
@keyframes keyframes_403_png {
  0.0% {
    background-position: -1px -1px;
  }
  3.7% {
    background-position: -118px -1px;
  }
  7.4% {
    background-position: -1px -352px;
  }
  11.1% {
    background-position: -1px -586px;
  }
  14.8% {
    background-position: -118px -586px;
  }
  18.5% {
    background-position: -235px -586px;
  }
  22.2% {
    background-position: -352px -586px;
  }
  25.9% {
    background-position: -1px -703px;
  }
  29.6% {
    background-position: -118px -703px;
  }
  33.3% {
    background-position: -235px -703px;
  }
  37.0% {
    background-position: -235px -1px;
  }
  40.7% {
    background-position: -352px -1px;
  }
  44.4% {
    background-position: -1px -118px;
  }
  48.1% {
    background-position: -118px -118px;
  }
  51.9% {
    background-position: -235px -118px;
  }
  55.6% {
    background-position: -352px -118px;
  }
  59.3% {
    background-position: -1px -235px;
  }
  63.0% {
    background-position: -118px -235px;
  }
  66.7% {
    background-position: -235px -235px;
  }
  70.4% {
    background-position: -352px -235px;
  }
  74.1% {
    background-position: -118px -352px;
  }
  77.8% {
    background-position: -235px -352px;
  }
  81.5% {
    background-position: -352px -352px;
  }
  85.2% {
    background-position: -1px -469px;
  }
  88.9% {
    background-position: -118px -469px;
  }
  92.6% {
    background-position: -235px -469px;
  }
  96.3% {
    background-position: -352px -469px;
  }
}
.jh-5 {
  height: 115px;
  width: 115px;
  -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: -1px -1px;
  }
  14.3% {
    background-position: -118px -1px;
  }
  28.6% {
    background-position: -235px -1px;
  }
  42.9% {
    background-position: -352px -1px;
  }
  57.1% {
    background-position: -469px -1px;
  }
  71.4% {
    background-position: -586px -1px;
  }
  85.7% {
    background-position: -703px -1px;
  }
}
@keyframes keyframes_404_png {
  0.0% {
    background-position: -1px -1px;
  }
  14.3% {
    background-position: -118px -1px;
  }
  28.6% {
    background-position: -235px -1px;
  }
  42.9% {
    background-position: -352px -1px;
  }
  57.1% {
    background-position: -469px -1px;
  }
  71.4% {
    background-position: -586px -1px;
  }
  85.7% {
    background-position: -703px -1px;
  }
}
.jh-6 {
  height: 115px;
  width: 115px;
  -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: -1px -1px;
  }
  11.1% {
    background-position: -1px -118px;
  }
  22.2% {
    background-position: -118px -1px;
  }
  33.3% {
    background-position: -118px -118px;
  }
  44.4% {
    background-position: -235px -1px;
  }
  55.6% {
    background-position: -235px -118px;
  }
  66.7% {
    background-position: -352px -1px;
  }
  77.8% {
    background-position: -352px -118px;
  }
  88.9% {
    background-position: -469px -1px;
  }
}
@keyframes keyframes_405_png {
  0.0% {
    background-position: -1px -1px;
  }
  11.1% {
    background-position: -1px -118px;
  }
  22.2% {
    background-position: -118px -1px;
  }
  33.3% {
    background-position: -118px -118px;
  }
  44.4% {
    background-position: -235px -1px;
  }
  55.6% {
    background-position: -235px -118px;
  }
  66.7% {
    background-position: -352px -1px;
  }
  77.8% {
    background-position: -352px -118px;
  }
  88.9% {
    background-position: -469px -1px;
  }
}
.jh-7 {
  height: 115px;
  width: 115px;
  -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: -1px -1px;
  }
  3.7% {
    background-position: -118px -1px;
  }
  7.4% {
    background-position: -1px -352px;
  }
  11.1% {
    background-position: -1px -586px;
  }
  14.8% {
    background-position: -118px -586px;
  }
  18.5% {
    background-position: -235px -586px;
  }
  22.2% {
    background-position: -352px -586px;
  }
  25.9% {
    background-position: -1px -703px;
  }
  29.6% {
    background-position: -118px -703px;
  }
  33.3% {
    background-position: -235px -703px;
  }
  37.0% {
    background-position: -235px -1px;
  }
  40.7% {
    background-position: -352px -1px;
  }
  44.4% {
    background-position: -1px -118px;
  }
  48.1% {
    background-position: -118px -118px;
  }
  51.9% {
    background-position: -235px -118px;
  }
  55.6% {
    background-position: -352px -118px;
  }
  59.3% {
    background-position: -1px -235px;
  }
  63.0% {
    background-position: -118px -235px;
  }
  66.7% {
    background-position: -235px -235px;
  }
  70.4% {
    background-position: -352px -235px;
  }
  74.1% {
    background-position: -118px -352px;
  }
  77.8% {
    background-position: -235px -352px;
  }
  81.5% {
    background-position: -352px -352px;
  }
  85.2% {
    background-position: -1px -469px;
  }
  88.9% {
    background-position: -118px -469px;
  }
  92.6% {
    background-position: -235px -469px;
  }
  96.3% {
    background-position: -352px -469px;
  }
}
@keyframes keyframes_406_png {
  0.0% {
    background-position: -1px -1px;
  }
  3.7% {
    background-position: -118px -1px;
  }
  7.4% {
    background-position: -1px -352px;
  }
  11.1% {
    background-position: -1px -586px;
  }
  14.8% {
    background-position: -118px -586px;
  }
  18.5% {
    background-position: -235px -586px;
  }
  22.2% {
    background-position: -352px -586px;
  }
  25.9% {
    background-position: -1px -703px;
  }
  29.6% {
    background-position: -118px -703px;
  }
  33.3% {
    background-position: -235px -703px;
  }
  37.0% {
    background-position: -235px -1px;
  }
  40.7% {
    background-position: -352px -1px;
  }
  44.4% {
    background-position: -1px -118px;
  }
  48.1% {
    background-position: -118px -118px;
  }
  51.9% {
    background-position: -235px -118px;
  }
  55.6% {
    background-position: -352px -118px;
  }
  59.3% {
    background-position: -1px -235px;
  }
  63.0% {
    background-position: -118px -235px;
  }
  66.7% {
    background-position: -235px -235px;
  }
  70.4% {
    background-position: -352px -235px;
  }
  74.1% {
    background-position: -118px -352px;
  }
  77.8% {
    background-position: -235px -352px;
  }
  81.5% {
    background-position: -352px -352px;
  }
  85.2% {
    background-position: -1px -469px;
  }
  88.9% {
    background-position: -118px -469px;
  }
  92.6% {
    background-position: -235px -469px;
  }
  96.3% {
    background-position: -352px -469px;
  }
}
.jh-8 {
  height: 115px;
  width: 115px;
  -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: -1px -1px;
  }
  4.3% {
    background-position: -118px -1px;
  }
  8.7% {
    background-position: -469px -118px;
  }
  13.0% {
    background-position: -1px -235px;
  }
  17.4% {
    background-position: -118px -235px;
  }
  21.7% {
    background-position: -235px -235px;
  }
  26.1% {
    background-position: -352px -235px;
  }
  30.4% {
    background-position: -469px -235px;
  }
  34.8% {
    background-position: -586px -235px;
  }
  39.1% {
    background-position: -703px -235px;
  }
  43.5% {
    background-position: -235px -1px;
  }
  47.8% {
    background-position: -352px -1px;
  }
  52.2% {
    background-position: -469px -1px;
  }
  56.5% {
    background-position: -586px -1px;
  }
  60.9% {
    background-position: -703px -1px;
  }
  65.2% {
    background-position: -820px -1px;
  }
  69.6% {
    background-position: -1px -118px;
  }
  73.9% {
    background-position: -118px -118px;
  }
  78.3% {
    background-position: -235px -118px;
  }
  82.6% {
    background-position: -352px -118px;
  }
  87.0% {
    background-position: -586px -118px;
  }
  91.3% {
    background-position: -703px -118px;
  }
  95.7% {
    background-position: -820px -118px;
  }
}
@keyframes keyframes_407_png {
  0.0% {
    background-position: -1px -1px;
  }
  4.3% {
    background-position: -118px -1px;
  }
  8.7% {
    background-position: -469px -118px;
  }
  13.0% {
    background-position: -1px -235px;
  }
  17.4% {
    background-position: -118px -235px;
  }
  21.7% {
    background-position: -235px -235px;
  }
  26.1% {
    background-position: -352px -235px;
  }
  30.4% {
    background-position: -469px -235px;
  }
  34.8% {
    background-position: -586px -235px;
  }
  39.1% {
    background-position: -703px -235px;
  }
  43.5% {
    background-position: -235px -1px;
  }
  47.8% {
    background-position: -352px -1px;
  }
  52.2% {
    background-position: -469px -1px;
  }
  56.5% {
    background-position: -586px -1px;
  }
  60.9% {
    background-position: -703px -1px;
  }
  65.2% {
    background-position: -820px -1px;
  }
  69.6% {
    background-position: -1px -118px;
  }
  73.9% {
    background-position: -118px -118px;
  }
  78.3% {
    background-position: -235px -118px;
  }
  82.6% {
    background-position: -352px -118px;
  }
  87.0% {
    background-position: -586px -118px;
  }
  91.3% {
    background-position: -703px -118px;
  }
  95.7% {
    background-position: -820px -118px;
  }
}
.jh-9 {
  height: 115px;
  width: 115px;
  -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: -1px -1px;
  }
  6.2% {
    background-position: -1px -118px;
  }
  12.5% {
    background-position: -469px -1px;
  }
  18.8% {
    background-position: -469px -118px;
  }
  25.0% {
    background-position: -586px -1px;
  }
  31.2% {
    background-position: -586px -118px;
  }
  37.5% {
    background-position: -703px -1px;
  }
  43.8% {
    background-position: -703px -118px;
  }
  50.0% {
    background-position: -820px -1px;
  }
  56.2% {
    background-position: -820px -118px;
  }
  62.5% {
    background-position: -118px -1px;
  }
  68.8% {
    background-position: -118px -118px;
  }
  75.0% {
    background-position: -235px -1px;
  }
  81.2% {
    background-position: -235px -118px;
  }
  87.5% {
    background-position: -352px -1px;
  }
  93.8% {
    background-position: -352px -118px;
  }
}
@keyframes keyframes_408_png {
  0.0% {
    background-position: -1px -1px;
  }
  6.2% {
    background-position: -1px -118px;
  }
  12.5% {
    background-position: -469px -1px;
  }
  18.8% {
    background-position: -469px -118px;
  }
  25.0% {
    background-position: -586px -1px;
  }
  31.2% {
    background-position: -586px -118px;
  }
  37.5% {
    background-position: -703px -1px;
  }
  43.8% {
    background-position: -703px -118px;
  }
  50.0% {
    background-position: -820px -1px;
  }
  56.2% {
    background-position: -820px -118px;
  }
  62.5% {
    background-position: -118px -1px;
  }
  68.8% {
    background-position: -118px -118px;
  }
  75.0% {
    background-position: -235px -1px;
  }
  81.2% {
    background-position: -235px -118px;
  }
  87.5% {
    background-position: -352px -1px;
  }
  93.8% {
    background-position: -352px -118px;
  }
}
.jh-10 {
  height: 115px;
  width: 115px;
  -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: -1px -1px;
  }
  5.0% {
    background-position: -1px -118px;
  }
  10.0% {
    background-position: -352px -1px;
  }
  15.0% {
    background-position: -352px -118px;
  }
  20.0% {
    background-position: -352px -235px;
  }
  25.0% {
    background-position: -352px -352px;
  }
  30.0% {
    background-position: -469px -1px;
  }
  35.0% {
    background-position: -469px -118px;
  }
  40.0% {
    background-position: -469px -235px;
  }
  45.0% {
    background-position: -469px -352px;
  }
  50.0% {
    background-position: -1px -235px;
  }
  55.0% {
    background-position: -1px -352px;
  }
  60.0% {
    background-position: -118px -1px;
  }
  65.0% {
    background-position: -118px -118px;
  }
  70.0% {
    background-position: -118px -235px;
  }
  75.0% {
    background-position: -118px -352px;
  }
  80.0% {
    background-position: -235px -1px;
  }
  85.0% {
    background-position: -235px -118px;
  }
  90.0% {
    background-position: -235px -235px;
  }
  95.0% {
    background-position: -235px -352px;
  }
}
@keyframes keyframes_409_png {
  0.0% {
    background-position: -1px -1px;
  }
  5.0% {
    background-position: -1px -118px;
  }
  10.0% {
    background-position: -352px -1px;
  }
  15.0% {
    background-position: -352px -118px;
  }
  20.0% {
    background-position: -352px -235px;
  }
  25.0% {
    background-position: -352px -352px;
  }
  30.0% {
    background-position: -469px -1px;
  }
  35.0% {
    background-position: -469px -118px;
  }
  40.0% {
    background-position: -469px -235px;
  }
  45.0% {
    background-position: -469px -352px;
  }
  50.0% {
    background-position: -1px -235px;
  }
  55.0% {
    background-position: -1px -352px;
  }
  60.0% {
    background-position: -118px -1px;
  }
  65.0% {
    background-position: -118px -118px;
  }
  70.0% {
    background-position: -118px -235px;
  }
  75.0% {
    background-position: -118px -352px;
  }
  80.0% {
    background-position: -235px -1px;
  }
  85.0% {
    background-position: -235px -118px;
  }
  90.0% {
    background-position: -235px -235px;
  }
  95.0% {
    background-position: -235px -352px;
  }
}
.jh-11 {
  height: 115px;
  width: 115px;
  -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: -1px -1px;
  }
  7.1% {
    background-position: -1px -118px;
  }
  14.3% {
    background-position: -352px -1px;
  }
  21.4% {
    background-position: -352px -118px;
  }
  28.6% {
    background-position: -469px -1px;
  }
  35.7% {
    background-position: -469px -118px;
  }
  42.9% {
    background-position: -586px -1px;
  }
  50.0% {
    background-position: -586px -118px;
  }
  57.1% {
    background-position: -703px -1px;
  }
  64.3% {
    background-position: -703px -118px;
  }
  71.4% {
    background-position: -118px -1px;
  }
  78.6% {
    background-position: -118px -118px;
  }
  85.7% {
    background-position: -235px -1px;
  }
  92.9% {
    background-position: -235px -118px;
  }
}
@keyframes keyframes_410_png {
  0.0% {
    background-position: -1px -1px;
  }
  7.1% {
    background-position: -1px -118px;
  }
  14.3% {
    background-position: -352px -1px;
  }
  21.4% {
    background-position: -352px -118px;
  }
  28.6% {
    background-position: -469px -1px;
  }
  35.7% {
    background-position: -469px -118px;
  }
  42.9% {
    background-position: -586px -1px;
  }
  50.0% {
    background-position: -586px -118px;
  }
  57.1% {
    background-position: -703px -1px;
  }
  64.3% {
    background-position: -703px -118px;
  }
  71.4% {
    background-position: -118px -1px;
  }
  78.6% {
    background-position: -118px -118px;
  }
  85.7% {
    background-position: -235px -1px;
  }
  92.9% {
    background-position: -235px -118px;
  }
}
.jh-12 {
  height: 115px;
  width: 115px;
  -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: -1px -1px;
  }
  9.1% {
    background-position: -1px -118px;
  }
  18.2% {
    background-position: -118px -118px;
  }
  27.3% {
    background-position: -235px -1px;
  }
  36.4% {
    background-position: -235px -118px;
  }
  45.5% {
    background-position: -352px -1px;
  }
  54.5% {
    background-position: -352px -118px;
  }
  63.6% {
    background-position: -469px -1px;
  }
  72.7% {
    background-position: -469px -118px;
  }
  81.8% {
    background-position: -586px -1px;
  }
  90.9% {
    background-position: -118px -1px;
  }
}
@keyframes keyframes_411_png {
  0.0% {
    background-position: -1px -1px;
  }
  9.1% {
    background-position: -1px -118px;
  }
  18.2% {
    background-position: -118px -118px;
  }
  27.3% {
    background-position: -235px -1px;
  }
  36.4% {
    background-position: -235px -118px;
  }
  45.5% {
    background-position: -352px -1px;
  }
  54.5% {
    background-position: -352px -118px;
  }
  63.6% {
    background-position: -469px -1px;
  }
  72.7% {
    background-position: -469px -118px;
  }
  81.8% {
    background-position: -586px -1px;
  }
  90.9% {
    background-position: -118px -1px;
  }
}
.jh-13 {
  height: 115px;
  width: 115px;
  -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: -1px -1px;
  }
  6.2% {
    background-position: -1px -118px;
  }
  12.5% {
    background-position: -469px -1px;
  }
  18.8% {
    background-position: -469px -118px;
  }
  25.0% {
    background-position: -586px -1px;
  }
  31.2% {
    background-position: -586px -118px;
  }
  37.5% {
    background-position: -703px -1px;
  }
  43.8% {
    background-position: -703px -118px;
  }
  50.0% {
    background-position: -820px -1px;
  }
  56.2% {
    background-position: -820px -118px;
  }
  62.5% {
    background-position: -118px -1px;
  }
  68.8% {
    background-position: -118px -118px;
  }
  75.0% {
    background-position: -235px -1px;
  }
  81.2% {
    background-position: -235px -118px;
  }
  87.5% {
    background-position: -352px -1px;
  }
  93.8% {
    background-position: -352px -118px;
  }
}
@keyframes keyframes_412_png {
  0.0% {
    background-position: -1px -1px;
  }
  6.2% {
    background-position: -1px -118px;
  }
  12.5% {
    background-position: -469px -1px;
  }
  18.8% {
    background-position: -469px -118px;
  }
  25.0% {
    background-position: -586px -1px;
  }
  31.2% {
    background-position: -586px -118px;
  }
  37.5% {
    background-position: -703px -1px;
  }
  43.8% {
    background-position: -703px -118px;
  }
  50.0% {
    background-position: -820px -1px;
  }
  56.2% {
    background-position: -820px -118px;
  }
  62.5% {
    background-position: -118px -1px;
  }
  68.8% {
    background-position: -118px -118px;
  }
  75.0% {
    background-position: -235px -1px;
  }
  81.2% {
    background-position: -235px -118px;
  }
  87.5% {
    background-position: -352px -1px;
  }
  93.8% {
    background-position: -352px -118px;
  }
}
.jh-14 {
  height: 115px;
  width: 115px;
  -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: -1px -1px;
  }
  8.3% {
    background-position: -1px -118px;
  }
  16.7% {
    background-position: -235px -1px;
  }
  25.0% {
    background-position: -235px -118px;
  }
  33.3% {
    background-position: -352px -1px;
  }
  41.7% {
    background-position: -352px -118px;
  }
  50.0% {
    background-position: -469px -1px;
  }
  58.3% {
    background-position: -469px -118px;
  }
  66.7% {
    background-position: -586px -1px;
  }
  75.0% {
    background-position: -586px -118px;
  }
  83.3% {
    background-position: -118px -1px;
  }
  91.7% {
    background-position: -118px -118px;
  }
}
@keyframes keyframes_413_png {
  0.0% {
    background-position: -1px -1px;
  }
  8.3% {
    background-position: -1px -118px;
  }
  16.7% {
    background-position: -235px -1px;
  }
  25.0% {
    background-position: -235px -118px;
  }
  33.3% {
    background-position: -352px -1px;
  }
  41.7% {
    background-position: -352px -118px;
  }
  50.0% {
    background-position: -469px -1px;
  }
  58.3% {
    background-position: -469px -118px;
  }
  66.7% {
    background-position: -586px -1px;
  }
  75.0% {
    background-position: -586px -118px;
  }
  83.3% {
    background-position: -118px -1px;
  }
  91.7% {
    background-position: -118px -118px;
  }
}
.jh-15 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  7.4% {
    background-position: -230px 0;
  }
  11.1% {
    background-position: -345px 0;
  }
  14.8% {
    background-position: 0 -115px;
  }
  18.5% {
    background-position: -115px -115px;
  }
  22.2% {
    background-position: -230px -115px;
  }
  25.9% {
    background-position: -345px -115px;
  }
  29.6% {
    background-position: 0 -230px;
  }
  33.3% {
    background-position: -115px -230px;
  }
  37.0% {
    background-position: -230px -230px;
  }
  40.7% {
    background-position: -345px -230px;
  }
  44.4% {
    background-position: 0 -345px;
  }
  48.1% {
    background-position: -115px -345px;
  }
  51.9% {
    background-position: -230px -345px;
  }
  55.6% {
    background-position: -345px -345px;
  }
  59.3% {
    background-position: 0 -460px;
  }
  63.0% {
    background-position: -115px -460px;
  }
  66.7% {
    background-position: -230px -460px;
  }
  70.4% {
    background-position: -345px -460px;
  }
  74.1% {
    background-position: 0 -575px;
  }
  77.8% {
    background-position: -115px -575px;
  }
  81.5% {
    background-position: -230px -575px;
  }
  85.2% {
    background-position: -345px -575px;
  }
  88.9% {
    background-position: 0 -690px;
  }
  92.6% {
    background-position: -115px -690px;
  }
  96.3% {
    background-position: -230px -690px;
  }
}
@keyframes keyframes_414_png {
  0.0% {
    background-position: 0 0;
  }
  3.7% {
    background-position: -115px 0;
  }
  7.4% {
    background-position: -230px 0;
  }
  11.1% {
    background-position: -345px 0;
  }
  14.8% {
    background-position: 0 -115px;
  }
  18.5% {
    background-position: -115px -115px;
  }
  22.2% {
    background-position: -230px -115px;
  }
  25.9% {
    background-position: -345px -115px;
  }
  29.6% {
    background-position: 0 -230px;
  }
  33.3% {
    background-position: -115px -230px;
  }
  37.0% {
    background-position: -230px -230px;
  }
  40.7% {
    background-position: -345px -230px;
  }
  44.4% {
    background-position: 0 -345px;
  }
  48.1% {
    background-position: -115px -345px;
  }
  51.9% {
    background-position: -230px -345px;
  }
  55.6% {
    background-position: -345px -345px;
  }
  59.3% {
    background-position: 0 -460px;
  }
  63.0% {
    background-position: -115px -460px;
  }
  66.7% {
    background-position: -230px -460px;
  }
  70.4% {
    background-position: -345px -460px;
  }
  74.1% {
    background-position: 0 -575px;
  }
  77.8% {
    background-position: -115px -575px;
  }
  81.5% {
    background-position: -230px -575px;
  }
  85.2% {
    background-position: -345px -575px;
  }
  88.9% {
    background-position: 0 -690px;
  }
  92.6% {
    background-position: -115px -690px;
  }
  96.3% {
    background-position: -230px -690px;
  }
}
.jh-16 {
  height: 115px;
  width: 115px;
  -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: -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: -690px 0;
  }
  19.4% {
    background-position: -805px 0;
  }
  22.2% {
    background-position: 0 -115px;
  }
  25.0% {
    background-position: -115px -115px;
  }
  27.8% {
    background-position: -230px -115px;
  }
  30.6% {
    background-position: -345px -115px;
  }
  33.3% {
    background-position: -460px -115px;
  }
  36.1% {
    background-position: -575px -115px;
  }
  38.9% {
    background-position: -690px -115px;
  }
  41.7% {
    background-position: -805px -115px;
  }
  44.4% {
    background-position: 0 -230px;
  }
  47.2% {
    background-position: -115px -230px;
  }
  50.0% {
    background-position: -230px -230px;
  }
  52.8% {
    background-position: -345px -230px;
  }
  55.6% {
    background-position: -460px -230px;
  }
  58.3% {
    background-position: -575px -230px;
  }
  61.1% {
    background-position: -690px -230px;
  }
  63.9% {
    background-position: -805px -230px;
  }
  66.7% {
    background-position: 0 -345px;
  }
  69.4% {
    background-position: -115px -345px;
  }
  72.2% {
    background-position: -230px -345px;
  }
  75.0% {
    background-position: -345px -345px;
  }
  77.8% {
    background-position: -460px -345px;
  }
  80.6% {
    background-position: -575px -345px;
  }
  83.3% {
    background-position: -690px -345px;
  }
  86.1% {
    background-position: -805px -345px;
  }
  88.9% {
    background-position: 0 -460px;
  }
  91.7% {
    background-position: -115px -460px;
  }
  94.4% {
    background-position: -230px -460px;
  }
  97.2% {
    background-position: -345px -460px;
  }
}
@keyframes keyframes_415_png {
  0.0% {
    background-position: 0 0;
  }
  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: -690px 0;
  }
  19.4% {
    background-position: -805px 0;
  }
  22.2% {
    background-position: 0 -115px;
  }
  25.0% {
    background-position: -115px -115px;
  }
  27.8% {
    background-position: -230px -115px;
  }
  30.6% {
    background-position: -345px -115px;
  }
  33.3% {
    background-position: -460px -115px;
  }
  36.1% {
    background-position: -575px -115px;
  }
  38.9% {
    background-position: -690px -115px;
  }
  41.7% {
    background-position: -805px -115px;
  }
  44.4% {
    background-position: 0 -230px;
  }
  47.2% {
    background-position: -115px -230px;
  }
  50.0% {
    background-position: -230px -230px;
  }
  52.8% {
    background-position: -345px -230px;
  }
  55.6% {
    background-position: -460px -230px;
  }
  58.3% {
    background-position: -575px -230px;
  }
  61.1% {
    background-position: -690px -230px;
  }
  63.9% {
    background-position: -805px -230px;
  }
  66.7% {
    background-position: 0 -345px;
  }
  69.4% {
    background-position: -115px -345px;
  }
  72.2% {
    background-position: -230px -345px;
  }
  75.0% {
    background-position: -345px -345px;
  }
  77.8% {
    background-position: -460px -345px;
  }
  80.6% {
    background-position: -575px -345px;
  }
  83.3% {
    background-position: -690px -345px;
  }
  86.1% {
    background-position: -805px -345px;
  }
  88.9% {
    background-position: 0 -460px;
  }
  91.7% {
    background-position: -115px -460px;
  }
  94.4% {
    background-position: -230px -460px;
  }
  97.2% {
    background-position: -345px -460px;
  }
}
.jh-17 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  8.7% {
    background-position: -230px 0;
  }
  13.0% {
    background-position: -345px 0;
  }
  17.4% {
    background-position: -460px 0;
  }
  21.7% {
    background-position: -575px 0;
  }
  26.1% {
    background-position: -690px 0;
  }
  30.4% {
    background-position: -805px 0;
  }
  34.8% {
    background-position: 0 -115px;
  }
  39.1% {
    background-position: -115px -115px;
  }
  43.5% {
    background-position: -230px -115px;
  }
  47.8% {
    background-position: -345px -115px;
  }
  52.2% {
    background-position: -460px -115px;
  }
  56.5% {
    background-position: -575px -115px;
  }
  60.9% {
    background-position: -690px -115px;
  }
  65.2% {
    background-position: -805px -115px;
  }
  69.6% {
    background-position: 0 -230px;
  }
  73.9% {
    background-position: -115px -230px;
  }
  78.3% {
    background-position: -230px -230px;
  }
  82.6% {
    background-position: -345px -230px;
  }
  87.0% {
    background-position: -460px -230px;
  }
  91.3% {
    background-position: -575px -230px;
  }
  95.7% {
    background-position: -690px -230px;
  }
}
@keyframes keyframes_416_png {
  0.0% {
    background-position: 0 0;
  }
  4.3% {
    background-position: -115px 0;
  }
  8.7% {
    background-position: -230px 0;
  }
  13.0% {
    background-position: -345px 0;
  }
  17.4% {
    background-position: -460px 0;
  }
  21.7% {
    background-position: -575px 0;
  }
  26.1% {
    background-position: -690px 0;
  }
  30.4% {
    background-position: -805px 0;
  }
  34.8% {
    background-position: 0 -115px;
  }
  39.1% {
    background-position: -115px -115px;
  }
  43.5% {
    background-position: -230px -115px;
  }
  47.8% {
    background-position: -345px -115px;
  }
  52.2% {
    background-position: -460px -115px;
  }
  56.5% {
    background-position: -575px -115px;
  }
  60.9% {
    background-position: -690px -115px;
  }
  65.2% {
    background-position: -805px -115px;
  }
  69.6% {
    background-position: 0 -230px;
  }
  73.9% {
    background-position: -115px -230px;
  }
  78.3% {
    background-position: -230px -230px;
  }
  82.6% {
    background-position: -345px -230px;
  }
  87.0% {
    background-position: -460px -230px;
  }
  91.3% {
    background-position: -575px -230px;
  }
  95.7% {
    background-position: -690px -230px;
  }
}
.jh-18 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  16.7% {
    background-position: 0 -115px;
  }
  25.0% {
    background-position: -115px -115px;
  }
  33.3% {
    background-position: 0 -230px;
  }
  41.7% {
    background-position: -115px -230px;
  }
  50.0% {
    background-position: 0 -345px;
  }
  58.3% {
    background-position: -115px -345px;
  }
  66.7% {
    background-position: 0 -460px;
  }
  75.0% {
    background-position: -115px -460px;
  }
  83.3% {
    background-position: 0 -575px;
  }
  91.7% {
    background-position: -115px -575px;
  }
}
@keyframes keyframes_417_png {
  0.0% {
    background-position: 0 0;
  }
  8.3% {
    background-position: -115px 0;
  }
  16.7% {
    background-position: 0 -115px;
  }
  25.0% {
    background-position: -115px -115px;
  }
  33.3% {
    background-position: 0 -230px;
  }
  41.7% {
    background-position: -115px -230px;
  }
  50.0% {
    background-position: 0 -345px;
  }
  58.3% {
    background-position: -115px -345px;
  }
  66.7% {
    background-position: 0 -460px;
  }
  75.0% {
    background-position: -115px -460px;
  }
  83.3% {
    background-position: 0 -575px;
  }
  91.7% {
    background-position: -115px -575px;
  }
}
.jh-19 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  12.5% {
    background-position: -230px 0;
  }
  18.8% {
    background-position: -345px 0;
  }
  25.0% {
    background-position: -460px 0;
  }
  31.2% {
    background-position: -575px 0;
  }
  37.5% {
    background-position: -690px 0;
  }
  43.8% {
    background-position: -805px 0;
  }
  50.0% {
    background-position: 0 -115px;
  }
  56.2% {
    background-position: -115px -115px;
  }
  62.5% {
    background-position: -230px -115px;
  }
  68.8% {
    background-position: -345px -115px;
  }
  75.0% {
    background-position: -460px -115px;
  }
  81.2% {
    background-position: -575px -115px;
  }
  87.5% {
    background-position: -690px -115px;
  }
  93.8% {
    background-position: -805px -115px;
  }
}
@keyframes keyframes_418_png {
  0.0% {
    background-position: 0 0;
  }
  6.2% {
    background-position: -115px 0;
  }
  12.5% {
    background-position: -230px 0;
  }
  18.8% {
    background-position: -345px 0;
  }
  25.0% {
    background-position: -460px 0;
  }
  31.2% {
    background-position: -575px 0;
  }
  37.5% {
    background-position: -690px 0;
  }
  43.8% {
    background-position: -805px 0;
  }
  50.0% {
    background-position: 0 -115px;
  }
  56.2% {
    background-position: -115px -115px;
  }
  62.5% {
    background-position: -230px -115px;
  }
  68.8% {
    background-position: -345px -115px;
  }
  75.0% {
    background-position: -460px -115px;
  }
  81.2% {
    background-position: -575px -115px;
  }
  87.5% {
    background-position: -690px -115px;
  }
  93.8% {
    background-position: -805px -115px;
  }
}
.jh-20 {
  height: 115px;
  width: 115px;
  -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: -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: -690px 0;
  }
  19.4% {
    background-position: -805px 0;
  }
  22.2% {
    background-position: 0 -115px;
  }
  25.0% {
    background-position: -115px -115px;
  }
  27.8% {
    background-position: -230px -115px;
  }
  30.6% {
    background-position: -345px -115px;
  }
  33.3% {
    background-position: -460px -115px;
  }
  36.1% {
    background-position: -575px -115px;
  }
  38.9% {
    background-position: -690px -115px;
  }
  41.7% {
    background-position: -805px -115px;
  }
  44.4% {
    background-position: 0 -230px;
  }
  47.2% {
    background-position: -115px -230px;
  }
  50.0% {
    background-position: -230px -230px;
  }
  52.8% {
    background-position: -345px -230px;
  }
  55.6% {
    background-position: -460px -230px;
  }
  58.3% {
    background-position: -575px -230px;
  }
  61.1% {
    background-position: -690px -230px;
  }
  63.9% {
    background-position: -805px -230px;
  }
  66.7% {
    background-position: 0 -345px;
  }
  69.4% {
    background-position: -115px -345px;
  }
  72.2% {
    background-position: -230px -345px;
  }
  75.0% {
    background-position: -345px -345px;
  }
  77.8% {
    background-position: -460px -345px;
  }
  80.6% {
    background-position: -575px -345px;
  }
  83.3% {
    background-position: -690px -345px;
  }
  86.1% {
    background-position: -805px -345px;
  }
  88.9% {
    background-position: 0 -460px;
  }
  91.7% {
    background-position: -115px -460px;
  }
  94.4% {
    background-position: -230px -460px;
  }
  97.2% {
    background-position: -345px -460px;
  }
}
@keyframes keyframes_419_png {
  0.0% {
    background-position: 0 0;
  }
  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: -690px 0;
  }
  19.4% {
    background-position: -805px 0;
  }
  22.2% {
    background-position: 0 -115px;
  }
  25.0% {
    background-position: -115px -115px;
  }
  27.8% {
    background-position: -230px -115px;
  }
  30.6% {
    background-position: -345px -115px;
  }
  33.3% {
    background-position: -460px -115px;
  }
  36.1% {
    background-position: -575px -115px;
  }
  38.9% {
    background-position: -690px -115px;
  }
  41.7% {
    background-position: -805px -115px;
  }
  44.4% {
    background-position: 0 -230px;
  }
  47.2% {
    background-position: -115px -230px;
  }
  50.0% {
    background-position: -230px -230px;
  }
  52.8% {
    background-position: -345px -230px;
  }
  55.6% {
    background-position: -460px -230px;
  }
  58.3% {
    background-position: -575px -230px;
  }
  61.1% {
    background-position: -690px -230px;
  }
  63.9% {
    background-position: -805px -230px;
  }
  66.7% {
    background-position: 0 -345px;
  }
  69.4% {
    background-position: -115px -345px;
  }
  72.2% {
    background-position: -230px -345px;
  }
  75.0% {
    background-position: -345px -345px;
  }
  77.8% {
    background-position: -460px -345px;
  }
  80.6% {
    background-position: -575px -345px;
  }
  83.3% {
    background-position: -690px -345px;
  }
  86.1% {
    background-position: -805px -345px;
  }
  88.9% {
    background-position: 0 -460px;
  }
  91.7% {
    background-position: -115px -460px;
  }
  94.4% {
    background-position: -230px -460px;
  }
  97.2% {
    background-position: -345px -460px;
  }
}
.jh-21 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  7.1% {
    background-position: -230px 0;
  }
  10.7% {
    background-position: -345px 0;
  }
  14.3% {
    background-position: 0 -115px;
  }
  17.9% {
    background-position: -115px -115px;
  }
  21.4% {
    background-position: -230px -115px;
  }
  25.0% {
    background-position: -345px -115px;
  }
  28.6% {
    background-position: 0 -230px;
  }
  32.1% {
    background-position: -115px -230px;
  }
  35.7% {
    background-position: -230px -230px;
  }
  39.3% {
    background-position: -345px -230px;
  }
  42.9% {
    background-position: 0 -345px;
  }
  46.4% {
    background-position: -115px -345px;
  }
  50.0% {
    background-position: -230px -345px;
  }
  53.6% {
    background-position: -345px -345px;
  }
  57.1% {
    background-position: 0 -460px;
  }
  60.7% {
    background-position: -115px -460px;
  }
  64.3% {
    background-position: -230px -460px;
  }
  67.9% {
    background-position: -345px -460px;
  }
  71.4% {
    background-position: 0 -575px;
  }
  75.0% {
    background-position: -115px -575px;
  }
  78.6% {
    background-position: -230px -575px;
  }
  82.1% {
    background-position: -345px -575px;
  }
  85.7% {
    background-position: 0 -690px;
  }
  89.3% {
    background-position: -115px -690px;
  }
  92.9% {
    background-position: -230px -690px;
  }
  96.4% {
    background-position: -345px -690px;
  }
}
@keyframes keyframes_420_png {
  0.0% {
    background-position: 0 0;
  }
  3.6% {
    background-position: -115px 0;
  }
  7.1% {
    background-position: -230px 0;
  }
  10.7% {
    background-position: -345px 0;
  }
  14.3% {
    background-position: 0 -115px;
  }
  17.9% {
    background-position: -115px -115px;
  }
  21.4% {
    background-position: -230px -115px;
  }
  25.0% {
    background-position: -345px -115px;
  }
  28.6% {
    background-position: 0 -230px;
  }
  32.1% {
    background-position: -115px -230px;
  }
  35.7% {
    background-position: -230px -230px;
  }
  39.3% {
    background-position: -345px -230px;
  }
  42.9% {
    background-position: 0 -345px;
  }
  46.4% {
    background-position: -115px -345px;
  }
  50.0% {
    background-position: -230px -345px;
  }
  53.6% {
    background-position: -345px -345px;
  }
  57.1% {
    background-position: 0 -460px;
  }
  60.7% {
    background-position: -115px -460px;
  }
  64.3% {
    background-position: -230px -460px;
  }
  67.9% {
    background-position: -345px -460px;
  }
  71.4% {
    background-position: 0 -575px;
  }
  75.0% {
    background-position: -115px -575px;
  }
  78.6% {
    background-position: -230px -575px;
  }
  82.1% {
    background-position: -345px -575px;
  }
  85.7% {
    background-position: 0 -690px;
  }
  89.3% {
    background-position: -115px -690px;
  }
  92.9% {
    background-position: -230px -690px;
  }
  96.4% {
    background-position: -345px -690px;
  }
}
.jh-22 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  11.8% {
    background-position: -230px 0;
  }
  17.6% {
    background-position: -345px 0;
  }
  23.5% {
    background-position: 0 -115px;
  }
  29.4% {
    background-position: -115px -115px;
  }
  35.3% {
    background-position: -230px -115px;
  }
  41.2% {
    background-position: -345px -115px;
  }
  47.1% {
    background-position: 0 -230px;
  }
  52.9% {
    background-position: -115px -230px;
  }
  58.8% {
    background-position: -230px -230px;
  }
  64.7% {
    background-position: -345px -230px;
  }
  70.6% {
    background-position: 0 -345px;
  }
  76.5% {
    background-position: -115px -345px;
  }
  82.4% {
    background-position: -230px -345px;
  }
  88.2% {
    background-position: -345px -345px;
  }
  94.1% {
    background-position: 0 -460px;
  }
}
@keyframes keyframes_421_png {
  0.0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -115px 0;
  }
  11.8% {
    background-position: -230px 0;
  }
  17.6% {
    background-position: -345px 0;
  }
  23.5% {
    background-position: 0 -115px;
  }
  29.4% {
    background-position: -115px -115px;
  }
  35.3% {
    background-position: -230px -115px;
  }
  41.2% {
    background-position: -345px -115px;
  }
  47.1% {
    background-position: 0 -230px;
  }
  52.9% {
    background-position: -115px -230px;
  }
  58.8% {
    background-position: -230px -230px;
  }
  64.7% {
    background-position: -345px -230px;
  }
  70.6% {
    background-position: 0 -345px;
  }
  76.5% {
    background-position: -115px -345px;
  }
  82.4% {
    background-position: -230px -345px;
  }
  88.2% {
    background-position: -345px -345px;
  }
  94.1% {
    background-position: 0 -460px;
  }
}
.jh-23 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  11.8% {
    background-position: -230px 0;
  }
  17.6% {
    background-position: -345px 0;
  }
  23.5% {
    background-position: 0 -115px;
  }
  29.4% {
    background-position: -115px -115px;
  }
  35.3% {
    background-position: -230px -115px;
  }
  41.2% {
    background-position: -345px -115px;
  }
  47.1% {
    background-position: 0 -230px;
  }
  52.9% {
    background-position: -115px -230px;
  }
  58.8% {
    background-position: -230px -230px;
  }
  64.7% {
    background-position: -345px -230px;
  }
  70.6% {
    background-position: 0 -345px;
  }
  76.5% {
    background-position: -115px -345px;
  }
  82.4% {
    background-position: -230px -345px;
  }
  88.2% {
    background-position: -345px -345px;
  }
  94.1% {
    background-position: 0 -460px;
  }
}
@keyframes keyframes_422_png {
  0.0% {
    background-position: 0 0;
  }
  5.9% {
    background-position: -115px 0;
  }
  11.8% {
    background-position: -230px 0;
  }
  17.6% {
    background-position: -345px 0;
  }
  23.5% {
    background-position: 0 -115px;
  }
  29.4% {
    background-position: -115px -115px;
  }
  35.3% {
    background-position: -230px -115px;
  }
  41.2% {
    background-position: -345px -115px;
  }
  47.1% {
    background-position: 0 -230px;
  }
  52.9% {
    background-position: -115px -230px;
  }
  58.8% {
    background-position: -230px -230px;
  }
  64.7% {
    background-position: -345px -230px;
  }
  70.6% {
    background-position: 0 -345px;
  }
  76.5% {
    background-position: -115px -345px;
  }
  82.4% {
    background-position: -230px -345px;
  }
  88.2% {
    background-position: -345px -345px;
  }
  94.1% {
    background-position: 0 -460px;
  }
}
.jh-24 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  28.6% {
    background-position: -230px 0;
  }
  42.9% {
    background-position: -345px 0;
  }
  57.1% {
    background-position: -460px 0;
  }
  71.4% {
    background-position: -575px 0;
  }
  85.7% {
    background-position: -690px 0;
  }
}
@keyframes keyframes_423_png {
  0.0% {
    background-position: 0 0;
  }
  14.3% {
    background-position: -115px 0;
  }
  28.6% {
    background-position: -230px 0;
  }
  42.9% {
    background-position: -345px 0;
  }
  57.1% {
    background-position: -460px 0;
  }
  71.4% {
    background-position: -575px 0;
  }
  85.7% {
    background-position: -690px 0;
  }
}
.jh-25 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  22.2% {
    background-position: 0 -115px;
  }
  33.3% {
    background-position: -115px -115px;
  }
  44.4% {
    background-position: 0 -230px;
  }
  55.6% {
    background-position: -115px -230px;
  }
  66.7% {
    background-position: 0 -345px;
  }
  77.8% {
    background-position: -115px -345px;
  }
  88.9% {
    background-position: 0 -460px;
  }
}
@keyframes keyframes_424_png {
  0.0% {
    background-position: 0 0;
  }
  11.1% {
    background-position: -115px 0;
  }
  22.2% {
    background-position: 0 -115px;
  }
  33.3% {
    background-position: -115px -115px;
  }
  44.4% {
    background-position: 0 -230px;
  }
  55.6% {
    background-position: -115px -230px;
  }
  66.7% {
    background-position: 0 -345px;
  }
  77.8% {
    background-position: -115px -345px;
  }
  88.9% {
    background-position: 0 -460px;
  }
}
.jh-26 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  8.7% {
    background-position: -230px 0;
  }
  13.0% {
    background-position: -345px 0;
  }
  17.4% {
    background-position: -460px 0;
  }
  21.7% {
    background-position: -575px 0;
  }
  26.1% {
    background-position: -690px 0;
  }
  30.4% {
    background-position: -805px 0;
  }
  34.8% {
    background-position: 0 -115px;
  }
  39.1% {
    background-position: -115px -115px;
  }
  43.5% {
    background-position: -230px -115px;
  }
  47.8% {
    background-position: -345px -115px;
  }
  52.2% {
    background-position: -460px -115px;
  }
  56.5% {
    background-position: -575px -115px;
  }
  60.9% {
    background-position: -690px -115px;
  }
  65.2% {
    background-position: -805px -115px;
  }
  69.6% {
    background-position: 0 -230px;
  }
  73.9% {
    background-position: -115px -230px;
  }
  78.3% {
    background-position: -230px -230px;
  }
  82.6% {
    background-position: -345px -230px;
  }
  87.0% {
    background-position: -460px -230px;
  }
  91.3% {
    background-position: -575px -230px;
  }
  95.7% {
    background-position: -690px -230px;
  }
}
@keyframes keyframes_425_png {
  0.0% {
    background-position: 0 0;
  }
  4.3% {
    background-position: -115px 0;
  }
  8.7% {
    background-position: -230px 0;
  }
  13.0% {
    background-position: -345px 0;
  }
  17.4% {
    background-position: -460px 0;
  }
  21.7% {
    background-position: -575px 0;
  }
  26.1% {
    background-position: -690px 0;
  }
  30.4% {
    background-position: -805px 0;
  }
  34.8% {
    background-position: 0 -115px;
  }
  39.1% {
    background-position: -115px -115px;
  }
  43.5% {
    background-position: -230px -115px;
  }
  47.8% {
    background-position: -345px -115px;
  }
  52.2% {
    background-position: -460px -115px;
  }
  56.5% {
    background-position: -575px -115px;
  }
  60.9% {
    background-position: -690px -115px;
  }
  65.2% {
    background-position: -805px -115px;
  }
  69.6% {
    background-position: 0 -230px;
  }
  73.9% {
    background-position: -115px -230px;
  }
  78.3% {
    background-position: -230px -230px;
  }
  82.6% {
    background-position: -345px -230px;
  }
  87.0% {
    background-position: -460px -230px;
  }
  91.3% {
    background-position: -575px -230px;
  }
  95.7% {
    background-position: -690px -230px;
  }
}
.jh-27 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  4.3% {
    background-position: -230px 0;
  }
  6.4% {
    background-position: -345px 0;
  }
  8.5% {
    background-position: -460px 0;
  }
  10.6% {
    background-position: -575px 0;
  }
  12.8% {
    background-position: -690px 0;
  }
  14.9% {
    background-position: -805px 0;
  }
  17.0% {
    background-position: 0 -115px;
  }
  19.1% {
    background-position: -115px -115px;
  }
  21.3% {
    background-position: -230px -115px;
  }
  23.4% {
    background-position: -345px -115px;
  }
  25.5% {
    background-position: -460px -115px;
  }
  27.7% {
    background-position: -575px -115px;
  }
  29.8% {
    background-position: -690px -115px;
  }
  31.9% {
    background-position: -805px -115px;
  }
  34.0% {
    background-position: 0 -230px;
  }
  36.2% {
    background-position: -115px -230px;
  }
  38.3% {
    background-position: -230px -230px;
  }
  40.4% {
    background-position: -345px -230px;
  }
  42.6% {
    background-position: -460px -230px;
  }
  44.7% {
    background-position: -575px -230px;
  }
  46.8% {
    background-position: -690px -230px;
  }
  48.9% {
    background-position: -805px -230px;
  }
  51.1% {
    background-position: 0 -345px;
  }
  53.2% {
    background-position: -115px -345px;
  }
  55.3% {
    background-position: -230px -345px;
  }
  57.4% {
    background-position: -345px -345px;
  }
  59.6% {
    background-position: -460px -345px;
  }
  61.7% {
    background-position: -575px -345px;
  }
  63.8% {
    background-position: -690px -345px;
  }
  66.0% {
    background-position: -805px -345px;
  }
  68.1% {
    background-position: 0 -460px;
  }
  70.2% {
    background-position: -115px -460px;
  }
  72.3% {
    background-position: -230px -460px;
  }
  74.5% {
    background-position: -345px -460px;
  }
  76.6% {
    background-position: -460px -460px;
  }
  78.7% {
    background-position: -575px -460px;
  }
  80.9% {
    background-position: -690px -460px;
  }
  83.0% {
    background-position: -805px -460px;
  }
  85.1% {
    background-position: 0 -575px;
  }
  87.2% {
    background-position: -115px -575px;
  }
  89.4% {
    background-position: -230px -575px;
  }
  91.5% {
    background-position: -345px -575px;
  }
  93.6% {
    background-position: -460px -575px;
  }
  95.7% {
    background-position: -575px -575px;
  }
  97.9% {
    background-position: -690px -575px;
  }
}
@keyframes keyframes_426_png {
  0.0% {
    background-position: 0 0;
  }
  2.1% {
    background-position: -115px 0;
  }
  4.3% {
    background-position: -230px 0;
  }
  6.4% {
    background-position: -345px 0;
  }
  8.5% {
    background-position: -460px 0;
  }
  10.6% {
    background-position: -575px 0;
  }
  12.8% {
    background-position: -690px 0;
  }
  14.9% {
    background-position: -805px 0;
  }
  17.0% {
    background-position: 0 -115px;
  }
  19.1% {
    background-position: -115px -115px;
  }
  21.3% {
    background-position: -230px -115px;
  }
  23.4% {
    background-position: -345px -115px;
  }
  25.5% {
    background-position: -460px -115px;
  }
  27.7% {
    background-position: -575px -115px;
  }
  29.8% {
    background-position: -690px -115px;
  }
  31.9% {
    background-position: -805px -115px;
  }
  34.0% {
    background-position: 0 -230px;
  }
  36.2% {
    background-position: -115px -230px;
  }
  38.3% {
    background-position: -230px -230px;
  }
  40.4% {
    background-position: -345px -230px;
  }
  42.6% {
    background-position: -460px -230px;
  }
  44.7% {
    background-position: -575px -230px;
  }
  46.8% {
    background-position: -690px -230px;
  }
  48.9% {
    background-position: -805px -230px;
  }
  51.1% {
    background-position: 0 -345px;
  }
  53.2% {
    background-position: -115px -345px;
  }
  55.3% {
    background-position: -230px -345px;
  }
  57.4% {
    background-position: -345px -345px;
  }
  59.6% {
    background-position: -460px -345px;
  }
  61.7% {
    background-position: -575px -345px;
  }
  63.8% {
    background-position: -690px -345px;
  }
  66.0% {
    background-position: -805px -345px;
  }
  68.1% {
    background-position: 0 -460px;
  }
  70.2% {
    background-position: -115px -460px;
  }
  72.3% {
    background-position: -230px -460px;
  }
  74.5% {
    background-position: -345px -460px;
  }
  76.6% {
    background-position: -460px -460px;
  }
  78.7% {
    background-position: -575px -460px;
  }
  80.9% {
    background-position: -690px -460px;
  }
  83.0% {
    background-position: -805px -460px;
  }
  85.1% {
    background-position: 0 -575px;
  }
  87.2% {
    background-position: -115px -575px;
  }
  89.4% {
    background-position: -230px -575px;
  }
  91.5% {
    background-position: -345px -575px;
  }
  93.6% {
    background-position: -460px -575px;
  }
  95.7% {
    background-position: -575px -575px;
  }
  97.9% {
    background-position: -690px -575px;
  }
}
.jh-28 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  7.7% {
    background-position: -230px 0;
  }
  11.5% {
    background-position: -345px 0;
  }
  15.4% {
    background-position: 0 -115px;
  }
  19.2% {
    background-position: -115px -115px;
  }
  23.1% {
    background-position: -230px -115px;
  }
  26.9% {
    background-position: -345px -115px;
  }
  30.8% {
    background-position: 0 -230px;
  }
  34.6% {
    background-position: -115px -230px;
  }
  38.5% {
    background-position: -230px -230px;
  }
  42.3% {
    background-position: -345px -230px;
  }
  46.2% {
    background-position: 0 -345px;
  }
  50.0% {
    background-position: -115px -345px;
  }
  53.8% {
    background-position: -230px -345px;
  }
  57.7% {
    background-position: -345px -345px;
  }
  61.5% {
    background-position: 0 -460px;
  }
  65.4% {
    background-position: -115px -460px;
  }
  69.2% {
    background-position: -230px -460px;
  }
  73.1% {
    background-position: -345px -460px;
  }
  76.9% {
    background-position: 0 -575px;
  }
  80.8% {
    background-position: -115px -575px;
  }
  84.6% {
    background-position: -230px -575px;
  }
  88.5% {
    background-position: -345px -575px;
  }
  92.3% {
    background-position: 0 -690px;
  }
  96.2% {
    background-position: -115px -690px;
  }
}
@keyframes keyframes_427_png {
  0.0% {
    background-position: 0 0;
  }
  3.8% {
    background-position: -115px 0;
  }
  7.7% {
    background-position: -230px 0;
  }
  11.5% {
    background-position: -345px 0;
  }
  15.4% {
    background-position: 0 -115px;
  }
  19.2% {
    background-position: -115px -115px;
  }
  23.1% {
    background-position: -230px -115px;
  }
  26.9% {
    background-position: -345px -115px;
  }
  30.8% {
    background-position: 0 -230px;
  }
  34.6% {
    background-position: -115px -230px;
  }
  38.5% {
    background-position: -230px -230px;
  }
  42.3% {
    background-position: -345px -230px;
  }
  46.2% {
    background-position: 0 -345px;
  }
  50.0% {
    background-position: -115px -345px;
  }
  53.8% {
    background-position: -230px -345px;
  }
  57.7% {
    background-position: -345px -345px;
  }
  61.5% {
    background-position: 0 -460px;
  }
  65.4% {
    background-position: -115px -460px;
  }
  69.2% {
    background-position: -230px -460px;
  }
  73.1% {
    background-position: -345px -460px;
  }
  76.9% {
    background-position: 0 -575px;
  }
  80.8% {
    background-position: -115px -575px;
  }
  84.6% {
    background-position: -230px -575px;
  }
  88.5% {
    background-position: -345px -575px;
  }
  92.3% {
    background-position: 0 -690px;
  }
  96.2% {
    background-position: -115px -690px;
  }
}
.jh-29 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  7.7% {
    background-position: -230px 0;
  }
  11.5% {
    background-position: -345px 0;
  }
  15.4% {
    background-position: 0 -115px;
  }
  19.2% {
    background-position: -115px -115px;
  }
  23.1% {
    background-position: -230px -115px;
  }
  26.9% {
    background-position: -345px -115px;
  }
  30.8% {
    background-position: 0 -230px;
  }
  34.6% {
    background-position: -115px -230px;
  }
  38.5% {
    background-position: -230px -230px;
  }
  42.3% {
    background-position: -345px -230px;
  }
  46.2% {
    background-position: 0 -345px;
  }
  50.0% {
    background-position: -115px -345px;
  }
  53.8% {
    background-position: -230px -345px;
  }
  57.7% {
    background-position: -345px -345px;
  }
  61.5% {
    background-position: 0 -460px;
  }
  65.4% {
    background-position: -115px -460px;
  }
  69.2% {
    background-position: -230px -460px;
  }
  73.1% {
    background-position: -345px -460px;
  }
  76.9% {
    background-position: 0 -575px;
  }
  80.8% {
    background-position: -115px -575px;
  }
  84.6% {
    background-position: -230px -575px;
  }
  88.5% {
    background-position: -345px -575px;
  }
  92.3% {
    background-position: 0 -690px;
  }
  96.2% {
    background-position: -115px -690px;
  }
}
@keyframes keyframes_428_png {
  0.0% {
    background-position: 0 0;
  }
  3.8% {
    background-position: -115px 0;
  }
  7.7% {
    background-position: -230px 0;
  }
  11.5% {
    background-position: -345px 0;
  }
  15.4% {
    background-position: 0 -115px;
  }
  19.2% {
    background-position: -115px -115px;
  }
  23.1% {
    background-position: -230px -115px;
  }
  26.9% {
    background-position: -345px -115px;
  }
  30.8% {
    background-position: 0 -230px;
  }
  34.6% {
    background-position: -115px -230px;
  }
  38.5% {
    background-position: -230px -230px;
  }
  42.3% {
    background-position: -345px -230px;
  }
  46.2% {
    background-position: 0 -345px;
  }
  50.0% {
    background-position: -115px -345px;
  }
  53.8% {
    background-position: -230px -345px;
  }
  57.7% {
    background-position: -345px -345px;
  }
  61.5% {
    background-position: 0 -460px;
  }
  65.4% {
    background-position: -115px -460px;
  }
  69.2% {
    background-position: -230px -460px;
  }
  73.1% {
    background-position: -345px -460px;
  }
  76.9% {
    background-position: 0 -575px;
  }
  80.8% {
    background-position: -115px -575px;
  }
  84.6% {
    background-position: -230px -575px;
  }
  88.5% {
    background-position: -345px -575px;
  }
  92.3% {
    background-position: 0 -690px;
  }
  96.2% {
    background-position: -115px -690px;
  }
}
.jh-30 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  6.1% {
    background-position: -230px 0;
  }
  9.1% {
    background-position: -345px 0;
  }
  12.1% {
    background-position: -460px 0;
  }
  15.2% {
    background-position: -575px 0;
  }
  18.2% {
    background-position: -690px 0;
  }
  21.2% {
    background-position: 0 -115px;
  }
  24.2% {
    background-position: -115px -115px;
  }
  27.3% {
    background-position: -230px -115px;
  }
  30.3% {
    background-position: -345px -115px;
  }
  33.3% {
    background-position: -460px -115px;
  }
  36.4% {
    background-position: -575px -115px;
  }
  39.4% {
    background-position: -690px -115px;
  }
  42.4% {
    background-position: 0 -230px;
  }
  45.5% {
    background-position: -115px -230px;
  }
  48.5% {
    background-position: -230px -230px;
  }
  51.5% {
    background-position: -345px -230px;
  }
  54.5% {
    background-position: -460px -230px;
  }
  57.6% {
    background-position: -575px -230px;
  }
  60.6% {
    background-position: -690px -230px;
  }
  63.6% {
    background-position: 0 -345px;
  }
  66.7% {
    background-position: -115px -345px;
  }
  69.7% {
    background-position: -230px -345px;
  }
  72.7% {
    background-position: -345px -345px;
  }
  75.8% {
    background-position: -460px -345px;
  }
  78.8% {
    background-position: -575px -345px;
  }
  81.8% {
    background-position: -690px -345px;
  }
  84.8% {
    background-position: 0 -460px;
  }
  87.9% {
    background-position: -115px -460px;
  }
  90.9% {
    background-position: -230px -460px;
  }
  93.9% {
    background-position: -345px -460px;
  }
  97.0% {
    background-position: -460px -460px;
  }
}
@keyframes keyframes_429_png {
  0.0% {
    background-position: 0 0;
  }
  3.0% {
    background-position: -115px 0;
  }
  6.1% {
    background-position: -230px 0;
  }
  9.1% {
    background-position: -345px 0;
  }
  12.1% {
    background-position: -460px 0;
  }
  15.2% {
    background-position: -575px 0;
  }
  18.2% {
    background-position: -690px 0;
  }
  21.2% {
    background-position: 0 -115px;
  }
  24.2% {
    background-position: -115px -115px;
  }
  27.3% {
    background-position: -230px -115px;
  }
  30.3% {
    background-position: -345px -115px;
  }
  33.3% {
    background-position: -460px -115px;
  }
  36.4% {
    background-position: -575px -115px;
  }
  39.4% {
    background-position: -690px -115px;
  }
  42.4% {
    background-position: 0 -230px;
  }
  45.5% {
    background-position: -115px -230px;
  }
  48.5% {
    background-position: -230px -230px;
  }
  51.5% {
    background-position: -345px -230px;
  }
  54.5% {
    background-position: -460px -230px;
  }
  57.6% {
    background-position: -575px -230px;
  }
  60.6% {
    background-position: -690px -230px;
  }
  63.6% {
    background-position: 0 -345px;
  }
  66.7% {
    background-position: -115px -345px;
  }
  69.7% {
    background-position: -230px -345px;
  }
  72.7% {
    background-position: -345px -345px;
  }
  75.8% {
    background-position: -460px -345px;
  }
  78.8% {
    background-position: -575px -345px;
  }
  81.8% {
    background-position: -690px -345px;
  }
  84.8% {
    background-position: 0 -460px;
  }
  87.9% {
    background-position: -115px -460px;
  }
  90.9% {
    background-position: -230px -460px;
  }
  93.9% {
    background-position: -345px -460px;
  }
  97.0% {
    background-position: -460px -460px;
  }
}
.jh-31 {
  height: 116px;
  width: 116px;
  -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;
    /* no */
  }
  4.2% {
    background-position: -232px 0;
    /* no */
  }
  6.3% {
    background-position: -348px 0;
    /* no */
  }
  8.3% {
    background-position: -464px 0;
    /* no */
  }
  10.4% {
    background-position: -580px 0;
    /* no */
  }
  12.5% {
    background-position: -696px 0;
    /* no */
  }
  14.6% {
    background-position: 0 -116px;
    /* no */
  }
  16.7% {
    background-position: -116px -116px;
    /* no */
  }
  18.8% {
    background-position: -232px -116px;
    /* no */
  }
  20.8% {
    background-position: -348px -116px;
    /* no */
  }
  22.9% {
    background-position: -464px -116px;
    /* no */
  }
  25% {
    background-position: -580px -116px;
    /* no */
  }
  27.1% {
    background-position: -696px -116px;
    /* no */
  }
  29.2% {
    background-position: 0 -232px;
    /* no */
  }
  31.3% {
    background-position: -116px -232px;
    /* no */
  }
  33.3% {
    background-position: -232px -232px;
    /* no */
  }
  35.4% {
    background-position: -348px -232px;
    /* no */
  }
  37.5% {
    background-position: -464px -232px;
    /* no */
  }
  39.6% {
    background-position: -580px -232px;
    /* no */
  }
  41.7% {
    background-position: -696px -232px;
    /* no */
  }
  43.8% {
    background-position: 0 -348px;
    /* no */
  }
  45.8% {
    background-position: -116px -348px;
    /* no */
  }
  47.9% {
    background-position: -232px -348px;
    /* no */
  }
  50% {
    background-position: -348px -348px;
    /* no */
  }
  52.1% {
    background-position: -464px -348px;
    /* no */
  }
  54.2% {
    background-position: -580px -348px;
    /* no */
  }
  56.3% {
    background-position: -696px -348px;
    /* no */
  }
  58.3% {
    background-position: 0 -464px;
    /* no */
  }
  60.4% {
    background-position: -116px -464px;
    /* no */
  }
  62.5% {
    background-position: -232px -464px;
    /* no */
  }
  64.6% {
    background-position: -348px -464px;
    /* no */
  }
  66.7% {
    background-position: -464px -464px;
    /* no */
  }
  68.8% {
    background-position: -580px -464px;
    /* no */
  }
  70.8% {
    background-position: -696px -464px;
    /* no */
  }
  72.9% {
    background-position: 0 -580px;
    /* no */
  }
  75% {
    background-position: -116px -580px;
    /* no */
  }
  77.1% {
    background-position: -232px -580px;
    /* no */
  }
  79.2% {
    background-position: -348px -580px;
    /* no */
  }
  81.3% {
    background-position: -464px -580px;
    /* no */
  }
  83.3% {
    background-position: -580px -580px;
    /* no */
  }
  85.4% {
    background-position: -696px -580px;
    /* no */
  }
  87.5% {
    background-position: 0 -696px;
    /* no */
  }
  89.6% {
    background-position: -116px -696px;
    /* no */
  }
  91.7% {
    background-position: -232px -696px;
    /* no */
  }
  93.8% {
    background-position: -348px -696px;
    /* no */
  }
  95.8% {
    background-position: -464px -696px;
    /* no */
  }
  97.9% {
    background-position: -580px -696px;
    /* no */
  }
  100% {
    background-position: -580px -696px;
    /* no */
  }
}
@keyframes sprite_yuhecheng_1_1 {
  0% {
    background-position: 0 0;
    /* no */
  }
  2.1% {
    background-position: -116px 0;
    /* no */
  }
  4.2% {
    background-position: -232px 0;
    /* no */
  }
  6.3% {
    background-position: -348px 0;
    /* no */
  }
  8.3% {
    background-position: -464px 0;
    /* no */
  }
  10.4% {
    background-position: -580px 0;
    /* no */
  }
  12.5% {
    background-position: -696px 0;
    /* no */
  }
  14.6% {
    background-position: 0 -116px;
    /* no */
  }
  16.7% {
    background-position: -116px -116px;
    /* no */
  }
  18.8% {
    background-position: -232px -116px;
    /* no */
  }
  20.8% {
    background-position: -348px -116px;
    /* no */
  }
  22.9% {
    background-position: -464px -116px;
    /* no */
  }
  25% {
    background-position: -580px -116px;
    /* no */
  }
  27.1% {
    background-position: -696px -116px;
    /* no */
  }
  29.2% {
    background-position: 0 -232px;
    /* no */
  }
  31.3% {
    background-position: -116px -232px;
    /* no */
  }
  33.3% {
    background-position: -232px -232px;
    /* no */
  }
  35.4% {
    background-position: -348px -232px;
    /* no */
  }
  37.5% {
    background-position: -464px -232px;
    /* no */
  }
  39.6% {
    background-position: -580px -232px;
    /* no */
  }
  41.7% {
    background-position: -696px -232px;
    /* no */
  }
  43.8% {
    background-position: 0 -348px;
    /* no */
  }
  45.8% {
    background-position: -116px -348px;
    /* no */
  }
  47.9% {
    background-position: -232px -348px;
    /* no */
  }
  50% {
    background-position: -348px -348px;
    /* no */
  }
  52.1% {
    background-position: -464px -348px;
    /* no */
  }
  54.2% {
    background-position: -580px -348px;
    /* no */
  }
  56.3% {
    background-position: -696px -348px;
    /* no */
  }
  58.3% {
    background-position: 0 -464px;
    /* no */
  }
  60.4% {
    background-position: -116px -464px;
    /* no */
  }
  62.5% {
    background-position: -232px -464px;
    /* no */
  }
  64.6% {
    background-position: -348px -464px;
    /* no */
  }
  66.7% {
    background-position: -464px -464px;
    /* no */
  }
  68.8% {
    background-position: -580px -464px;
    /* no */
  }
  70.8% {
    background-position: -696px -464px;
    /* no */
  }
  72.9% {
    background-position: 0 -580px;
    /* no */
  }
  75% {
    background-position: -116px -580px;
    /* no */
  }
  77.1% {
    background-position: -232px -580px;
    /* no */
  }
  79.2% {
    background-position: -348px -580px;
    /* no */
  }
  81.3% {
    background-position: -464px -580px;
    /* no */
  }
  83.3% {
    background-position: -580px -580px;
    /* no */
  }
  85.4% {
    background-position: -696px -580px;
    /* no */
  }
  87.5% {
    background-position: 0 -696px;
    /* no */
  }
  89.6% {
    background-position: -116px -696px;
    /* no */
  }
  91.7% {
    background-position: -232px -696px;
    /* no */
  }
  93.8% {
    background-position: -348px -696px;
    /* no */
  }
  95.8% {
    background-position: -464px -696px;
    /* no */
  }
  97.9% {
    background-position: -580px -696px;
    /* no */
  }
  100% {
    background-position: -580px -696px;
    /* no */
  }
}
.jh-32 {
  height: 115px;
  width: 115px;
  -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;
    /* no */
  }
  7.4% {
    background-position: -230px 0;
    /* no */
  }
  11.1% {
    background-position: -345px 0;
    /* no */
  }
  14.8% {
    background-position: -460px 0;
    /* no */
  }
  18.5% {
    background-position: -575px 0;
    /* no */
  }
  22.2% {
    background-position: 0 -115px;
    /* no */
  }
  25.9% {
    background-position: -115px -115px;
    /* no */
  }
  29.6% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37% {
    background-position: -460px -115px;
    /* no */
  }
  40.7% {
    background-position: -575px -115px;
    /* no */
  }
  44.4% {
    background-position: 0 -230px;
    /* no */
  }
  48.1% {
    background-position: -115px -230px;
    /* no */
  }
  51.9% {
    background-position: -230px -230px;
    /* no */
  }
  55.6% {
    background-position: -345px -230px;
    /* no */
  }
  59.3% {
    background-position: -460px -230px;
    /* no */
  }
  63% {
    background-position: -575px -230px;
    /* no */
  }
  66.7% {
    background-position: 0 -345px;
    /* no */
  }
  70.4% {
    background-position: -115px -345px;
    /* no */
  }
  74.1% {
    background-position: -230px -345px;
    /* no */
  }
  77.8% {
    background-position: -345px -345px;
    /* no */
  }
  81.5% {
    background-position: -460px -345px;
    /* no */
  }
  85.2% {
    background-position: -575px -345px;
    /* no */
  }
  88.9% {
    background-position: 0 -460px;
    /* no */
  }
  92.6% {
    background-position: -115px -460px;
    /* no */
  }
  96.3% {
    background-position: -230px -460px;
    /* no */
  }
  100% {
    background-position: -230px -460px;
    /* no */
  }
}
@keyframes sprite_image_0_26__png_1 {
  0% {
    background-position: 0 0;
    /* no */
  }
  3.7% {
    background-position: -115px 0;
    /* no */
  }
  7.4% {
    background-position: -230px 0;
    /* no */
  }
  11.1% {
    background-position: -345px 0;
    /* no */
  }
  14.8% {
    background-position: -460px 0;
    /* no */
  }
  18.5% {
    background-position: -575px 0;
    /* no */
  }
  22.2% {
    background-position: 0 -115px;
    /* no */
  }
  25.9% {
    background-position: -115px -115px;
    /* no */
  }
  29.6% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37% {
    background-position: -460px -115px;
    /* no */
  }
  40.7% {
    background-position: -575px -115px;
    /* no */
  }
  44.4% {
    background-position: 0 -230px;
    /* no */
  }
  48.1% {
    background-position: -115px -230px;
    /* no */
  }
  51.9% {
    background-position: -230px -230px;
    /* no */
  }
  55.6% {
    background-position: -345px -230px;
    /* no */
  }
  59.3% {
    background-position: -460px -230px;
    /* no */
  }
  63% {
    background-position: -575px -230px;
    /* no */
  }
  66.7% {
    background-position: 0 -345px;
    /* no */
  }
  70.4% {
    background-position: -115px -345px;
    /* no */
  }
  74.1% {
    background-position: -230px -345px;
    /* no */
  }
  77.8% {
    background-position: -345px -345px;
    /* no */
  }
  81.5% {
    background-position: -460px -345px;
    /* no */
  }
  85.2% {
    background-position: -575px -345px;
    /* no */
  }
  88.9% {
    background-position: 0 -460px;
    /* no */
  }
  92.6% {
    background-position: -115px -460px;
    /* no */
  }
  96.3% {
    background-position: -230px -460px;
    /* no */
  }
  100% {
    background-position: -230px -460px;
    /* no */
  }
}
.jh-33 {
  height: 115px;
  width: 115px;
  -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;
    /* no */
  }
  6.7% {
    background-position: -230px 0;
    /* no */
  }
  10% {
    background-position: -345px 0;
    /* no */
  }
  13.3% {
    background-position: -460px 0;
    /* no */
  }
  16.7% {
    background-position: -575px 0;
    /* no */
  }
  20% {
    background-position: 0 -115px;
    /* no */
  }
  23.3% {
    background-position: -115px -115px;
    /* no */
  }
  26.7% {
    background-position: -230px -115px;
    /* no */
  }
  30% {
    background-position: -345px -115px;
    /* no */
  }
  33.3% {
    background-position: -460px -115px;
    /* no */
  }
  36.7% {
    background-position: -575px -115px;
    /* no */
  }
  40% {
    background-position: 0 -230px;
    /* no */
  }
  43.3% {
    background-position: -115px -230px;
    /* no */
  }
  46.7% {
    background-position: -230px -230px;
    /* no */
  }
  50% {
    background-position: -345px -230px;
    /* no */
  }
  53.3% {
    background-position: -460px -230px;
    /* no */
  }
  56.7% {
    background-position: -575px -230px;
    /* no */
  }
  60% {
    background-position: 0 -345px;
    /* no */
  }
  63.3% {
    background-position: -115px -345px;
    /* no */
  }
  66.7% {
    background-position: -230px -345px;
    /* no */
  }
  70% {
    background-position: -345px -345px;
    /* no */
  }
  73.3% {
    background-position: -460px -345px;
    /* no */
  }
  76.7% {
    background-position: -575px -345px;
    /* no */
  }
  80% {
    background-position: 0 -460px;
    /* no */
  }
  83.3% {
    background-position: -115px -460px;
    /* no */
  }
  86.7% {
    background-position: -230px -460px;
    /* no */
  }
  90% {
    background-position: -345px -460px;
    /* no */
  }
  93.3% {
    background-position: -460px -460px;
    /* no */
  }
  96.7% {
    background-position: -575px -460px;
    /* no */
  }
  100% {
    background-position: -575px -460px;
    /* no */
  }
}
@keyframes sprite_image_0_29__png_1 {
  0% {
    background-position: 0 0;
    /* no */
  }
  3.3% {
    background-position: -115px 0;
    /* no */
  }
  6.7% {
    background-position: -230px 0;
    /* no */
  }
  10% {
    background-position: -345px 0;
    /* no */
  }
  13.3% {
    background-position: -460px 0;
    /* no */
  }
  16.7% {
    background-position: -575px 0;
    /* no */
  }
  20% {
    background-position: 0 -115px;
    /* no */
  }
  23.3% {
    background-position: -115px -115px;
    /* no */
  }
  26.7% {
    background-position: -230px -115px;
    /* no */
  }
  30% {
    background-position: -345px -115px;
    /* no */
  }
  33.3% {
    background-position: -460px -115px;
    /* no */
  }
  36.7% {
    background-position: -575px -115px;
    /* no */
  }
  40% {
    background-position: 0 -230px;
    /* no */
  }
  43.3% {
    background-position: -115px -230px;
    /* no */
  }
  46.7% {
    background-position: -230px -230px;
    /* no */
  }
  50% {
    background-position: -345px -230px;
    /* no */
  }
  53.3% {
    background-position: -460px -230px;
    /* no */
  }
  56.7% {
    background-position: -575px -230px;
    /* no */
  }
  60% {
    background-position: 0 -345px;
    /* no */
  }
  63.3% {
    background-position: -115px -345px;
    /* no */
  }
  66.7% {
    background-position: -230px -345px;
    /* no */
  }
  70% {
    background-position: -345px -345px;
    /* no */
  }
  73.3% {
    background-position: -460px -345px;
    /* no */
  }
  76.7% {
    background-position: -575px -345px;
    /* no */
  }
  80% {
    background-position: 0 -460px;
    /* no */
  }
  83.3% {
    background-position: -115px -460px;
    /* no */
  }
  86.7% {
    background-position: -230px -460px;
    /* no */
  }
  90% {
    background-position: -345px -460px;
    /* no */
  }
  93.3% {
    background-position: -460px -460px;
    /* no */
  }
  96.7% {
    background-position: -575px -460px;
    /* no */
  }
  100% {
    background-position: -575px -460px;
    /* no */
  }
}
.jh-34 {
  height: 115px;
  width: 115px;
  -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;
    /* no */
  }
  6.7% {
    background-position: -230px 0;
    /* no */
  }
  10% {
    background-position: -345px 0;
    /* no */
  }
  13.3% {
    background-position: -460px 0;
    /* no */
  }
  16.7% {
    background-position: -575px 0;
    /* no */
  }
  20% {
    background-position: 0 -115px;
    /* no */
  }
  23.3% {
    background-position: -115px -115px;
    /* no */
  }
  26.7% {
    background-position: -230px -115px;
    /* no */
  }
  30% {
    background-position: -345px -115px;
    /* no */
  }
  33.3% {
    background-position: -460px -115px;
    /* no */
  }
  36.7% {
    background-position: -575px -115px;
    /* no */
  }
  40% {
    background-position: 0 -230px;
    /* no */
  }
  43.3% {
    background-position: -115px -230px;
    /* no */
  }
  46.7% {
    background-position: -230px -230px;
    /* no */
  }
  50% {
    background-position: -345px -230px;
    /* no */
  }
  53.3% {
    background-position: -460px -230px;
    /* no */
  }
  56.7% {
    background-position: -575px -230px;
    /* no */
  }
  60% {
    background-position: 0 -345px;
    /* no */
  }
  63.3% {
    background-position: -115px -345px;
    /* no */
  }
  66.7% {
    background-position: -230px -345px;
    /* no */
  }
  70% {
    background-position: -345px -345px;
    /* no */
  }
  73.3% {
    background-position: -460px -345px;
    /* no */
  }
  76.7% {
    background-position: -575px -345px;
    /* no */
  }
  80% {
    background-position: 0 -460px;
    /* no */
  }
  83.3% {
    background-position: -115px -460px;
    /* no */
  }
  86.7% {
    background-position: -230px -460px;
    /* no */
  }
  90% {
    background-position: -345px -460px;
    /* no */
  }
  93.3% {
    background-position: -460px -460px;
    /* no */
  }
  96.7% {
    background-position: -575px -460px;
    /* no */
  }
  100% {
    background-position: -575px -460px;
    /* no */
  }
}
.jh-35 {
  height: 115px;
  width: 115px;
  -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;
    /* no */
  }
  6.7% {
    background-position: -230px 0;
    /* no */
  }
  10% {
    background-position: -345px 0;
    /* no */
  }
  13.3% {
    background-position: -460px 0;
    /* no */
  }
  16.7% {
    background-position: -575px 0;
    /* no */
  }
  20% {
    background-position: 0 -115px;
    /* no */
  }
  23.3% {
    background-position: -115px -115px;
    /* no */
  }
  26.7% {
    background-position: -230px -115px;
    /* no */
  }
  30% {
    background-position: -345px -115px;
    /* no */
  }
  33.3% {
    background-position: -460px -115px;
    /* no */
  }
  36.7% {
    background-position: -575px -115px;
    /* no */
  }
  40% {
    background-position: 0 -230px;
    /* no */
  }
  43.3% {
    background-position: -115px -230px;
    /* no */
  }
  46.7% {
    background-position: -230px -230px;
    /* no */
  }
  50% {
    background-position: -345px -230px;
    /* no */
  }
  53.3% {
    background-position: -460px -230px;
    /* no */
  }
  56.7% {
    background-position: -575px -230px;
    /* no */
  }
  60% {
    background-position: 0 -345px;
    /* no */
  }
  63.3% {
    background-position: -115px -345px;
    /* no */
  }
  66.7% {
    background-position: -230px -345px;
    /* no */
  }
  70% {
    background-position: -345px -345px;
    /* no */
  }
  73.3% {
    background-position: -460px -345px;
    /* no */
  }
  76.7% {
    background-position: -575px -345px;
    /* no */
  }
  80% {
    background-position: 0 -460px;
    /* no */
  }
  83.3% {
    background-position: -115px -460px;
    /* no */
  }
  86.7% {
    background-position: -230px -460px;
    /* no */
  }
  90% {
    background-position: -345px -460px;
    /* no */
  }
  93.3% {
    background-position: -460px -460px;
    /* no */
  }
  96.7% {
    background-position: -575px -460px;
    /* no */
  }
  100% {
    background-position: -575px -460px;
    /* no */
  }
}
.jh-36 {
  height: 115px;
  width: 115px;
  -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;
    /* no */
  }
  5.6% {
    background-position: -230px 0;
    /* no */
  }
  8.3% {
    background-position: -345px 0;
    /* no */
  }
  11.1% {
    background-position: -460px 0;
    /* no */
  }
  13.9% {
    background-position: -575px 0;
    /* no */
  }
  16.7% {
    background-position: 0 -115px;
    /* no */
  }
  19.4% {
    background-position: -115px -115px;
    /* no */
  }
  22.2% {
    background-position: -230px -115px;
    /* no */
  }
  25% {
    background-position: -345px -115px;
    /* no */
  }
  27.8% {
    background-position: -460px -115px;
    /* no */
  }
  30.6% {
    background-position: -575px -115px;
    /* no */
  }
  33.3% {
    background-position: 0 -230px;
    /* no */
  }
  36.1% {
    background-position: -115px -230px;
    /* no */
  }
  38.9% {
    background-position: -230px -230px;
    /* no */
  }
  41.7% {
    background-position: -345px -230px;
    /* no */
  }
  44.4% {
    background-position: -460px -230px;
    /* no */
  }
  47.2% {
    background-position: -575px -230px;
    /* no */
  }
  50% {
    background-position: 0 -345px;
    /* no */
  }
  52.8% {
    background-position: -115px -345px;
    /* no */
  }
  55.6% {
    background-position: -230px -345px;
    /* no */
  }
  58.3% {
    background-position: -345px -345px;
    /* no */
  }
  61.1% {
    background-position: -460px -345px;
    /* no */
  }
  63.9% {
    background-position: -575px -345px;
    /* no */
  }
  66.7% {
    background-position: 0 -460px;
    /* no */
  }
  69.4% {
    background-position: -115px -460px;
    /* no */
  }
  72.2% {
    background-position: -230px -460px;
    /* no */
  }
  75% {
    background-position: -345px -460px;
    /* no */
  }
  77.8% {
    background-position: -460px -460px;
    /* no */
  }
  80.6% {
    background-position: -575px -460px;
    /* no */
  }
  83.3% {
    background-position: 0 -575px;
    /* no */
  }
  86.1% {
    background-position: -115px -575px;
    /* no */
  }
  88.9% {
    background-position: -230px -575px;
    /* no */
  }
  91.7% {
    background-position: -345px -575px;
    /* no */
  }
  94.4% {
    background-position: -460px -575px;
    /* no */
  }
  97.2% {
    background-position: -575px -575px;
    /* no */
  }
  100% {
    background-position: -575px -575px;
    /* no */
  }
}
@keyframes sprite_image_0_35__png_1 {
  0% {
    background-position: 0 0;
    /* no */
  }
  2.8% {
    background-position: -115px 0;
    /* no */
  }
  5.6% {
    background-position: -230px 0;
    /* no */
  }
  8.3% {
    background-position: -345px 0;
    /* no */
  }
  11.1% {
    background-position: -460px 0;
    /* no */
  }
  13.9% {
    background-position: -575px 0;
    /* no */
  }
  16.7% {
    background-position: 0 -115px;
    /* no */
  }
  19.4% {
    background-position: -115px -115px;
    /* no */
  }
  22.2% {
    background-position: -230px -115px;
    /* no */
  }
  25% {
    background-position: -345px -115px;
    /* no */
  }
  27.8% {
    background-position: -460px -115px;
    /* no */
  }
  30.6% {
    background-position: -575px -115px;
    /* no */
  }
  33.3% {
    background-position: 0 -230px;
    /* no */
  }
  36.1% {
    background-position: -115px -230px;
    /* no */
  }
  38.9% {
    background-position: -230px -230px;
    /* no */
  }
  41.7% {
    background-position: -345px -230px;
    /* no */
  }
  44.4% {
    background-position: -460px -230px;
    /* no */
  }
  47.2% {
    background-position: -575px -230px;
    /* no */
  }
  50% {
    background-position: 0 -345px;
    /* no */
  }
  52.8% {
    background-position: -115px -345px;
    /* no */
  }
  55.6% {
    background-position: -230px -345px;
    /* no */
  }
  58.3% {
    background-position: -345px -345px;
    /* no */
  }
  61.1% {
    background-position: -460px -345px;
    /* no */
  }
  63.9% {
    background-position: -575px -345px;
    /* no */
  }
  66.7% {
    background-position: 0 -460px;
    /* no */
  }
  69.4% {
    background-position: -115px -460px;
    /* no */
  }
  72.2% {
    background-position: -230px -460px;
    /* no */
  }
  75% {
    background-position: -345px -460px;
    /* no */
  }
  77.8% {
    background-position: -460px -460px;
    /* no */
  }
  80.6% {
    background-position: -575px -460px;
    /* no */
  }
  83.3% {
    background-position: 0 -575px;
    /* no */
  }
  86.1% {
    background-position: -115px -575px;
    /* no */
  }
  88.9% {
    background-position: -230px -575px;
    /* no */
  }
  91.7% {
    background-position: -345px -575px;
    /* no */
  }
  94.4% {
    background-position: -460px -575px;
    /* no */
  }
  97.2% {
    background-position: -575px -575px;
    /* no */
  }
  100% {
    background-position: -575px -575px;
    /* no */
  }
}
.jh-37 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  -webkit-animation: sprite_image_0_23__png_1 2s steps(1) infinite;
          animation: sprite_image_0_23__png_1 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/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;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
@keyframes sprite_image_0_23__png_1 {
  0% {
    background-position: 0 0;
    /* no */
  }
  4.2% {
    background-position: -115px 0;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
.jh-38 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  -webkit-animation: sprite_image_0_23__png_2 2s steps(1) infinite;
          animation: sprite_image_0_23__png_2 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/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;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
@keyframes sprite_image_0_23__png_2 {
  0% {
    background-position: 0 0;
    /* no */
  }
  4.2% {
    background-position: -115px 0;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
.jh-39 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  -webkit-animation: sprite_image_0_23__png_3 2s steps(1) infinite;
          animation: sprite_image_0_23__png_3 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/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;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
@keyframes sprite_image_0_23__png_3 {
  0% {
    background-position: 0 0;
    /* no */
  }
  4.2% {
    background-position: -115px 0;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
.jh-40 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  -webkit-animation: sprite_image_0_23__png_4 2s steps(1) infinite;
          animation: sprite_image_0_23__png_4 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/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;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
@keyframes sprite_image_0_23__png_4 {
  0% {
    background-position: 0 0;
    /* no */
  }
  4.2% {
    background-position: -115px 0;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
.jh-41 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  -webkit-animation: sprite_image_0_23__png_5 2s steps(1) infinite;
          animation: sprite_image_0_23__png_5 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/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;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
@keyframes sprite_image_0_23__png_5 {
  0% {
    background-position: 0 0;
    /* no */
  }
  4.2% {
    background-position: -115px 0;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
.jh-42 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  -webkit-animation: sprite_image_0_23__png_6 2s steps(1) infinite;
          animation: sprite_image_0_23__png_6 2s steps(1) infinite;
  background: url(https://h.res.netease.com/pc/zt/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;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
@keyframes sprite_image_0_23__png_6 {
  0% {
    background-position: 0 0;
    /* no */
  }
  4.2% {
    background-position: -115px 0;
    /* no */
  }
  8.3% {
    background-position: -230px 0;
    /* no */
  }
  12.5% {
    background-position: -345px 0;
    /* no */
  }
  16.7% {
    background-position: -460px 0;
    /* no */
  }
  20.8% {
    background-position: 0 -115px;
    /* no */
  }
  25% {
    background-position: -115px -115px;
    /* no */
  }
  29.2% {
    background-position: -230px -115px;
    /* no */
  }
  33.3% {
    background-position: -345px -115px;
    /* no */
  }
  37.5% {
    background-position: -460px -115px;
    /* no */
  }
  41.7% {
    background-position: 0 -230px;
    /* no */
  }
  45.8% {
    background-position: -115px -230px;
    /* no */
  }
  50% {
    background-position: -230px -230px;
    /* no */
  }
  54.2% {
    background-position: -345px -230px;
    /* no */
  }
  58.3% {
    background-position: -460px -230px;
    /* no */
  }
  62.5% {
    background-position: 0 -345px;
    /* no */
  }
  66.7% {
    background-position: -115px -345px;
    /* no */
  }
  70.8% {
    background-position: -230px -345px;
    /* no */
  }
  75% {
    background-position: -345px -345px;
    /* no */
  }
  79.2% {
    background-position: -460px -345px;
    /* no */
  }
  83.3% {
    background-position: 0 -460px;
    /* no */
  }
  87.5% {
    background-position: -115px -460px;
    /* no */
  }
  91.7% {
    background-position: -230px -460px;
    /* no */
  }
  95.8% {
    background-position: -345px -460px;
    /* no */
  }
  100% {
    background-position: -345px -460px;
    /* no */
  }
}
.nxh-1 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  1.1% {
    background-position: -230px 0;
  }
  1.7% {
    background-position: -345px 0;
  }
  2.2% {
    background-position: -460px 0;
  }
  2.8% {
    background-position: -575px 0;
  }
  3.3% {
    background-position: -690px 0;
  }
  3.9% {
    background-position: -805px 0;
  }
  4.4% {
    background-position: -920px 0;
  }
  5% {
    background-position: -1035px 0;
  }
  5.6% {
    background-position: -1150px 0;
  }
  6.1% {
    background-position: -1265px 0;
  }
  6.7% {
    background-position: -1380px 0;
  }
  7.2% {
    background-position: -1495px 0;
  }
  7.8% {
    background-position: 0 -115px;
  }
  8.3% {
    background-position: -115px -115px;
  }
  8.9% {
    background-position: -230px -115px;
  }
  9.4% {
    background-position: -345px -115px;
  }
  10% {
    background-position: -460px -115px;
  }
  10.6% {
    background-position: -575px -115px;
  }
  11.1% {
    background-position: -690px -115px;
  }
  11.7% {
    background-position: -805px -115px;
  }
  12.2% {
    background-position: -920px -115px;
  }
  12.8% {
    background-position: -1035px -115px;
  }
  13.3% {
    background-position: -1150px -115px;
  }
  13.9% {
    background-position: -1265px -115px;
  }
  14.4% {
    background-position: -1380px -115px;
  }
  15% {
    background-position: -1495px -115px;
  }
  15.6% {
    background-position: 0 -230px;
  }
  16.1% {
    background-position: -115px -230px;
  }
  16.7% {
    background-position: -230px -230px;
  }
  17.2% {
    background-position: -345px -230px;
  }
  17.8% {
    background-position: -460px -230px;
  }
  18.3% {
    background-position: -575px -230px;
  }
  18.9% {
    background-position: -690px -230px;
  }
  19.4% {
    background-position: -805px -230px;
  }
  20% {
    background-position: -920px -230px;
  }
  20.6% {
    background-position: -1035px -230px;
  }
  21.1% {
    background-position: -1150px -230px;
  }
  21.7% {
    background-position: -1265px -230px;
  }
  22.2% {
    background-position: -1380px -230px;
  }
  22.8% {
    background-position: -1495px -230px;
  }
  23.3% {
    background-position: 0 -345px;
  }
  23.9% {
    background-position: -115px -345px;
  }
  24.4% {
    background-position: -230px -345px;
  }
  25% {
    background-position: -345px -345px;
  }
  25.6% {
    background-position: -460px -345px;
  }
  26.1% {
    background-position: -575px -345px;
  }
  26.7% {
    background-position: -690px -345px;
  }
  27.2% {
    background-position: -805px -345px;
  }
  27.8% {
    background-position: -920px -345px;
  }
  28.3% {
    background-position: -1035px -345px;
  }
  28.9% {
    background-position: -1150px -345px;
  }
  29.4% {
    background-position: -1265px -345px;
  }
  30% {
    background-position: -1380px -345px;
  }
  30.6% {
    background-position: -1495px -345px;
  }
  31.1% {
    background-position: 0 -460px;
  }
  31.7% {
    background-position: -115px -460px;
  }
  32.2% {
    background-position: -230px -460px;
  }
  32.8% {
    background-position: -345px -460px;
  }
  33.3% {
    background-position: -460px -460px;
  }
  33.9% {
    background-position: -575px -460px;
  }
  34.4% {
    background-position: -690px -460px;
  }
  35% {
    background-position: -805px -460px;
  }
  35.6% {
    background-position: -920px -460px;
  }
  36.1% {
    background-position: -1035px -460px;
  }
  36.7% {
    background-position: -1150px -460px;
  }
  37.2% {
    background-position: -1265px -460px;
  }
  37.8% {
    background-position: -1380px -460px;
  }
  38.3% {
    background-position: -1495px -460px;
  }
  38.9% {
    background-position: 0 -575px;
  }
  39.4% {
    background-position: -115px -575px;
  }
  40% {
    background-position: -230px -575px;
  }
  40.6% {
    background-position: -345px -575px;
  }
  41.1% {
    background-position: -460px -575px;
  }
  41.7% {
    background-position: -575px -575px;
  }
  42.2% {
    background-position: -690px -575px;
  }
  42.8% {
    background-position: -805px -575px;
  }
  43.3% {
    background-position: -920px -575px;
  }
  43.9% {
    background-position: -1035px -575px;
  }
  44.4% {
    background-position: -1150px -575px;
  }
  45% {
    background-position: -1265px -575px;
  }
  45.6% {
    background-position: -1380px -575px;
  }
  46.1% {
    background-position: -1495px -575px;
  }
  46.7% {
    background-position: 0 -690px;
  }
  47.2% {
    background-position: -115px -690px;
  }
  47.8% {
    background-position: -230px -690px;
  }
  48.3% {
    background-position: -345px -690px;
  }
  48.9% {
    background-position: -460px -690px;
  }
  49.4% {
    background-position: -575px -690px;
  }
  50% {
    background-position: -690px -690px;
  }
  50.6% {
    background-position: -805px -690px;
  }
  51.1% {
    background-position: -920px -690px;
  }
  51.7% {
    background-position: -1035px -690px;
  }
  52.2% {
    background-position: -1150px -690px;
  }
  52.8% {
    background-position: -1265px -690px;
  }
  53.3% {
    background-position: -1380px -690px;
  }
  53.9% {
    background-position: -1495px -690px;
  }
  54.4% {
    background-position: 0 -805px;
  }
  55% {
    background-position: -115px -805px;
  }
  55.6% {
    background-position: -230px -805px;
  }
  56.1% {
    background-position: -345px -805px;
  }
  56.7% {
    background-position: -460px -805px;
  }
  57.2% {
    background-position: -575px -805px;
  }
  57.8% {
    background-position: -690px -805px;
  }
  58.3% {
    background-position: -805px -805px;
  }
  58.9% {
    background-position: -920px -805px;
  }
  59.4% {
    background-position: -1035px -805px;
  }
  60% {
    background-position: -1150px -805px;
  }
  60.6% {
    background-position: -1265px -805px;
  }
  61.1% {
    background-position: -1380px -805px;
  }
  61.7% {
    background-position: -1495px -805px;
  }
  62.2% {
    background-position: 0 -920px;
  }
  62.8% {
    background-position: -115px -920px;
  }
  63.3% {
    background-position: -230px -920px;
  }
  63.9% {
    background-position: -345px -920px;
  }
  64.4% {
    background-position: -460px -920px;
  }
  65% {
    background-position: -575px -920px;
  }
  65.6% {
    background-position: -690px -920px;
  }
  66.1% {
    background-position: -805px -920px;
  }
  66.7% {
    background-position: -920px -920px;
  }
  67.2% {
    background-position: -1035px -920px;
  }
  67.8% {
    background-position: -1150px -920px;
  }
  68.3% {
    background-position: -1265px -920px;
  }
  68.9% {
    background-position: -1380px -920px;
  }
  69.4% {
    background-position: -1495px -920px;
  }
  70% {
    background-position: 0 -1035px;
  }
  70.6% {
    background-position: -115px -1035px;
  }
  71.1% {
    background-position: -230px -1035px;
  }
  71.7% {
    background-position: -345px -1035px;
  }
  72.2% {
    background-position: -460px -1035px;
  }
  72.8% {
    background-position: -575px -1035px;
  }
  73.3% {
    background-position: -690px -1035px;
  }
  73.9% {
    background-position: -805px -1035px;
  }
  74.4% {
    background-position: -920px -1035px;
  }
  75% {
    background-position: -1035px -1035px;
  }
  75.6% {
    background-position: -1150px -1035px;
  }
  76.1% {
    background-position: -1265px -1035px;
  }
  76.7% {
    background-position: -1380px -1035px;
  }
  77.2% {
    background-position: -1495px -1035px;
  }
  77.8% {
    background-position: 0 -1150px;
  }
  78.3% {
    background-position: -115px -1150px;
  }
  78.9% {
    background-position: -230px -1150px;
  }
  79.4% {
    background-position: -345px -1150px;
  }
  80% {
    background-position: -460px -1150px;
  }
  80.6% {
    background-position: -575px -1150px;
  }
  81.1% {
    background-position: -690px -1150px;
  }
  81.7% {
    background-position: -805px -1150px;
  }
  82.2% {
    background-position: -920px -1150px;
  }
  82.8% {
    background-position: -1035px -1150px;
  }
  83.3% {
    background-position: -1150px -1150px;
  }
  83.9% {
    background-position: -1265px -1150px;
  }
  84.4% {
    background-position: -1380px -1150px;
  }
  85% {
    background-position: -1495px -1150px;
  }
  85.6% {
    background-position: 0 -1265px;
  }
  86.1% {
    background-position: -115px -1265px;
  }
  86.7% {
    background-position: -230px -1265px;
  }
  87.2% {
    background-position: -345px -1265px;
  }
  87.8% {
    background-position: -460px -1265px;
  }
  88.3% {
    background-position: -575px -1265px;
  }
  88.9% {
    background-position: -690px -1265px;
  }
  89.4% {
    background-position: -805px -1265px;
  }
  90% {
    background-position: -920px -1265px;
  }
  90.6% {
    background-position: -1035px -1265px;
  }
  91.1% {
    background-position: -1150px -1265px;
  }
  91.7% {
    background-position: -1265px -1265px;
  }
  92.2% {
    background-position: -1380px -1265px;
  }
  92.8% {
    background-position: -1495px -1265px;
  }
  93.3% {
    background-position: 0 -1380px;
  }
  93.9% {
    background-position: -115px -1380px;
  }
  94.4% {
    background-position: -230px -1380px;
  }
  95% {
    background-position: -345px -1380px;
  }
  95.6% {
    background-position: -460px -1380px;
  }
  96.1% {
    background-position: -575px -1380px;
  }
  96.7% {
    background-position: -690px -1380px;
  }
  97.2% {
    background-position: -805px -1380px;
  }
  97.8% {
    background-position: -920px -1380px;
  }
  98.3% {
    background-position: -1035px -1380px;
  }
  98.9% {
    background-position: -1150px -1380px;
  }
  99.4% {
    background-position: -1265px -1380px;
  }
  100% {
    background-position: -1265px -1380px;
  }
}
@keyframes key_jh_30 {
  0% {
    background-position: 0 0;
  }
  0.6% {
    background-position: -115px 0;
  }
  1.1% {
    background-position: -230px 0;
  }
  1.7% {
    background-position: -345px 0;
  }
  2.2% {
    background-position: -460px 0;
  }
  2.8% {
    background-position: -575px 0;
  }
  3.3% {
    background-position: -690px 0;
  }
  3.9% {
    background-position: -805px 0;
  }
  4.4% {
    background-position: -920px 0;
  }
  5% {
    background-position: -1035px 0;
  }
  5.6% {
    background-position: -1150px 0;
  }
  6.1% {
    background-position: -1265px 0;
  }
  6.7% {
    background-position: -1380px 0;
  }
  7.2% {
    background-position: -1495px 0;
  }
  7.8% {
    background-position: 0 -115px;
  }
  8.3% {
    background-position: -115px -115px;
  }
  8.9% {
    background-position: -230px -115px;
  }
  9.4% {
    background-position: -345px -115px;
  }
  10% {
    background-position: -460px -115px;
  }
  10.6% {
    background-position: -575px -115px;
  }
  11.1% {
    background-position: -690px -115px;
  }
  11.7% {
    background-position: -805px -115px;
  }
  12.2% {
    background-position: -920px -115px;
  }
  12.8% {
    background-position: -1035px -115px;
  }
  13.3% {
    background-position: -1150px -115px;
  }
  13.9% {
    background-position: -1265px -115px;
  }
  14.4% {
    background-position: -1380px -115px;
  }
  15% {
    background-position: -1495px -115px;
  }
  15.6% {
    background-position: 0 -230px;
  }
  16.1% {
    background-position: -115px -230px;
  }
  16.7% {
    background-position: -230px -230px;
  }
  17.2% {
    background-position: -345px -230px;
  }
  17.8% {
    background-position: -460px -230px;
  }
  18.3% {
    background-position: -575px -230px;
  }
  18.9% {
    background-position: -690px -230px;
  }
  19.4% {
    background-position: -805px -230px;
  }
  20% {
    background-position: -920px -230px;
  }
  20.6% {
    background-position: -1035px -230px;
  }
  21.1% {
    background-position: -1150px -230px;
  }
  21.7% {
    background-position: -1265px -230px;
  }
  22.2% {
    background-position: -1380px -230px;
  }
  22.8% {
    background-position: -1495px -230px;
  }
  23.3% {
    background-position: 0 -345px;
  }
  23.9% {
    background-position: -115px -345px;
  }
  24.4% {
    background-position: -230px -345px;
  }
  25% {
    background-position: -345px -345px;
  }
  25.6% {
    background-position: -460px -345px;
  }
  26.1% {
    background-position: -575px -345px;
  }
  26.7% {
    background-position: -690px -345px;
  }
  27.2% {
    background-position: -805px -345px;
  }
  27.8% {
    background-position: -920px -345px;
  }
  28.3% {
    background-position: -1035px -345px;
  }
  28.9% {
    background-position: -1150px -345px;
  }
  29.4% {
    background-position: -1265px -345px;
  }
  30% {
    background-position: -1380px -345px;
  }
  30.6% {
    background-position: -1495px -345px;
  }
  31.1% {
    background-position: 0 -460px;
  }
  31.7% {
    background-position: -115px -460px;
  }
  32.2% {
    background-position: -230px -460px;
  }
  32.8% {
    background-position: -345px -460px;
  }
  33.3% {
    background-position: -460px -460px;
  }
  33.9% {
    background-position: -575px -460px;
  }
  34.4% {
    background-position: -690px -460px;
  }
  35% {
    background-position: -805px -460px;
  }
  35.6% {
    background-position: -920px -460px;
  }
  36.1% {
    background-position: -1035px -460px;
  }
  36.7% {
    background-position: -1150px -460px;
  }
  37.2% {
    background-position: -1265px -460px;
  }
  37.8% {
    background-position: -1380px -460px;
  }
  38.3% {
    background-position: -1495px -460px;
  }
  38.9% {
    background-position: 0 -575px;
  }
  39.4% {
    background-position: -115px -575px;
  }
  40% {
    background-position: -230px -575px;
  }
  40.6% {
    background-position: -345px -575px;
  }
  41.1% {
    background-position: -460px -575px;
  }
  41.7% {
    background-position: -575px -575px;
  }
  42.2% {
    background-position: -690px -575px;
  }
  42.8% {
    background-position: -805px -575px;
  }
  43.3% {
    background-position: -920px -575px;
  }
  43.9% {
    background-position: -1035px -575px;
  }
  44.4% {
    background-position: -1150px -575px;
  }
  45% {
    background-position: -1265px -575px;
  }
  45.6% {
    background-position: -1380px -575px;
  }
  46.1% {
    background-position: -1495px -575px;
  }
  46.7% {
    background-position: 0 -690px;
  }
  47.2% {
    background-position: -115px -690px;
  }
  47.8% {
    background-position: -230px -690px;
  }
  48.3% {
    background-position: -345px -690px;
  }
  48.9% {
    background-position: -460px -690px;
  }
  49.4% {
    background-position: -575px -690px;
  }
  50% {
    background-position: -690px -690px;
  }
  50.6% {
    background-position: -805px -690px;
  }
  51.1% {
    background-position: -920px -690px;
  }
  51.7% {
    background-position: -1035px -690px;
  }
  52.2% {
    background-position: -1150px -690px;
  }
  52.8% {
    background-position: -1265px -690px;
  }
  53.3% {
    background-position: -1380px -690px;
  }
  53.9% {
    background-position: -1495px -690px;
  }
  54.4% {
    background-position: 0 -805px;
  }
  55% {
    background-position: -115px -805px;
  }
  55.6% {
    background-position: -230px -805px;
  }
  56.1% {
    background-position: -345px -805px;
  }
  56.7% {
    background-position: -460px -805px;
  }
  57.2% {
    background-position: -575px -805px;
  }
  57.8% {
    background-position: -690px -805px;
  }
  58.3% {
    background-position: -805px -805px;
  }
  58.9% {
    background-position: -920px -805px;
  }
  59.4% {
    background-position: -1035px -805px;
  }
  60% {
    background-position: -1150px -805px;
  }
  60.6% {
    background-position: -1265px -805px;
  }
  61.1% {
    background-position: -1380px -805px;
  }
  61.7% {
    background-position: -1495px -805px;
  }
  62.2% {
    background-position: 0 -920px;
  }
  62.8% {
    background-position: -115px -920px;
  }
  63.3% {
    background-position: -230px -920px;
  }
  63.9% {
    background-position: -345px -920px;
  }
  64.4% {
    background-position: -460px -920px;
  }
  65% {
    background-position: -575px -920px;
  }
  65.6% {
    background-position: -690px -920px;
  }
  66.1% {
    background-position: -805px -920px;
  }
  66.7% {
    background-position: -920px -920px;
  }
  67.2% {
    background-position: -1035px -920px;
  }
  67.8% {
    background-position: -1150px -920px;
  }
  68.3% {
    background-position: -1265px -920px;
  }
  68.9% {
    background-position: -1380px -920px;
  }
  69.4% {
    background-position: -1495px -920px;
  }
  70% {
    background-position: 0 -1035px;
  }
  70.6% {
    background-position: -115px -1035px;
  }
  71.1% {
    background-position: -230px -1035px;
  }
  71.7% {
    background-position: -345px -1035px;
  }
  72.2% {
    background-position: -460px -1035px;
  }
  72.8% {
    background-position: -575px -1035px;
  }
  73.3% {
    background-position: -690px -1035px;
  }
  73.9% {
    background-position: -805px -1035px;
  }
  74.4% {
    background-position: -920px -1035px;
  }
  75% {
    background-position: -1035px -1035px;
  }
  75.6% {
    background-position: -1150px -1035px;
  }
  76.1% {
    background-position: -1265px -1035px;
  }
  76.7% {
    background-position: -1380px -1035px;
  }
  77.2% {
    background-position: -1495px -1035px;
  }
  77.8% {
    background-position: 0 -1150px;
  }
  78.3% {
    background-position: -115px -1150px;
  }
  78.9% {
    background-position: -230px -1150px;
  }
  79.4% {
    background-position: -345px -1150px;
  }
  80% {
    background-position: -460px -1150px;
  }
  80.6% {
    background-position: -575px -1150px;
  }
  81.1% {
    background-position: -690px -1150px;
  }
  81.7% {
    background-position: -805px -1150px;
  }
  82.2% {
    background-position: -920px -1150px;
  }
  82.8% {
    background-position: -1035px -1150px;
  }
  83.3% {
    background-position: -1150px -1150px;
  }
  83.9% {
    background-position: -1265px -1150px;
  }
  84.4% {
    background-position: -1380px -1150px;
  }
  85% {
    background-position: -1495px -1150px;
  }
  85.6% {
    background-position: 0 -1265px;
  }
  86.1% {
    background-position: -115px -1265px;
  }
  86.7% {
    background-position: -230px -1265px;
  }
  87.2% {
    background-position: -345px -1265px;
  }
  87.8% {
    background-position: -460px -1265px;
  }
  88.3% {
    background-position: -575px -1265px;
  }
  88.9% {
    background-position: -690px -1265px;
  }
  89.4% {
    background-position: -805px -1265px;
  }
  90% {
    background-position: -920px -1265px;
  }
  90.6% {
    background-position: -1035px -1265px;
  }
  91.1% {
    background-position: -1150px -1265px;
  }
  91.7% {
    background-position: -1265px -1265px;
  }
  92.2% {
    background-position: -1380px -1265px;
  }
  92.8% {
    background-position: -1495px -1265px;
  }
  93.3% {
    background-position: 0 -1380px;
  }
  93.9% {
    background-position: -115px -1380px;
  }
  94.4% {
    background-position: -230px -1380px;
  }
  95% {
    background-position: -345px -1380px;
  }
  95.6% {
    background-position: -460px -1380px;
  }
  96.1% {
    background-position: -575px -1380px;
  }
  96.7% {
    background-position: -690px -1380px;
  }
  97.2% {
    background-position: -805px -1380px;
  }
  97.8% {
    background-position: -920px -1380px;
  }
  98.3% {
    background-position: -1035px -1380px;
  }
  98.9% {
    background-position: -1150px -1380px;
  }
  99.4% {
    background-position: -1265px -1380px;
  }
  100% {
    background-position: -1265px -1380px;
  }
}
.nxh-2 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  1.1% {
    background-position: -230px 0;
  }
  1.7% {
    background-position: -345px 0;
  }
  2.2% {
    background-position: -460px 0;
  }
  2.8% {
    background-position: -575px 0;
  }
  3.3% {
    background-position: -690px 0;
  }
  3.9% {
    background-position: -805px 0;
  }
  4.4% {
    background-position: -920px 0;
  }
  5% {
    background-position: -1035px 0;
  }
  5.6% {
    background-position: -1150px 0;
  }
  6.1% {
    background-position: -1265px 0;
  }
  6.7% {
    background-position: -1380px 0;
  }
  7.2% {
    background-position: -1495px 0;
  }
  7.8% {
    background-position: 0 -115px;
  }
  8.3% {
    background-position: -115px -115px;
  }
  8.9% {
    background-position: -230px -115px;
  }
  9.4% {
    background-position: -345px -115px;
  }
  10% {
    background-position: -460px -115px;
  }
  10.6% {
    background-position: -575px -115px;
  }
  11.1% {
    background-position: -690px -115px;
  }
  11.7% {
    background-position: -805px -115px;
  }
  12.2% {
    background-position: -920px -115px;
  }
  12.8% {
    background-position: -1035px -115px;
  }
  13.3% {
    background-position: -1150px -115px;
  }
  13.9% {
    background-position: -1265px -115px;
  }
  14.4% {
    background-position: -1380px -115px;
  }
  15% {
    background-position: -1495px -115px;
  }
  15.6% {
    background-position: 0 -230px;
  }
  16.1% {
    background-position: -115px -230px;
  }
  16.7% {
    background-position: -230px -230px;
  }
  17.2% {
    background-position: -345px -230px;
  }
  17.8% {
    background-position: -460px -230px;
  }
  18.3% {
    background-position: -575px -230px;
  }
  18.9% {
    background-position: -690px -230px;
  }
  19.4% {
    background-position: -805px -230px;
  }
  20% {
    background-position: -920px -230px;
  }
  20.6% {
    background-position: -1035px -230px;
  }
  21.1% {
    background-position: -1150px -230px;
  }
  21.7% {
    background-position: -1265px -230px;
  }
  22.2% {
    background-position: -1380px -230px;
  }
  22.8% {
    background-position: -1495px -230px;
  }
  23.3% {
    background-position: 0 -345px;
  }
  23.9% {
    background-position: -115px -345px;
  }
  24.4% {
    background-position: -230px -345px;
  }
  25% {
    background-position: -345px -345px;
  }
  25.6% {
    background-position: -460px -345px;
  }
  26.1% {
    background-position: -575px -345px;
  }
  26.7% {
    background-position: -690px -345px;
  }
  27.2% {
    background-position: -805px -345px;
  }
  27.8% {
    background-position: -920px -345px;
  }
  28.3% {
    background-position: -1035px -345px;
  }
  28.9% {
    background-position: -1150px -345px;
  }
  29.4% {
    background-position: -1265px -345px;
  }
  30% {
    background-position: -1380px -345px;
  }
  30.6% {
    background-position: -1495px -345px;
  }
  31.1% {
    background-position: 0 -460px;
  }
  31.7% {
    background-position: -115px -460px;
  }
  32.2% {
    background-position: -230px -460px;
  }
  32.8% {
    background-position: -345px -460px;
  }
  33.3% {
    background-position: -460px -460px;
  }
  33.9% {
    background-position: -575px -460px;
  }
  34.4% {
    background-position: -690px -460px;
  }
  35% {
    background-position: -805px -460px;
  }
  35.6% {
    background-position: -920px -460px;
  }
  36.1% {
    background-position: -1035px -460px;
  }
  36.7% {
    background-position: -1150px -460px;
  }
  37.2% {
    background-position: -1265px -460px;
  }
  37.8% {
    background-position: -1380px -460px;
  }
  38.3% {
    background-position: -1495px -460px;
  }
  38.9% {
    background-position: 0 -575px;
  }
  39.4% {
    background-position: -115px -575px;
  }
  40% {
    background-position: -230px -575px;
  }
  40.6% {
    background-position: -345px -575px;
  }
  41.1% {
    background-position: -460px -575px;
  }
  41.7% {
    background-position: -575px -575px;
  }
  42.2% {
    background-position: -690px -575px;
  }
  42.8% {
    background-position: -805px -575px;
  }
  43.3% {
    background-position: -920px -575px;
  }
  43.9% {
    background-position: -1035px -575px;
  }
  44.4% {
    background-position: -1150px -575px;
  }
  45% {
    background-position: -1265px -575px;
  }
  45.6% {
    background-position: -1380px -575px;
  }
  46.1% {
    background-position: -1495px -575px;
  }
  46.7% {
    background-position: 0 -690px;
  }
  47.2% {
    background-position: -115px -690px;
  }
  47.8% {
    background-position: -230px -690px;
  }
  48.3% {
    background-position: -345px -690px;
  }
  48.9% {
    background-position: -460px -690px;
  }
  49.4% {
    background-position: -575px -690px;
  }
  50% {
    background-position: -690px -690px;
  }
  50.6% {
    background-position: -805px -690px;
  }
  51.1% {
    background-position: -920px -690px;
  }
  51.7% {
    background-position: -1035px -690px;
  }
  52.2% {
    background-position: -1150px -690px;
  }
  52.8% {
    background-position: -1265px -690px;
  }
  53.3% {
    background-position: -1380px -690px;
  }
  53.9% {
    background-position: -1495px -690px;
  }
  54.4% {
    background-position: 0 -805px;
  }
  55% {
    background-position: -115px -805px;
  }
  55.6% {
    background-position: -230px -805px;
  }
  56.1% {
    background-position: -345px -805px;
  }
  56.7% {
    background-position: -460px -805px;
  }
  57.2% {
    background-position: -575px -805px;
  }
  57.8% {
    background-position: -690px -805px;
  }
  58.3% {
    background-position: -805px -805px;
  }
  58.9% {
    background-position: -920px -805px;
  }
  59.4% {
    background-position: -1035px -805px;
  }
  60% {
    background-position: -1150px -805px;
  }
  60.6% {
    background-position: -1265px -805px;
  }
  61.1% {
    background-position: -1380px -805px;
  }
  61.7% {
    background-position: -1495px -805px;
  }
  62.2% {
    background-position: 0 -920px;
  }
  62.8% {
    background-position: -115px -920px;
  }
  63.3% {
    background-position: -230px -920px;
  }
  63.9% {
    background-position: -345px -920px;
  }
  64.4% {
    background-position: -460px -920px;
  }
  65% {
    background-position: -575px -920px;
  }
  65.6% {
    background-position: -690px -920px;
  }
  66.1% {
    background-position: -805px -920px;
  }
  66.7% {
    background-position: -920px -920px;
  }
  67.2% {
    background-position: -1035px -920px;
  }
  67.8% {
    background-position: -1150px -920px;
  }
  68.3% {
    background-position: -1265px -920px;
  }
  68.9% {
    background-position: -1380px -920px;
  }
  69.4% {
    background-position: -1495px -920px;
  }
  70% {
    background-position: 0 -1035px;
  }
  70.6% {
    background-position: -115px -1035px;
  }
  71.1% {
    background-position: -230px -1035px;
  }
  71.7% {
    background-position: -345px -1035px;
  }
  72.2% {
    background-position: -460px -1035px;
  }
  72.8% {
    background-position: -575px -1035px;
  }
  73.3% {
    background-position: -690px -1035px;
  }
  73.9% {
    background-position: -805px -1035px;
  }
  74.4% {
    background-position: -920px -1035px;
  }
  75% {
    background-position: -1035px -1035px;
  }
  75.6% {
    background-position: -1150px -1035px;
  }
  76.1% {
    background-position: -1265px -1035px;
  }
  76.7% {
    background-position: -1380px -1035px;
  }
  77.2% {
    background-position: -1495px -1035px;
  }
  77.8% {
    background-position: 0 -1150px;
  }
  78.3% {
    background-position: -115px -1150px;
  }
  78.9% {
    background-position: -230px -1150px;
  }
  79.4% {
    background-position: -345px -1150px;
  }
  80% {
    background-position: -460px -1150px;
  }
  80.6% {
    background-position: -575px -1150px;
  }
  81.1% {
    background-position: -690px -1150px;
  }
  81.7% {
    background-position: -805px -1150px;
  }
  82.2% {
    background-position: -920px -1150px;
  }
  82.8% {
    background-position: -1035px -1150px;
  }
  83.3% {
    background-position: -1150px -1150px;
  }
  83.9% {
    background-position: -1265px -1150px;
  }
  84.4% {
    background-position: -1380px -1150px;
  }
  85% {
    background-position: -1495px -1150px;
  }
  85.6% {
    background-position: 0 -1265px;
  }
  86.1% {
    background-position: -115px -1265px;
  }
  86.7% {
    background-position: -230px -1265px;
  }
  87.2% {
    background-position: -345px -1265px;
  }
  87.8% {
    background-position: -460px -1265px;
  }
  88.3% {
    background-position: -575px -1265px;
  }
  88.9% {
    background-position: -690px -1265px;
  }
  89.4% {
    background-position: -805px -1265px;
  }
  90% {
    background-position: -920px -1265px;
  }
  90.6% {
    background-position: -1035px -1265px;
  }
  91.1% {
    background-position: -1150px -1265px;
  }
  91.7% {
    background-position: -1265px -1265px;
  }
  92.2% {
    background-position: -1380px -1265px;
  }
  92.8% {
    background-position: -1495px -1265px;
  }
  93.3% {
    background-position: 0 -1380px;
  }
  93.9% {
    background-position: -115px -1380px;
  }
  94.4% {
    background-position: -230px -1380px;
  }
  95% {
    background-position: -345px -1380px;
  }
  95.6% {
    background-position: -460px -1380px;
  }
  96.1% {
    background-position: -575px -1380px;
  }
  96.7% {
    background-position: -690px -1380px;
  }
  97.2% {
    background-position: -805px -1380px;
  }
  97.8% {
    background-position: -920px -1380px;
  }
  98.3% {
    background-position: -1035px -1380px;
  }
  98.9% {
    background-position: -1150px -1380px;
  }
  99.4% {
    background-position: -1265px -1380px;
  }
  100% {
    background-position: -1265px -1380px;
  }
}
@keyframes key_jh_31 {
  0% {
    background-position: 0 0;
  }
  0.6% {
    background-position: -115px 0;
  }
  1.1% {
    background-position: -230px 0;
  }
  1.7% {
    background-position: -345px 0;
  }
  2.2% {
    background-position: -460px 0;
  }
  2.8% {
    background-position: -575px 0;
  }
  3.3% {
    background-position: -690px 0;
  }
  3.9% {
    background-position: -805px 0;
  }
  4.4% {
    background-position: -920px 0;
  }
  5% {
    background-position: -1035px 0;
  }
  5.6% {
    background-position: -1150px 0;
  }
  6.1% {
    background-position: -1265px 0;
  }
  6.7% {
    background-position: -1380px 0;
  }
  7.2% {
    background-position: -1495px 0;
  }
  7.8% {
    background-position: 0 -115px;
  }
  8.3% {
    background-position: -115px -115px;
  }
  8.9% {
    background-position: -230px -115px;
  }
  9.4% {
    background-position: -345px -115px;
  }
  10% {
    background-position: -460px -115px;
  }
  10.6% {
    background-position: -575px -115px;
  }
  11.1% {
    background-position: -690px -115px;
  }
  11.7% {
    background-position: -805px -115px;
  }
  12.2% {
    background-position: -920px -115px;
  }
  12.8% {
    background-position: -1035px -115px;
  }
  13.3% {
    background-position: -1150px -115px;
  }
  13.9% {
    background-position: -1265px -115px;
  }
  14.4% {
    background-position: -1380px -115px;
  }
  15% {
    background-position: -1495px -115px;
  }
  15.6% {
    background-position: 0 -230px;
  }
  16.1% {
    background-position: -115px -230px;
  }
  16.7% {
    background-position: -230px -230px;
  }
  17.2% {
    background-position: -345px -230px;
  }
  17.8% {
    background-position: -460px -230px;
  }
  18.3% {
    background-position: -575px -230px;
  }
  18.9% {
    background-position: -690px -230px;
  }
  19.4% {
    background-position: -805px -230px;
  }
  20% {
    background-position: -920px -230px;
  }
  20.6% {
    background-position: -1035px -230px;
  }
  21.1% {
    background-position: -1150px -230px;
  }
  21.7% {
    background-position: -1265px -230px;
  }
  22.2% {
    background-position: -1380px -230px;
  }
  22.8% {
    background-position: -1495px -230px;
  }
  23.3% {
    background-position: 0 -345px;
  }
  23.9% {
    background-position: -115px -345px;
  }
  24.4% {
    background-position: -230px -345px;
  }
  25% {
    background-position: -345px -345px;
  }
  25.6% {
    background-position: -460px -345px;
  }
  26.1% {
    background-position: -575px -345px;
  }
  26.7% {
    background-position: -690px -345px;
  }
  27.2% {
    background-position: -805px -345px;
  }
  27.8% {
    background-position: -920px -345px;
  }
  28.3% {
    background-position: -1035px -345px;
  }
  28.9% {
    background-position: -1150px -345px;
  }
  29.4% {
    background-position: -1265px -345px;
  }
  30% {
    background-position: -1380px -345px;
  }
  30.6% {
    background-position: -1495px -345px;
  }
  31.1% {
    background-position: 0 -460px;
  }
  31.7% {
    background-position: -115px -460px;
  }
  32.2% {
    background-position: -230px -460px;
  }
  32.8% {
    background-position: -345px -460px;
  }
  33.3% {
    background-position: -460px -460px;
  }
  33.9% {
    background-position: -575px -460px;
  }
  34.4% {
    background-position: -690px -460px;
  }
  35% {
    background-position: -805px -460px;
  }
  35.6% {
    background-position: -920px -460px;
  }
  36.1% {
    background-position: -1035px -460px;
  }
  36.7% {
    background-position: -1150px -460px;
  }
  37.2% {
    background-position: -1265px -460px;
  }
  37.8% {
    background-position: -1380px -460px;
  }
  38.3% {
    background-position: -1495px -460px;
  }
  38.9% {
    background-position: 0 -575px;
  }
  39.4% {
    background-position: -115px -575px;
  }
  40% {
    background-position: -230px -575px;
  }
  40.6% {
    background-position: -345px -575px;
  }
  41.1% {
    background-position: -460px -575px;
  }
  41.7% {
    background-position: -575px -575px;
  }
  42.2% {
    background-position: -690px -575px;
  }
  42.8% {
    background-position: -805px -575px;
  }
  43.3% {
    background-position: -920px -575px;
  }
  43.9% {
    background-position: -1035px -575px;
  }
  44.4% {
    background-position: -1150px -575px;
  }
  45% {
    background-position: -1265px -575px;
  }
  45.6% {
    background-position: -1380px -575px;
  }
  46.1% {
    background-position: -1495px -575px;
  }
  46.7% {
    background-position: 0 -690px;
  }
  47.2% {
    background-position: -115px -690px;
  }
  47.8% {
    background-position: -230px -690px;
  }
  48.3% {
    background-position: -345px -690px;
  }
  48.9% {
    background-position: -460px -690px;
  }
  49.4% {
    background-position: -575px -690px;
  }
  50% {
    background-position: -690px -690px;
  }
  50.6% {
    background-position: -805px -690px;
  }
  51.1% {
    background-position: -920px -690px;
  }
  51.7% {
    background-position: -1035px -690px;
  }
  52.2% {
    background-position: -1150px -690px;
  }
  52.8% {
    background-position: -1265px -690px;
  }
  53.3% {
    background-position: -1380px -690px;
  }
  53.9% {
    background-position: -1495px -690px;
  }
  54.4% {
    background-position: 0 -805px;
  }
  55% {
    background-position: -115px -805px;
  }
  55.6% {
    background-position: -230px -805px;
  }
  56.1% {
    background-position: -345px -805px;
  }
  56.7% {
    background-position: -460px -805px;
  }
  57.2% {
    background-position: -575px -805px;
  }
  57.8% {
    background-position: -690px -805px;
  }
  58.3% {
    background-position: -805px -805px;
  }
  58.9% {
    background-position: -920px -805px;
  }
  59.4% {
    background-position: -1035px -805px;
  }
  60% {
    background-position: -1150px -805px;
  }
  60.6% {
    background-position: -1265px -805px;
  }
  61.1% {
    background-position: -1380px -805px;
  }
  61.7% {
    background-position: -1495px -805px;
  }
  62.2% {
    background-position: 0 -920px;
  }
  62.8% {
    background-position: -115px -920px;
  }
  63.3% {
    background-position: -230px -920px;
  }
  63.9% {
    background-position: -345px -920px;
  }
  64.4% {
    background-position: -460px -920px;
  }
  65% {
    background-position: -575px -920px;
  }
  65.6% {
    background-position: -690px -920px;
  }
  66.1% {
    background-position: -805px -920px;
  }
  66.7% {
    background-position: -920px -920px;
  }
  67.2% {
    background-position: -1035px -920px;
  }
  67.8% {
    background-position: -1150px -920px;
  }
  68.3% {
    background-position: -1265px -920px;
  }
  68.9% {
    background-position: -1380px -920px;
  }
  69.4% {
    background-position: -1495px -920px;
  }
  70% {
    background-position: 0 -1035px;
  }
  70.6% {
    background-position: -115px -1035px;
  }
  71.1% {
    background-position: -230px -1035px;
  }
  71.7% {
    background-position: -345px -1035px;
  }
  72.2% {
    background-position: -460px -1035px;
  }
  72.8% {
    background-position: -575px -1035px;
  }
  73.3% {
    background-position: -690px -1035px;
  }
  73.9% {
    background-position: -805px -1035px;
  }
  74.4% {
    background-position: -920px -1035px;
  }
  75% {
    background-position: -1035px -1035px;
  }
  75.6% {
    background-position: -1150px -1035px;
  }
  76.1% {
    background-position: -1265px -1035px;
  }
  76.7% {
    background-position: -1380px -1035px;
  }
  77.2% {
    background-position: -1495px -1035px;
  }
  77.8% {
    background-position: 0 -1150px;
  }
  78.3% {
    background-position: -115px -1150px;
  }
  78.9% {
    background-position: -230px -1150px;
  }
  79.4% {
    background-position: -345px -1150px;
  }
  80% {
    background-position: -460px -1150px;
  }
  80.6% {
    background-position: -575px -1150px;
  }
  81.1% {
    background-position: -690px -1150px;
  }
  81.7% {
    background-position: -805px -1150px;
  }
  82.2% {
    background-position: -920px -1150px;
  }
  82.8% {
    background-position: -1035px -1150px;
  }
  83.3% {
    background-position: -1150px -1150px;
  }
  83.9% {
    background-position: -1265px -1150px;
  }
  84.4% {
    background-position: -1380px -1150px;
  }
  85% {
    background-position: -1495px -1150px;
  }
  85.6% {
    background-position: 0 -1265px;
  }
  86.1% {
    background-position: -115px -1265px;
  }
  86.7% {
    background-position: -230px -1265px;
  }
  87.2% {
    background-position: -345px -1265px;
  }
  87.8% {
    background-position: -460px -1265px;
  }
  88.3% {
    background-position: -575px -1265px;
  }
  88.9% {
    background-position: -690px -1265px;
  }
  89.4% {
    background-position: -805px -1265px;
  }
  90% {
    background-position: -920px -1265px;
  }
  90.6% {
    background-position: -1035px -1265px;
  }
  91.1% {
    background-position: -1150px -1265px;
  }
  91.7% {
    background-position: -1265px -1265px;
  }
  92.2% {
    background-position: -1380px -1265px;
  }
  92.8% {
    background-position: -1495px -1265px;
  }
  93.3% {
    background-position: 0 -1380px;
  }
  93.9% {
    background-position: -115px -1380px;
  }
  94.4% {
    background-position: -230px -1380px;
  }
  95% {
    background-position: -345px -1380px;
  }
  95.6% {
    background-position: -460px -1380px;
  }
  96.1% {
    background-position: -575px -1380px;
  }
  96.7% {
    background-position: -690px -1380px;
  }
  97.2% {
    background-position: -805px -1380px;
  }
  97.8% {
    background-position: -920px -1380px;
  }
  98.3% {
    background-position: -1035px -1380px;
  }
  98.9% {
    background-position: -1150px -1380px;
  }
  99.4% {
    background-position: -1265px -1380px;
  }
  100% {
    background-position: -1265px -1380px;
  }
}
.nxh-3 {
  height: 116px;
  width: 115px;
  -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: -115px 0;
  }
  3.8% {
    background-position: -230px 0;
  }
  5.7% {
    background-position: -345px 0;
  }
  7.5% {
    background-position: -460px 0;
  }
  9.4% {
    background-position: -575px 0;
  }
  11.3% {
    background-position: -690px 0;
  }
  13.2% {
    background-position: -805px 0;
  }
  15.1% {
    background-position: 0 -116px;
  }
  17% {
    background-position: -115px -116px;
  }
  18.9% {
    background-position: -230px -116px;
  }
  20.8% {
    background-position: -345px -116px;
  }
  22.6% {
    background-position: -460px -116px;
  }
  24.5% {
    background-position: -575px -116px;
  }
  26.4% {
    background-position: -690px -116px;
  }
  28.3% {
    background-position: -805px -116px;
  }
  30.2% {
    background-position: 0 -232px;
  }
  32.1% {
    background-position: -115px -232px;
  }
  34% {
    background-position: -230px -232px;
  }
  35.8% {
    background-position: -345px -232px;
  }
  37.7% {
    background-position: -460px -232px;
  }
  39.6% {
    background-position: -575px -232px;
  }
  41.5% {
    background-position: -690px -232px;
  }
  43.4% {
    background-position: -805px -232px;
  }
  45.3% {
    background-position: 0 -348px;
  }
  47.2% {
    background-position: -115px -348px;
  }
  49.1% {
    background-position: -230px -348px;
  }
  50.9% {
    background-position: -345px -348px;
  }
  52.8% {
    background-position: -460px -348px;
  }
  54.7% {
    background-position: -575px -348px;
  }
  56.6% {
    background-position: -690px -348px;
  }
  58.5% {
    background-position: -805px -348px;
  }
  60.4% {
    background-position: 0 -464px;
  }
  62.3% {
    background-position: -115px -464px;
  }
  64.2% {
    background-position: -230px -464px;
  }
  66% {
    background-position: -345px -464px;
  }
  67.9% {
    background-position: -460px -464px;
  }
  69.8% {
    background-position: -575px -464px;
  }
  71.7% {
    background-position: -690px -464px;
  }
  73.6% {
    background-position: -805px -464px;
  }
  75.5% {
    background-position: 0 -580px;
  }
  77.4% {
    background-position: -115px -580px;
  }
  79.2% {
    background-position: -230px -580px;
  }
  81.1% {
    background-position: -345px -580px;
  }
  83% {
    background-position: -460px -580px;
  }
  84.9% {
    background-position: -575px -580px;
  }
  86.8% {
    background-position: -690px -580px;
  }
  88.7% {
    background-position: -805px -580px;
  }
  90.6% {
    background-position: 0 -696px;
  }
  92.5% {
    background-position: -115px -696px;
  }
  94.3% {
    background-position: -230px -696px;
  }
  96.2% {
    background-position: -345px -696px;
  }
  98.1% {
    background-position: -460px -696px;
  }
  100% {
    background-position: -460px -696px;
  }
}
@keyframes key_jh_32 {
  0% {
    background-position: 0 0;
  }
  1.9% {
    background-position: -115px 0;
  }
  3.8% {
    background-position: -230px 0;
  }
  5.7% {
    background-position: -345px 0;
  }
  7.5% {
    background-position: -460px 0;
  }
  9.4% {
    background-position: -575px 0;
  }
  11.3% {
    background-position: -690px 0;
  }
  13.2% {
    background-position: -805px 0;
  }
  15.1% {
    background-position: 0 -116px;
  }
  17% {
    background-position: -115px -116px;
  }
  18.9% {
    background-position: -230px -116px;
  }
  20.8% {
    background-position: -345px -116px;
  }
  22.6% {
    background-position: -460px -116px;
  }
  24.5% {
    background-position: -575px -116px;
  }
  26.4% {
    background-position: -690px -116px;
  }
  28.3% {
    background-position: -805px -116px;
  }
  30.2% {
    background-position: 0 -232px;
  }
  32.1% {
    background-position: -115px -232px;
  }
  34% {
    background-position: -230px -232px;
  }
  35.8% {
    background-position: -345px -232px;
  }
  37.7% {
    background-position: -460px -232px;
  }
  39.6% {
    background-position: -575px -232px;
  }
  41.5% {
    background-position: -690px -232px;
  }
  43.4% {
    background-position: -805px -232px;
  }
  45.3% {
    background-position: 0 -348px;
  }
  47.2% {
    background-position: -115px -348px;
  }
  49.1% {
    background-position: -230px -348px;
  }
  50.9% {
    background-position: -345px -348px;
  }
  52.8% {
    background-position: -460px -348px;
  }
  54.7% {
    background-position: -575px -348px;
  }
  56.6% {
    background-position: -690px -348px;
  }
  58.5% {
    background-position: -805px -348px;
  }
  60.4% {
    background-position: 0 -464px;
  }
  62.3% {
    background-position: -115px -464px;
  }
  64.2% {
    background-position: -230px -464px;
  }
  66% {
    background-position: -345px -464px;
  }
  67.9% {
    background-position: -460px -464px;
  }
  69.8% {
    background-position: -575px -464px;
  }
  71.7% {
    background-position: -690px -464px;
  }
  73.6% {
    background-position: -805px -464px;
  }
  75.5% {
    background-position: 0 -580px;
  }
  77.4% {
    background-position: -115px -580px;
  }
  79.2% {
    background-position: -230px -580px;
  }
  81.1% {
    background-position: -345px -580px;
  }
  83% {
    background-position: -460px -580px;
  }
  84.9% {
    background-position: -575px -580px;
  }
  86.8% {
    background-position: -690px -580px;
  }
  88.7% {
    background-position: -805px -580px;
  }
  90.6% {
    background-position: 0 -696px;
  }
  92.5% {
    background-position: -115px -696px;
  }
  94.3% {
    background-position: -230px -696px;
  }
  96.2% {
    background-position: -345px -696px;
  }
  98.1% {
    background-position: -460px -696px;
  }
  100% {
    background-position: -460px -696px;
  }
}
.nxh-4 {
  height: 115px;
  width: 116px;
  -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: -116px 0;
  }
  2.2% {
    background-position: -232px 0;
  }
  3.3% {
    background-position: -348px 0;
  }
  4.4% {
    background-position: -464px 0;
  }
  5.6% {
    background-position: -580px 0;
  }
  6.7% {
    background-position: -696px 0;
  }
  7.8% {
    background-position: -812px 0;
  }
  8.9% {
    background-position: -928px 0;
  }
  10% {
    background-position: -1044px 0;
  }
  11.1% {
    background-position: 0 -115px;
  }
  12.2% {
    background-position: -116px -115px;
  }
  13.3% {
    background-position: -232px -115px;
  }
  14.4% {
    background-position: -348px -115px;
  }
  15.6% {
    background-position: -464px -115px;
  }
  16.7% {
    background-position: -580px -115px;
  }
  17.8% {
    background-position: -696px -115px;
  }
  18.9% {
    background-position: -812px -115px;
  }
  20% {
    background-position: -928px -115px;
  }
  21.1% {
    background-position: -1044px -115px;
  }
  22.2% {
    background-position: 0 -230px;
  }
  23.3% {
    background-position: -116px -230px;
  }
  24.4% {
    background-position: -232px -230px;
  }
  25.6% {
    background-position: -348px -230px;
  }
  26.7% {
    background-position: -464px -230px;
  }
  27.8% {
    background-position: -580px -230px;
  }
  28.9% {
    background-position: -696px -230px;
  }
  30% {
    background-position: -812px -230px;
  }
  31.1% {
    background-position: -928px -230px;
  }
  32.2% {
    background-position: -1044px -230px;
  }
  33.3% {
    background-position: 0 -345px;
  }
  34.4% {
    background-position: -116px -345px;
  }
  35.6% {
    background-position: -232px -345px;
  }
  36.7% {
    background-position: -348px -345px;
  }
  37.8% {
    background-position: -464px -345px;
  }
  38.9% {
    background-position: -580px -345px;
  }
  40% {
    background-position: -696px -345px;
  }
  41.1% {
    background-position: -812px -345px;
  }
  42.2% {
    background-position: -928px -345px;
  }
  43.3% {
    background-position: -1044px -345px;
  }
  44.4% {
    background-position: 0 -460px;
  }
  45.6% {
    background-position: -116px -460px;
  }
  46.7% {
    background-position: -232px -460px;
  }
  47.8% {
    background-position: -348px -460px;
  }
  48.9% {
    background-position: -464px -460px;
  }
  50% {
    background-position: -580px -460px;
  }
  51.1% {
    background-position: -696px -460px;
  }
  52.2% {
    background-position: -812px -460px;
  }
  53.3% {
    background-position: -928px -460px;
  }
  54.4% {
    background-position: -1044px -460px;
  }
  55.6% {
    background-position: 0 -575px;
  }
  56.7% {
    background-position: -116px -575px;
  }
  57.8% {
    background-position: -232px -575px;
  }
  58.9% {
    background-position: -348px -575px;
  }
  60% {
    background-position: -464px -575px;
  }
  61.1% {
    background-position: -580px -575px;
  }
  62.2% {
    background-position: -696px -575px;
  }
  63.3% {
    background-position: -812px -575px;
  }
  64.4% {
    background-position: -928px -575px;
  }
  65.6% {
    background-position: -1044px -575px;
  }
  66.7% {
    background-position: 0 -690px;
  }
  67.8% {
    background-position: -116px -690px;
  }
  68.9% {
    background-position: -232px -690px;
  }
  70% {
    background-position: -348px -690px;
  }
  71.1% {
    background-position: -464px -690px;
  }
  72.2% {
    background-position: -580px -690px;
  }
  73.3% {
    background-position: -696px -690px;
  }
  74.4% {
    background-position: -812px -690px;
  }
  75.6% {
    background-position: -928px -690px;
  }
  76.7% {
    background-position: -1044px -690px;
  }
  77.8% {
    background-position: 0 -805px;
  }
  78.9% {
    background-position: -116px -805px;
  }
  80% {
    background-position: -232px -805px;
  }
  81.1% {
    background-position: -348px -805px;
  }
  82.2% {
    background-position: -464px -805px;
  }
  83.3% {
    background-position: -580px -805px;
  }
  84.4% {
    background-position: -696px -805px;
  }
  85.6% {
    background-position: -812px -805px;
  }
  86.7% {
    background-position: -928px -805px;
  }
  87.8% {
    background-position: -1044px -805px;
  }
  88.9% {
    background-position: 0 -920px;
  }
  90% {
    background-position: -116px -920px;
  }
  91.1% {
    background-position: -232px -920px;
  }
  92.2% {
    background-position: -348px -920px;
  }
  93.3% {
    background-position: -464px -920px;
  }
  94.4% {
    background-position: -580px -920px;
  }
  95.6% {
    background-position: -696px -920px;
  }
  96.7% {
    background-position: -812px -920px;
  }
  97.8% {
    background-position: -928px -920px;
  }
  98.9% {
    background-position: -1044px -920px;
  }
  100% {
    background-position: -1044px -920px;
  }
}
@keyframes key_jh_33 {
  0% {
    background-position: 0 0;
  }
  1.1% {
    background-position: -116px 0;
  }
  2.2% {
    background-position: -232px 0;
  }
  3.3% {
    background-position: -348px 0;
  }
  4.4% {
    background-position: -464px 0;
  }
  5.6% {
    background-position: -580px 0;
  }
  6.7% {
    background-position: -696px 0;
  }
  7.8% {
    background-position: -812px 0;
  }
  8.9% {
    background-position: -928px 0;
  }
  10% {
    background-position: -1044px 0;
  }
  11.1% {
    background-position: 0 -115px;
  }
  12.2% {
    background-position: -116px -115px;
  }
  13.3% {
    background-position: -232px -115px;
  }
  14.4% {
    background-position: -348px -115px;
  }
  15.6% {
    background-position: -464px -115px;
  }
  16.7% {
    background-position: -580px -115px;
  }
  17.8% {
    background-position: -696px -115px;
  }
  18.9% {
    background-position: -812px -115px;
  }
  20% {
    background-position: -928px -115px;
  }
  21.1% {
    background-position: -1044px -115px;
  }
  22.2% {
    background-position: 0 -230px;
  }
  23.3% {
    background-position: -116px -230px;
  }
  24.4% {
    background-position: -232px -230px;
  }
  25.6% {
    background-position: -348px -230px;
  }
  26.7% {
    background-position: -464px -230px;
  }
  27.8% {
    background-position: -580px -230px;
  }
  28.9% {
    background-position: -696px -230px;
  }
  30% {
    background-position: -812px -230px;
  }
  31.1% {
    background-position: -928px -230px;
  }
  32.2% {
    background-position: -1044px -230px;
  }
  33.3% {
    background-position: 0 -345px;
  }
  34.4% {
    background-position: -116px -345px;
  }
  35.6% {
    background-position: -232px -345px;
  }
  36.7% {
    background-position: -348px -345px;
  }
  37.8% {
    background-position: -464px -345px;
  }
  38.9% {
    background-position: -580px -345px;
  }
  40% {
    background-position: -696px -345px;
  }
  41.1% {
    background-position: -812px -345px;
  }
  42.2% {
    background-position: -928px -345px;
  }
  43.3% {
    background-position: -1044px -345px;
  }
  44.4% {
    background-position: 0 -460px;
  }
  45.6% {
    background-position: -116px -460px;
  }
  46.7% {
    background-position: -232px -460px;
  }
  47.8% {
    background-position: -348px -460px;
  }
  48.9% {
    background-position: -464px -460px;
  }
  50% {
    background-position: -580px -460px;
  }
  51.1% {
    background-position: -696px -460px;
  }
  52.2% {
    background-position: -812px -460px;
  }
  53.3% {
    background-position: -928px -460px;
  }
  54.4% {
    background-position: -1044px -460px;
  }
  55.6% {
    background-position: 0 -575px;
  }
  56.7% {
    background-position: -116px -575px;
  }
  57.8% {
    background-position: -232px -575px;
  }
  58.9% {
    background-position: -348px -575px;
  }
  60% {
    background-position: -464px -575px;
  }
  61.1% {
    background-position: -580px -575px;
  }
  62.2% {
    background-position: -696px -575px;
  }
  63.3% {
    background-position: -812px -575px;
  }
  64.4% {
    background-position: -928px -575px;
  }
  65.6% {
    background-position: -1044px -575px;
  }
  66.7% {
    background-position: 0 -690px;
  }
  67.8% {
    background-position: -116px -690px;
  }
  68.9% {
    background-position: -232px -690px;
  }
  70% {
    background-position: -348px -690px;
  }
  71.1% {
    background-position: -464px -690px;
  }
  72.2% {
    background-position: -580px -690px;
  }
  73.3% {
    background-position: -696px -690px;
  }
  74.4% {
    background-position: -812px -690px;
  }
  75.6% {
    background-position: -928px -690px;
  }
  76.7% {
    background-position: -1044px -690px;
  }
  77.8% {
    background-position: 0 -805px;
  }
  78.9% {
    background-position: -116px -805px;
  }
  80% {
    background-position: -232px -805px;
  }
  81.1% {
    background-position: -348px -805px;
  }
  82.2% {
    background-position: -464px -805px;
  }
  83.3% {
    background-position: -580px -805px;
  }
  84.4% {
    background-position: -696px -805px;
  }
  85.6% {
    background-position: -812px -805px;
  }
  86.7% {
    background-position: -928px -805px;
  }
  87.8% {
    background-position: -1044px -805px;
  }
  88.9% {
    background-position: 0 -920px;
  }
  90% {
    background-position: -116px -920px;
  }
  91.1% {
    background-position: -232px -920px;
  }
  92.2% {
    background-position: -348px -920px;
  }
  93.3% {
    background-position: -464px -920px;
  }
  94.4% {
    background-position: -580px -920px;
  }
  95.6% {
    background-position: -696px -920px;
  }
  96.7% {
    background-position: -812px -920px;
  }
  97.8% {
    background-position: -928px -920px;
  }
  98.9% {
    background-position: -1044px -920px;
  }
  100% {
    background-position: -1044px -920px;
  }
}
.nxh-5 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  1% {
    background-position: -230px 0;
  }
  1.4% {
    background-position: -345px 0;
  }
  1.9% {
    background-position: -460px 0;
  }
  2.4% {
    background-position: -575px 0;
  }
  2.9% {
    background-position: -690px 0;
  }
  3.4% {
    background-position: -805px 0;
  }
  3.9% {
    background-position: -920px 0;
  }
  4.3% {
    background-position: -1035px 0;
  }
  4.8% {
    background-position: -1150px 0;
  }
  5.3% {
    background-position: -1265px 0;
  }
  5.8% {
    background-position: -1380px 0;
  }
  6.3% {
    background-position: -1495px 0;
  }
  6.8% {
    background-position: -1610px 0;
  }
  7.2% {
    background-position: 0 -115px;
  }
  7.7% {
    background-position: -115px -115px;
  }
  8.2% {
    background-position: -230px -115px;
  }
  8.7% {
    background-position: -345px -115px;
  }
  9.2% {
    background-position: -460px -115px;
  }
  9.7% {
    background-position: -575px -115px;
  }
  10.1% {
    background-position: -690px -115px;
  }
  10.6% {
    background-position: -805px -115px;
  }
  11.1% {
    background-position: -920px -115px;
  }
  11.6% {
    background-position: -1035px -115px;
  }
  12.1% {
    background-position: -1150px -115px;
  }
  12.6% {
    background-position: -1265px -115px;
  }
  13% {
    background-position: -1380px -115px;
  }
  13.5% {
    background-position: -1495px -115px;
  }
  14% {
    background-position: -1610px -115px;
  }
  14.5% {
    background-position: 0 -230px;
  }
  15% {
    background-position: -115px -230px;
  }
  15.5% {
    background-position: -230px -230px;
  }
  15.9% {
    background-position: -345px -230px;
  }
  16.4% {
    background-position: -460px -230px;
  }
  16.9% {
    background-position: -575px -230px;
  }
  17.4% {
    background-position: -690px -230px;
  }
  17.9% {
    background-position: -805px -230px;
  }
  18.4% {
    background-position: -920px -230px;
  }
  18.8% {
    background-position: -1035px -230px;
  }
  19.3% {
    background-position: -1150px -230px;
  }
  19.8% {
    background-position: -1265px -230px;
  }
  20.3% {
    background-position: -1380px -230px;
  }
  20.8% {
    background-position: -1495px -230px;
  }
  21.3% {
    background-position: -1610px -230px;
  }
  21.7% {
    background-position: 0 -345px;
  }
  22.2% {
    background-position: -115px -345px;
  }
  22.7% {
    background-position: -230px -345px;
  }
  23.2% {
    background-position: -345px -345px;
  }
  23.7% {
    background-position: -460px -345px;
  }
  24.2% {
    background-position: -575px -345px;
  }
  24.6% {
    background-position: -690px -345px;
  }
  25.1% {
    background-position: -805px -345px;
  }
  25.6% {
    background-position: -920px -345px;
  }
  26.1% {
    background-position: -1035px -345px;
  }
  26.6% {
    background-position: -1150px -345px;
  }
  27.1% {
    background-position: -1265px -345px;
  }
  27.5% {
    background-position: -1380px -345px;
  }
  28% {
    background-position: -1495px -345px;
  }
  28.5% {
    background-position: -1610px -345px;
  }
  29% {
    background-position: 0 -460px;
  }
  29.5% {
    background-position: -115px -460px;
  }
  30% {
    background-position: -230px -460px;
  }
  30.4% {
    background-position: -345px -460px;
  }
  30.9% {
    background-position: -460px -460px;
  }
  31.4% {
    background-position: -575px -460px;
  }
  31.9% {
    background-position: -690px -460px;
  }
  32.4% {
    background-position: -805px -460px;
  }
  32.9% {
    background-position: -920px -460px;
  }
  33.3% {
    background-position: -1035px -460px;
  }
  33.8% {
    background-position: -1150px -460px;
  }
  34.3% {
    background-position: -1265px -460px;
  }
  34.8% {
    background-position: -1380px -460px;
  }
  35.3% {
    background-position: -1495px -460px;
  }
  35.7% {
    background-position: -1610px -460px;
  }
  36.2% {
    background-position: 0 -575px;
  }
  36.7% {
    background-position: -115px -575px;
  }
  37.2% {
    background-position: -230px -575px;
  }
  37.7% {
    background-position: -345px -575px;
  }
  38.2% {
    background-position: -460px -575px;
  }
  38.6% {
    background-position: -575px -575px;
  }
  39.1% {
    background-position: -690px -575px;
  }
  39.6% {
    background-position: -805px -575px;
  }
  40.1% {
    background-position: -920px -575px;
  }
  40.6% {
    background-position: -1035px -575px;
  }
  41.1% {
    background-position: -1150px -575px;
  }
  41.5% {
    background-position: -1265px -575px;
  }
  42% {
    background-position: -1380px -575px;
  }
  42.5% {
    background-position: -1495px -575px;
  }
  43% {
    background-position: -1610px -575px;
  }
  43.5% {
    background-position: 0 -690px;
  }
  44% {
    background-position: -115px -690px;
  }
  44.4% {
    background-position: -230px -690px;
  }
  44.9% {
    background-position: -345px -690px;
  }
  45.4% {
    background-position: -460px -690px;
  }
  45.9% {
    background-position: -575px -690px;
  }
  46.4% {
    background-position: -690px -690px;
  }
  46.9% {
    background-position: -805px -690px;
  }
  47.3% {
    background-position: -920px -690px;
  }
  47.8% {
    background-position: -1035px -690px;
  }
  48.3% {
    background-position: -1150px -690px;
  }
  48.8% {
    background-position: -1265px -690px;
  }
  49.3% {
    background-position: -1380px -690px;
  }
  49.8% {
    background-position: -1495px -690px;
  }
  50.2% {
    background-position: -1610px -690px;
  }
  50.7% {
    background-position: 0 -805px;
  }
  51.2% {
    background-position: -115px -805px;
  }
  51.7% {
    background-position: -230px -805px;
  }
  52.2% {
    background-position: -345px -805px;
  }
  52.7% {
    background-position: -460px -805px;
  }
  53.1% {
    background-position: -575px -805px;
  }
  53.6% {
    background-position: -690px -805px;
  }
  54.1% {
    background-position: -805px -805px;
  }
  54.6% {
    background-position: -920px -805px;
  }
  55.1% {
    background-position: -1035px -805px;
  }
  55.6% {
    background-position: -1150px -805px;
  }
  56% {
    background-position: -1265px -805px;
  }
  56.5% {
    background-position: -1380px -805px;
  }
  57% {
    background-position: -1495px -805px;
  }
  57.5% {
    background-position: -1610px -805px;
  }
  58% {
    background-position: 0 -920px;
  }
  58.5% {
    background-position: -115px -920px;
  }
  58.9% {
    background-position: -230px -920px;
  }
  59.4% {
    background-position: -345px -920px;
  }
  59.9% {
    background-position: -460px -920px;
  }
  60.4% {
    background-position: -575px -920px;
  }
  60.9% {
    background-position: -690px -920px;
  }
  61.4% {
    background-position: -805px -920px;
  }
  61.8% {
    background-position: -920px -920px;
  }
  62.3% {
    background-position: -1035px -920px;
  }
  62.8% {
    background-position: -1150px -920px;
  }
  63.3% {
    background-position: -1265px -920px;
  }
  63.8% {
    background-position: -1380px -920px;
  }
  64.3% {
    background-position: -1495px -920px;
  }
  64.7% {
    background-position: -1610px -920px;
  }
  65.2% {
    background-position: 0 -1035px;
  }
  65.7% {
    background-position: -115px -1035px;
  }
  66.2% {
    background-position: -230px -1035px;
  }
  66.7% {
    background-position: -345px -1035px;
  }
  67.1% {
    background-position: -460px -1035px;
  }
  67.6% {
    background-position: -575px -1035px;
  }
  68.1% {
    background-position: -690px -1035px;
  }
  68.6% {
    background-position: -805px -1035px;
  }
  69.1% {
    background-position: -920px -1035px;
  }
  69.6% {
    background-position: -1035px -1035px;
  }
  70% {
    background-position: -1150px -1035px;
  }
  70.5% {
    background-position: -1265px -1035px;
  }
  71% {
    background-position: -1380px -1035px;
  }
  71.5% {
    background-position: -1495px -1035px;
  }
  72% {
    background-position: -1610px -1035px;
  }
  72.5% {
    background-position: 0 -1150px;
  }
  72.9% {
    background-position: -115px -1150px;
  }
  73.4% {
    background-position: -230px -1150px;
  }
  73.9% {
    background-position: -345px -1150px;
  }
  74.4% {
    background-position: -460px -1150px;
  }
  74.9% {
    background-position: -575px -1150px;
  }
  75.4% {
    background-position: -690px -1150px;
  }
  75.8% {
    background-position: -805px -1150px;
  }
  76.3% {
    background-position: -920px -1150px;
  }
  76.8% {
    background-position: -1035px -1150px;
  }
  77.3% {
    background-position: -1150px -1150px;
  }
  77.8% {
    background-position: -1265px -1150px;
  }
  78.3% {
    background-position: -1380px -1150px;
  }
  78.7% {
    background-position: -1495px -1150px;
  }
  79.2% {
    background-position: -1610px -1150px;
  }
  79.7% {
    background-position: 0 -1265px;
  }
  80.2% {
    background-position: -115px -1265px;
  }
  80.7% {
    background-position: -230px -1265px;
  }
  81.2% {
    background-position: -345px -1265px;
  }
  81.6% {
    background-position: -460px -1265px;
  }
  82.1% {
    background-position: -575px -1265px;
  }
  82.6% {
    background-position: -690px -1265px;
  }
  83.1% {
    background-position: -805px -1265px;
  }
  83.6% {
    background-position: -920px -1265px;
  }
  84.1% {
    background-position: -1035px -1265px;
  }
  84.5% {
    background-position: -1150px -1265px;
  }
  85% {
    background-position: -1265px -1265px;
  }
  85.5% {
    background-position: -1380px -1265px;
  }
  86% {
    background-position: -1495px -1265px;
  }
  86.5% {
    background-position: -1610px -1265px;
  }
  87% {
    background-position: 0 -1380px;
  }
  87.4% {
    background-position: -115px -1380px;
  }
  87.9% {
    background-position: -230px -1380px;
  }
  88.4% {
    background-position: -345px -1380px;
  }
  88.9% {
    background-position: -460px -1380px;
  }
  89.4% {
    background-position: -575px -1380px;
  }
  89.9% {
    background-position: -690px -1380px;
  }
  90.3% {
    background-position: -805px -1380px;
  }
  90.8% {
    background-position: -920px -1380px;
  }
  91.3% {
    background-position: -1035px -1380px;
  }
  91.8% {
    background-position: -1150px -1380px;
  }
  92.3% {
    background-position: -1265px -1380px;
  }
  92.8% {
    background-position: -1380px -1380px;
  }
  93.2% {
    background-position: -1495px -1380px;
  }
  93.7% {
    background-position: -1610px -1380px;
  }
  94.2% {
    background-position: 0 -1495px;
  }
  94.7% {
    background-position: -115px -1495px;
  }
  95.2% {
    background-position: -230px -1495px;
  }
  95.7% {
    background-position: -345px -1495px;
  }
  96.1% {
    background-position: -460px -1495px;
  }
  96.6% {
    background-position: -575px -1495px;
  }
  97.1% {
    background-position: -690px -1495px;
  }
  97.6% {
    background-position: -805px -1495px;
  }
  98.1% {
    background-position: -920px -1495px;
  }
  98.6% {
    background-position: -1035px -1495px;
  }
  99% {
    background-position: -1150px -1495px;
  }
  99.5% {
    background-position: -1265px -1495px;
  }
  100% {
    background-position: -1265px -1495px;
  }
}
@keyframes key_jh_34 {
  0% {
    background-position: 0 0;
  }
  0.5% {
    background-position: -115px 0;
  }
  1% {
    background-position: -230px 0;
  }
  1.4% {
    background-position: -345px 0;
  }
  1.9% {
    background-position: -460px 0;
  }
  2.4% {
    background-position: -575px 0;
  }
  2.9% {
    background-position: -690px 0;
  }
  3.4% {
    background-position: -805px 0;
  }
  3.9% {
    background-position: -920px 0;
  }
  4.3% {
    background-position: -1035px 0;
  }
  4.8% {
    background-position: -1150px 0;
  }
  5.3% {
    background-position: -1265px 0;
  }
  5.8% {
    background-position: -1380px 0;
  }
  6.3% {
    background-position: -1495px 0;
  }
  6.8% {
    background-position: -1610px 0;
  }
  7.2% {
    background-position: 0 -115px;
  }
  7.7% {
    background-position: -115px -115px;
  }
  8.2% {
    background-position: -230px -115px;
  }
  8.7% {
    background-position: -345px -115px;
  }
  9.2% {
    background-position: -460px -115px;
  }
  9.7% {
    background-position: -575px -115px;
  }
  10.1% {
    background-position: -690px -115px;
  }
  10.6% {
    background-position: -805px -115px;
  }
  11.1% {
    background-position: -920px -115px;
  }
  11.6% {
    background-position: -1035px -115px;
  }
  12.1% {
    background-position: -1150px -115px;
  }
  12.6% {
    background-position: -1265px -115px;
  }
  13% {
    background-position: -1380px -115px;
  }
  13.5% {
    background-position: -1495px -115px;
  }
  14% {
    background-position: -1610px -115px;
  }
  14.5% {
    background-position: 0 -230px;
  }
  15% {
    background-position: -115px -230px;
  }
  15.5% {
    background-position: -230px -230px;
  }
  15.9% {
    background-position: -345px -230px;
  }
  16.4% {
    background-position: -460px -230px;
  }
  16.9% {
    background-position: -575px -230px;
  }
  17.4% {
    background-position: -690px -230px;
  }
  17.9% {
    background-position: -805px -230px;
  }
  18.4% {
    background-position: -920px -230px;
  }
  18.8% {
    background-position: -1035px -230px;
  }
  19.3% {
    background-position: -1150px -230px;
  }
  19.8% {
    background-position: -1265px -230px;
  }
  20.3% {
    background-position: -1380px -230px;
  }
  20.8% {
    background-position: -1495px -230px;
  }
  21.3% {
    background-position: -1610px -230px;
  }
  21.7% {
    background-position: 0 -345px;
  }
  22.2% {
    background-position: -115px -345px;
  }
  22.7% {
    background-position: -230px -345px;
  }
  23.2% {
    background-position: -345px -345px;
  }
  23.7% {
    background-position: -460px -345px;
  }
  24.2% {
    background-position: -575px -345px;
  }
  24.6% {
    background-position: -690px -345px;
  }
  25.1% {
    background-position: -805px -345px;
  }
  25.6% {
    background-position: -920px -345px;
  }
  26.1% {
    background-position: -1035px -345px;
  }
  26.6% {
    background-position: -1150px -345px;
  }
  27.1% {
    background-position: -1265px -345px;
  }
  27.5% {
    background-position: -1380px -345px;
  }
  28% {
    background-position: -1495px -345px;
  }
  28.5% {
    background-position: -1610px -345px;
  }
  29% {
    background-position: 0 -460px;
  }
  29.5% {
    background-position: -115px -460px;
  }
  30% {
    background-position: -230px -460px;
  }
  30.4% {
    background-position: -345px -460px;
  }
  30.9% {
    background-position: -460px -460px;
  }
  31.4% {
    background-position: -575px -460px;
  }
  31.9% {
    background-position: -690px -460px;
  }
  32.4% {
    background-position: -805px -460px;
  }
  32.9% {
    background-position: -920px -460px;
  }
  33.3% {
    background-position: -1035px -460px;
  }
  33.8% {
    background-position: -1150px -460px;
  }
  34.3% {
    background-position: -1265px -460px;
  }
  34.8% {
    background-position: -1380px -460px;
  }
  35.3% {
    background-position: -1495px -460px;
  }
  35.7% {
    background-position: -1610px -460px;
  }
  36.2% {
    background-position: 0 -575px;
  }
  36.7% {
    background-position: -115px -575px;
  }
  37.2% {
    background-position: -230px -575px;
  }
  37.7% {
    background-position: -345px -575px;
  }
  38.2% {
    background-position: -460px -575px;
  }
  38.6% {
    background-position: -575px -575px;
  }
  39.1% {
    background-position: -690px -575px;
  }
  39.6% {
    background-position: -805px -575px;
  }
  40.1% {
    background-position: -920px -575px;
  }
  40.6% {
    background-position: -1035px -575px;
  }
  41.1% {
    background-position: -1150px -575px;
  }
  41.5% {
    background-position: -1265px -575px;
  }
  42% {
    background-position: -1380px -575px;
  }
  42.5% {
    background-position: -1495px -575px;
  }
  43% {
    background-position: -1610px -575px;
  }
  43.5% {
    background-position: 0 -690px;
  }
  44% {
    background-position: -115px -690px;
  }
  44.4% {
    background-position: -230px -690px;
  }
  44.9% {
    background-position: -345px -690px;
  }
  45.4% {
    background-position: -460px -690px;
  }
  45.9% {
    background-position: -575px -690px;
  }
  46.4% {
    background-position: -690px -690px;
  }
  46.9% {
    background-position: -805px -690px;
  }
  47.3% {
    background-position: -920px -690px;
  }
  47.8% {
    background-position: -1035px -690px;
  }
  48.3% {
    background-position: -1150px -690px;
  }
  48.8% {
    background-position: -1265px -690px;
  }
  49.3% {
    background-position: -1380px -690px;
  }
  49.8% {
    background-position: -1495px -690px;
  }
  50.2% {
    background-position: -1610px -690px;
  }
  50.7% {
    background-position: 0 -805px;
  }
  51.2% {
    background-position: -115px -805px;
  }
  51.7% {
    background-position: -230px -805px;
  }
  52.2% {
    background-position: -345px -805px;
  }
  52.7% {
    background-position: -460px -805px;
  }
  53.1% {
    background-position: -575px -805px;
  }
  53.6% {
    background-position: -690px -805px;
  }
  54.1% {
    background-position: -805px -805px;
  }
  54.6% {
    background-position: -920px -805px;
  }
  55.1% {
    background-position: -1035px -805px;
  }
  55.6% {
    background-position: -1150px -805px;
  }
  56% {
    background-position: -1265px -805px;
  }
  56.5% {
    background-position: -1380px -805px;
  }
  57% {
    background-position: -1495px -805px;
  }
  57.5% {
    background-position: -1610px -805px;
  }
  58% {
    background-position: 0 -920px;
  }
  58.5% {
    background-position: -115px -920px;
  }
  58.9% {
    background-position: -230px -920px;
  }
  59.4% {
    background-position: -345px -920px;
  }
  59.9% {
    background-position: -460px -920px;
  }
  60.4% {
    background-position: -575px -920px;
  }
  60.9% {
    background-position: -690px -920px;
  }
  61.4% {
    background-position: -805px -920px;
  }
  61.8% {
    background-position: -920px -920px;
  }
  62.3% {
    background-position: -1035px -920px;
  }
  62.8% {
    background-position: -1150px -920px;
  }
  63.3% {
    background-position: -1265px -920px;
  }
  63.8% {
    background-position: -1380px -920px;
  }
  64.3% {
    background-position: -1495px -920px;
  }
  64.7% {
    background-position: -1610px -920px;
  }
  65.2% {
    background-position: 0 -1035px;
  }
  65.7% {
    background-position: -115px -1035px;
  }
  66.2% {
    background-position: -230px -1035px;
  }
  66.7% {
    background-position: -345px -1035px;
  }
  67.1% {
    background-position: -460px -1035px;
  }
  67.6% {
    background-position: -575px -1035px;
  }
  68.1% {
    background-position: -690px -1035px;
  }
  68.6% {
    background-position: -805px -1035px;
  }
  69.1% {
    background-position: -920px -1035px;
  }
  69.6% {
    background-position: -1035px -1035px;
  }
  70% {
    background-position: -1150px -1035px;
  }
  70.5% {
    background-position: -1265px -1035px;
  }
  71% {
    background-position: -1380px -1035px;
  }
  71.5% {
    background-position: -1495px -1035px;
  }
  72% {
    background-position: -1610px -1035px;
  }
  72.5% {
    background-position: 0 -1150px;
  }
  72.9% {
    background-position: -115px -1150px;
  }
  73.4% {
    background-position: -230px -1150px;
  }
  73.9% {
    background-position: -345px -1150px;
  }
  74.4% {
    background-position: -460px -1150px;
  }
  74.9% {
    background-position: -575px -1150px;
  }
  75.4% {
    background-position: -690px -1150px;
  }
  75.8% {
    background-position: -805px -1150px;
  }
  76.3% {
    background-position: -920px -1150px;
  }
  76.8% {
    background-position: -1035px -1150px;
  }
  77.3% {
    background-position: -1150px -1150px;
  }
  77.8% {
    background-position: -1265px -1150px;
  }
  78.3% {
    background-position: -1380px -1150px;
  }
  78.7% {
    background-position: -1495px -1150px;
  }
  79.2% {
    background-position: -1610px -1150px;
  }
  79.7% {
    background-position: 0 -1265px;
  }
  80.2% {
    background-position: -115px -1265px;
  }
  80.7% {
    background-position: -230px -1265px;
  }
  81.2% {
    background-position: -345px -1265px;
  }
  81.6% {
    background-position: -460px -1265px;
  }
  82.1% {
    background-position: -575px -1265px;
  }
  82.6% {
    background-position: -690px -1265px;
  }
  83.1% {
    background-position: -805px -1265px;
  }
  83.6% {
    background-position: -920px -1265px;
  }
  84.1% {
    background-position: -1035px -1265px;
  }
  84.5% {
    background-position: -1150px -1265px;
  }
  85% {
    background-position: -1265px -1265px;
  }
  85.5% {
    background-position: -1380px -1265px;
  }
  86% {
    background-position: -1495px -1265px;
  }
  86.5% {
    background-position: -1610px -1265px;
  }
  87% {
    background-position: 0 -1380px;
  }
  87.4% {
    background-position: -115px -1380px;
  }
  87.9% {
    background-position: -230px -1380px;
  }
  88.4% {
    background-position: -345px -1380px;
  }
  88.9% {
    background-position: -460px -1380px;
  }
  89.4% {
    background-position: -575px -1380px;
  }
  89.9% {
    background-position: -690px -1380px;
  }
  90.3% {
    background-position: -805px -1380px;
  }
  90.8% {
    background-position: -920px -1380px;
  }
  91.3% {
    background-position: -1035px -1380px;
  }
  91.8% {
    background-position: -1150px -1380px;
  }
  92.3% {
    background-position: -1265px -1380px;
  }
  92.8% {
    background-position: -1380px -1380px;
  }
  93.2% {
    background-position: -1495px -1380px;
  }
  93.7% {
    background-position: -1610px -1380px;
  }
  94.2% {
    background-position: 0 -1495px;
  }
  94.7% {
    background-position: -115px -1495px;
  }
  95.2% {
    background-position: -230px -1495px;
  }
  95.7% {
    background-position: -345px -1495px;
  }
  96.1% {
    background-position: -460px -1495px;
  }
  96.6% {
    background-position: -575px -1495px;
  }
  97.1% {
    background-position: -690px -1495px;
  }
  97.6% {
    background-position: -805px -1495px;
  }
  98.1% {
    background-position: -920px -1495px;
  }
  98.6% {
    background-position: -1035px -1495px;
  }
  99% {
    background-position: -1150px -1495px;
  }
  99.5% {
    background-position: -1265px -1495px;
  }
  100% {
    background-position: -1265px -1495px;
  }
}
.nxh-6 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  1.1% {
    background-position: -230px 0;
  }
  1.7% {
    background-position: -345px 0;
  }
  2.2% {
    background-position: -460px 0;
  }
  2.8% {
    background-position: -575px 0;
  }
  3.3% {
    background-position: -690px 0;
  }
  3.9% {
    background-position: -805px 0;
  }
  4.4% {
    background-position: -920px 0;
  }
  5% {
    background-position: -1035px 0;
  }
  5.6% {
    background-position: -1150px 0;
  }
  6.1% {
    background-position: -1265px 0;
  }
  6.7% {
    background-position: -1380px 0;
  }
  7.2% {
    background-position: -1495px 0;
  }
  7.8% {
    background-position: 0 -115px;
  }
  8.3% {
    background-position: -115px -115px;
  }
  8.9% {
    background-position: -230px -115px;
  }
  9.4% {
    background-position: -345px -115px;
  }
  10% {
    background-position: -460px -115px;
  }
  10.6% {
    background-position: -575px -115px;
  }
  11.1% {
    background-position: -690px -115px;
  }
  11.7% {
    background-position: -805px -115px;
  }
  12.2% {
    background-position: -920px -115px;
  }
  12.8% {
    background-position: -1035px -115px;
  }
  13.3% {
    background-position: -1150px -115px;
  }
  13.9% {
    background-position: -1265px -115px;
  }
  14.4% {
    background-position: -1380px -115px;
  }
  15% {
    background-position: -1495px -115px;
  }
  15.6% {
    background-position: 0 -230px;
  }
  16.1% {
    background-position: -115px -230px;
  }
  16.7% {
    background-position: -230px -230px;
  }
  17.2% {
    background-position: -345px -230px;
  }
  17.8% {
    background-position: -460px -230px;
  }
  18.3% {
    background-position: -575px -230px;
  }
  18.9% {
    background-position: -690px -230px;
  }
  19.4% {
    background-position: -805px -230px;
  }
  20% {
    background-position: -920px -230px;
  }
  20.6% {
    background-position: -1035px -230px;
  }
  21.1% {
    background-position: -1150px -230px;
  }
  21.7% {
    background-position: -1265px -230px;
  }
  22.2% {
    background-position: -1380px -230px;
  }
  22.8% {
    background-position: -1495px -230px;
  }
  23.3% {
    background-position: 0 -345px;
  }
  23.9% {
    background-position: -115px -345px;
  }
  24.4% {
    background-position: -230px -345px;
  }
  25% {
    background-position: -345px -345px;
  }
  25.6% {
    background-position: -460px -345px;
  }
  26.1% {
    background-position: -575px -345px;
  }
  26.7% {
    background-position: -690px -345px;
  }
  27.2% {
    background-position: -805px -345px;
  }
  27.8% {
    background-position: -920px -345px;
  }
  28.3% {
    background-position: -1035px -345px;
  }
  28.9% {
    background-position: -1150px -345px;
  }
  29.4% {
    background-position: -1265px -345px;
  }
  30% {
    background-position: -1380px -345px;
  }
  30.6% {
    background-position: -1495px -345px;
  }
  31.1% {
    background-position: 0 -460px;
  }
  31.7% {
    background-position: -115px -460px;
  }
  32.2% {
    background-position: -230px -460px;
  }
  32.8% {
    background-position: -345px -460px;
  }
  33.3% {
    background-position: -460px -460px;
  }
  33.9% {
    background-position: -575px -460px;
  }
  34.4% {
    background-position: -690px -460px;
  }
  35% {
    background-position: -805px -460px;
  }
  35.6% {
    background-position: -920px -460px;
  }
  36.1% {
    background-position: -1035px -460px;
  }
  36.7% {
    background-position: -1150px -460px;
  }
  37.2% {
    background-position: -1265px -460px;
  }
  37.8% {
    background-position: -1380px -460px;
  }
  38.3% {
    background-position: -1495px -460px;
  }
  38.9% {
    background-position: 0 -575px;
  }
  39.4% {
    background-position: -115px -575px;
  }
  40% {
    background-position: -230px -575px;
  }
  40.6% {
    background-position: -345px -575px;
  }
  41.1% {
    background-position: -460px -575px;
  }
  41.7% {
    background-position: -575px -575px;
  }
  42.2% {
    background-position: -690px -575px;
  }
  42.8% {
    background-position: -805px -575px;
  }
  43.3% {
    background-position: -920px -575px;
  }
  43.9% {
    background-position: -1035px -575px;
  }
  44.4% {
    background-position: -1150px -575px;
  }
  45% {
    background-position: -1265px -575px;
  }
  45.6% {
    background-position: -1380px -575px;
  }
  46.1% {
    background-position: -1495px -575px;
  }
  46.7% {
    background-position: 0 -690px;
  }
  47.2% {
    background-position: -115px -690px;
  }
  47.8% {
    background-position: -230px -690px;
  }
  48.3% {
    background-position: -345px -690px;
  }
  48.9% {
    background-position: -460px -690px;
  }
  49.4% {
    background-position: -575px -690px;
  }
  50% {
    background-position: -690px -690px;
  }
  50.6% {
    background-position: -805px -690px;
  }
  51.1% {
    background-position: -920px -690px;
  }
  51.7% {
    background-position: -1035px -690px;
  }
  52.2% {
    background-position: -1150px -690px;
  }
  52.8% {
    background-position: -1265px -690px;
  }
  53.3% {
    background-position: -1380px -690px;
  }
  53.9% {
    background-position: -1495px -690px;
  }
  54.4% {
    background-position: 0 -805px;
  }
  55% {
    background-position: -115px -805px;
  }
  55.6% {
    background-position: -230px -805px;
  }
  56.1% {
    background-position: -345px -805px;
  }
  56.7% {
    background-position: -460px -805px;
  }
  57.2% {
    background-position: -575px -805px;
  }
  57.8% {
    background-position: -690px -805px;
  }
  58.3% {
    background-position: -805px -805px;
  }
  58.9% {
    background-position: -920px -805px;
  }
  59.4% {
    background-position: -1035px -805px;
  }
  60% {
    background-position: -1150px -805px;
  }
  60.6% {
    background-position: -1265px -805px;
  }
  61.1% {
    background-position: -1380px -805px;
  }
  61.7% {
    background-position: -1495px -805px;
  }
  62.2% {
    background-position: 0 -920px;
  }
  62.8% {
    background-position: -115px -920px;
  }
  63.3% {
    background-position: -230px -920px;
  }
  63.9% {
    background-position: -345px -920px;
  }
  64.4% {
    background-position: -460px -920px;
  }
  65% {
    background-position: -575px -920px;
  }
  65.6% {
    background-position: -690px -920px;
  }
  66.1% {
    background-position: -805px -920px;
  }
  66.7% {
    background-position: -920px -920px;
  }
  67.2% {
    background-position: -1035px -920px;
  }
  67.8% {
    background-position: -1150px -920px;
  }
  68.3% {
    background-position: -1265px -920px;
  }
  68.9% {
    background-position: -1380px -920px;
  }
  69.4% {
    background-position: -1495px -920px;
  }
  70% {
    background-position: 0 -1035px;
  }
  70.6% {
    background-position: -115px -1035px;
  }
  71.1% {
    background-position: -230px -1035px;
  }
  71.7% {
    background-position: -345px -1035px;
  }
  72.2% {
    background-position: -460px -1035px;
  }
  72.8% {
    background-position: -575px -1035px;
  }
  73.3% {
    background-position: -690px -1035px;
  }
  73.9% {
    background-position: -805px -1035px;
  }
  74.4% {
    background-position: -920px -1035px;
  }
  75% {
    background-position: -1035px -1035px;
  }
  75.6% {
    background-position: -1150px -1035px;
  }
  76.1% {
    background-position: -1265px -1035px;
  }
  76.7% {
    background-position: -1380px -1035px;
  }
  77.2% {
    background-position: -1495px -1035px;
  }
  77.8% {
    background-position: 0 -1150px;
  }
  78.3% {
    background-position: -115px -1150px;
  }
  78.9% {
    background-position: -230px -1150px;
  }
  79.4% {
    background-position: -345px -1150px;
  }
  80% {
    background-position: -460px -1150px;
  }
  80.6% {
    background-position: -575px -1150px;
  }
  81.1% {
    background-position: -690px -1150px;
  }
  81.7% {
    background-position: -805px -1150px;
  }
  82.2% {
    background-position: -920px -1150px;
  }
  82.8% {
    background-position: -1035px -1150px;
  }
  83.3% {
    background-position: -1150px -1150px;
  }
  83.9% {
    background-position: -1265px -1150px;
  }
  84.4% {
    background-position: -1380px -1150px;
  }
  85% {
    background-position: -1495px -1150px;
  }
  85.6% {
    background-position: 0 -1265px;
  }
  86.1% {
    background-position: -115px -1265px;
  }
  86.7% {
    background-position: -230px -1265px;
  }
  87.2% {
    background-position: -345px -1265px;
  }
  87.8% {
    background-position: -460px -1265px;
  }
  88.3% {
    background-position: -575px -1265px;
  }
  88.9% {
    background-position: -690px -1265px;
  }
  89.4% {
    background-position: -805px -1265px;
  }
  90% {
    background-position: -920px -1265px;
  }
  90.6% {
    background-position: -1035px -1265px;
  }
  91.1% {
    background-position: -1150px -1265px;
  }
  91.7% {
    background-position: -1265px -1265px;
  }
  92.2% {
    background-position: -1380px -1265px;
  }
  92.8% {
    background-position: -1495px -1265px;
  }
  93.3% {
    background-position: 0 -1380px;
  }
  93.9% {
    background-position: -115px -1380px;
  }
  94.4% {
    background-position: -230px -1380px;
  }
  95% {
    background-position: -345px -1380px;
  }
  95.6% {
    background-position: -460px -1380px;
  }
  96.1% {
    background-position: -575px -1380px;
  }
  96.7% {
    background-position: -690px -1380px;
  }
  97.2% {
    background-position: -805px -1380px;
  }
  97.8% {
    background-position: -920px -1380px;
  }
  98.3% {
    background-position: -1035px -1380px;
  }
  98.9% {
    background-position: -1150px -1380px;
  }
  99.4% {
    background-position: -1265px -1380px;
  }
  100% {
    background-position: -1265px -1380px;
  }
}
@keyframes key_jh_35 {
  0% {
    background-position: 0 0;
  }
  0.6% {
    background-position: -115px 0;
  }
  1.1% {
    background-position: -230px 0;
  }
  1.7% {
    background-position: -345px 0;
  }
  2.2% {
    background-position: -460px 0;
  }
  2.8% {
    background-position: -575px 0;
  }
  3.3% {
    background-position: -690px 0;
  }
  3.9% {
    background-position: -805px 0;
  }
  4.4% {
    background-position: -920px 0;
  }
  5% {
    background-position: -1035px 0;
  }
  5.6% {
    background-position: -1150px 0;
  }
  6.1% {
    background-position: -1265px 0;
  }
  6.7% {
    background-position: -1380px 0;
  }
  7.2% {
    background-position: -1495px 0;
  }
  7.8% {
    background-position: 0 -115px;
  }
  8.3% {
    background-position: -115px -115px;
  }
  8.9% {
    background-position: -230px -115px;
  }
  9.4% {
    background-position: -345px -115px;
  }
  10% {
    background-position: -460px -115px;
  }
  10.6% {
    background-position: -575px -115px;
  }
  11.1% {
    background-position: -690px -115px;
  }
  11.7% {
    background-position: -805px -115px;
  }
  12.2% {
    background-position: -920px -115px;
  }
  12.8% {
    background-position: -1035px -115px;
  }
  13.3% {
    background-position: -1150px -115px;
  }
  13.9% {
    background-position: -1265px -115px;
  }
  14.4% {
    background-position: -1380px -115px;
  }
  15% {
    background-position: -1495px -115px;
  }
  15.6% {
    background-position: 0 -230px;
  }
  16.1% {
    background-position: -115px -230px;
  }
  16.7% {
    background-position: -230px -230px;
  }
  17.2% {
    background-position: -345px -230px;
  }
  17.8% {
    background-position: -460px -230px;
  }
  18.3% {
    background-position: -575px -230px;
  }
  18.9% {
    background-position: -690px -230px;
  }
  19.4% {
    background-position: -805px -230px;
  }
  20% {
    background-position: -920px -230px;
  }
  20.6% {
    background-position: -1035px -230px;
  }
  21.1% {
    background-position: -1150px -230px;
  }
  21.7% {
    background-position: -1265px -230px;
  }
  22.2% {
    background-position: -1380px -230px;
  }
  22.8% {
    background-position: -1495px -230px;
  }
  23.3% {
    background-position: 0 -345px;
  }
  23.9% {
    background-position: -115px -345px;
  }
  24.4% {
    background-position: -230px -345px;
  }
  25% {
    background-position: -345px -345px;
  }
  25.6% {
    background-position: -460px -345px;
  }
  26.1% {
    background-position: -575px -345px;
  }
  26.7% {
    background-position: -690px -345px;
  }
  27.2% {
    background-position: -805px -345px;
  }
  27.8% {
    background-position: -920px -345px;
  }
  28.3% {
    background-position: -1035px -345px;
  }
  28.9% {
    background-position: -1150px -345px;
  }
  29.4% {
    background-position: -1265px -345px;
  }
  30% {
    background-position: -1380px -345px;
  }
  30.6% {
    background-position: -1495px -345px;
  }
  31.1% {
    background-position: 0 -460px;
  }
  31.7% {
    background-position: -115px -460px;
  }
  32.2% {
    background-position: -230px -460px;
  }
  32.8% {
    background-position: -345px -460px;
  }
  33.3% {
    background-position: -460px -460px;
  }
  33.9% {
    background-position: -575px -460px;
  }
  34.4% {
    background-position: -690px -460px;
  }
  35% {
    background-position: -805px -460px;
  }
  35.6% {
    background-position: -920px -460px;
  }
  36.1% {
    background-position: -1035px -460px;
  }
  36.7% {
    background-position: -1150px -460px;
  }
  37.2% {
    background-position: -1265px -460px;
  }
  37.8% {
    background-position: -1380px -460px;
  }
  38.3% {
    background-position: -1495px -460px;
  }
  38.9% {
    background-position: 0 -575px;
  }
  39.4% {
    background-position: -115px -575px;
  }
  40% {
    background-position: -230px -575px;
  }
  40.6% {
    background-position: -345px -575px;
  }
  41.1% {
    background-position: -460px -575px;
  }
  41.7% {
    background-position: -575px -575px;
  }
  42.2% {
    background-position: -690px -575px;
  }
  42.8% {
    background-position: -805px -575px;
  }
  43.3% {
    background-position: -920px -575px;
  }
  43.9% {
    background-position: -1035px -575px;
  }
  44.4% {
    background-position: -1150px -575px;
  }
  45% {
    background-position: -1265px -575px;
  }
  45.6% {
    background-position: -1380px -575px;
  }
  46.1% {
    background-position: -1495px -575px;
  }
  46.7% {
    background-position: 0 -690px;
  }
  47.2% {
    background-position: -115px -690px;
  }
  47.8% {
    background-position: -230px -690px;
  }
  48.3% {
    background-position: -345px -690px;
  }
  48.9% {
    background-position: -460px -690px;
  }
  49.4% {
    background-position: -575px -690px;
  }
  50% {
    background-position: -690px -690px;
  }
  50.6% {
    background-position: -805px -690px;
  }
  51.1% {
    background-position: -920px -690px;
  }
  51.7% {
    background-position: -1035px -690px;
  }
  52.2% {
    background-position: -1150px -690px;
  }
  52.8% {
    background-position: -1265px -690px;
  }
  53.3% {
    background-position: -1380px -690px;
  }
  53.9% {
    background-position: -1495px -690px;
  }
  54.4% {
    background-position: 0 -805px;
  }
  55% {
    background-position: -115px -805px;
  }
  55.6% {
    background-position: -230px -805px;
  }
  56.1% {
    background-position: -345px -805px;
  }
  56.7% {
    background-position: -460px -805px;
  }
  57.2% {
    background-position: -575px -805px;
  }
  57.8% {
    background-position: -690px -805px;
  }
  58.3% {
    background-position: -805px -805px;
  }
  58.9% {
    background-position: -920px -805px;
  }
  59.4% {
    background-position: -1035px -805px;
  }
  60% {
    background-position: -1150px -805px;
  }
  60.6% {
    background-position: -1265px -805px;
  }
  61.1% {
    background-position: -1380px -805px;
  }
  61.7% {
    background-position: -1495px -805px;
  }
  62.2% {
    background-position: 0 -920px;
  }
  62.8% {
    background-position: -115px -920px;
  }
  63.3% {
    background-position: -230px -920px;
  }
  63.9% {
    background-position: -345px -920px;
  }
  64.4% {
    background-position: -460px -920px;
  }
  65% {
    background-position: -575px -920px;
  }
  65.6% {
    background-position: -690px -920px;
  }
  66.1% {
    background-position: -805px -920px;
  }
  66.7% {
    background-position: -920px -920px;
  }
  67.2% {
    background-position: -1035px -920px;
  }
  67.8% {
    background-position: -1150px -920px;
  }
  68.3% {
    background-position: -1265px -920px;
  }
  68.9% {
    background-position: -1380px -920px;
  }
  69.4% {
    background-position: -1495px -920px;
  }
  70% {
    background-position: 0 -1035px;
  }
  70.6% {
    background-position: -115px -1035px;
  }
  71.1% {
    background-position: -230px -1035px;
  }
  71.7% {
    background-position: -345px -1035px;
  }
  72.2% {
    background-position: -460px -1035px;
  }
  72.8% {
    background-position: -575px -1035px;
  }
  73.3% {
    background-position: -690px -1035px;
  }
  73.9% {
    background-position: -805px -1035px;
  }
  74.4% {
    background-position: -920px -1035px;
  }
  75% {
    background-position: -1035px -1035px;
  }
  75.6% {
    background-position: -1150px -1035px;
  }
  76.1% {
    background-position: -1265px -1035px;
  }
  76.7% {
    background-position: -1380px -1035px;
  }
  77.2% {
    background-position: -1495px -1035px;
  }
  77.8% {
    background-position: 0 -1150px;
  }
  78.3% {
    background-position: -115px -1150px;
  }
  78.9% {
    background-position: -230px -1150px;
  }
  79.4% {
    background-position: -345px -1150px;
  }
  80% {
    background-position: -460px -1150px;
  }
  80.6% {
    background-position: -575px -1150px;
  }
  81.1% {
    background-position: -690px -1150px;
  }
  81.7% {
    background-position: -805px -1150px;
  }
  82.2% {
    background-position: -920px -1150px;
  }
  82.8% {
    background-position: -1035px -1150px;
  }
  83.3% {
    background-position: -1150px -1150px;
  }
  83.9% {
    background-position: -1265px -1150px;
  }
  84.4% {
    background-position: -1380px -1150px;
  }
  85% {
    background-position: -1495px -1150px;
  }
  85.6% {
    background-position: 0 -1265px;
  }
  86.1% {
    background-position: -115px -1265px;
  }
  86.7% {
    background-position: -230px -1265px;
  }
  87.2% {
    background-position: -345px -1265px;
  }
  87.8% {
    background-position: -460px -1265px;
  }
  88.3% {
    background-position: -575px -1265px;
  }
  88.9% {
    background-position: -690px -1265px;
  }
  89.4% {
    background-position: -805px -1265px;
  }
  90% {
    background-position: -920px -1265px;
  }
  90.6% {
    background-position: -1035px -1265px;
  }
  91.1% {
    background-position: -1150px -1265px;
  }
  91.7% {
    background-position: -1265px -1265px;
  }
  92.2% {
    background-position: -1380px -1265px;
  }
  92.8% {
    background-position: -1495px -1265px;
  }
  93.3% {
    background-position: 0 -1380px;
  }
  93.9% {
    background-position: -115px -1380px;
  }
  94.4% {
    background-position: -230px -1380px;
  }
  95% {
    background-position: -345px -1380px;
  }
  95.6% {
    background-position: -460px -1380px;
  }
  96.1% {
    background-position: -575px -1380px;
  }
  96.7% {
    background-position: -690px -1380px;
  }
  97.2% {
    background-position: -805px -1380px;
  }
  97.8% {
    background-position: -920px -1380px;
  }
  98.3% {
    background-position: -1035px -1380px;
  }
  98.9% {
    background-position: -1150px -1380px;
  }
  99.4% {
    background-position: -1265px -1380px;
  }
  100% {
    background-position: -1265px -1380px;
  }
}
.nxh-7 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  1.1% {
    background-position: -230px 0;
  }
  1.7% {
    background-position: -345px 0;
  }
  2.2% {
    background-position: -460px 0;
  }
  2.8% {
    background-position: -575px 0;
  }
  3.3% {
    background-position: -690px 0;
  }
  3.9% {
    background-position: -805px 0;
  }
  4.4% {
    background-position: -920px 0;
  }
  5% {
    background-position: -1035px 0;
  }
  5.6% {
    background-position: -1150px 0;
  }
  6.1% {
    background-position: -1265px 0;
  }
  6.7% {
    background-position: -1380px 0;
  }
  7.2% {
    background-position: -1495px 0;
  }
  7.8% {
    background-position: 0 -115px;
  }
  8.3% {
    background-position: -115px -115px;
  }
  8.9% {
    background-position: -230px -115px;
  }
  9.4% {
    background-position: -345px -115px;
  }
  10% {
    background-position: -460px -115px;
  }
  10.6% {
    background-position: -575px -115px;
  }
  11.1% {
    background-position: -690px -115px;
  }
  11.7% {
    background-position: -805px -115px;
  }
  12.2% {
    background-position: -920px -115px;
  }
  12.8% {
    background-position: -1035px -115px;
  }
  13.3% {
    background-position: -1150px -115px;
  }
  13.9% {
    background-position: -1265px -115px;
  }
  14.4% {
    background-position: -1380px -115px;
  }
  15% {
    background-position: -1495px -115px;
  }
  15.6% {
    background-position: 0 -230px;
  }
  16.1% {
    background-position: -115px -230px;
  }
  16.7% {
    background-position: -230px -230px;
  }
  17.2% {
    background-position: -345px -230px;
  }
  17.8% {
    background-position: -460px -230px;
  }
  18.3% {
    background-position: -575px -230px;
  }
  18.9% {
    background-position: -690px -230px;
  }
  19.4% {
    background-position: -805px -230px;
  }
  20% {
    background-position: -920px -230px;
  }
  20.6% {
    background-position: -1035px -230px;
  }
  21.1% {
    background-position: -1150px -230px;
  }
  21.7% {
    background-position: -1265px -230px;
  }
  22.2% {
    background-position: -1380px -230px;
  }
  22.8% {
    background-position: -1495px -230px;
  }
  23.3% {
    background-position: 0 -345px;
  }
  23.9% {
    background-position: -115px -345px;
  }
  24.4% {
    background-position: -230px -345px;
  }
  25% {
    background-position: -345px -345px;
  }
  25.6% {
    background-position: -460px -345px;
  }
  26.1% {
    background-position: -575px -345px;
  }
  26.7% {
    background-position: -690px -345px;
  }
  27.2% {
    background-position: -805px -345px;
  }
  27.8% {
    background-position: -920px -345px;
  }
  28.3% {
    background-position: -1035px -345px;
  }
  28.9% {
    background-position: -1150px -345px;
  }
  29.4% {
    background-position: -1265px -345px;
  }
  30% {
    background-position: -1380px -345px;
  }
  30.6% {
    background-position: -1495px -345px;
  }
  31.1% {
    background-position: 0 -460px;
  }
  31.7% {
    background-position: -115px -460px;
  }
  32.2% {
    background-position: -230px -460px;
  }
  32.8% {
    background-position: -345px -460px;
  }
  33.3% {
    background-position: -460px -460px;
  }
  33.9% {
    background-position: -575px -460px;
  }
  34.4% {
    background-position: -690px -460px;
  }
  35% {
    background-position: -805px -460px;
  }
  35.6% {
    background-position: -920px -460px;
  }
  36.1% {
    background-position: -1035px -460px;
  }
  36.7% {
    background-position: -1150px -460px;
  }
  37.2% {
    background-position: -1265px -460px;
  }
  37.8% {
    background-position: -1380px -460px;
  }
  38.3% {
    background-position: -1495px -460px;
  }
  38.9% {
    background-position: 0 -575px;
  }
  39.4% {
    background-position: -115px -575px;
  }
  40% {
    background-position: -230px -575px;
  }
  40.6% {
    background-position: -345px -575px;
  }
  41.1% {
    background-position: -460px -575px;
  }
  41.7% {
    background-position: -575px -575px;
  }
  42.2% {
    background-position: -690px -575px;
  }
  42.8% {
    background-position: -805px -575px;
  }
  43.3% {
    background-position: -920px -575px;
  }
  43.9% {
    background-position: -1035px -575px;
  }
  44.4% {
    background-position: -1150px -575px;
  }
  45% {
    background-position: -1265px -575px;
  }
  45.6% {
    background-position: -1380px -575px;
  }
  46.1% {
    background-position: -1495px -575px;
  }
  46.7% {
    background-position: 0 -690px;
  }
  47.2% {
    background-position: -115px -690px;
  }
  47.8% {
    background-position: -230px -690px;
  }
  48.3% {
    background-position: -345px -690px;
  }
  48.9% {
    background-position: -460px -690px;
  }
  49.4% {
    background-position: -575px -690px;
  }
  50% {
    background-position: -690px -690px;
  }
  50.6% {
    background-position: -805px -690px;
  }
  51.1% {
    background-position: -920px -690px;
  }
  51.7% {
    background-position: -1035px -690px;
  }
  52.2% {
    background-position: -1150px -690px;
  }
  52.8% {
    background-position: -1265px -690px;
  }
  53.3% {
    background-position: -1380px -690px;
  }
  53.9% {
    background-position: -1495px -690px;
  }
  54.4% {
    background-position: 0 -805px;
  }
  55% {
    background-position: -115px -805px;
  }
  55.6% {
    background-position: -230px -805px;
  }
  56.1% {
    background-position: -345px -805px;
  }
  56.7% {
    background-position: -460px -805px;
  }
  57.2% {
    background-position: -575px -805px;
  }
  57.8% {
    background-position: -690px -805px;
  }
  58.3% {
    background-position: -805px -805px;
  }
  58.9% {
    background-position: -920px -805px;
  }
  59.4% {
    background-position: -1035px -805px;
  }
  60% {
    background-position: -1150px -805px;
  }
  60.6% {
    background-position: -1265px -805px;
  }
  61.1% {
    background-position: -1380px -805px;
  }
  61.7% {
    background-position: -1495px -805px;
  }
  62.2% {
    background-position: 0 -920px;
  }
  62.8% {
    background-position: -115px -920px;
  }
  63.3% {
    background-position: -230px -920px;
  }
  63.9% {
    background-position: -345px -920px;
  }
  64.4% {
    background-position: -460px -920px;
  }
  65% {
    background-position: -575px -920px;
  }
  65.6% {
    background-position: -690px -920px;
  }
  66.1% {
    background-position: -805px -920px;
  }
  66.7% {
    background-position: -920px -920px;
  }
  67.2% {
    background-position: -1035px -920px;
  }
  67.8% {
    background-position: -1150px -920px;
  }
  68.3% {
    background-position: -1265px -920px;
  }
  68.9% {
    background-position: -1380px -920px;
  }
  69.4% {
    background-position: -1495px -920px;
  }
  70% {
    background-position: 0 -1035px;
  }
  70.6% {
    background-position: -115px -1035px;
  }
  71.1% {
    background-position: -230px -1035px;
  }
  71.7% {
    background-position: -345px -1035px;
  }
  72.2% {
    background-position: -460px -1035px;
  }
  72.8% {
    background-position: -575px -1035px;
  }
  73.3% {
    background-position: -690px -1035px;
  }
  73.9% {
    background-position: -805px -1035px;
  }
  74.4% {
    background-position: -920px -1035px;
  }
  75% {
    background-position: -1035px -1035px;
  }
  75.6% {
    background-position: -1150px -1035px;
  }
  76.1% {
    background-position: -1265px -1035px;
  }
  76.7% {
    background-position: -1380px -1035px;
  }
  77.2% {
    background-position: -1495px -1035px;
  }
  77.8% {
    background-position: 0 -1150px;
  }
  78.3% {
    background-position: -115px -1150px;
  }
  78.9% {
    background-position: -230px -1150px;
  }
  79.4% {
    background-position: -345px -1150px;
  }
  80% {
    background-position: -460px -1150px;
  }
  80.6% {
    background-position: -575px -1150px;
  }
  81.1% {
    background-position: -690px -1150px;
  }
  81.7% {
    background-position: -805px -1150px;
  }
  82.2% {
    background-position: -920px -1150px;
  }
  82.8% {
    background-position: -1035px -1150px;
  }
  83.3% {
    background-position: -1150px -1150px;
  }
  83.9% {
    background-position: -1265px -1150px;
  }
  84.4% {
    background-position: -1380px -1150px;
  }
  85% {
    background-position: -1495px -1150px;
  }
  85.6% {
    background-position: 0 -1265px;
  }
  86.1% {
    background-position: -115px -1265px;
  }
  86.7% {
    background-position: -230px -1265px;
  }
  87.2% {
    background-position: -345px -1265px;
  }
  87.8% {
    background-position: -460px -1265px;
  }
  88.3% {
    background-position: -575px -1265px;
  }
  88.9% {
    background-position: -690px -1265px;
  }
  89.4% {
    background-position: -805px -1265px;
  }
  90% {
    background-position: -920px -1265px;
  }
  90.6% {
    background-position: -1035px -1265px;
  }
  91.1% {
    background-position: -1150px -1265px;
  }
  91.7% {
    background-position: -1265px -1265px;
  }
  92.2% {
    background-position: -1380px -1265px;
  }
  92.8% {
    background-position: -1495px -1265px;
  }
  93.3% {
    background-position: 0 -1380px;
  }
  93.9% {
    background-position: -115px -1380px;
  }
  94.4% {
    background-position: -230px -1380px;
  }
  95% {
    background-position: -345px -1380px;
  }
  95.6% {
    background-position: -460px -1380px;
  }
  96.1% {
    background-position: -575px -1380px;
  }
  96.7% {
    background-position: -690px -1380px;
  }
  97.2% {
    background-position: -805px -1380px;
  }
  97.8% {
    background-position: -920px -1380px;
  }
  98.3% {
    background-position: -1035px -1380px;
  }
  98.9% {
    background-position: -1150px -1380px;
  }
  99.4% {
    background-position: -1265px -1380px;
  }
  100% {
    background-position: -1265px -1380px;
  }
}
@keyframes sprite_506__01_48__png_1 {
  0% {
    background-position: 0 0;
  }
  0.6% {
    background-position: -115px 0;
  }
  1.1% {
    background-position: -230px 0;
  }
  1.7% {
    background-position: -345px 0;
  }
  2.2% {
    background-position: -460px 0;
  }
  2.8% {
    background-position: -575px 0;
  }
  3.3% {
    background-position: -690px 0;
  }
  3.9% {
    background-position: -805px 0;
  }
  4.4% {
    background-position: -920px 0;
  }
  5% {
    background-position: -1035px 0;
  }
  5.6% {
    background-position: -1150px 0;
  }
  6.1% {
    background-position: -1265px 0;
  }
  6.7% {
    background-position: -1380px 0;
  }
  7.2% {
    background-position: -1495px 0;
  }
  7.8% {
    background-position: 0 -115px;
  }
  8.3% {
    background-position: -115px -115px;
  }
  8.9% {
    background-position: -230px -115px;
  }
  9.4% {
    background-position: -345px -115px;
  }
  10% {
    background-position: -460px -115px;
  }
  10.6% {
    background-position: -575px -115px;
  }
  11.1% {
    background-position: -690px -115px;
  }
  11.7% {
    background-position: -805px -115px;
  }
  12.2% {
    background-position: -920px -115px;
  }
  12.8% {
    background-position: -1035px -115px;
  }
  13.3% {
    background-position: -1150px -115px;
  }
  13.9% {
    background-position: -1265px -115px;
  }
  14.4% {
    background-position: -1380px -115px;
  }
  15% {
    background-position: -1495px -115px;
  }
  15.6% {
    background-position: 0 -230px;
  }
  16.1% {
    background-position: -115px -230px;
  }
  16.7% {
    background-position: -230px -230px;
  }
  17.2% {
    background-position: -345px -230px;
  }
  17.8% {
    background-position: -460px -230px;
  }
  18.3% {
    background-position: -575px -230px;
  }
  18.9% {
    background-position: -690px -230px;
  }
  19.4% {
    background-position: -805px -230px;
  }
  20% {
    background-position: -920px -230px;
  }
  20.6% {
    background-position: -1035px -230px;
  }
  21.1% {
    background-position: -1150px -230px;
  }
  21.7% {
    background-position: -1265px -230px;
  }
  22.2% {
    background-position: -1380px -230px;
  }
  22.8% {
    background-position: -1495px -230px;
  }
  23.3% {
    background-position: 0 -345px;
  }
  23.9% {
    background-position: -115px -345px;
  }
  24.4% {
    background-position: -230px -345px;
  }
  25% {
    background-position: -345px -345px;
  }
  25.6% {
    background-position: -460px -345px;
  }
  26.1% {
    background-position: -575px -345px;
  }
  26.7% {
    background-position: -690px -345px;
  }
  27.2% {
    background-position: -805px -345px;
  }
  27.8% {
    background-position: -920px -345px;
  }
  28.3% {
    background-position: -1035px -345px;
  }
  28.9% {
    background-position: -1150px -345px;
  }
  29.4% {
    background-position: -1265px -345px;
  }
  30% {
    background-position: -1380px -345px;
  }
  30.6% {
    background-position: -1495px -345px;
  }
  31.1% {
    background-position: 0 -460px;
  }
  31.7% {
    background-position: -115px -460px;
  }
  32.2% {
    background-position: -230px -460px;
  }
  32.8% {
    background-position: -345px -460px;
  }
  33.3% {
    background-position: -460px -460px;
  }
  33.9% {
    background-position: -575px -460px;
  }
  34.4% {
    background-position: -690px -460px;
  }
  35% {
    background-position: -805px -460px;
  }
  35.6% {
    background-position: -920px -460px;
  }
  36.1% {
    background-position: -1035px -460px;
  }
  36.7% {
    background-position: -1150px -460px;
  }
  37.2% {
    background-position: -1265px -460px;
  }
  37.8% {
    background-position: -1380px -460px;
  }
  38.3% {
    background-position: -1495px -460px;
  }
  38.9% {
    background-position: 0 -575px;
  }
  39.4% {
    background-position: -115px -575px;
  }
  40% {
    background-position: -230px -575px;
  }
  40.6% {
    background-position: -345px -575px;
  }
  41.1% {
    background-position: -460px -575px;
  }
  41.7% {
    background-position: -575px -575px;
  }
  42.2% {
    background-position: -690px -575px;
  }
  42.8% {
    background-position: -805px -575px;
  }
  43.3% {
    background-position: -920px -575px;
  }
  43.9% {
    background-position: -1035px -575px;
  }
  44.4% {
    background-position: -1150px -575px;
  }
  45% {
    background-position: -1265px -575px;
  }
  45.6% {
    background-position: -1380px -575px;
  }
  46.1% {
    background-position: -1495px -575px;
  }
  46.7% {
    background-position: 0 -690px;
  }
  47.2% {
    background-position: -115px -690px;
  }
  47.8% {
    background-position: -230px -690px;
  }
  48.3% {
    background-position: -345px -690px;
  }
  48.9% {
    background-position: -460px -690px;
  }
  49.4% {
    background-position: -575px -690px;
  }
  50% {
    background-position: -690px -690px;
  }
  50.6% {
    background-position: -805px -690px;
  }
  51.1% {
    background-position: -920px -690px;
  }
  51.7% {
    background-position: -1035px -690px;
  }
  52.2% {
    background-position: -1150px -690px;
  }
  52.8% {
    background-position: -1265px -690px;
  }
  53.3% {
    background-position: -1380px -690px;
  }
  53.9% {
    background-position: -1495px -690px;
  }
  54.4% {
    background-position: 0 -805px;
  }
  55% {
    background-position: -115px -805px;
  }
  55.6% {
    background-position: -230px -805px;
  }
  56.1% {
    background-position: -345px -805px;
  }
  56.7% {
    background-position: -460px -805px;
  }
  57.2% {
    background-position: -575px -805px;
  }
  57.8% {
    background-position: -690px -805px;
  }
  58.3% {
    background-position: -805px -805px;
  }
  58.9% {
    background-position: -920px -805px;
  }
  59.4% {
    background-position: -1035px -805px;
  }
  60% {
    background-position: -1150px -805px;
  }
  60.6% {
    background-position: -1265px -805px;
  }
  61.1% {
    background-position: -1380px -805px;
  }
  61.7% {
    background-position: -1495px -805px;
  }
  62.2% {
    background-position: 0 -920px;
  }
  62.8% {
    background-position: -115px -920px;
  }
  63.3% {
    background-position: -230px -920px;
  }
  63.9% {
    background-position: -345px -920px;
  }
  64.4% {
    background-position: -460px -920px;
  }
  65% {
    background-position: -575px -920px;
  }
  65.6% {
    background-position: -690px -920px;
  }
  66.1% {
    background-position: -805px -920px;
  }
  66.7% {
    background-position: -920px -920px;
  }
  67.2% {
    background-position: -1035px -920px;
  }
  67.8% {
    background-position: -1150px -920px;
  }
  68.3% {
    background-position: -1265px -920px;
  }
  68.9% {
    background-position: -1380px -920px;
  }
  69.4% {
    background-position: -1495px -920px;
  }
  70% {
    background-position: 0 -1035px;
  }
  70.6% {
    background-position: -115px -1035px;
  }
  71.1% {
    background-position: -230px -1035px;
  }
  71.7% {
    background-position: -345px -1035px;
  }
  72.2% {
    background-position: -460px -1035px;
  }
  72.8% {
    background-position: -575px -1035px;
  }
  73.3% {
    background-position: -690px -1035px;
  }
  73.9% {
    background-position: -805px -1035px;
  }
  74.4% {
    background-position: -920px -1035px;
  }
  75% {
    background-position: -1035px -1035px;
  }
  75.6% {
    background-position: -1150px -1035px;
  }
  76.1% {
    background-position: -1265px -1035px;
  }
  76.7% {
    background-position: -1380px -1035px;
  }
  77.2% {
    background-position: -1495px -1035px;
  }
  77.8% {
    background-position: 0 -1150px;
  }
  78.3% {
    background-position: -115px -1150px;
  }
  78.9% {
    background-position: -230px -1150px;
  }
  79.4% {
    background-position: -345px -1150px;
  }
  80% {
    background-position: -460px -1150px;
  }
  80.6% {
    background-position: -575px -1150px;
  }
  81.1% {
    background-position: -690px -1150px;
  }
  81.7% {
    background-position: -805px -1150px;
  }
  82.2% {
    background-position: -920px -1150px;
  }
  82.8% {
    background-position: -1035px -1150px;
  }
  83.3% {
    background-position: -1150px -1150px;
  }
  83.9% {
    background-position: -1265px -1150px;
  }
  84.4% {
    background-position: -1380px -1150px;
  }
  85% {
    background-position: -1495px -1150px;
  }
  85.6% {
    background-position: 0 -1265px;
  }
  86.1% {
    background-position: -115px -1265px;
  }
  86.7% {
    background-position: -230px -1265px;
  }
  87.2% {
    background-position: -345px -1265px;
  }
  87.8% {
    background-position: -460px -1265px;
  }
  88.3% {
    background-position: -575px -1265px;
  }
  88.9% {
    background-position: -690px -1265px;
  }
  89.4% {
    background-position: -805px -1265px;
  }
  90% {
    background-position: -920px -1265px;
  }
  90.6% {
    background-position: -1035px -1265px;
  }
  91.1% {
    background-position: -1150px -1265px;
  }
  91.7% {
    background-position: -1265px -1265px;
  }
  92.2% {
    background-position: -1380px -1265px;
  }
  92.8% {
    background-position: -1495px -1265px;
  }
  93.3% {
    background-position: 0 -1380px;
  }
  93.9% {
    background-position: -115px -1380px;
  }
  94.4% {
    background-position: -230px -1380px;
  }
  95% {
    background-position: -345px -1380px;
  }
  95.6% {
    background-position: -460px -1380px;
  }
  96.1% {
    background-position: -575px -1380px;
  }
  96.7% {
    background-position: -690px -1380px;
  }
  97.2% {
    background-position: -805px -1380px;
  }
  97.8% {
    background-position: -920px -1380px;
  }
  98.3% {
    background-position: -1035px -1380px;
  }
  98.9% {
    background-position: -1150px -1380px;
  }
  99.4% {
    background-position: -1265px -1380px;
  }
  100% {
    background-position: -1265px -1380px;
  }
}
.nxh-8 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  1.3% {
    background-position: -230px 0;
  }
  1.9% {
    background-position: -345px 0;
  }
  2.6% {
    background-position: -460px 0;
  }
  3.2% {
    background-position: -575px 0;
  }
  3.9% {
    background-position: -690px 0;
  }
  4.5% {
    background-position: -805px 0;
  }
  5.2% {
    background-position: -920px 0;
  }
  5.8% {
    background-position: -1035px 0;
  }
  6.5% {
    background-position: -1150px 0;
  }
  7.1% {
    background-position: -1265px 0;
  }
  7.8% {
    background-position: -1380px 0;
  }
  8.4% {
    background-position: 0 -115px;
  }
  9.1% {
    background-position: -115px -115px;
  }
  9.7% {
    background-position: -230px -115px;
  }
  10.4% {
    background-position: -345px -115px;
  }
  11% {
    background-position: -460px -115px;
  }
  11.7% {
    background-position: -575px -115px;
  }
  12.3% {
    background-position: -690px -115px;
  }
  13% {
    background-position: -805px -115px;
  }
  13.6% {
    background-position: -920px -115px;
  }
  14.3% {
    background-position: -1035px -115px;
  }
  14.9% {
    background-position: -1150px -115px;
  }
  15.6% {
    background-position: -1265px -115px;
  }
  16.2% {
    background-position: -1380px -115px;
  }
  16.9% {
    background-position: 0 -230px;
  }
  17.5% {
    background-position: -115px -230px;
  }
  18.2% {
    background-position: -230px -230px;
  }
  18.8% {
    background-position: -345px -230px;
  }
  19.5% {
    background-position: -460px -230px;
  }
  20.1% {
    background-position: -575px -230px;
  }
  20.8% {
    background-position: -690px -230px;
  }
  21.4% {
    background-position: -805px -230px;
  }
  22.1% {
    background-position: -920px -230px;
  }
  22.7% {
    background-position: -1035px -230px;
  }
  23.4% {
    background-position: -1150px -230px;
  }
  24% {
    background-position: -1265px -230px;
  }
  24.7% {
    background-position: -1380px -230px;
  }
  25.3% {
    background-position: 0 -345px;
  }
  26% {
    background-position: -115px -345px;
  }
  26.6% {
    background-position: -230px -345px;
  }
  27.3% {
    background-position: -345px -345px;
  }
  27.9% {
    background-position: -460px -345px;
  }
  28.6% {
    background-position: -575px -345px;
  }
  29.2% {
    background-position: -690px -345px;
  }
  29.9% {
    background-position: -805px -345px;
  }
  30.5% {
    background-position: -920px -345px;
  }
  31.2% {
    background-position: -1035px -345px;
  }
  31.8% {
    background-position: -1150px -345px;
  }
  32.5% {
    background-position: -1265px -345px;
  }
  33.1% {
    background-position: -1380px -345px;
  }
  33.8% {
    background-position: 0 -460px;
  }
  34.4% {
    background-position: -115px -460px;
  }
  35.1% {
    background-position: -230px -460px;
  }
  35.7% {
    background-position: -345px -460px;
  }
  36.4% {
    background-position: -460px -460px;
  }
  37% {
    background-position: -575px -460px;
  }
  37.7% {
    background-position: -690px -460px;
  }
  38.3% {
    background-position: -805px -460px;
  }
  39% {
    background-position: -920px -460px;
  }
  39.6% {
    background-position: -1035px -460px;
  }
  40.3% {
    background-position: -1150px -460px;
  }
  40.9% {
    background-position: -1265px -460px;
  }
  41.6% {
    background-position: -1380px -460px;
  }
  42.2% {
    background-position: 0 -575px;
  }
  42.9% {
    background-position: -115px -575px;
  }
  43.5% {
    background-position: -230px -575px;
  }
  44.2% {
    background-position: -345px -575px;
  }
  44.8% {
    background-position: -460px -575px;
  }
  45.5% {
    background-position: -575px -575px;
  }
  46.1% {
    background-position: -690px -575px;
  }
  46.8% {
    background-position: -805px -575px;
  }
  47.4% {
    background-position: -920px -575px;
  }
  48.1% {
    background-position: -1035px -575px;
  }
  48.7% {
    background-position: -1150px -575px;
  }
  49.4% {
    background-position: -1265px -575px;
  }
  50% {
    background-position: -1380px -575px;
  }
  50.6% {
    background-position: 0 -690px;
  }
  51.3% {
    background-position: -115px -690px;
  }
  51.9% {
    background-position: -230px -690px;
  }
  52.6% {
    background-position: -345px -690px;
  }
  53.2% {
    background-position: -460px -690px;
  }
  53.9% {
    background-position: -575px -690px;
  }
  54.5% {
    background-position: -690px -690px;
  }
  55.2% {
    background-position: -805px -690px;
  }
  55.8% {
    background-position: -920px -690px;
  }
  56.5% {
    background-position: -1035px -690px;
  }
  57.1% {
    background-position: -1150px -690px;
  }
  57.8% {
    background-position: -1265px -690px;
  }
  58.4% {
    background-position: -1380px -690px;
  }
  59.1% {
    background-position: 0 -805px;
  }
  59.7% {
    background-position: -115px -805px;
  }
  60.4% {
    background-position: -230px -805px;
  }
  61% {
    background-position: -345px -805px;
  }
  61.7% {
    background-position: -460px -805px;
  }
  62.3% {
    background-position: -575px -805px;
  }
  63% {
    background-position: -690px -805px;
  }
  63.6% {
    background-position: -805px -805px;
  }
  64.3% {
    background-position: -920px -805px;
  }
  64.9% {
    background-position: -1035px -805px;
  }
  65.6% {
    background-position: -1150px -805px;
  }
  66.2% {
    background-position: -1265px -805px;
  }
  66.9% {
    background-position: -1380px -805px;
  }
  67.5% {
    background-position: 0 -920px;
  }
  68.2% {
    background-position: -115px -920px;
  }
  68.8% {
    background-position: -230px -920px;
  }
  69.5% {
    background-position: -345px -920px;
  }
  70.1% {
    background-position: -460px -920px;
  }
  70.8% {
    background-position: -575px -920px;
  }
  71.4% {
    background-position: -690px -920px;
  }
  72.1% {
    background-position: -805px -920px;
  }
  72.7% {
    background-position: -920px -920px;
  }
  73.4% {
    background-position: -1035px -920px;
  }
  74% {
    background-position: -1150px -920px;
  }
  74.7% {
    background-position: -1265px -920px;
  }
  75.3% {
    background-position: -1380px -920px;
  }
  76% {
    background-position: 0 -1035px;
  }
  76.6% {
    background-position: -115px -1035px;
  }
  77.3% {
    background-position: -230px -1035px;
  }
  77.9% {
    background-position: -345px -1035px;
  }
  78.6% {
    background-position: -460px -1035px;
  }
  79.2% {
    background-position: -575px -1035px;
  }
  79.9% {
    background-position: -690px -1035px;
  }
  80.5% {
    background-position: -805px -1035px;
  }
  81.2% {
    background-position: -920px -1035px;
  }
  81.8% {
    background-position: -1035px -1035px;
  }
  82.5% {
    background-position: -1150px -1035px;
  }
  83.1% {
    background-position: -1265px -1035px;
  }
  83.8% {
    background-position: -1380px -1035px;
  }
  84.4% {
    background-position: 0 -1150px;
  }
  85.1% {
    background-position: -115px -1150px;
  }
  85.7% {
    background-position: -230px -1150px;
  }
  86.4% {
    background-position: -345px -1150px;
  }
  87% {
    background-position: -460px -1150px;
  }
  87.7% {
    background-position: -575px -1150px;
  }
  88.3% {
    background-position: -690px -1150px;
  }
  89% {
    background-position: -805px -1150px;
  }
  89.6% {
    background-position: -920px -1150px;
  }
  90.3% {
    background-position: -1035px -1150px;
  }
  90.9% {
    background-position: -1150px -1150px;
  }
  91.6% {
    background-position: -1265px -1150px;
  }
  92.2% {
    background-position: -1380px -1150px;
  }
  92.9% {
    background-position: 0 -1265px;
  }
  93.5% {
    background-position: -115px -1265px;
  }
  94.2% {
    background-position: -230px -1265px;
  }
  94.8% {
    background-position: -345px -1265px;
  }
  95.5% {
    background-position: -460px -1265px;
  }
  96.1% {
    background-position: -575px -1265px;
  }
  96.8% {
    background-position: -690px -1265px;
  }
  97.4% {
    background-position: -805px -1265px;
  }
  98.1% {
    background-position: -920px -1265px;
  }
  98.7% {
    background-position: -1035px -1265px;
  }
  99.4% {
    background-position: -1150px -1265px;
  }
  100% {
    background-position: -1150px -1265px;
  }
}
@keyframes sprite_507__01_41__png_1 {
  0% {
    background-position: 0 0;
  }
  0.6% {
    background-position: -115px 0;
  }
  1.3% {
    background-position: -230px 0;
  }
  1.9% {
    background-position: -345px 0;
  }
  2.6% {
    background-position: -460px 0;
  }
  3.2% {
    background-position: -575px 0;
  }
  3.9% {
    background-position: -690px 0;
  }
  4.5% {
    background-position: -805px 0;
  }
  5.2% {
    background-position: -920px 0;
  }
  5.8% {
    background-position: -1035px 0;
  }
  6.5% {
    background-position: -1150px 0;
  }
  7.1% {
    background-position: -1265px 0;
  }
  7.8% {
    background-position: -1380px 0;
  }
  8.4% {
    background-position: 0 -115px;
  }
  9.1% {
    background-position: -115px -115px;
  }
  9.7% {
    background-position: -230px -115px;
  }
  10.4% {
    background-position: -345px -115px;
  }
  11% {
    background-position: -460px -115px;
  }
  11.7% {
    background-position: -575px -115px;
  }
  12.3% {
    background-position: -690px -115px;
  }
  13% {
    background-position: -805px -115px;
  }
  13.6% {
    background-position: -920px -115px;
  }
  14.3% {
    background-position: -1035px -115px;
  }
  14.9% {
    background-position: -1150px -115px;
  }
  15.6% {
    background-position: -1265px -115px;
  }
  16.2% {
    background-position: -1380px -115px;
  }
  16.9% {
    background-position: 0 -230px;
  }
  17.5% {
    background-position: -115px -230px;
  }
  18.2% {
    background-position: -230px -230px;
  }
  18.8% {
    background-position: -345px -230px;
  }
  19.5% {
    background-position: -460px -230px;
  }
  20.1% {
    background-position: -575px -230px;
  }
  20.8% {
    background-position: -690px -230px;
  }
  21.4% {
    background-position: -805px -230px;
  }
  22.1% {
    background-position: -920px -230px;
  }
  22.7% {
    background-position: -1035px -230px;
  }
  23.4% {
    background-position: -1150px -230px;
  }
  24% {
    background-position: -1265px -230px;
  }
  24.7% {
    background-position: -1380px -230px;
  }
  25.3% {
    background-position: 0 -345px;
  }
  26% {
    background-position: -115px -345px;
  }
  26.6% {
    background-position: -230px -345px;
  }
  27.3% {
    background-position: -345px -345px;
  }
  27.9% {
    background-position: -460px -345px;
  }
  28.6% {
    background-position: -575px -345px;
  }
  29.2% {
    background-position: -690px -345px;
  }
  29.9% {
    background-position: -805px -345px;
  }
  30.5% {
    background-position: -920px -345px;
  }
  31.2% {
    background-position: -1035px -345px;
  }
  31.8% {
    background-position: -1150px -345px;
  }
  32.5% {
    background-position: -1265px -345px;
  }
  33.1% {
    background-position: -1380px -345px;
  }
  33.8% {
    background-position: 0 -460px;
  }
  34.4% {
    background-position: -115px -460px;
  }
  35.1% {
    background-position: -230px -460px;
  }
  35.7% {
    background-position: -345px -460px;
  }
  36.4% {
    background-position: -460px -460px;
  }
  37% {
    background-position: -575px -460px;
  }
  37.7% {
    background-position: -690px -460px;
  }
  38.3% {
    background-position: -805px -460px;
  }
  39% {
    background-position: -920px -460px;
  }
  39.6% {
    background-position: -1035px -460px;
  }
  40.3% {
    background-position: -1150px -460px;
  }
  40.9% {
    background-position: -1265px -460px;
  }
  41.6% {
    background-position: -1380px -460px;
  }
  42.2% {
    background-position: 0 -575px;
  }
  42.9% {
    background-position: -115px -575px;
  }
  43.5% {
    background-position: -230px -575px;
  }
  44.2% {
    background-position: -345px -575px;
  }
  44.8% {
    background-position: -460px -575px;
  }
  45.5% {
    background-position: -575px -575px;
  }
  46.1% {
    background-position: -690px -575px;
  }
  46.8% {
    background-position: -805px -575px;
  }
  47.4% {
    background-position: -920px -575px;
  }
  48.1% {
    background-position: -1035px -575px;
  }
  48.7% {
    background-position: -1150px -575px;
  }
  49.4% {
    background-position: -1265px -575px;
  }
  50% {
    background-position: -1380px -575px;
  }
  50.6% {
    background-position: 0 -690px;
  }
  51.3% {
    background-position: -115px -690px;
  }
  51.9% {
    background-position: -230px -690px;
  }
  52.6% {
    background-position: -345px -690px;
  }
  53.2% {
    background-position: -460px -690px;
  }
  53.9% {
    background-position: -575px -690px;
  }
  54.5% {
    background-position: -690px -690px;
  }
  55.2% {
    background-position: -805px -690px;
  }
  55.8% {
    background-position: -920px -690px;
  }
  56.5% {
    background-position: -1035px -690px;
  }
  57.1% {
    background-position: -1150px -690px;
  }
  57.8% {
    background-position: -1265px -690px;
  }
  58.4% {
    background-position: -1380px -690px;
  }
  59.1% {
    background-position: 0 -805px;
  }
  59.7% {
    background-position: -115px -805px;
  }
  60.4% {
    background-position: -230px -805px;
  }
  61% {
    background-position: -345px -805px;
  }
  61.7% {
    background-position: -460px -805px;
  }
  62.3% {
    background-position: -575px -805px;
  }
  63% {
    background-position: -690px -805px;
  }
  63.6% {
    background-position: -805px -805px;
  }
  64.3% {
    background-position: -920px -805px;
  }
  64.9% {
    background-position: -1035px -805px;
  }
  65.6% {
    background-position: -1150px -805px;
  }
  66.2% {
    background-position: -1265px -805px;
  }
  66.9% {
    background-position: -1380px -805px;
  }
  67.5% {
    background-position: 0 -920px;
  }
  68.2% {
    background-position: -115px -920px;
  }
  68.8% {
    background-position: -230px -920px;
  }
  69.5% {
    background-position: -345px -920px;
  }
  70.1% {
    background-position: -460px -920px;
  }
  70.8% {
    background-position: -575px -920px;
  }
  71.4% {
    background-position: -690px -920px;
  }
  72.1% {
    background-position: -805px -920px;
  }
  72.7% {
    background-position: -920px -920px;
  }
  73.4% {
    background-position: -1035px -920px;
  }
  74% {
    background-position: -1150px -920px;
  }
  74.7% {
    background-position: -1265px -920px;
  }
  75.3% {
    background-position: -1380px -920px;
  }
  76% {
    background-position: 0 -1035px;
  }
  76.6% {
    background-position: -115px -1035px;
  }
  77.3% {
    background-position: -230px -1035px;
  }
  77.9% {
    background-position: -345px -1035px;
  }
  78.6% {
    background-position: -460px -1035px;
  }
  79.2% {
    background-position: -575px -1035px;
  }
  79.9% {
    background-position: -690px -1035px;
  }
  80.5% {
    background-position: -805px -1035px;
  }
  81.2% {
    background-position: -920px -1035px;
  }
  81.8% {
    background-position: -1035px -1035px;
  }
  82.5% {
    background-position: -1150px -1035px;
  }
  83.1% {
    background-position: -1265px -1035px;
  }
  83.8% {
    background-position: -1380px -1035px;
  }
  84.4% {
    background-position: 0 -1150px;
  }
  85.1% {
    background-position: -115px -1150px;
  }
  85.7% {
    background-position: -230px -1150px;
  }
  86.4% {
    background-position: -345px -1150px;
  }
  87% {
    background-position: -460px -1150px;
  }
  87.7% {
    background-position: -575px -1150px;
  }
  88.3% {
    background-position: -690px -1150px;
  }
  89% {
    background-position: -805px -1150px;
  }
  89.6% {
    background-position: -920px -1150px;
  }
  90.3% {
    background-position: -1035px -1150px;
  }
  90.9% {
    background-position: -1150px -1150px;
  }
  91.6% {
    background-position: -1265px -1150px;
  }
  92.2% {
    background-position: -1380px -1150px;
  }
  92.9% {
    background-position: 0 -1265px;
  }
  93.5% {
    background-position: -115px -1265px;
  }
  94.2% {
    background-position: -230px -1265px;
  }
  94.8% {
    background-position: -345px -1265px;
  }
  95.5% {
    background-position: -460px -1265px;
  }
  96.1% {
    background-position: -575px -1265px;
  }
  96.8% {
    background-position: -690px -1265px;
  }
  97.4% {
    background-position: -805px -1265px;
  }
  98.1% {
    background-position: -920px -1265px;
  }
  98.7% {
    background-position: -1035px -1265px;
  }
  99.4% {
    background-position: -1150px -1265px;
  }
  100% {
    background-position: -1150px -1265px;
  }
}
.nxh-9 {
  height: 116px;
  width: 115px;
  -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: -115px 0;
  }
  1.7% {
    background-position: -230px 0;
  }
  2.6% {
    background-position: -345px 0;
  }
  3.4% {
    background-position: -460px 0;
  }
  4.3% {
    background-position: -575px 0;
  }
  5.2% {
    background-position: -690px 0;
  }
  6% {
    background-position: -805px 0;
  }
  6.9% {
    background-position: -920px 0;
  }
  7.8% {
    background-position: -1035px 0;
  }
  8.6% {
    background-position: -1150px 0;
  }
  9.5% {
    background-position: 0 -116px;
  }
  10.3% {
    background-position: -115px -116px;
  }
  11.2% {
    background-position: -230px -116px;
  }
  12.1% {
    background-position: -345px -116px;
  }
  12.9% {
    background-position: -460px -116px;
  }
  13.8% {
    background-position: -575px -116px;
  }
  14.7% {
    background-position: -690px -116px;
  }
  15.5% {
    background-position: -805px -116px;
  }
  16.4% {
    background-position: -920px -116px;
  }
  17.2% {
    background-position: -1035px -116px;
  }
  18.1% {
    background-position: -1150px -116px;
  }
  19% {
    background-position: 0 -232px;
  }
  19.8% {
    background-position: -115px -232px;
  }
  20.7% {
    background-position: -230px -232px;
  }
  21.6% {
    background-position: -345px -232px;
  }
  22.4% {
    background-position: -460px -232px;
  }
  23.3% {
    background-position: -575px -232px;
  }
  24.1% {
    background-position: -690px -232px;
  }
  25% {
    background-position: -805px -232px;
  }
  25.9% {
    background-position: -920px -232px;
  }
  26.7% {
    background-position: -1035px -232px;
  }
  27.6% {
    background-position: -1150px -232px;
  }
  28.4% {
    background-position: 0 -348px;
  }
  29.3% {
    background-position: -115px -348px;
  }
  30.2% {
    background-position: -230px -348px;
  }
  31% {
    background-position: -345px -348px;
  }
  31.9% {
    background-position: -460px -348px;
  }
  32.8% {
    background-position: -575px -348px;
  }
  33.6% {
    background-position: -690px -348px;
  }
  34.5% {
    background-position: -805px -348px;
  }
  35.3% {
    background-position: -920px -348px;
  }
  36.2% {
    background-position: -1035px -348px;
  }
  37.1% {
    background-position: -1150px -348px;
  }
  37.9% {
    background-position: 0 -464px;
  }
  38.8% {
    background-position: -115px -464px;
  }
  39.7% {
    background-position: -230px -464px;
  }
  40.5% {
    background-position: -345px -464px;
  }
  41.4% {
    background-position: -460px -464px;
  }
  42.2% {
    background-position: -575px -464px;
  }
  43.1% {
    background-position: -690px -464px;
  }
  44% {
    background-position: -805px -464px;
  }
  44.8% {
    background-position: -920px -464px;
  }
  45.7% {
    background-position: -1035px -464px;
  }
  46.6% {
    background-position: -1150px -464px;
  }
  47.4% {
    background-position: 0 -580px;
  }
  48.3% {
    background-position: -115px -580px;
  }
  49.1% {
    background-position: -230px -580px;
  }
  50% {
    background-position: -345px -580px;
  }
  50.9% {
    background-position: -460px -580px;
  }
  51.7% {
    background-position: -575px -580px;
  }
  52.6% {
    background-position: -690px -580px;
  }
  53.4% {
    background-position: -805px -580px;
  }
  54.3% {
    background-position: -920px -580px;
  }
  55.2% {
    background-position: -1035px -580px;
  }
  56% {
    background-position: -1150px -580px;
  }
  56.9% {
    background-position: 0 -696px;
  }
  57.8% {
    background-position: -115px -696px;
  }
  58.6% {
    background-position: -230px -696px;
  }
  59.5% {
    background-position: -345px -696px;
  }
  60.3% {
    background-position: -460px -696px;
  }
  61.2% {
    background-position: -575px -696px;
  }
  62.1% {
    background-position: -690px -696px;
  }
  62.9% {
    background-position: -805px -696px;
  }
  63.8% {
    background-position: -920px -696px;
  }
  64.7% {
    background-position: -1035px -696px;
  }
  65.5% {
    background-position: -1150px -696px;
  }
  66.4% {
    background-position: 0 -812px;
  }
  67.2% {
    background-position: -115px -812px;
  }
  68.1% {
    background-position: -230px -812px;
  }
  69% {
    background-position: -345px -812px;
  }
  69.8% {
    background-position: -460px -812px;
  }
  70.7% {
    background-position: -575px -812px;
  }
  71.6% {
    background-position: -690px -812px;
  }
  72.4% {
    background-position: -805px -812px;
  }
  73.3% {
    background-position: -920px -812px;
  }
  74.1% {
    background-position: -1035px -812px;
  }
  75% {
    background-position: -1150px -812px;
  }
  75.9% {
    background-position: 0 -928px;
  }
  76.7% {
    background-position: -115px -928px;
  }
  77.6% {
    background-position: -230px -928px;
  }
  78.4% {
    background-position: -345px -928px;
  }
  79.3% {
    background-position: -460px -928px;
  }
  80.2% {
    background-position: -575px -928px;
  }
  81% {
    background-position: -690px -928px;
  }
  81.9% {
    background-position: -805px -928px;
  }
  82.8% {
    background-position: -920px -928px;
  }
  83.6% {
    background-position: -1035px -928px;
  }
  84.5% {
    background-position: -1150px -928px;
  }
  85.3% {
    background-position: 0 -1044px;
  }
  86.2% {
    background-position: -115px -1044px;
  }
  87.1% {
    background-position: -230px -1044px;
  }
  87.9% {
    background-position: -345px -1044px;
  }
  88.8% {
    background-position: -460px -1044px;
  }
  89.7% {
    background-position: -575px -1044px;
  }
  90.5% {
    background-position: -690px -1044px;
  }
  91.4% {
    background-position: -805px -1044px;
  }
  92.2% {
    background-position: -920px -1044px;
  }
  93.1% {
    background-position: -1035px -1044px;
  }
  94% {
    background-position: -1150px -1044px;
  }
  94.8% {
    background-position: 0 -1160px;
  }
  95.7% {
    background-position: -115px -1160px;
  }
  96.6% {
    background-position: -230px -1160px;
  }
  97.4% {
    background-position: -345px -1160px;
  }
  98.3% {
    background-position: -460px -1160px;
  }
  99.1% {
    background-position: -575px -1160px;
  }
  100% {
    background-position: -575px -1160px;
  }
}
@keyframes sprite_508__01_31__png_1 {
  0% {
    background-position: 0 0;
  }
  0.9% {
    background-position: -115px 0;
  }
  1.7% {
    background-position: -230px 0;
  }
  2.6% {
    background-position: -345px 0;
  }
  3.4% {
    background-position: -460px 0;
  }
  4.3% {
    background-position: -575px 0;
  }
  5.2% {
    background-position: -690px 0;
  }
  6% {
    background-position: -805px 0;
  }
  6.9% {
    background-position: -920px 0;
  }
  7.8% {
    background-position: -1035px 0;
  }
  8.6% {
    background-position: -1150px 0;
  }
  9.5% {
    background-position: 0 -116px;
  }
  10.3% {
    background-position: -115px -116px;
  }
  11.2% {
    background-position: -230px -116px;
  }
  12.1% {
    background-position: -345px -116px;
  }
  12.9% {
    background-position: -460px -116px;
  }
  13.8% {
    background-position: -575px -116px;
  }
  14.7% {
    background-position: -690px -116px;
  }
  15.5% {
    background-position: -805px -116px;
  }
  16.4% {
    background-position: -920px -116px;
  }
  17.2% {
    background-position: -1035px -116px;
  }
  18.1% {
    background-position: -1150px -116px;
  }
  19% {
    background-position: 0 -232px;
  }
  19.8% {
    background-position: -115px -232px;
  }
  20.7% {
    background-position: -230px -232px;
  }
  21.6% {
    background-position: -345px -232px;
  }
  22.4% {
    background-position: -460px -232px;
  }
  23.3% {
    background-position: -575px -232px;
  }
  24.1% {
    background-position: -690px -232px;
  }
  25% {
    background-position: -805px -232px;
  }
  25.9% {
    background-position: -920px -232px;
  }
  26.7% {
    background-position: -1035px -232px;
  }
  27.6% {
    background-position: -1150px -232px;
  }
  28.4% {
    background-position: 0 -348px;
  }
  29.3% {
    background-position: -115px -348px;
  }
  30.2% {
    background-position: -230px -348px;
  }
  31% {
    background-position: -345px -348px;
  }
  31.9% {
    background-position: -460px -348px;
  }
  32.8% {
    background-position: -575px -348px;
  }
  33.6% {
    background-position: -690px -348px;
  }
  34.5% {
    background-position: -805px -348px;
  }
  35.3% {
    background-position: -920px -348px;
  }
  36.2% {
    background-position: -1035px -348px;
  }
  37.1% {
    background-position: -1150px -348px;
  }
  37.9% {
    background-position: 0 -464px;
  }
  38.8% {
    background-position: -115px -464px;
  }
  39.7% {
    background-position: -230px -464px;
  }
  40.5% {
    background-position: -345px -464px;
  }
  41.4% {
    background-position: -460px -464px;
  }
  42.2% {
    background-position: -575px -464px;
  }
  43.1% {
    background-position: -690px -464px;
  }
  44% {
    background-position: -805px -464px;
  }
  44.8% {
    background-position: -920px -464px;
  }
  45.7% {
    background-position: -1035px -464px;
  }
  46.6% {
    background-position: -1150px -464px;
  }
  47.4% {
    background-position: 0 -580px;
  }
  48.3% {
    background-position: -115px -580px;
  }
  49.1% {
    background-position: -230px -580px;
  }
  50% {
    background-position: -345px -580px;
  }
  50.9% {
    background-position: -460px -580px;
  }
  51.7% {
    background-position: -575px -580px;
  }
  52.6% {
    background-position: -690px -580px;
  }
  53.4% {
    background-position: -805px -580px;
  }
  54.3% {
    background-position: -920px -580px;
  }
  55.2% {
    background-position: -1035px -580px;
  }
  56% {
    background-position: -1150px -580px;
  }
  56.9% {
    background-position: 0 -696px;
  }
  57.8% {
    background-position: -115px -696px;
  }
  58.6% {
    background-position: -230px -696px;
  }
  59.5% {
    background-position: -345px -696px;
  }
  60.3% {
    background-position: -460px -696px;
  }
  61.2% {
    background-position: -575px -696px;
  }
  62.1% {
    background-position: -690px -696px;
  }
  62.9% {
    background-position: -805px -696px;
  }
  63.8% {
    background-position: -920px -696px;
  }
  64.7% {
    background-position: -1035px -696px;
  }
  65.5% {
    background-position: -1150px -696px;
  }
  66.4% {
    background-position: 0 -812px;
  }
  67.2% {
    background-position: -115px -812px;
  }
  68.1% {
    background-position: -230px -812px;
  }
  69% {
    background-position: -345px -812px;
  }
  69.8% {
    background-position: -460px -812px;
  }
  70.7% {
    background-position: -575px -812px;
  }
  71.6% {
    background-position: -690px -812px;
  }
  72.4% {
    background-position: -805px -812px;
  }
  73.3% {
    background-position: -920px -812px;
  }
  74.1% {
    background-position: -1035px -812px;
  }
  75% {
    background-position: -1150px -812px;
  }
  75.9% {
    background-position: 0 -928px;
  }
  76.7% {
    background-position: -115px -928px;
  }
  77.6% {
    background-position: -230px -928px;
  }
  78.4% {
    background-position: -345px -928px;
  }
  79.3% {
    background-position: -460px -928px;
  }
  80.2% {
    background-position: -575px -928px;
  }
  81% {
    background-position: -690px -928px;
  }
  81.9% {
    background-position: -805px -928px;
  }
  82.8% {
    background-position: -920px -928px;
  }
  83.6% {
    background-position: -1035px -928px;
  }
  84.5% {
    background-position: -1150px -928px;
  }
  85.3% {
    background-position: 0 -1044px;
  }
  86.2% {
    background-position: -115px -1044px;
  }
  87.1% {
    background-position: -230px -1044px;
  }
  87.9% {
    background-position: -345px -1044px;
  }
  88.8% {
    background-position: -460px -1044px;
  }
  89.7% {
    background-position: -575px -1044px;
  }
  90.5% {
    background-position: -690px -1044px;
  }
  91.4% {
    background-position: -805px -1044px;
  }
  92.2% {
    background-position: -920px -1044px;
  }
  93.1% {
    background-position: -1035px -1044px;
  }
  94% {
    background-position: -1150px -1044px;
  }
  94.8% {
    background-position: 0 -1160px;
  }
  95.7% {
    background-position: -115px -1160px;
  }
  96.6% {
    background-position: -230px -1160px;
  }
  97.4% {
    background-position: -345px -1160px;
  }
  98.3% {
    background-position: -460px -1160px;
  }
  99.1% {
    background-position: -575px -1160px;
  }
  100% {
    background-position: -575px -1160px;
  }
}
.nxh-10 {
  height: 115px;
  width: 115px;
  -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: -115px 0;
  }
  0.8% {
    background-position: -230px 0;
  }
  1.3% {
    background-position: -345px 0;
  }
  1.7% {
    background-position: -460px 0;
  }
  2.1% {
    background-position: -575px 0;
  }
  2.5% {
    background-position: -690px 0;
  }
  2.9% {
    background-position: -805px 0;
  }
  3.3% {
    background-position: -920px 0;
  }
  3.8% {
    background-position: -1035px 0;
  }
  4.2% {
    background-position: -1150px 0;
  }
  4.6% {
    background-position: -1265px 0;
  }
  5% {
    background-position: -1380px 0;
  }
  5.4% {
    background-position: -1495px 0;
  }
  5.8% {
    background-position: -1610px 0;
  }
  6.3% {
    background-position: -1725px 0;
  }
  6.7% {
    background-position: 0 -115px;
  }
  7.1% {
    background-position: -115px -115px;
  }
  7.5% {
    background-position: -230px -115px;
  }
  7.9% {
    background-position: -345px -115px;
  }
  8.3% {
    background-position: -460px -115px;
  }
  8.8% {
    background-position: -575px -115px;
  }
  9.2% {
    background-position: -690px -115px;
  }
  9.6% {
    background-position: -805px -115px;
  }
  10% {
    background-position: -920px -115px;
  }
  10.4% {
    background-position: -1035px -115px;
  }
  10.8% {
    background-position: -1150px -115px;
  }
  11.3% {
    background-position: -1265px -115px;
  }
  11.7% {
    background-position: -1380px -115px;
  }
  12.1% {
    background-position: -1495px -115px;
  }
  12.5% {
    background-position: -1610px -115px;
  }
  12.9% {
    background-position: -1725px -115px;
  }
  13.3% {
    background-position: 0 -230px;
  }
  13.8% {
    background-position: -115px -230px;
  }
  14.2% {
    background-position: -230px -230px;
  }
  14.6% {
    background-position: -345px -230px;
  }
  15% {
    background-position: -460px -230px;
  }
  15.4% {
    background-position: -575px -230px;
  }
  15.8% {
    background-position: -690px -230px;
  }
  16.3% {
    background-position: -805px -230px;
  }
  16.7% {
    background-position: -920px -230px;
  }
  17.1% {
    background-position: -1035px -230px;
  }
  17.5% {
    background-position: -1150px -230px;
  }
  17.9% {
    background-position: -1265px -230px;
  }
  18.3% {
    background-position: -1380px -230px;
  }
  18.8% {
    background-position: -1495px -230px;
  }
  19.2% {
    background-position: -1610px -230px;
  }
  19.6% {
    background-position: -1725px -230px;
  }
  20% {
    background-position: 0 -345px;
  }
  20.4% {
    background-position: -115px -345px;
  }
  20.8% {
    background-position: -230px -345px;
  }
  21.3% {
    background-position: -345px -345px;
  }
  21.7% {
    background-position: -460px -345px;
  }
  22.1% {
    background-position: -575px -345px;
  }
  22.5% {
    background-position: -690px -345px;
  }
  22.9% {
    background-position: -805px -345px;
  }
  23.3% {
    background-position: -920px -345px;
  }
  23.8% {
    background-position: -1035px -345px;
  }
  24.2% {
    background-position: -1150px -345px;
  }
  24.6% {
    background-position: -1265px -345px;
  }
  25% {
    background-position: -1380px -345px;
  }
  25.4% {
    background-position: -1495px -345px;
  }
  25.8% {
    background-position: -1610px -345px;
  }
  26.3% {
    background-position: -1725px -345px;
  }
  26.7% {
    background-position: 0 -460px;
  }
  27.1% {
    background-position: -115px -460px;
  }
  27.5% {
    background-position: -230px -460px;
  }
  27.9% {
    background-position: -345px -460px;
  }
  28.3% {
    background-position: -460px -460px;
  }
  28.8% {
    background-position: -575px -460px;
  }
  29.2% {
    background-position: -690px -460px;
  }
  29.6% {
    background-position: -805px -460px;
  }
  30% {
    background-position: -920px -460px;
  }
  30.4% {
    background-position: -1035px -460px;
  }
  30.8% {
    background-position: -1150px -460px;
  }
  31.3% {
    background-position: -1265px -460px;
  }
  31.7% {
    background-position: -1380px -460px;
  }
  32.1% {
    background-position: -1495px -460px;
  }
  32.5% {
    background-position: -1610px -460px;
  }
  32.9% {
    background-position: -1725px -460px;
  }
  33.3% {
    background-position: 0 -575px;
  }
  33.8% {
    background-position: -115px -575px;
  }
  34.2% {
    background-position: -230px -575px;
  }
  34.6% {
    background-position: -345px -575px;
  }
  35% {
    background-position: -460px -575px;
  }
  35.4% {
    background-position: -575px -575px;
  }
  35.8% {
    background-position: -690px -575px;
  }
  36.3% {
    background-position: -805px -575px;
  }
  36.7% {
    background-position: -920px -575px;
  }
  37.1% {
    background-position: -1035px -575px;
  }
  37.5% {
    background-position: -1150px -575px;
  }
  37.9% {
    background-position: -1265px -575px;
  }
  38.3% {
    background-position: -1380px -575px;
  }
  38.8% {
    background-position: -1495px -575px;
  }
  39.2% {
    background-position: -1610px -575px;
  }
  39.6% {
    background-position: -1725px -575px;
  }
  40% {
    background-position: 0 -690px;
  }
  40.4% {
    background-position: -115px -690px;
  }
  40.8% {
    background-position: -230px -690px;
  }
  41.3% {
    background-position: -345px -690px;
  }
  41.7% {
    background-position: -460px -690px;
  }
  42.1% {
    background-position: -575px -690px;
  }
  42.5% {
    background-position: -690px -690px;
  }
  42.9% {
    background-position: -805px -690px;
  }
  43.3% {
    background-position: -920px -690px;
  }
  43.8% {
    background-position: -1035px -690px;
  }
  44.2% {
    background-position: -1150px -690px;
  }
  44.6% {
    background-position: -1265px -690px;
  }
  45% {
    background-position: -1380px -690px;
  }
  45.4% {
    background-position: -1495px -690px;
  }
  45.8% {
    background-position: -1610px -690px;
  }
  46.3% {
    background-position: -1725px -690px;
  }
  46.7% {
    background-position: 0 -805px;
  }
  47.1% {
    background-position: -115px -805px;
  }
  47.5% {
    background-position: -230px -805px;
  }
  47.9% {
    background-position: -345px -805px;
  }
  48.3% {
    background-position: -460px -805px;
  }
  48.8% {
    background-position: -575px -805px;
  }
  49.2% {
    background-position: -690px -805px;
  }
  49.6% {
    background-position: -805px -805px;
  }
  50% {
    background-position: -920px -805px;
  }
  50.4% {
    background-position: -1035px -805px;
  }
  50.8% {
    background-position: -1150px -805px;
  }
  51.3% {
    background-position: -1265px -805px;
  }
  51.7% {
    background-position: -1380px -805px;
  }
  52.1% {
    background-position: -1495px -805px;
  }
  52.5% {
    background-position: -1610px -805px;
  }
  52.9% {
    background-position: -1725px -805px;
  }
  53.3% {
    background-position: 0 -920px;
  }
  53.8% {
    background-position: -115px -920px;
  }
  54.2% {
    background-position: -230px -920px;
  }
  54.6% {
    background-position: -345px -920px;
  }
  55% {
    background-position: -460px -920px;
  }
  55.4% {
    background-position: -575px -920px;
  }
  55.8% {
    background-position: -690px -920px;
  }
  56.3% {
    background-position: -805px -920px;
  }
  56.7% {
    background-position: -920px -920px;
  }
  57.1% {
    background-position: -1035px -920px;
  }
  57.5% {
    background-position: -1150px -920px;
  }
  57.9% {
    background-position: -1265px -920px;
  }
  58.3% {
    background-position: -1380px -920px;
  }
  58.8% {
    background-position: -1495px -920px;
  }
  59.2% {
    background-position: -1610px -920px;
  }
  59.6% {
    background-position: -1725px -920px;
  }
  60% {
    background-position: 0 -1035px;
  }
  60.4% {
    background-position: -115px -1035px;
  }
  60.8% {
    background-position: -230px -1035px;
  }
  61.3% {
    background-position: -345px -1035px;
  }
  61.7% {
    background-position: -460px -1035px;
  }
  62.1% {
    background-position: -575px -1035px;
  }
  62.5% {
    background-position: -690px -1035px;
  }
  62.9% {
    background-position: -805px -1035px;
  }
  63.3% {
    background-position: -920px -1035px;
  }
  63.8% {
    background-position: -1035px -1035px;
  }
  64.2% {
    background-position: -1150px -1035px;
  }
  64.6% {
    background-position: -1265px -1035px;
  }
  65% {
    background-position: -1380px -1035px;
  }
  65.4% {
    background-position: -1495px -1035px;
  }
  65.8% {
    background-position: -1610px -1035px;
  }
  66.3% {
    background-position: -1725px -1035px;
  }
  66.7% {
    background-position: 0 -1150px;
  }
  67.1% {
    background-position: -115px -1150px;
  }
  67.5% {
    background-position: -230px -1150px;
  }
  67.9% {
    background-position: -345px -1150px;
  }
  68.3% {
    background-position: -460px -1150px;
  }
  68.8% {
    background-position: -575px -1150px;
  }
  69.2% {
    background-position: -690px -1150px;
  }
  69.6% {
    background-position: -805px -1150px;
  }
  70% {
    background-position: -920px -1150px;
  }
  70.4% {
    background-position: -1035px -1150px;
  }
  70.8% {
    background-position: -1150px -1150px;
  }
  71.3% {
    background-position: -1265px -1150px;
  }
  71.7% {
    background-position: -1380px -1150px;
  }
  72.1% {
    background-position: -1495px -1150px;
  }
  72.5% {
    background-position: -1610px -1150px;
  }
  72.9% {
    background-position: -1725px -1150px;
  }
  73.3% {
    background-position: 0 -1265px;
  }
  73.8% {
    background-position: -115px -1265px;
  }
  74.2% {
    background-position: -230px -1265px;
  }
  74.6% {
    background-position: -345px -1265px;
  }
  75% {
    background-position: -460px -1265px;
  }
  75.4% {
    background-position: -575px -1265px;
  }
  75.8% {
    background-position: -690px -1265px;
  }
  76.3% {
    background-position: -805px -1265px;
  }
  76.7% {
    background-position: -920px -1265px;
  }
  77.1% {
    background-position: -1035px -1265px;
  }
  77.5% {
    background-position: -1150px -1265px;
  }
  77.9% {
    background-position: -1265px -1265px;
  }
  78.3% {
    background-position: -1380px -1265px;
  }
  78.8% {
    background-position: -1495px -1265px;
  }
  79.2% {
    background-position: -1610px -1265px;
  }
  79.6% {
    background-position: -1725px -1265px;
  }
  80% {
    background-position: 0 -1380px;
  }
  80.4% {
    background-position: -115px -1380px;
  }
  80.8% {
    background-position: -230px -1380px;
  }
  81.3% {
    background-position: -345px -1380px;
  }
  81.7% {
    background-position: -460px -1380px;
  }
  82.1% {
    background-position: -575px -1380px;
  }
  82.5% {
    background-position: -690px -1380px;
  }
  82.9% {
    background-position: -805px -1380px;
  }
  83.3% {
    background-position: -920px -1380px;
  }
  83.8% {
    background-position: -1035px -1380px;
  }
  84.2% {
    background-position: -1150px -1380px;
  }
  84.6% {
    background-position: -1265px -1380px;
  }
  85% {
    background-position: -1380px -1380px;
  }
  85.4% {
    background-position: -1495px -1380px;
  }
  85.8% {
    background-position: -1610px -1380px;
  }
  86.3% {
    background-position: -1725px -1380px;
  }
  86.7% {
    background-position: 0 -1495px;
  }
  87.1% {
    background-position: -115px -1495px;
  }
  87.5% {
    background-position: -230px -1495px;
  }
  87.9% {
    background-position: -345px -1495px;
  }
  88.3% {
    background-position: -460px -1495px;
  }
  88.8% {
    background-position: -575px -1495px;
  }
  89.2% {
    background-position: -690px -1495px;
  }
  89.6% {
    background-position: -805px -1495px;
  }
  90% {
    background-position: -920px -1495px;
  }
  90.4% {
    background-position: -1035px -1495px;
  }
  90.8% {
    background-position: -1150px -1495px;
  }
  91.3% {
    background-position: -1265px -1495px;
  }
  91.7% {
    background-position: -1380px -1495px;
  }
  92.1% {
    background-position: -1495px -1495px;
  }
  92.5% {
    background-position: -1610px -1495px;
  }
  92.9% {
    background-position: -1725px -1495px;
  }
  93.3% {
    background-position: 0 -1610px;
  }
  93.8% {
    background-position: -115px -1610px;
  }
  94.2% {
    background-position: -230px -1610px;
  }
  94.6% {
    background-position: -345px -1610px;
  }
  95% {
    background-position: -460px -1610px;
  }
  95.4% {
    background-position: -575px -1610px;
  }
  95.8% {
    background-position: -690px -1610px;
  }
  96.3% {
    background-position: -805px -1610px;
  }
  96.7% {
    background-position: -920px -1610px;
  }
  97.1% {
    background-position: -1035px -1610px;
  }
  97.5% {
    background-position: -1150px -1610px;
  }
  97.9% {
    background-position: -1265px -1610px;
  }
  98.3% {
    background-position: -1380px -1610px;
  }
  98.8% {
    background-position: -1495px -1610px;
  }
  99.2% {
    background-position: -1610px -1610px;
  }
  99.6% {
    background-position: -1725px -1610px;
  }
  100% {
    background-position: -1725px -1610px;
  }
}
@keyframes sprite_509__01_64__gif_1 {
  0% {
    background-position: 0 0;
  }
  0.4% {
    background-position: -115px 0;
  }
  0.8% {
    background-position: -230px 0;
  }
  1.3% {
    background-position: -345px 0;
  }
  1.7% {
    background-position: -460px 0;
  }
  2.1% {
    background-position: -575px 0;
  }
  2.5% {
    background-position: -690px 0;
  }
  2.9% {
    background-position: -805px 0;
  }
  3.3% {
    background-position: -920px 0;
  }
  3.8% {
    background-position: -1035px 0;
  }
  4.2% {
    background-position: -1150px 0;
  }
  4.6% {
    background-position: -1265px 0;
  }
  5% {
    background-position: -1380px 0;
  }
  5.4% {
    background-position: -1495px 0;
  }
  5.8% {
    background-position: -1610px 0;
  }
  6.3% {
    background-position: -1725px 0;
  }
  6.7% {
    background-position: 0 -115px;
  }
  7.1% {
    background-position: -115px -115px;
  }
  7.5% {
    background-position: -230px -115px;
  }
  7.9% {
    background-position: -345px -115px;
  }
  8.3% {
    background-position: -460px -115px;
  }
  8.8% {
    background-position: -575px -115px;
  }
  9.2% {
    background-position: -690px -115px;
  }
  9.6% {
    background-position: -805px -115px;
  }
  10% {
    background-position: -920px -115px;
  }
  10.4% {
    background-position: -1035px -115px;
  }
  10.8% {
    background-position: -1150px -115px;
  }
  11.3% {
    background-position: -1265px -115px;
  }
  11.7% {
    background-position: -1380px -115px;
  }
  12.1% {
    background-position: -1495px -115px;
  }
  12.5% {
    background-position: -1610px -115px;
  }
  12.9% {
    background-position: -1725px -115px;
  }
  13.3% {
    background-position: 0 -230px;
  }
  13.8% {
    background-position: -115px -230px;
  }
  14.2% {
    background-position: -230px -230px;
  }
  14.6% {
    background-position: -345px -230px;
  }
  15% {
    background-position: -460px -230px;
  }
  15.4% {
    background-position: -575px -230px;
  }
  15.8% {
    background-position: -690px -230px;
  }
  16.3% {
    background-position: -805px -230px;
  }
  16.7% {
    background-position: -920px -230px;
  }
  17.1% {
    background-position: -1035px -230px;
  }
  17.5% {
    background-position: -1150px -230px;
  }
  17.9% {
    background-position: -1265px -230px;
  }
  18.3% {
    background-position: -1380px -230px;
  }
  18.8% {
    background-position: -1495px -230px;
  }
  19.2% {
    background-position: -1610px -230px;
  }
  19.6% {
    background-position: -1725px -230px;
  }
  20% {
    background-position: 0 -345px;
  }
  20.4% {
    background-position: -115px -345px;
  }
  20.8% {
    background-position: -230px -345px;
  }
  21.3% {
    background-position: -345px -345px;
  }
  21.7% {
    background-position: -460px -345px;
  }
  22.1% {
    background-position: -575px -345px;
  }
  22.5% {
    background-position: -690px -345px;
  }
  22.9% {
    background-position: -805px -345px;
  }
  23.3% {
    background-position: -920px -345px;
  }
  23.8% {
    background-position: -1035px -345px;
  }
  24.2% {
    background-position: -1150px -345px;
  }
  24.6% {
    background-position: -1265px -345px;
  }
  25% {
    background-position: -1380px -345px;
  }
  25.4% {
    background-position: -1495px -345px;
  }
  25.8% {
    background-position: -1610px -345px;
  }
  26.3% {
    background-position: -1725px -345px;
  }
  26.7% {
    background-position: 0 -460px;
  }
  27.1% {
    background-position: -115px -460px;
  }
  27.5% {
    background-position: -230px -460px;
  }
  27.9% {
    background-position: -345px -460px;
  }
  28.3% {
    background-position: -460px -460px;
  }
  28.8% {
    background-position: -575px -460px;
  }
  29.2% {
    background-position: -690px -460px;
  }
  29.6% {
    background-position: -805px -460px;
  }
  30% {
    background-position: -920px -460px;
  }
  30.4% {
    background-position: -1035px -460px;
  }
  30.8% {
    background-position: -1150px -460px;
  }
  31.3% {
    background-position: -1265px -460px;
  }
  31.7% {
    background-position: -1380px -460px;
  }
  32.1% {
    background-position: -1495px -460px;
  }
  32.5% {
    background-position: -1610px -460px;
  }
  32.9% {
    background-position: -1725px -460px;
  }
  33.3% {
    background-position: 0 -575px;
  }
  33.8% {
    background-position: -115px -575px;
  }
  34.2% {
    background-position: -230px -575px;
  }
  34.6% {
    background-position: -345px -575px;
  }
  35% {
    background-position: -460px -575px;
  }
  35.4% {
    background-position: -575px -575px;
  }
  35.8% {
    background-position: -690px -575px;
  }
  36.3% {
    background-position: -805px -575px;
  }
  36.7% {
    background-position: -920px -575px;
  }
  37.1% {
    background-position: -1035px -575px;
  }
  37.5% {
    background-position: -1150px -575px;
  }
  37.9% {
    background-position: -1265px -575px;
  }
  38.3% {
    background-position: -1380px -575px;
  }
  38.8% {
    background-position: -1495px -575px;
  }
  39.2% {
    background-position: -1610px -575px;
  }
  39.6% {
    background-position: -1725px -575px;
  }
  40% {
    background-position: 0 -690px;
  }
  40.4% {
    background-position: -115px -690px;
  }
  40.8% {
    background-position: -230px -690px;
  }
  41.3% {
    background-position: -345px -690px;
  }
  41.7% {
    background-position: -460px -690px;
  }
  42.1% {
    background-position: -575px -690px;
  }
  42.5% {
    background-position: -690px -690px;
  }
  42.9% {
    background-position: -805px -690px;
  }
  43.3% {
    background-position: -920px -690px;
  }
  43.8% {
    background-position: -1035px -690px;
  }
  44.2% {
    background-position: -1150px -690px;
  }
  44.6% {
    background-position: -1265px -690px;
  }
  45% {
    background-position: -1380px -690px;
  }
  45.4% {
    background-position: -1495px -690px;
  }
  45.8% {
    background-position: -1610px -690px;
  }
  46.3% {
    background-position: -1725px -690px;
  }
  46.7% {
    background-position: 0 -805px;
  }
  47.1% {
    background-position: -115px -805px;
  }
  47.5% {
    background-position: -230px -805px;
  }
  47.9% {
    background-position: -345px -805px;
  }
  48.3% {
    background-position: -460px -805px;
  }
  48.8% {
    background-position: -575px -805px;
  }
  49.2% {
    background-position: -690px -805px;
  }
  49.6% {
    background-position: -805px -805px;
  }
  50% {
    background-position: -920px -805px;
  }
  50.4% {
    background-position: -1035px -805px;
  }
  50.8% {
    background-position: -1150px -805px;
  }
  51.3% {
    background-position: -1265px -805px;
  }
  51.7% {
    background-position: -1380px -805px;
  }
  52.1% {
    background-position: -1495px -805px;
  }
  52.5% {
    background-position: -1610px -805px;
  }
  52.9% {
    background-position: -1725px -805px;
  }
  53.3% {
    background-position: 0 -920px;
  }
  53.8% {
    background-position: -115px -920px;
  }
  54.2% {
    background-position: -230px -920px;
  }
  54.6% {
    background-position: -345px -920px;
  }
  55% {
    background-position: -460px -920px;
  }
  55.4% {
    background-position: -575px -920px;
  }
  55.8% {
    background-position: -690px -920px;
  }
  56.3% {
    background-position: -805px -920px;
  }
  56.7% {
    background-position: -920px -920px;
  }
  57.1% {
    background-position: -1035px -920px;
  }
  57.5% {
    background-position: -1150px -920px;
  }
  57.9% {
    background-position: -1265px -920px;
  }
  58.3% {
    background-position: -1380px -920px;
  }
  58.8% {
    background-position: -1495px -920px;
  }
  59.2% {
    background-position: -1610px -920px;
  }
  59.6% {
    background-position: -1725px -920px;
  }
  60% {
    background-position: 0 -1035px;
  }
  60.4% {
    background-position: -115px -1035px;
  }
  60.8% {
    background-position: -230px -1035px;
  }
  61.3% {
    background-position: -345px -1035px;
  }
  61.7% {
    background-position: -460px -1035px;
  }
  62.1% {
    background-position: -575px -1035px;
  }
  62.5% {
    background-position: -690px -1035px;
  }
  62.9% {
    background-position: -805px -1035px;
  }
  63.3% {
    background-position: -920px -1035px;
  }
  63.8% {
    background-position: -1035px -1035px;
  }
  64.2% {
    background-position: -1150px -1035px;
  }
  64.6% {
    background-position: -1265px -1035px;
  }
  65% {
    background-position: -1380px -1035px;
  }
  65.4% {
    background-position: -1495px -1035px;
  }
  65.8% {
    background-position: -1610px -1035px;
  }
  66.3% {
    background-position: -1725px -1035px;
  }
  66.7% {
    background-position: 0 -1150px;
  }
  67.1% {
    background-position: -115px -1150px;
  }
  67.5% {
    background-position: -230px -1150px;
  }
  67.9% {
    background-position: -345px -1150px;
  }
  68.3% {
    background-position: -460px -1150px;
  }
  68.8% {
    background-position: -575px -1150px;
  }
  69.2% {
    background-position: -690px -1150px;
  }
  69.6% {
    background-position: -805px -1150px;
  }
  70% {
    background-position: -920px -1150px;
  }
  70.4% {
    background-position: -1035px -1150px;
  }
  70.8% {
    background-position: -1150px -1150px;
  }
  71.3% {
    background-position: -1265px -1150px;
  }
  71.7% {
    background-position: -1380px -1150px;
  }
  72.1% {
    background-position: -1495px -1150px;
  }
  72.5% {
    background-position: -1610px -1150px;
  }
  72.9% {
    background-position: -1725px -1150px;
  }
  73.3% {
    background-position: 0 -1265px;
  }
  73.8% {
    background-position: -115px -1265px;
  }
  74.2% {
    background-position: -230px -1265px;
  }
  74.6% {
    background-position: -345px -1265px;
  }
  75% {
    background-position: -460px -1265px;
  }
  75.4% {
    background-position: -575px -1265px;
  }
  75.8% {
    background-position: -690px -1265px;
  }
  76.3% {
    background-position: -805px -1265px;
  }
  76.7% {
    background-position: -920px -1265px;
  }
  77.1% {
    background-position: -1035px -1265px;
  }
  77.5% {
    background-position: -1150px -1265px;
  }
  77.9% {
    background-position: -1265px -1265px;
  }
  78.3% {
    background-position: -1380px -1265px;
  }
  78.8% {
    background-position: -1495px -1265px;
  }
  79.2% {
    background-position: -1610px -1265px;
  }
  79.6% {
    background-position: -1725px -1265px;
  }
  80% {
    background-position: 0 -1380px;
  }
  80.4% {
    background-position: -115px -1380px;
  }
  80.8% {
    background-position: -230px -1380px;
  }
  81.3% {
    background-position: -345px -1380px;
  }
  81.7% {
    background-position: -460px -1380px;
  }
  82.1% {
    background-position: -575px -1380px;
  }
  82.5% {
    background-position: -690px -1380px;
  }
  82.9% {
    background-position: -805px -1380px;
  }
  83.3% {
    background-position: -920px -1380px;
  }
  83.8% {
    background-position: -1035px -1380px;
  }
  84.2% {
    background-position: -1150px -1380px;
  }
  84.6% {
    background-position: -1265px -1380px;
  }
  85% {
    background-position: -1380px -1380px;
  }
  85.4% {
    background-position: -1495px -1380px;
  }
  85.8% {
    background-position: -1610px -1380px;
  }
  86.3% {
    background-position: -1725px -1380px;
  }
  86.7% {
    background-position: 0 -1495px;
  }
  87.1% {
    background-position: -115px -1495px;
  }
  87.5% {
    background-position: -230px -1495px;
  }
  87.9% {
    background-position: -345px -1495px;
  }
  88.3% {
    background-position: -460px -1495px;
  }
  88.8% {
    background-position: -575px -1495px;
  }
  89.2% {
    background-position: -690px -1495px;
  }
  89.6% {
    background-position: -805px -1495px;
  }
  90% {
    background-position: -920px -1495px;
  }
  90.4% {
    background-position: -1035px -1495px;
  }
  90.8% {
    background-position: -1150px -1495px;
  }
  91.3% {
    background-position: -1265px -1495px;
  }
  91.7% {
    background-position: -1380px -1495px;
  }
  92.1% {
    background-position: -1495px -1495px;
  }
  92.5% {
    background-position: -1610px -1495px;
  }
  92.9% {
    background-position: -1725px -1495px;
  }
  93.3% {
    background-position: 0 -1610px;
  }
  93.8% {
    background-position: -115px -1610px;
  }
  94.2% {
    background-position: -230px -1610px;
  }
  94.6% {
    background-position: -345px -1610px;
  }
  95% {
    background-position: -460px -1610px;
  }
  95.4% {
    background-position: -575px -1610px;
  }
  95.8% {
    background-position: -690px -1610px;
  }
  96.3% {
    background-position: -805px -1610px;
  }
  96.7% {
    background-position: -920px -1610px;
  }
  97.1% {
    background-position: -1035px -1610px;
  }
  97.5% {
    background-position: -1150px -1610px;
  }
  97.9% {
    background-position: -1265px -1610px;
  }
  98.3% {
    background-position: -1380px -1610px;
  }
  98.8% {
    background-position: -1495px -1610px;
  }
  99.2% {
    background-position: -1610px -1610px;
  }
  99.6% {
    background-position: -1725px -1610px;
  }
  100% {
    background-position: -1725px -1610px;
  }
}
.nxh-11 {
  height: 116px;
  width: 115px;
  -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: -115px 0;
  }
  3.3% {
    background-position: -230px 0;
  }
  5% {
    background-position: -345px 0;
  }
  6.7% {
    background-position: -460px 0;
  }
  8.3% {
    background-position: -575px 0;
  }
  10% {
    background-position: -690px 0;
  }
  11.7% {
    background-position: -805px 0;
  }
  13.3% {
    background-position: 0 -116px;
  }
  15% {
    background-position: -115px -116px;
  }
  16.7% {
    background-position: -230px -116px;
  }
  18.3% {
    background-position: -345px -116px;
  }
  20% {
    background-position: -460px -116px;
  }
  21.7% {
    background-position: -575px -116px;
  }
  23.3% {
    background-position: -690px -116px;
  }
  25% {
    background-position: -805px -116px;
  }
  26.7% {
    background-position: 0 -232px;
  }
  28.3% {
    background-position: -115px -232px;
  }
  30% {
    background-position: -230px -232px;
  }
  31.7% {
    background-position: -345px -232px;
  }
  33.3% {
    background-position: -460px -232px;
  }
  35% {
    background-position: -575px -232px;
  }
  36.7% {
    background-position: -690px -232px;
  }
  38.3% {
    background-position: -805px -232px;
  }
  40% {
    background-position: 0 -348px;
  }
  41.7% {
    background-position: -115px -348px;
  }
  43.3% {
    background-position: -230px -348px;
  }
  45% {
    background-position: -345px -348px;
  }
  46.7% {
    background-position: -460px -348px;
  }
  48.3% {
    background-position: -575px -348px;
  }
  50% {
    background-position: -690px -348px;
  }
  51.7% {
    background-position: -805px -348px;
  }
  53.3% {
    background-position: 0 -464px;
  }
  55% {
    background-position: -115px -464px;
  }
  56.7% {
    background-position: -230px -464px;
  }
  58.3% {
    background-position: -345px -464px;
  }
  60% {
    background-position: -460px -464px;
  }
  61.7% {
    background-position: -575px -464px;
  }
  63.3% {
    background-position: -690px -464px;
  }
  65% {
    background-position: -805px -464px;
  }
  66.7% {
    background-position: 0 -580px;
  }
  68.3% {
    background-position: -115px -580px;
  }
  70% {
    background-position: -230px -580px;
  }
  71.7% {
    background-position: -345px -580px;
  }
  73.3% {
    background-position: -460px -580px;
  }
  75% {
    background-position: -575px -580px;
  }
  76.7% {
    background-position: -690px -580px;
  }
  78.3% {
    background-position: -805px -580px;
  }
  80% {
    background-position: 0 -696px;
  }
  81.7% {
    background-position: -115px -696px;
  }
  83.3% {
    background-position: -230px -696px;
  }
  85% {
    background-position: -345px -696px;
  }
  86.7% {
    background-position: -460px -696px;
  }
  88.3% {
    background-position: -575px -696px;
  }
  90% {
    background-position: -690px -696px;
  }
  91.7% {
    background-position: -805px -696px;
  }
  93.3% {
    background-position: 0 -812px;
  }
  95% {
    background-position: -115px -812px;
  }
  96.7% {
    background-position: -230px -812px;
  }
  98.3% {
    background-position: -345px -812px;
  }
  100% {
    background-position: -345px -812px;
  }
}
@keyframes sprite_510__01_20__png_1 {
  0% {
    background-position: 0 0;
  }
  1.7% {
    background-position: -115px 0;
  }
  3.3% {
    background-position: -230px 0;
  }
  5% {
    background-position: -345px 0;
  }
  6.7% {
    background-position: -460px 0;
  }
  8.3% {
    background-position: -575px 0;
  }
  10% {
    background-position: -690px 0;
  }
  11.7% {
    background-position: -805px 0;
  }
  13.3% {
    background-position: 0 -116px;
  }
  15% {
    background-position: -115px -116px;
  }
  16.7% {
    background-position: -230px -116px;
  }
  18.3% {
    background-position: -345px -116px;
  }
  20% {
    background-position: -460px -116px;
  }
  21.7% {
    background-position: -575px -116px;
  }
  23.3% {
    background-position: -690px -116px;
  }
  25% {
    background-position: -805px -116px;
  }
  26.7% {
    background-position: 0 -232px;
  }
  28.3% {
    background-position: -115px -232px;
  }
  30% {
    background-position: -230px -232px;
  }
  31.7% {
    background-position: -345px -232px;
  }
  33.3% {
    background-position: -460px -232px;
  }
  35% {
    background-position: -575px -232px;
  }
  36.7% {
    background-position: -690px -232px;
  }
  38.3% {
    background-position: -805px -232px;
  }
  40% {
    background-position: 0 -348px;
  }
  41.7% {
    background-position: -115px -348px;
  }
  43.3% {
    background-position: -230px -348px;
  }
  45% {
    background-position: -345px -348px;
  }
  46.7% {
    background-position: -460px -348px;
  }
  48.3% {
    background-position: -575px -348px;
  }
  50% {
    background-position: -690px -348px;
  }
  51.7% {
    background-position: -805px -348px;
  }
  53.3% {
    background-position: 0 -464px;
  }
  55% {
    background-position: -115px -464px;
  }
  56.7% {
    background-position: -230px -464px;
  }
  58.3% {
    background-position: -345px -464px;
  }
  60% {
    background-position: -460px -464px;
  }
  61.7% {
    background-position: -575px -464px;
  }
  63.3% {
    background-position: -690px -464px;
  }
  65% {
    background-position: -805px -464px;
  }
  66.7% {
    background-position: 0 -580px;
  }
  68.3% {
    background-position: -115px -580px;
  }
  70% {
    background-position: -230px -580px;
  }
  71.7% {
    background-position: -345px -580px;
  }
  73.3% {
    background-position: -460px -580px;
  }
  75% {
    background-position: -575px -580px;
  }
  76.7% {
    background-position: -690px -580px;
  }
  78.3% {
    background-position: -805px -580px;
  }
  80% {
    background-position: 0 -696px;
  }
  81.7% {
    background-position: -115px -696px;
  }
  83.3% {
    background-position: -230px -696px;
  }
  85% {
    background-position: -345px -696px;
  }
  86.7% {
    background-position: -460px -696px;
  }
  88.3% {
    background-position: -575px -696px;
  }
  90% {
    background-position: -690px -696px;
  }
  91.7% {
    background-position: -805px -696px;
  }
  93.3% {
    background-position: 0 -812px;
  }
  95% {
    background-position: -115px -812px;
  }
  96.7% {
    background-position: -230px -812px;
  }
  98.3% {
    background-position: -345px -812px;
  }
  100% {
    background-position: -345px -812px;
  }
}
@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;
}
.iconfont-qual {
  color: #7cbba0 !important;
}
.phone-verify-wrap .btn-sendCode {
  background: #588f87 !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.el-select-dropdown__item.selected {
  color: #66a292;
  font-family: 'NotoSansSC', "Microsoft YaHei", sans-serif;
}
.el-select-dropdown__item {
  padding-left: 15px;
  font-family: 'NotoSansSC', "Microsoft YaHei", sans-serif;
}
.story {
  opacity: 1;
  display: inline-block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  width: 2560px;
  background-size: 100% auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.scope {
  position: absolute;
  top: 0;
  width: 100%;
  height: 124%;
}
.scope-content {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  height: 100%;
}
.story-video {
  position: absolute;
  width: 100%;
  overflow: hidden;
  max-width: 100%;
  height: 100%;
}
.TheRecommendedDesign {
  width: 100%;
  position: relative;
  padding-top: 160px;
}
.TheRecommendedDesign .min-height-story {
  position: relative;
  height: 500px;
}
.TheRecommendedDesign .TheRecommendedDesign-content {
  z-index: 5;
  width: 1440px;
  border-radius: 20px;
  margin: 0 auto;
  position: relative;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -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%);
  padding: 90px 40px 0 40px;
}
.TheRecommendedDesign .got-out-of-line {
  cursor: pointer;
  z-index: 5;
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-left: -745px;
  bottom: 30px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -1868px;
width:75px;
height:165px;

}
.TheRecommendedDesign .got-out-of-line:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.TheRecommendedDesign .TheRecommendedDesign-content2 {
  display: block;
  margin: 0 auto;
  margin-top: 120px;
  width: 1440px;
  padding: 0 40px 0 40px;
  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%);
}
.TheRecommendedDesign .vote-filter-tab {
  margin-top: -5px;
  background: rgba(255, 255, 255, 0);
}
.TheRecommendedDesign .TheRecommendedDesign-works {
  position: relative;
  width: 100%;
  margin-top: 30px;
  text-align: center;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.TheRecommendedDesign .TheRecommendedDesign-center {
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  position: relative;
  top: 0;
  text-align: left;
  left: 0;
  padding: 0 0 30px 0;
  vertical-align: top;
  white-space: normal;
  display: inline-block;
}
.TheRecommendedDesign + .story {
  display: none;
}
.PersonalCenter {
  margin: 0 auto;
  width: 100%;
}
.PersonalCenter .vote-filter-tab-bg {
  position: relative;
  width: 100%;
}
.PersonalCenter .PersonalCenter-content {
  z-index: 3;
  position: relative;
  margin: 0 auto;
  margin-top: 60px;
  width: 1440px;
  display: block;
  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%);
  padding: 0 40px 0 40px;
  min-height: 1070px;
  border-radius: 20px;
}
.PersonalCenter .works {
  z-index: 9;
  margin-bottom: 0;
}
.PersonalCenter .worksShow {
  position: relative;
  width: 100%;
  margin: 30px auto -20px auto;
  z-index: 6;
}
.PersonalCenter .worksShow::after {
  content: "";
  position: absolute;
  left: 7px;
  bottom: 0;
  height: 1px;
  width: 99%;
  background: #7ab4aa;
}
.PersonalCenter .worksShow div,
.PersonalCenter .worksShow .worksShow-active {
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  cursor: pointer;
  width: 140px;
  height: 48px;
  line-height: 42px;
  font-size: 16px;
  margin-right: 0;
  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;
}
.PersonalCenter .worksShow div:hover,
.PersonalCenter .worksShow .worksShow-active:hover {
  line-height: 42px;
  color: #fff;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/worksShow-h_649294b2.png) no-repeat center center;
  border: 0 solid #556360;
}
.PersonalCenter .worksShow .worksShow-active {
  line-height: 42px;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  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;
}
.PersonalCenter .PersonalCenter-works {
  position: relative;
  width: 100%;
  padding-top: 30px;
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.PersonalCenter .PersonalCenter-center {
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  position: relative;
  top: 0;
  text-align: left;
  left: 0;
  overflow: hidden;
  padding: 0 0 30px 0;
  vertical-align: top;
  white-space: normal;
  display: inline-block;
}
.worksRule-pop .title {
  position: absolute;
  top: 90px;
  margin-left: -20px;
  left: 50%;
  color: #FEFEFE;
  font-size: 40px;
  font-family: 'fzcjljt';
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.worksRule-pop .x {
  z-index: 3;
  cursor: pointer;
  position: absolute;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2774px -1708px;
width:52px;
height:52px;

  top: 60px;
  right: 60px;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.worksRule-pop .x:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.worksRule-pop .message {
  position: absolute;
  top: 200px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 654px;
  margin-left: -20px;
  height: 234px;
}
.worksRule-pop .message .message-orange {
  color: #f4a558;
}
.worksRule-pop .message .message-red {
  color: #E14B4B;
}
.worksRule-pop .message p {
  font-size: 24px;
  line-height: 34px;
  color: #606060;
  margin-bottom: 10px;
}
.worksRule-pop .message-btn {
  width: 192px;
  height: 70px;
  cursor: pointer;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 500px;
  line-height: 63px;
  font-size: 24px;
  text-align: center;
  font-family: 'fzcjljt';
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/blue-btn_93a92993.png) no-repeat;
  background-size: 100% auto;
}
.worksRule-pop .message-btn:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.swiper-item .swiper-content {
  width: 100%;
  height: 100px;
  display: -webkit-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%;
}
.swiper-item .swiper-wrapper .swiper-slide .slide {
  position: relative;
  height: 100%;
  width: 100%;
}
.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-1 {
  position: absolute;
  right: 13px;
  top: 273px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-970px -2576px;
width:68px;
height:68px;

}
.swiper-item .swiper-wrapper .swiper-slide .slide .title-icon-2 {
  position: absolute;
  right: 13px;
  top: 273px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2752px -660px;
width:80px;
height:77px;

}
.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: 90px;
  left: 30px;
}
.swiper-item .swiper-wrapper .swiper-slide .slide .tag .tag-item {
  display: inline-block;
  border-radius: 6px;
  padding: 6px 10px;
  background: -webkit-gradient(linear, left top, right top, from(#FEEEBA), to(#FFFAE8));
  background: linear-gradient(90deg, #FEEEBA 0%, #FFFAE8 100%);
  margin-right: 5px;
}
.swiper-item .swiper-wrapper .swiper-slide .slide .tag span {
  color: #3D3D3D;
  font-size: 16px;
}
.swiper-item .swiper-wrapper .swiper-slide .slide .name-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  color: #fff;
  font-size: 21px;
  background: rgba(0, 0, 0, 0.3);
  display: -webkit-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;
}
.swiper-item .swiper-wrapper .swiper-slide .slide .name-bg .name {
  color: #fff;
}
.swiper-item .swiper-button-next {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2800px -1492px;
width:30px;
height:39px;

}
.swiper-item .swiper-button-next:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.swiper-item .swiper-button-prev {
  cursor: pointer;
  position: absolute;
  right: 0;
  left: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2800px -1564px;
width:30px;
height:39px;

}
.swiper-item .swiper-button-prev:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.swiper-item .swiper-pagination {
  z-index: 2;
  height: 35px;
  position: absolute;
  bottom: 50px;
  right: 50px;
}
.swiper-item .swiper-pagination .swiper-pagination-bullet {
  cursor: pointer;
  margin: 0 5px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  opacity: 0.5;
}
.swiper-item .swiper-pagination .swiper-pagination-bullet-active {
  width: 10px;
  opacity: 1;
  border-radius: 6px;
}
.swiper-choiceness {
  position: relative;
  width: 770px;
  height: 485px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/swiper-bg-2_ce063606.png) no-repeat;
  background-size: 100% auto;
  overflow: hidden;
}
.swiper-choiceness .swiper-button-next {
  top: 43%;
  left: 30px;
}
.swiper-choiceness .swiper-button-prev {
  top: 43%;
  right: 40px;
}
.swiper-choiceness .swiper-content {
  position: absolute;
  left: 50px;
  top: 23px;
  left: 8px;
  width: 740px;
  height: 413px;
  display: -webkit-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-choiceness .swiper-content .swiper-slide {
  cursor: pointer;
  display: inline-block;
  width: 740px;
  height: 413px;
}
.hot-swiper {
  position: relative;
  width: 613px;
  height: 474px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/swiper-bg-1_ea85c934.png) no-repeat;
  background-size: 100% auto;
}
.hot-swiper::after {
  content: '';
  position: absolute;
  right: -85px;
  bottom: -50px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat;background-size:2833px 2821px;
background-position:-0px -2648px;
width:232px;
height:173px;

}
.hot-swiper .swiper-button-next {
  top: 50%;
  left: 30px;
}
.hot-swiper .swiper-button-prev {
  top: 50%;
  right: 40px;
}
.hot-swiper .swiper-content {
  position: absolute;
  top: 52.5px;
  left: 7px;
  width: 586px;
  height: 413px;
  display: -webkit-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;
}
.hot-swiper .swiper-content .swiper-slide {
  cursor: pointer;
  display: inline-block;
  width: 586px;
  height: 413px;
}
.hot-swiper .swiper-pagination {
  z-index: 2;
  height: 35px;
  position: absolute;
  bottom: 10px;
  right: 50px;
}
.swiper-choiceness-temp {
  top: 89px !important;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 740px;
  height: 413px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/swiper-choiceness-temp_c8d95809.png) no-repeat;
  background-size: 100% auto;
}
.swiper-choiceness-temp .swiper-button-next,
.swiper-choiceness-temp .swiper-button-prev {
  display: none;
}
.hot-swiper-temp {
  width: 586px;
  height: 413px;
  top: 89px !important;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/hot-swiper-temp_4a79abd6.png) no-repeat;
  background-size: 100% auto;
}
.hot-swiper-temp::after {
  display: none;
}
.hot-swiper-temp .swiper-button-next,
.hot-swiper-temp .swiper-button-prev {
  display: none;
}
.hot-tags {
  position: relative;
  width: 100%;
}
.hot-tags .title {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -1412px;
width:200px;
height:78px;

}
.hot-tags .tags {
  position: absolute;
  top: 25px;
  right: 0;
}
.hot-tags .tags::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1235px -1926px;
width:1173px;
height:1px;

}
.hot-tags .tags .tags-item {
  margin-left: 20px;
  display: inline-block;
  cursor: pointer;
  color: #8DC0AD;
  text-align: center;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1428px -2490px;
width:130px;
height:38px;

}
.hot-tags .tags .tags-item span {
  line-height: 38px;
}
.hot-tags .tags .tags-item:hover {
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1692px -2490px;
width:130px;
height:38px;

}
.hot-tags .tags .tags-ca {
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1692px -2490px;
width:130px;
height:38px;

}
.hot-tags .tags-content .masonry-bg {
  margin-bottom: 0;
}
.friend {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.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-item {
  position: relative;
  cursor: pointer;
}
.friend .friend-content .friend-item .img-item {
  position: relative;
  left: 15px;
  top: 12px;
  width: 240px;
  height: 136px;
}
.friend .friend-content .friend-item .img-item img {
  width: 240px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px 0 0 10px;
}
.friend .friend-content .friend-item .img-item .hot {
  position: absolute;
  left: 17px;
  bottom: 6px;
  padding: 0 11px 0 32px;
  height: 32px;
  line-height: 32px;
  color: #EBD697;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 18px;
  white-space: nowrap;
}
.friend .friend-content .friend-item .img-item .hot .icon {
  position: absolute;
  left: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat;background-size:2833px 2821px;
background-position:-2595px -2490px;
width:28px;
height:28px;

}
.friend .friend-content .friend-item .img-item .hot .num {
  color: #EBD697;
  font-size: 16px;
  line-height: 35px;
}
.friend .friend-content .friend-item .content {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 176px;
  font-family: 'NotoSansSC';
}
.friend .friend-content .friend-item .content .icon2 {
  position: absolute;
  top: 25px;
  left: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat;background-size:2833px 2821px;
background-position:-1446px -2530px;
width:44px;
height:40px;

}
.friend .friend-content .friend-item .content .icon1 {
  position: absolute;
  top: 25px;
  left: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat;background-size:2833px 2821px;
background-position:-2781px -2089px;
width:46px;
height:46px;

}
.friend .friend-content .friend-item .content .txt-bg {
  position: absolute;
  left: 12px;
  top: 77px;
  white-space: nowrap;
}
.friend .friend-content .friend-item .content .txt-bg .works-txt {
  font-size: 20px;
  color: #578377;
  line-height: 24px;
}
.friend .friend-content .friend-item .content .txt-bg .name {
  font-size: 16px;
  color: #3D3D3D;
  line-height: 30px;
}
.friend-3 .friend-list {
  width: 438px;
  height: 396px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/friend-min_8abe255e.png) no-repeat;
  background-size: cover;
}
.friend-3 .friend-list .friend-item {
  width: 434px;
  height: 166px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/min-bg_19042780.png) no-repeat;
  background-size: cover;
}
.friend-3 .friend-list .placeholder {
  width: 434px;
  height: 166px;
  display: -webkit-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-3 .friend-list .placeholder .temp {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat;background-size:2833px 2821px;
background-position:-600px -2490px;
width:298px;
height:156px;

}
.friend-2 {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.friend-2 .friend-list {
  width: 664px;
  height: 396px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/friend-middle_4be37a2a.png) no-repeat;
  background-size: cover;
}
.friend-2 .friend-list .friend-item {
  width: 654px;
  height: 166px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/max-bg_588e8774.png) no-repeat;
  background-size: cover;
}
.friend-2 .friend-list .friend-item .content {
  width: 396px;
}
.friend-2 .friend-list .placeholder {
  width: 654px;
  height: 166px;
  display: -webkit-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-2 .friend-list .placeholder .temp {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat;background-size:2833px 2821px;
background-position:-600px -2490px;
width:298px;
height:156px;

}
.friend-1 {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.friend-1 .friend-content .friend-list {
  width: 1354px;
  height: 259px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/friend-max_2b5d51fe.png) no-repeat;
  background-size: cover;
}
.friend-1 .friend-content .friend-list .constructor {
  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;
}
.friend-1 .friend-content .friend-list .friend-item {
  width: 654px;
  height: 166px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/max-bg_588e8774.png) no-repeat;
  background-size: cover;
}
.friend-1 .friend-content .friend-list .friend-item .content {
  width: 396px;
}
.friend-1 .friend-content .friend-list .placeholder {
  width: 654px;
  height: 166px;
  display: -webkit-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-1 .friend-content .friend-list .placeholder .temp {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png) no-repeat;background-size:2833px 2821px;
background-position:-600px -2490px;
width:298px;
height:156px;

}
.friend-0 {
  display: none;
}
.friend-new-text .friend-list .title {
  width: 120px;
  height: 43px;
  margin: 0 auto;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/friend-new-text_f2cc6bf9.png) no-repeat;
  background-size: cover;
}
.friend-attention .friend-list .title {
  width: 120px;
  height: 43px;
  margin: 0 auto;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/attention-new-text_59389c06.png) no-repeat;
  background-size: cover;
}
.friend-look .friend-list .title {
  width: 120px;
  height: 43px;
  margin: 0 auto;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/look-text_de964cf4.png) no-repeat;
  background-size: cover;
}
.like-item .title {
  display: inline-block;
  width: 200px;
  height: 80px;
  margin: 0 auto;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/like-lock_80b24cbd.png) no-repeat;
  background-size: 100% auto;
}
.like-item .like-content .masonry-bg {
  margin-bottom: 0;
}
.appraise {
  width: 100%;
}
.appraise .appraise-content {
  width: 100%;
  z-index: 3;
  position: relative;
  border-radius: 20px;
  margin: 0 auto;
  width: 1530px;
  height: 100%;
  min-height: 1102px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  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%);
  padding: 108px 0 0 0;
}
.appraise .appraise-content .vote-filter-tab-bg {
  width: 1482px;
  top: 0;
}
.appraise .appraise-content .vote-filter-tab-bg .fliter-box {
  margin-left: 24px;
}
.appraise .appraise-content .vote-filter-tab-bg.vote-filter-tab-bg-m .icon-x {
  right: 60px;
}
.appraise .appraise-content .masonry {
  width: 100%;
  padding-bottom: 0;
}
.appraise .appraise-content .masonry .award-title-box {
  width: 100%;
  height: 74px;
  margin-bottom: 17px;
  display: -webkit-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-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1321px -2060px;
width:974px;
height:100px;

}
.appraise .appraise-content .masonry .myjj-title {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-489px -1936px;
width:987px;
height:100px;

}
.appraise .appraise-content .masonry .rq-title1 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-0px -2388px;
width:930px;
height:100px;

}
.appraise .appraise-content .masonry .rq-title6 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1292px -2264px;
width:943px;
height:100px;

}
.appraise .appraise-content .masonry .rq-title31 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-334px -2264px;
width:956px;
height:100px;

}
.appraise .appraise-content .masonry .rq-title101 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-334px -2162px;
width:974px;
height:100px;

}
.appraise .appraise-content .masonry .rq-title301 {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1310px -2162px;
width:974px;
height:100px;

}
.appraise .appraise-content .masonry .item {
  width: 277px;
  margin-left: 24px;
}
.appraise .appraise-content .masonry .item.awardType1 {
  margin-top: 30px;
}
.appraise .appraise-content .masonry .item .text-content {
  background-position-y: 0;
}
.appraise .appraise-content .masonry .item .text-content .stylist {
  padding: 0 50px 0 13px;
  height: 67px;
}
.appraise .appraise-content .masonry .item .text-content .hero-content {
  position: relative;
}
.appraise .appraise-content .masonry .item .text-content .hero-record {
  bottom: -5px;
}
.appraise .appraise-content .masonry .item .text-content .purchase-record {
  right: -3px;
  bottom: -5px;
}
.appraise .appraise-content .masonry .item .text-content .icon-purchase {
  margin-top: 0;
}
.appraise .appraise-content .masonry .item .text-content .icon-purchase .stage-icon {
  margin: 0 0 0 -5px;
}
.appraise .appraise-content .masonry .item .text-content .icon-purchase .stage-num {
  padding-top: 5px;
}
.appraise .appraise-content2 {
  display: block;
  margin: 0 auto;
  padding: 50px 40px 100px 40px;
  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%);
}
.appraise .appraise-content2 .vote-filter-tab-bg {
  width: 1426px;
  top: 0;
  margin-top: 0;
  margin-bottom: 30px;
}
.appraise .appraise-works {
  z-index: 9;
  position: relative;
  width: 100%;
  margin-top: 30px;
  text-align: center;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.appraise .appraise-center {
  width: 100%;
  height: 100%;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  position: relative;
  top: 0;
  text-align: left;
  left: 0;
  padding: 0 0 25px 0;
  vertical-align: top;
  white-space: normal;
  display: inline-block;
}
.appraise .appraise-center .masonry-bg {
  width: 100%;
  padding-top: 10px;
}
.appraise .appraise-nav {
  position: relative;
  z-index: 2;
  width: 540px;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.appraise .appraise-nav .appraise-btn {
  position: relative;
  font-family: "fzcjljt", "Microsoft YaHei", sans-serif;
  font-size: 20px;
  color: #5E8A81;
  text-shadow: 0 0 4px 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: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1755px -1900px;
width:518px;
height:24px;

}
.appraise .appraise-nav .appraise-btn .current-period {
  z-index: 2;
  cursor: pointer;
  width: 166px;
  height: 78px;
  line-height: 78px;
  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_aa2ddd89.png);
  background-size: 100% auto;
  text-indent: -9999px;
}
.appraise .appraise-nav .appraise-btn .current-period:hover + .previous + .previous_ca {
  position: absolute;
  left: 128px;
  top: 57.5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1649px -2038px;
width:114px;
height:12px;

  -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_aa2ddd89.png) no-repeat;
  background-size: 100% auto;
  text-indent: -9999px;
}
.appraise .appraise-nav .appraise-btn .previous {
  z-index: 2;
  cursor: pointer;
  width: 166px;
  height: 78px;
  line-height: 78px;
  text-align: center;
  display: inline-block;
}
.appraise .appraise-nav .appraise-btn .previous:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/tab-c-1_796b85bd.png) no-repeat;
  background-size: 100% auto;
  text-indent: -9999px;
}
.appraise .appraise-nav .appraise-btn .previous:hover + .current_info {
  position: absolute;
  left: 300px;
  top: 57.5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1649px -2038px;
width:114px;
height:12px;

  -webkit-animation: previous_ca 200ms forwards;

          animation: previous_ca 200ms forwards;
}
.appraise .appraise-nav .appraise-btn .previous:hover + .current_ca {
  position: absolute;
  left: 300px;
  top: 57.5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1649px -2038px;
width:114px;
height:12px;

  -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/tab-c-1_796b85bd.png) no-repeat;
  background-size: 100% auto;
  text-indent: -9999px;
}
.appraise .appraise-nav .current_ca {
  position: absolute;
  left: 300px;
  top: 57.5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1649px -2038px;
width:114px;
height:12px;

  -webkit-animation: current_ca 200ms forwards;

          animation: current_ca 200ms forwards;
}
.appraise .appraise-nav .current_info {
  position: absolute;
  left: 128px;
  top: 57.5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1649px -2038px;
width:114px;
height:12px;

}
.appraise .appraise-nav .previous_ca {
  position: absolute;
  left: 128px;
  top: 57.5px;
  -webkit-animation: previous_ca 200ms forwards;
          animation: previous_ca 200ms forwards;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1649px -2038px;
width:114px;
height:12px;

}
.appraise .appraise-nav .store-txt {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0 20px;
  display: inline-block;
  height: 30px;
  border-radius: 170px;
  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: 26px;
  margin: 0 auto;
}
.appraise .text-content {
  padding: 0 !important;
}
.appraise .text-content .hero-content {
  padding-top: 0 !important;
}
.appraise .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;
}
.appraise .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;
  margin: 0 10px;
}
.appraise .text-content .flower-box i {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2258px -2490px;
width:32px;
height:32px;

}
.appraise .text-content .flower-box span {
  font-size: 18px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0;
  color: #9C5D66;
}
.appraise .text-content .flower-btn {
  font-size: 20px;
  color: #8C6C16;
  margin: 0 10px;
  cursor: pointer;
}
.appraise .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;
  padding-bottom: 4px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-900px -2530px;
width:112px;
height:44px;

}
.appraise .text-content .flower-btn span:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1014px -2530px;
width:112px;
height:44px;

}
.appraise .text-content .flower-btn span.numbers {
  color: #8C6C16;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1128px -2530px;
width:112px;
height:44px;

}
.appraise .text-content .flower-btn span.numbers:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1242px -2530px;
width:112px;
height:44px;

}
.initial-index .store-txt {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  height: 30px;
  padding: 0 30px;
  margin-bottom: 20px;
  border-radius: 170px;
  white-space: nowrap;
  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: 26px;
  z-index: 2;
  font-size: 16px;
}
.initial-page {
  position: absolute;
  width: 100%;
  height: 1080px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/bg_9588858c.jpg) center / 100% no-repeat;
  z-index: 3;
  max-width: 2560px;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  background-size: cover;
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
}
.initial-box {
  width: 990px;
  position: absolute;
  top: 142px;
  right: 205px;
  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;
}
@media screen and (min-width: 2120px) {
  .initial-box {
    right: 310px;
  }
}
@media screen and (min-width: 2300px) {
  .initial-box {
    right: 525px;
  }
}
@media screen and (min-width: 2400px) {
  .initial-box {
    right: 438px;
  }
}
@media screen and (min-width: 2560px) {
  .initial-box {
    right: 525px;
  }
}
@media screen and (max-width: 1860px) {
  .initial-box {
    right: 0;
  }
}
.initial-slogan {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-489px -1763px;
width:744px;
height:171px;

}
.initial-date {
  margin: 18px 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1478px -1936px;
width:985px;
height:100px;

  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: 18px;
  color: #294957;
}
.initial-date .time-box {
  width: 115px;
  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 15px;
}
.initial-date .time-box.active {
  color: #B47B3D;
}
.initial-date .time-box .text {
  width: 100%;
  text-align: center;
}
.initial-date .progress {
  position: relative;
  width: 586px;
  height: 10px;
  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;
  margin-top: 12px;
}
.initial-date .progress .pro {
  margin: -11px -11px 0 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2360px -2490px;
width:32px;
height:32px;

  z-index: 2;
}
.initial-date .progress .pro:first-child {
  margin-left: -15px;
}
.initial-date .progress .pro.active {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2428px -2490px;
width:32px;
height:32px;

}
.initial-date .progress .bar {
  position: absolute;
  height: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/bar_06691640.png) no-repeat;
  background-size: cover;
  z-index: 1;
}
.initial-date .progress .bar.bar3 {
  width: 25%;
}
.initial-date .progress .bar.bar4 {
  width: 50%;
}
.initial-date .progress .bar.bar5 {
  width: 75%;
}
.initial-date .progress .bar.bar6 {
  width: 100%;
}
.initial-desc {
  position: relative;
  width: 801px;
  height: 360px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/desc-bg_783897db.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 {
  content: '';
  position: absolute;
  top: -70px;
  width: 985px;
  height: 481px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/zs-desc_95eb2f17.png) no-repeat;
  background-size: contain;
  pointer-events: none;
}
.initial-desc .desc-text {
  width: 639px;
  font-size: 18px;
  line-height: 28px;
  font-weight: normal;
  text-align: center;
  color: #294957;
  padding: 18px 0 0 0;
}
.initial-desc .desc-award {
  width: 626px;
  height: 132px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/award-list_159f1357.png) no-repeat;
  background-size: contain;
}
.initial-desc .desc-number {
  width: 100%;
  position: relative;
  font-size: 26px;
  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: 10px auto;
}
.initial-desc .desc-number span {
  font-size: 52px;
  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: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2370px -1815px;
width:124px;
height:15px;

}
.initial-desc .desc-number i:last-child {
  margin-left: 10px;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2370px -1815px;
width:124px;
height:15px;

}
.initial-desc .desc-info {
  font-size: 18px;
  color: #294957;
}
.initial-desc .desc-info span {
  color: #B47B3D;
}
.initial-desc .message-swiper-index {
  width: 100%;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'NotoSansSC', sans-serif;
}
.initial-desc .message-swiper-index .banner-box-swiper {
  overflow: hidden;
  height: 100%;
}
.initial-desc .message-swiper-index .banner-box-swiper .swiper-container {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.initial-desc .message-swiper-index .banner-box-swiper .swiper-container .swiper-wrapper {
  height: 100%;
}
.initial-desc .message-swiper-index .banner-box-swiper .swiper-container .swiper-wrapper .swiper-slide {
  height: 100%;
  font-size: 18px;
  color: #1F3140;
  text-align: left;
  outline: none;
}
.initial-desc .message-swiper-index .banner-box-swiper .swiper-container .swiper-wrapper .swiper-slide p {
  font-size: 18px;
  color: #294957;
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
  text-align: center;
}
.initial-desc .message-swiper-index .banner-box-swiper .swiper-container .swiper-wrapper .swiper-slide p span {
  color: #B47B3D;
}
.initial-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -30px;
}
.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: 26px;
  color: #001020;
  padding-bottom: 5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2073px -1468px;
width:317px;
height:87px;

}
.initial-btn span:hover {
  cursor: pointer;
  opacity: 0.8;
}
.inside-box {
  margin-top: 170px;
  margin-bottom: 34px;
  width: 100%;
  height: 135px;
  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;
}
.inside-box.hasTxt {
  margin-bottom: 0;
}
.inside-date {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 3;
  margin: 18px auto;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1235px -1763px;
width:882px;
height:135px;

  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: 18px;
  color: #294957;
}
.inside-date .time-box {
  width: 88px;
  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: -5px 5px 15px 5px;
  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: 400px;
  height: 10px;
  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: -11px -11px 0 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2360px -2490px;
width:32px;
height:32px;

  z-index: 2;
}
.inside-date .progress .pro:first-child {
  margin-left: -15px;
}
.inside-date .progress .pro.timed {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2394px -2490px;
width:32px;
height:32px;

}
.inside-date .progress .pro.active {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2428px -2490px;
width:32px;
height:32px;

}
.inside-date .progress .bar {
  position: absolute;
  height: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/bar_06691640.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: 690px;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2606px -2343px;
width:90px;
height:90px;

}
.inside-btn:hover {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2698px -2343px;
width:90px;
height:90px;

}
.inside .store-txt {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0 20px;
  display: inline-block;
  height: 30px;
  border-radius: 170px;
  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: 26px;
  margin: 0 auto;
  z-index: 1;
}
.lastest-index .store-txt {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  height: 30px;
  padding: 0 30px;
  margin-bottom: 20px;
  border-radius: 170px;
  white-space: nowrap;
  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: 26px;
  z-index: 2;
  font-size: 16px;
}
.lastest-page {
  position: absolute;
  width: 100%;
  height: 1080px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/bg_6ba23a50.png) center / 100% no-repeat;
  z-index: 3;
  max-width: 2560px;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  background-size: cover;
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
}
.lastest-page.inside {
  background: none;
  position: static;
  height: auto;
}
.lastest-page.inside .inside-date {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-914px -1582px;
width:1022px;
height:127px;

}
.lastest-page.inside .inside-date .progress {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1754px -1569px;
width:498px;
height:10px;

}
.lastest-page.inside .inside-date .progress .pro {
  margin: -11px -11px 0 0;
  z-index: 2;
}
.lastest-page.inside .inside-date .progress .pro:first-child {
  margin-left: -15px;
}
.lastest-page.inside .inside-date .progress .bar {
  position: absolute;
  height: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/bar_06691640.png) no-repeat;
  background-size: cover;
  z-index: 1;
}
.lastest-page.inside .inside-date .progress .bar.bar3 {
  width: 20%;
}
.lastest-page.inside .inside-date .progress .bar.bar4 {
  width: 40%;
}
.lastest-page.inside .inside-date .progress .bar.bar5 {
  width: 60%;
}
.lastest-page.inside .inside-date .progress .bar.bar6 {
  width: 80%;
}
.lastest-page.inside .inside-date .progress .bar.bar7 {
  width: 100%;
}
.lastest-page.inside .inside-date .inside-btn {
  left: unset;
  right: 128px;
}
.lastest-box {
  width: 990px;
  position: absolute;
  top: 215px;
  right: 205px;
  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;
}
@media screen and (min-width: 2120px) {
  .lastest-box {
    right: 310px;
  }
}
@media screen and (min-width: 2300px) {
  .lastest-box {
    right: 525px;
  }
}
@media screen and (min-width: 2400px) {
  .lastest-box {
    right: 438px;
  }
}
@media screen and (min-width: 2560px) {
  .lastest-box {
    right: 525px;
  }
}
@media screen and (max-width: 1860px) {
  .lastest-box {
    right: 0;
  }
}
.lastest-slogan {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-0px -1582px;
width:912px;
height:179px;

}
.lastest-date {
  margin: 18px 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-334px -2060px;
width:985px;
height:100px;

  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: 18px;
  color: #49313F;
}
.lastest-date .time-box {
  width: 95px;
  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 15px;
}
.lastest-date .time-box.active {
  color: #C24A27;
}
.lastest-date .time-box .text {
  width: 100%;
  text-align: center;
}
.lastest-date .progress {
  position: relative;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1754px -1557px;
width:618px;
height:10px;

  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;
  margin-top: 12px;
}
.lastest-date .progress .pro {
  margin: -11px -11px 0 0;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2462px -2490px;
width:32px;
height:32px;

  z-index: 2;
}
.lastest-date .progress .pro:first-child {
  margin-left: -15px;
}
.lastest-date .progress .pro.active {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2496px -2490px;
width:32px;
height:32px;

}
.lastest-date .progress .bar {
  position: absolute;
  height: 10px;
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #F6D6D0), color-stop(15%, #E59A81), color-stop(28%, #FFA384), color-stop(36%, #E7A088), color-stop(48%, #F79776), color-stop(67%, #F19A64), to(#F09F84));
  background: linear-gradient(90deg, #F6D6D0 1%, #E59A81 15%, #FFA384 28%, #E7A088 36%, #F79776 48%, #F19A64 67%, #F09F84 100%);
  z-index: 1;
}
.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: 801px;
  height: 360px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/desc-bg_c80bb319.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 {
  content: '';
  position: absolute;
  top: -70px;
  width: 985px;
  height: 481px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/zs-desc_95eb2f17.png) no-repeat;
  background-size: contain;
  pointer-events: none;
}
.lastest-desc .desc-text {
  width: 639px;
  font-size: 18px;
  line-height: 28px;
  font-weight: normal;
  text-align: center;
  color: #49313F;
  padding: 18px 0 0 0;
}
.lastest-desc .desc-award {
  width: 626px;
  height: 132px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/award-list_159f1357.png) no-repeat;
  background-size: contain;
}
.lastest-desc .desc-number {
  width: 100%;
  position: relative;
  font-size: 26px;
  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: 10px auto;
}
.lastest-desc .desc-number span {
  font-size: 52px;
  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: 10px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2370px -1815px;
width:124px;
height:15px;

}
.lastest-desc .desc-number i:last-child {
  margin-left: 10px;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2370px -1815px;
width:124px;
height:15px;

}
.lastest-desc .desc-info {
  font-size: 18px;
  color: #49313F;
}
.lastest-desc .desc-info span {
  color: #B47B3D;
}
.lastest-desc .message-swiper-index {
  width: 100%;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'NotoSansSC', sans-serif;
}
.lastest-desc .message-swiper-index .banner-box-swiper {
  overflow: hidden;
  height: 100%;
}
.lastest-desc .message-swiper-index .banner-box-swiper .swiper-container {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.lastest-desc .message-swiper-index .banner-box-swiper .swiper-container .swiper-wrapper {
  height: 100%;
}
.lastest-desc .message-swiper-index .banner-box-swiper .swiper-container .swiper-wrapper .swiper-slide {
  height: 100%;
  font-size: 18px;
  color: #1F3140;
  text-align: left;
  outline: none;
}
.lastest-desc .message-swiper-index .banner-box-swiper .swiper-container .swiper-wrapper .swiper-slide p {
  font-size: 18px;
  color: #49313F;
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
  text-align: center;
}
.lastest-desc .message-swiper-index .banner-box-swiper .swiper-container .swiper-wrapper .swiper-slide p span {
  color: #C24A27;
}
.lastest-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -30px;
}
.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: 26px;
  color: #001020;
  padding-bottom: 5px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2073px -1468px;
width:317px;
height:87px;

}
.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/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-877px -791px;
width:875px;
height:789px;

}
.record-pop .x {
  z-index: 3;
  cursor: pointer;
  position: absolute;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2774px -1708px;
width:52px;
height:52px;

  top: 65px;
  right: 20px;
  -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: 800px;
  margin-right: 72px;
  height: 100%;
}
.record-pop .pop-content .title {
  font-family: 'fzcjljt';
  position: absolute;
  width: 100%;
  height: 78px;
  line-height: 78px;
  left: 50%;
  top: 90px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  font-size: 40px;
  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: 128px;
  width: 100%;
  height: 230px;
  text-align: center;
  padding: 30px;
  color: #595959;
  font-size: 24px;
}
.record-pop .pop-content .btn-go {
  font-family: 'fzcjljt';
  text-align: center;
  position: absolute;
  top: 328px;
  left: 50%;
  -webkit-transform: translateX(-130%);
          transform: translateX(-130%);
  margin-right: 100px;
  width: 192px;
  height: 65px;
  line-height: 65px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/orange-btn_4c4fccea.png) no-repeat top center;
  font-size: 24px;
  color: #595959;
}
.record-pop .pop-content .btn-go:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
.record-pop .pop-content .noRole {
  width: 322px;
  height: 70px;
  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: 328px;
  left: 50%;
  width: 192px;
  height: 65px;
  line-height: 65px;
  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_93a92993.png) no-repeat top center;
  color: #fff;
  font-size: 24px;
}
.record-pop .pop-content .btn-back:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
.record-pop .pop-content .getUserName {
  position: absolute;
  top: 100px;
  padding-right: 50px;
  width: 100%;
  text-align: right;
}
.record-pop .pop-content .getUserName-name {
  display: inline-block;
  color: #1e3e5f;
  font-size: 16px;
}
.record-pop .pop-content .getUserName-back {
  display: inline-block;
  text-decoration: underline;
  cursor: pointer;
  color: #1e3e5f;
  line-height: 40px;
  font-size: 16px;
}
.record-pop .ts-text {
  position: absolute;
  top: 215px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 18px;
  color: #578377;
  font-family: 'NotoSansSC', "Microsoft YaHei", sans-serif;
}
.record-pop .nav-list-title {
  position: absolute;
  top: 150px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 400px;
  height: 48px;
  font-size: 24px;
  font-family: "fzcjljt", "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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.record-pop .nav-list-title .nav {
  cursor: pointer;
  color: #44776C;
  opacity: 0.7;
  width: 174px;
  height: 48px;
  line-height: 55px;
  text-align: center;
}
.record-pop .nav-list-title .ca {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/txt-bg_c8d6da19.png) no-repeat;
  background-size: 100% auto;
  opacity: 1;
}
.record-pop .nav-list-title .small-box {
  position: absolute;
  top: 115px;
  left: -150px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  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: 16px;
  margin: 0 5px;
  cursor: pointer;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1824px -2490px;
width:130px;
height:38px;

}
.record-pop .nav-list-title .small-box .small-title.active {
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-1956px -2490px;
width:130px;
height:38px;

}
.record-pop .noDeal {
  position: absolute;
  top: 295px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #5C897E;
  background: rgba(254, 254, 254, 0.6);
  font-family: 'fzcjljt', "Microsoft YaHei", sans-serif;
  font-size: 28px;
  width: 690px;
  height: 390px;
  margin-top: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
}
.record-pop ul {
  position: absolute;
  top: 315px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 728px;
  height: 390px;
  overflow-y: auto;
  overflow-x: hidden;
}
.record-pop ul::-webkit-scrollbar {
  width: 4px;
  height: 3px;
  background-color: #f0fafd;
}
.record-pop ul::-webkit-scrollbar-thumb {
  background-color: #84bcb1;
}
.record-pop ul li {
  position: relative;
  width: 678px;
  height: 96px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 4px;
  background: rgba(254, 254, 254, 0.6);
  margin-bottom: 16px;
  padding: 0 24px;
  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: 37px;
}
.record-pop ul li .temp .temp-name {
  position: relative;
  font-size: 20px;
  color: #606060;
  font-weight: 500;
  margin-left: 20px;
}
.record-pop ul li .temp .temp-name::after {
  content: "";
  position: absolute;
  left: -20px;
  top: 12px;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2496px -1815px;
width:14px;
height:14px;

}
.record-pop ul li .temp .temp-time {
  font-size: 16px;
  color: #606060;
  opacity: 0.8;
}
.record-pop ul li .bowlder {
  position: absolute;
  right: 40px;
  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-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2781px -1918px;
width:48px;
height:48px;

}
.record-pop ul li .bowlder .num {
  display: inline-block;
  color: #D09730;
  font-size: 32px;
}
.record-pop ul li .bowlder.flowers i {
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2774px -1788px;
width:50px;
height:50px;

}
.appraiseRule-pop {
  /* 修改滚动条的宽度和颜色 */
  /* 修改滚动条的轨道颜色 */
  /* 修改滚动条的滑块颜色 */
}
.appraiseRule-pop .title {
  position: absolute;
  top: 90px;
  margin-left: -20px;
  left: 50%;
  color: #FEFEFE;
  font-size: 40px;
  font-family: 'fzcjljt';
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.appraiseRule-pop .x {
  z-index: 3;
  cursor: pointer;
  position: absolute;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/sprite-7e3dab_7e3dab2d.png);background-size:2833px 2821px;
background-position:-2774px -1708px;
width:52px;
height:52px;

  top: 60px;
  right: 60px;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.appraiseRule-pop .x:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.appraiseRule-pop .message {
  position: absolute;
  top: 170px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 670px;
  margin-left: -20px;
  height: 347px;
  overflow: auto;
  padding: 0 10px;
}
.appraiseRule-pop .message .message-orange {
  color: #f4a558;
}
.appraiseRule-pop .message .message-red {
  color: #E14B4B;
}
.appraiseRule-pop .message p {
  font-size: 18px;
  line-height: 34px;
  color: #606060;
  margin-bottom: 10px;
  font-family: 'NotoSansSC', "Microsoft YaHei", sans-serif;
}
.appraiseRule-pop .message p span {
  color: #F2963D;
}
.appraiseRule-pop .message p span.green {
  color: #7BD1B4;
}
.appraiseRule-pop .message-btn {
  width: 192px;
  height: 70px;
  cursor: pointer;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 550px;
  line-height: 63px;
  font-size: 24px;
  text-align: center;
  font-family: 'fzcjljt';
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20221129164500/assets/blue-btn_93a92993.png) no-repeat;
  background-size: 100% auto;
}
.appraiseRule-pop .message-btn:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.appraiseRule-pop ::-webkit-scrollbar {
  width: 4px;
  background-color: #56938B;
}
.appraiseRule-pop ::-webkit-scrollbar-track {
  background-color: rgba(155, 196, 191, 0.6);
}
.appraiseRule-pop ::-webkit-scrollbar-thumb {
  background-color: #56938B;
}

/** mixins **/