@charset "utf-8";
/** mixins **/
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.flex {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
* {
  -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;
}
html,
body {
  width: 100%;
}
body {
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei", STHeiTi, 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;
}
input,
textarea {
  outline: none;
}
button,
a,
div,
select {
  border: none;
  outline: none;
}
input,
textarea,
button,
a {
  font: inherit;
  color: inherit;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: 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;
}
@-webkit-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-o-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes zoomInAndOut {
  0% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(0.9);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(0.9);
    opacity: 1;
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(0.9);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(0.9);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
            transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
            transform: translateY(700px);
    opacity: 0;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
    opacity: 1;
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
            transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
            transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
            transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
            transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
            transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes shake {
  50% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
  0%,
  100% {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
  }
}
@keyframes shake {
  50% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
  0%,
  100% {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
  }
}
@-webkit-keyframes flip1 {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
  }
  25% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  50% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flip1 {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
            transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes flip2 {
  0% {
    -webkit-transform: perspective(400px) rotateY(-90deg);
  }
  25% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  50% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flip2 {
  0% {
    -webkit-transform: perspective(400px) rotateY(-90deg);
            transform: perspective(400px) rotateY(-90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
            transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes shine {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
}
@-webkit-keyframes gif {
  0% {
    background-position: 0%;
    opacity: 1;
  }
  100% {
    background-position: 200%;
    opacity: 1;
  }
}
@keyframes gif {
  0% {
    background-position: 0%;
    opacity: 1;
  }
  100% {
    background-position: 200%;
    opacity: 1;
  }
}
@-webkit-keyframes zoom2 {
  0% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
}
@keyframes zoom2 {
  0% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
}
@-webkit-keyframes matrix {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0;
    -webkit-transform-origin: center center 0;
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0;
    -webkit-transform-origin: center center 0;
  }
}
@keyframes matrix {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0;
    -webkit-transform-origin: center center 0;
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0;
    -webkit-transform-origin: center center 0;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes zoomIn2 {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes zoomIn2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes translateDown {
  0%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
}
@keyframes translateDown {
  0%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
}
@-webkit-keyframes translateLeft {
  0%,
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  50% {
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
  }
}
@keyframes translateLeft {
  0%,
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  50% {
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
  }
}
@keyframes arrow {
  0%,
  100% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 0.15rem);
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
  }
}
@-webkit-keyframes arrow {
  0%,
  100% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 0.15rem);
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
  }
}
@-webkit-keyframes show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fylLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-ms-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fylLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes fylLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-ms-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fylLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes scaleSkill {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-moz-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-ms-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-o-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes scaleSkill {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes scaleSkill {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-moz-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-ms-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-o-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes scaleSkill {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes btnShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes btnShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes btnShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes btnShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
html,
body {
  margin: 0 auto;
  width: 100%;
  min-width: 1565px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/bg_22817dfa.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  word-break: break-all;
  position: relative;
}
html #gameWrap,
body #gameWrap {
  display: none;
}
.g-footer {
  position: relative;
  background: rgba(212, 233, 238, 0.8);
}
.leihuo-feedback-global-pop {
  position: relative;
  z-index: 1000001 !important;
}
.leihuo-feedback-global-pop .leihuo-copr-filepicker {
  width: 100% !important;
}
.ynl .yyx-nav {
  display: none !important;
}
.ynl .login-btn {
  right: 200px !important;
}
.leihuo-share-img {
  width: 639px;
  background-size: 100% 100%;
}
.share-img-bg {
  position: absolute;
  width: 350px;
}
.share-img-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2736px -1937px;
width:128px;
height:56px;

}
.Unlock {
  z-index: 2;
  position: absolute;
  top: 20px;
  right: 12px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3294px -1997px;
width:25px;
height:25px;

}
.Unlock2 {
  z-index: 2;
  position: absolute;
  bottom: 18px;
  right: 20px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3294px -1997px;
width:25px;
height:25px;

}
.el-select-dropdown {
  border: 0 solid #E4E7ED;
  border-radius: 0;
  -webkit-transform: translateY(-18px);
          transform: translateY(-18px);
  background-color: #5082a0;
  z-index: 9999 !important;
  margin-top: 18px !important;
}
.el-select-dropdown .el-select-dropdown__list {
  padding: 0;
}
.el-select-dropdown .el-select-dropdown__item.selected {
  font-size: 15px;
  font-weight: 500;
  color: #e4f5fa;
}
.el-select-dropdown .el-select-dropdown__item {
  position: relative;
  height: 27px;
  line-height: 27px;
  padding: 0 15px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: rgba(228, 245, 250, 0.8);
  background-color: #5082a0;
}
.el-select-dropdown .el-select-dropdown__item:hover {
  color: #e4f5fa;
}
.el-select-dropdown .el-select-dropdown__item::after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  bottom: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3280px -1220px;
width:66px;
height:2px;

}
.el-select-dropdown .el-select-dropdown__item:nth-child(3)::after {
  display: none;
}
.el-select-dropdown .popper__arrow {
  display: none;
}
.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;
}
.body-center #app {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/bg-center_66f7b08e.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.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://www.swordofjustice.com/pc/zt/20250616180815/assets/nav-bg_a46d6899.png) repeat-x;
  background-size: auto 100%;
}
body {
  font-size: 16px;
}
#app {
  position: relative;
  min-height: 100vh;
}
.v-modal {
  z-index: 999999 !important;
}
.el-message-box__wrapper {
  z-index: 1000001 !important;
}
.el-message-box__wrapper .el-message-box__headerbtn {
  z-index: 999;
}
.pop {
  z-index: 100000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.pop .bg-alert,
.pop .bg-confirm,
.pop .bg-avatar,
.pop .bg-report {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-45%, -45%);
          transform: translate(-45%, -45%);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-1086px -1416px;
width:1082px;
height:513px;

}
.pop .bg-alert .content,
.pop .bg-confirm .content,
.pop .bg-avatar .content,
.pop .bg-report .content {
  position: relative;
  width: 812px;
  margin-left: 72px;
  height: 415px;
}
.pop .bg-alert .content .x,
.pop .bg-confirm .content .x,
.pop .bg-avatar .content .x,
.pop .bg-report .content .x {
  z-index: 2;
  cursor: pointer;
  position: absolute;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3351px -1893px;
width:37px;
height:36px;

  top: 20px;
  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 {
  -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 {
  position: absolute;
  width: 100%;
  height: 78px;
  line-height: 78px;
  left: 50%;
  top: 38px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  font-size: 42px;
  font-family: 'fzcjljt', sans-serif;
  color: #ffffff;
}
.pop .bg-alert .content .text,
.pop .bg-confirm .content .text,
.pop .bg-avatar .content .text,
.pop .bg-report .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: 78px;
  width: 100%;
  height: 230px;
  text-align: center;
  padding: 30px;
  color: #1e3e5f;
  font-size: 22px;
}
.pop .bg-alert .content .flex-btnbox,
.pop .bg-confirm .content .flex-btnbox,
.pop .bg-avatar .content .flex-btnbox,
.pop .bg-report .content .flex-btnbox {
  position: absolute;
  top: 308px;
  left: 0;
  width: 100%;
  height: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pop .bg-alert .content .flex-btnbox div:last-child,
.pop .bg-confirm .content .flex-btnbox div:last-child,
.pop .bg-avatar .content .flex-btnbox div:last-child,
.pop .bg-report .content .flex-btnbox div:last-child {
  margin-left: 32px;
}
.pop .bg-alert .content .btn-go,
.pop .bg-confirm .content .btn-go,
.pop .bg-avatar .content .btn-go,
.pop .bg-report .content .btn-go {
  position: relative;
  -webkit-transform: none !important;
          transform: none !important;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3008px -837px;
width:281px;
height:69px;

  font-size: 24px;
  color: #756833;
  padding-bottom: 7px;
  font-family: 'NotoSerifTC', sans-serif;
}
.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 {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.pop .bg-alert .content .btn-back,
.pop .bg-confirm .content .btn-back,
.pop .bg-avatar .content .btn-back,
.pop .bg-report .content .btn-back {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3061px -1615px;
width:281px;
height:69px;

  color: #335b75;
  font-size: 24px;
  padding-bottom: 7px;
  font-family: 'NotoSerifTC', sans-serif;
}
.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 {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.pop .bg-alert .content .getUserName,
.pop .bg-confirm .content .getUserName,
.pop .bg-avatar .content .getUserName,
.pop .bg-report .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 {
  display: inline-block;
  color: #1e3e5f;
  font-family: 'NotoSerifTC', sans-serif;
  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 {
  display: inline-block;
  text-decoration: underline;
  cursor: pointer;
  color: #1e3e5f;
  line-height: 40px;
  font-size: 16px;
}
.pop .bg-alert .content .btn-go {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.pop .bg-report {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-0px -1416px;
width:1082px;
height:813px;

  color: #1e3e5f;
}
.pop .bg-report .cause {
  margin-left: 8px;
  font-family: 'NotoSansTC', sans-serif;
  font-size: 20px !important;
  color: #1e3e5f;
}
.pop .bg-report .cause .el-radio__label {
  font-size: 20px !important;
}
.pop .bg-report .cause .el-radio__label::after {
  content: "";
  position: absolute;
  left: -15px;
  width: 18px;
  height: 18px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/jb-icon-5_66348b46.png) no-repeat center center;
}
.pop .bg-report .cause .el-radio__input.is-checked + .el-radio__label {
  color: #1e3e5f;
}
.pop .bg-report .cause .el-radio__input.is-checked + .el-radio__label::after {
  content: "";
  position: absolute;
  left: -15px;
  width: 18px;
  height: 18px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/jb-icon-4_8543698c.png) no-repeat center center;
}
.pop .bg-report .el-radio__input {
  display: none;
}
.pop .bg-report .report {
  position: absolute;
  top: 78px;
  width: 100%;
  min-width: 694px;
  height: 230px;
  padding: 35px 0 0 40px;
  color: #1e3e5f;
  font-size: 22px;
}
.pop .bg-report .report .content-title {
  position: relative;
  left: 23px;
  font-family: 'NotoSansTC', sans-serif;
  font-weight: 600;
  font-size: 23px;
}
.pop .bg-report .report .content-title::after {
  content: "";
  position: absolute;
  left: -25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3706.9090909090905px 2431.6363636363635px;
background-position:-3692.7272727272725px -1275.2727272727273px;

}
.pop .bg-report .report-name {
  width: 100%;
  font-family: 'NotoSansTC', sans-serif;
  font-size: 20px;
  line-height: 45px;
}
.pop .bg-report .report-cause {
  width: 100%;
  font-family: 'NotoSansTC', sans-serif;
  font-size: 20px;
  line-height: 45px;
}
.pop .bg-report .report-uploading {
  margin-top: 20px;
}
.pop .bg-report .report-uploading .leihuo-copr-filepicker {
  position: relative;
  width: 250px;
  height: 200px;
}
.pop .bg-report .report-uploading .file-picker {
  position: absolute;
  top: 0;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 2px 10px 1px #8183874d;
          box-shadow: 0 2px 10px 1px #8183874d;
  background: #cfd4d7;
}
.pop .bg-report .report-uploading .file-picker::after {
  z-index: 4;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3346px -817px;
width:39px;
height:11px;

}
.pop .bg-report .report-uploading .file-picker::before {
  z-index: 4;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3280px -1192px;
width:72px;
height:24px;

}
.pop .bg-report .report-uploading img {
  border: 3px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-size: 100% auto;
}
.pop .bg-report .report-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://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3354px -1806px;
width:42px;
height:42px;

}
.pop .bg-report .report-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://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3263px -1997px;
width:27px;
height:27px;

  -webkit-transition-duration: 200ms;

          transition-duration: 200ms;
}
.pop .bg-report .report-uploading .back2:hover {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}
.pop .bg-report .content .text {
  display: none;
}
.pop .bg-report .content .flex-btnbox {
  top: 625px;
}
.pop .bg-report .content .btn-go {
  color: #335b75;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3061px -1615px;
width:281px;
height:69px;

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

          transform: translateX(-50%);
}
.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 .x,
.pop .bg-video .x {
  z-index: 2;
  cursor: pointer;
  position: absolute;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3351px -1893px;
width:37px;
height:36px;

  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://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-1086px -1416px;
width:1082px;
height:513px;

}
.pop .bg-avatar .pop-upLock-avatar {
  display: block;
  position: relative;
  top: 160px;
  margin: 0 auto;
  width: 118px;
  height: 118px;
}
.pop .bg-avatar .pop-upLock-avatar img {
  border-radius: 50%;
  width: 116px;
  height: 116px;
  background-size: cover;
  background-position: center center;
}
.pop .bg-avatar .pop-upLock-avatar .pop-upLock-img {
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.12);
          transform: translate(-50%, -50%) scale(1.12);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2868px -1806px;
width:128px;
height:127px;

}
.pop .bg-avatar .pop-upLock-avatar .file-picker {
  z-index: 3;
  position: absolute;
  left: -15%;
  top: -15%;
  border: 0 solid #fff;
}
.pop .bg-avatar .pop-upLock-input {
  z-index: 3;
  position: relative;
  top: 165px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 600px;
  font-family: 'NotoSansTC', sans-serif;
}
.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: #1e3e5f;
  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: 500px;
}
.pop .bg-avatar .pop-upLock-input .pop-upLock-name input {
  color: #1e3e5f;
  -webkit-text-fill-color: #1b5a77;
  padding: 0 30px;
  font-size: 22px;
  line-height: 40px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px 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 .content .text {
  top: 230px;
}
.pop .bg-avatar .content .btn-go {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3061px -1615px;
width:281px;
height:69px;

  color: #335b75;
}
.top-go {
  z-index: 999;
  cursor: pointer;
  position: fixed;
  right: 80px;
  bottom: 80px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3280px -912px;
width:77px;
height:105px;

}
.top-go:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
#show-term {
  display: none;
}
.Seek2 {
  display: none;
  z-index: 99999;
}
.el-popover {
  display: inline-block;
  min-width: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-popover .pop {
  position: absolute;
}
.login {
  position: -webkit-sticky;
  position: sticky;
  z-index: 9999;
  border-radius: 0;
  top: 0%;
  left: 0%;
  width: 100%;
  min-width: 1500px;
  height: 60px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/top-nav_da482054.jpg) no-repeat top center;
  background-size: 100% 100%;
}
.login .content {
  position: relative;
  min-width: 1500px;
  width: 100%;
  height: 63px;
}
.login .logo {
  position: absolute;
  left: 70px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2868px -1937px;
width:128px;
height:56px;

}
.login .select-lang {
  width: 32px;
  height: 33px;
  position: absolute;
  left: 220px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.login .select-lang .select-icon {
  width: 100%;
  height: 100%;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3366px -837px;
width:32px;
height:33px;

}
.login .select-lang .select-li {
  position: absolute;
  top: 98%;
  padding-top: 16px;
  left: 0;
  display: none;
}
.login .select-lang .choose {
  min-width: 160px;
  height: 33px;
  font-size: 16px;
  line-height: 33px;
  color: #879599;
  padding: 0 9px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/choose_aff002b8.png) no-repeat 0 0;
  background-size: 100% 100%;
  margin-bottom: 3px;
  white-space: nowrap;
  position: relative;
}
.login .select-lang .choose a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.login .select-lang .choose:last-child {
  margin-bottom: 0;
}
.login .select-lang .choose:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/choose-on_b9e0031c.png) no-repeat 0 0;
  background-size: 100% 100%;
  color: #fff;
}
.login .select-lang:hover .select-icon {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3366px -1443px;
width:32px;
height:33px;

}
.login .select-lang:hover .select-li {
  display: block;
}
.login .choose-data {
  position: absolute;
  left: 304px;
  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;
}
.login .choose-data .data {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  color: #41738c;
  margin-right: 40px;
}
.login .choose-data .data::before {
  content: '';
  width: 19px;
  height: 18px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3379px -724px;

  display: block;
  margin-right: 6px;
}
.login .choose-data .data.on {
  color: #dcf2f9;
}
.login .choose-data .data.on::before {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3379px -746px;
width:19px;
height:18px;

}
.login .nav-list {
  position: absolute;
  left: 470px;
  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;
}
.login .nav-list a {
  cursor: pointer;
  width: 234px;
  height: 63px;
  text-align: center;
}
.login .nav-list a a {
  display: block;
  width: 100%;
  height: 100%;
}
.login .nav-list a:nth-child(1) {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/tj-1_eff35c30.png) no-repeat center center;
}
.login .nav-list a:nth-child(1):hover,
.login .nav-list a:nth-child(1).active {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/tj-2_77d9cdd2.png) no-repeat center center;
}
.login .nav-list a:nth-child(2) {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sj-1_6296b67e.png) no-repeat center center;
}
.login .nav-list a:nth-child(2):hover,
.login .nav-list a:nth-child(2).active {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sj-2_525f06f9.png) no-repeat center center;
}
.login .nav-list a:nth-child(3) {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sc-1_7d16fbd7.png) no-repeat center center;
  -webkit-transform: translateX(1px);
          transform: translateX(1px);
}
.login .nav-list a:nth-child(3):hover,
.login .nav-list a:nth-child(3).active {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sc-2_787b8df5.png) no-repeat center center;
}
.login .nav-list a:nth-child(4) {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/gr-1_42ce9786.png) no-repeat center center;
  -webkit-transform: translateX(1px);
          transform: translateX(1px);
}
.login .nav-list a:nth-child(4):hover,
.login .nav-list a:nth-child(4).active {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/gr-2_1a6c8b95.png) no-repeat center center;
}
@media screen and (max-width: 1670px) {
  .login .nav-list a {
    cursor: pointer;
    width: 200px;
    height: 63px;
    text-align: center;
  }
  .login .nav-list a a {
    display: block;
    width: 100%;
    height: 100%;
  }
}
.login .login-btn {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 260px;
  -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: calc(100% - 1670px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  color: #dcfdff;
  display: -webkit-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 {
  cursor: pointer;
  display: inline-block;
  height: 29px;
  line-height: 29px;
  margin-right: 10px;
  font-size: 16px;
}
.login .login-img .name:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.login .login-img img {
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  margin-right: 7px;
}
.login .login-img img:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.login .login-img .back {
  cursor: pointer;
  display: inline-block;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3366px -1480px;
width:29px;
height:29px;

}
.login .login-img .back:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
@media screen and (max-width: 1670px) {
  .login .login-img {
    right: 30px;
  }
}
@media screen and (min-width: 1920px) {
  .login .login-img {
    right: 230px;
  }
}
.login .yyx-nav {
  position: relative;
}
.login .yyx-nav .webpage {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3000px -1806px;
width:173px;
height:83px;

}
.login .yyx-nav .webpage:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3177px -1806px;
width:173px;
height:83px;

}
.login-2 .login {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/top-nav_da482054.jpg) no-repeat top center !important;
  background-size: 100% 100% !important;
}
.login-2 .vote-filter-tab-bg-m {
  min-height: 60px !important;
}
.login-2 .vote-filter-tab-bg-m .grabble-content:nth-child(2) {
  top: 10px !important;
}
.login-2 .vote-filter-tab-bg {
  position: fixed;
  top: 60px;
  left: 50%;
  width: 100% !important;
  min-width: 1050px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 999;
  background: rgba(205, 233, 249, 0.8) !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: 1450px !important;
}
.login-2 .vote-filter-tab-bg .grabble-content:nth-child(2) {
  top: 54px;
}
.login-2 .vote-filter-tab-bg .grabble-content:nth-child(3) {
  top: 54px;
}
.login-2 .vote-filter-tab-bg-2 {
  min-height: 140px;
}
.login-2 .vote-filter-tab-bg-2 .grabble-content {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1450px !important;
}
.login-2 .vote-filter-tab-bg-2 .grabble-content:nth-child(2) {
  top: 54px;
}
.login-2 .vote-filter-tab-bg-2 .grabble-content:nth-child(3) {
  top: 94px;
}
@media screen and (max-width: 1500px) {
  .login-2 .vote-filter-tab-bg {
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.login-2 .vote-filter-tab-radio {
  position: relative;
  height: 33px;
  margin: 15px  auto auto 73px !important;
}
.login-2 .grabble {
  top: -42px !important;
}
.login-2 .grabble-3 {
  top: 0 !important;
}
.login-2 .masonry-bg {
  margin-top: 50px;
}
.login-2 .Designer .vote-filter-tab-bg .grabble-content:nth-child(2) {
  top: 10px;
}
.login-2 .Designer .vote-filter-tab-bg .grabble-content .vote-filter-tab-radio {
  position: relative;
  height: 33px;
  margin: 10px  auto auto 73px !important;
}
.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;
}
@-webkit-keyframes exampleShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes exampleShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.example .exampleBg {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-0px -1416px;
width:1082px;
height:813px;

  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;
  font-family: 'fzcjljt', sans-serif;
}
.example .exampleBg .example-x {
  cursor: pointer;
  position: absolute;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3351px -1893px;
width:37px;
height:36px;

  top: 20px;
  right: 20px;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.example .exampleBg .example-x:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#example {
  height: 550px;
  margin-top: 69px;
}
.popover-select {
  cursor: pointer;
  display: inline-block;
  margin-right: 20px;
}
.popover-select .el-button {
  position: relative;
  color: #3c6786;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  border-color: transparent;
  padding: 0 25px 0 5px;
  text-align: center;
  border-width: 0;
  min-width: 75px;
  height: 22px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/nav-bg_e78ea36f.jpg) no-repeat;
  background-size: 100% auto;
}
.popover-select .el-button:hover {
  border-color: transparent;
}
.popover-select .el-button span {
  line-height: 22px;
}
.popover-select .el-button .filtrate-icon,
.popover-select .el-button .filtrate-icon-2 {
  position: absolute;
  top: 2px;
  right: 3px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0.65) translate(5px, 2px) rotate(0);
          transform: scale(0.65) translate(5px, 2px) rotate(0);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3139px -1702px;
width:30px;
height:18px;

}
.popover-select .el-button .filtrate-icon-2 {
  -webkit-transform: scale(0.65) translate(5px, 2px) rotate(180deg);
          transform: scale(0.65) translate(5px, 2px) rotate(180deg);
}
.master-right {
  margin-right: 20px;
}
.master-left {
  margin-right: 0;
}
.selectAll {
  margin-top: 33px !important;
}
.selectAll .popper__arrow {
  display: block;
  left: 43% !important;
}
.selectAll .popper__arrow::after {
  border-bottom-color: #5082a0 !important;
}
.myPopover {
  height: auto;
  min-width: 75px;
  background: #5082a0;
  border-width: 0;
  text-align: center;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  z-index: 10000 !important;
}
.myPopover .popper__arrow::after {
  border-bottom-color: #5082a0 !important;
}
.myPopover .el-radio__input {
  display: none;
}
.myPopover .el-radio__label {
  padding-left: 0;
}
.myPopover .el-radio {
  width: 100%;
  height: 27px;
  font-size: 15px;
  line-height: 27px;
  text-align: center;
  color: rgba(228, 245, 250, 0.8);
}
.myPopover .el-radio:hover {
  color: #e4f5fa;
}
.myPopover .el-radio:last-child::after {
  display: none;
}
.myPopover .el-radio::after {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3239px -1431px;
width:137px;
height:2px;

}
.myPopover .is-checked {
  color: #e4f5fa;
}
.myPopover .el-radio__input.is-checked + .el-radio__label {
  color: #e4f5fa;
}
.pzPopover {
  height: auto;
  width: 450px !important;
  background: #5082a0;
  border-width: 0;
  text-align: center;
  padding: 0;
  padding-bottom: 60px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  z-index: 10000 !important;
}
.pzPopover .popper__arrow::after {
  border-bottom-color: #5082a0 !important;
}
.pzPopover .popover-list {
  width: 100%;
  height: 100%;
  color: #3c6786;
}
.pzPopover .popover-list .title-popover {
  padding-top: 10px;
  font-size: 15px;
  color: #fff;
  font-family: 'fzcjljt', sans-serif;
}
.pzPopover .popover-list .popover-content {
  position: relative;
  width: 100%;
  display: block;
}
.pzPopover .popover-list .popover-content .popover-title {
  width: auto;
  margin: 10px 0;
  margin-left: 15px;
  font-size: 15px;
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.pzPopover .popover-list .popover-content .popover-title p {
  display: inline-block;
  padding: 0 12px;
  position: relative;
}
.pzPopover .popover-list .popover-content .popover-title p::before,
.pzPopover .popover-list .popover-content .popover-title p::after {
  content: '';
  width: 9px;
  height: 9px;
  position: absolute;
  top: 54%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/tab2_5410051f.png) no-repeat center center;
  background-size: 100% 100%;
}
.pzPopover .popover-list .popover-content .popover-title p::after {
  left: auto;
  right: 0;
}
.pzPopover .popover-btn {
  width: 100%;
  position: absolute;
  bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding: 0 10px;
}
.pzPopover .popover-btn .popover-no-btn {
  cursor: pointer;
  font-family: 'fzcjljt', sans-serif;
  font-size: 17px;
  color: #335b75;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3234px -1937px;
width:102px;
height:44px;

  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;
}
.pzPopover .popover-btn .popover-no-btn span {
  margin-top: -5px;
}
.pzPopover .popover-btn .popover-no-btn:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.pzPopover .popover-btn .popover-go-btn {
  cursor: pointer;
  font-family: 'fzcjljt', sans-serif;
  font-size: 17px;
  color: #756833;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2736px -1997px;
width:100px;
height:44px;

  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;
}
.pzPopover .popover-btn .popover-go-btn span {
  margin-top: -5px;
}
.pzPopover .popover-btn .popover-go-btn:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.pzPopover .popover-item {
  width: 100%;
  display: block;
  text-align: left;
  padding: 0 6px 0 12px;
}
.pzPopover .popover-item .el-checkbox__input {
  display: none;
}
.pzPopover .popover-item .el-checkbox__label {
  padding-left: 0;
}
.pzPopover .popover-item .popover-txt {
  cursor: pointer;
  display: inline-block;
  padding: 2px 5px;
  border: 1px solid #94d0ec;
  color: #e4f5fa;
  border-radius: 5px;
  font-size: 15px;
  margin: 4.5px 6px 4.5px 0;
}
.pzPopover .popover-item .popover-txt:hover {
  background: #94d0ec;
  color: #3c6786;
}
.pzPopover .popover-item .popover-txt:hover .el-radio-button__inner,
.pzPopover .popover-item .popover-txt:hover .el-checkbox__label {
  color: #3c6786;
  background: transparent;
  border: transparent;
  -webkit-transition: none;
  transition: none;
}
.pzPopover .popover-item .is-active,
.pzPopover .popover-item .is-checked {
  background: #94d0ec;
  color: #3c6786;
}
.pzPopover .popover-item .is-active .el-radio-button__inner,
.pzPopover .popover-item .is-checked .el-radio-button__inner,
.pzPopover .popover-item .is-active .el-checkbox__label,
.pzPopover .popover-item .is-checked .el-checkbox__label {
  background: #94d0ec;
  color: #3c6786;
  -webkit-transition: none;
  transition: none;
}
.pzPopover .popover-item .el-radio-button__inner,
.pzPopover .popover-item .el-checkbox__label {
  -webkit-transition: none;
  transition: none;
  padding: 0;
  font-size: 15px;
  color: #e4f5fa;
  background: transparent;
  border: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pzPopover .popover-item .el-radio-button__inner:hover,
.pzPopover .popover-item .el-checkbox__label:hover {
  background: transparent;
  border: transparent;
}
.Seek {
  width: 100%;
}
.Seek .master-right {
  display: none;
  margin-right: 0 !important;
}
.Seek .grabble {
  display: none;
}
.Seek .Seek-works + .vote-filter-tab-bg > .grabble-content > .vote-filter-tab-radio > .master-right {
  display: inline-block;
  margin-right: 20px !important;
}
.Seek .Seek-works + .vote-filter-tab-bg > .grabble {
  display: block;
}
.Seek .Seek-content {
  margin: 0 auto;
  width: 1450px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.3);
  padding-bottom: 50px;
  min-height: 100vh;
}
.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;
  overflow: hidden;
  padding: 0 0 30px 0;
  vertical-align: top;
  display: table-cell;
  white-space: normal;
}
.Seek .masonry {
  width: 700px;
}
.Seek .masonry-detail-bg {
  vertical-align: top;
  display: table-cell;
  position: -webkit-sticky;
  position: sticky;
  min-width: 761px;
  height: 100vh;
  top: 0;
  margin: -64px 80px auto auto;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
  -webkit-animation: detailBg 200ms forwards;
          animation: detailBg 200ms forwards;
}
@-webkit-keyframes detailBg {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes detailBg {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.Seek .masonry-detail-bg .masonry-detail-scroll {
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  min-width: 761px;
  height: 100vh;
  background: #f0fafd;
  left: 0;
  margin-top: 160px;
  scrollbar-width: thin;
  scrollbar-color: #f0fafd;
}
.Seek .masonry-detail-bg .masonry-detail-scroll::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #f0fafd;
}
.Seek .masonry-detail-bg .masonry-detail-scroll::-webkit-scrollbar-thumb {
  background-color: #999;
}
.Seek .masonry-detail-bg .masonry-detail-scroll-2 {
  margin-top: 64px;
}
.masonry-border .masonry {
  width: 700px;
  border-bottom: 1px solid rgba(81, 130, 162, 0.5);
}
.Designer .vote-filter-tab-bg {
  min-height: 60px !important;
}
.Designer .vote-filter-tab-bg .grabble {
  top: -40px !important;
}
.Designer .vote-filter-tab-bg .grabble-2 {
  top: -105px !important;
}
.Designer .vote-filter-tab-bg .grabble-3 {
  top: 23px !important;
}
.login-2 .Designer .vote-filter-tab-bg .grabble-3 {
  top: 0 !important;
}
.login-2 .Designer .Designer-works + .vote-filter-tab-bg {
  min-height: 100px !important;
}
.login-2 .Designer .Designer-works + .vote-filter-tab-bg .grabble {
  top: -82px !important;
}
.login-2 .Designer .Designer-works + .vote-filter-tab-bg .grabble-content:nth-child(2) {
  top: 60px;
}
.Designer,
.Seek,
.PersonalCenter,
.TheRecommendedDesign {
  width: 100%;
}
.Designer .Designer-content,
.Seek .Designer-content,
.PersonalCenter .Designer-content,
.TheRecommendedDesign .Designer-content {
  margin: 0 auto;
  width: 1450px;
  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: rgba(255, 255, 255, 0.3);
  min-height: 100vh;
}
.Designer .Designer-content2,
.Seek .Designer-content2,
.PersonalCenter .Designer-content2,
.TheRecommendedDesign .Designer-content2 {
  background: rgba(255, 255, 255, 0.3);
}
.Designer .Designer-content2 .masonry,
.Seek .Designer-content2 .masonry,
.PersonalCenter .Designer-content2 .masonry,
.TheRecommendedDesign .Designer-content2 .masonry {
  border-bottom: 1px solid rgba(81, 130, 162, 0);
}
.Designer .Designer-works,
.Seek .Designer-works,
.PersonalCenter .Designer-works,
.TheRecommendedDesign .Designer-works {
  position: relative;
  width: 100%;
  text-align: center;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Designer .Designer-works .works,
.Seek .Designer-works .works,
.PersonalCenter .Designer-works .works,
.TheRecommendedDesign .Designer-works .works {
  margin-bottom: 60px;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.Designer .Designer-works .works-back,
.Seek .Designer-works .works-back,
.PersonalCenter .Designer-works .works-back,
.TheRecommendedDesign .Designer-works .works-back {
  top: -30px;
}
.Designer .Designer-center,
.Seek .Designer-center,
.PersonalCenter .Designer-center,
.TheRecommendedDesign .Designer-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;
  display: table-cell;
  white-space: normal;
}
.Designer .masonry,
.Seek .masonry,
.PersonalCenter .masonry,
.TheRecommendedDesign .masonry {
  width: 700px;
}
.Designer .masonry-detail-bg,
.Seek .masonry-detail-bg,
.PersonalCenter .masonry-detail-bg,
.TheRecommendedDesign .masonry-detail-bg {
  vertical-align: top;
  display: table-cell;
  position: -webkit-sticky;
  position: sticky;
  min-width: 761px;
  height: 100vh;
  top: 0;
  margin: -64px 80px auto auto;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
  -webkit-animation: detailBg 200ms forwards;
          animation: detailBg 200ms forwards;
}
@keyframes detailBg {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.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 {
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  min-width: 761px;
  height: 100vh;
  background: #f0fafd;
  left: 0;
  margin-top: 160px;
  scrollbar-width: thin;
  scrollbar-color: #f0fafd;
}
.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 {
  width: 3px;
  height: 3px;
  background-color: #f0fafd;
}
.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 {
  background-color: #999;
}
.Designer .masonry-detail-bg .masonry-detail-scroll-2,
.Seek .masonry-detail-bg .masonry-detail-scroll-2,
.PersonalCenter .masonry-detail-bg .masonry-detail-scroll-2,
.TheRecommendedDesign .masonry-detail-bg .masonry-detail-scroll-2 {
  margin-top: 64px;
}
.Designer .el-tooltip__popper,
.Seek .el-tooltip__popper,
.PersonalCenter .el-tooltip__popper,
.TheRecommendedDesign .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,
.Designer .look-icon-bg .nxh,
.Seek .look-icon-bg .nxh,
.PersonalCenter .look-icon-bg .nxh,
.TheRecommendedDesign .look-icon-bg .nxh,
.Designer .look-icon-bg .cdd,
.Seek .look-icon-bg .cdd,
.PersonalCenter .look-icon-bg .cdd,
.TheRecommendedDesign .look-icon-bg .cdd {
  width: 100% !important;
  height: 100% !important;
}
.Designer .masonry-detaill,
.Seek .masonry-detaill,
.PersonalCenter .masonry-detaill,
.TheRecommendedDesign .masonry-detaill {
  position: relative;
  right: 0;
  top: 0;
  text-align: center;
}
.Designer .masonry-detaill .detail-bg,
.Seek .masonry-detaill .detail-bg,
.PersonalCenter .masonry-detaill .detail-bg,
.TheRecommendedDesign .masonry-detaill .detail-bg {
  position: relative;
  width: 761px;
}
.Designer .masonry-detaill .detail-bg .detaill-delete,
.Seek .masonry-detaill .detail-bg .detaill-delete,
.PersonalCenter .masonry-detaill .detail-bg .detaill-delete,
.TheRecommendedDesign .masonry-detaill .detail-bg .detaill-delete,
.Designer .masonry-detaill .detail-bg .detaill-visibility,
.Seek .masonry-detaill .detail-bg .detaill-visibility,
.PersonalCenter .masonry-detaill .detail-bg .detaill-visibility,
.TheRecommendedDesign .masonry-detaill .detail-bg .detaill-visibility {
  position: relative;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2736px -0px;
width:662px;
height:518px;

  margin: 0 auto;
  margin-left: -20px;
}
.Designer .masonry-detaill .detail-bg .detaill-delete .icon-collect,
.Seek .masonry-detaill .detail-bg .detaill-delete .icon-collect,
.PersonalCenter .masonry-detaill .detail-bg .detaill-delete .icon-collect,
.TheRecommendedDesign .masonry-detaill .detail-bg .detaill-delete .icon-collect,
.Designer .masonry-detaill .detail-bg .detaill-visibility .icon-collect,
.Seek .masonry-detaill .detail-bg .detaill-visibility .icon-collect,
.PersonalCenter .masonry-detaill .detail-bg .detaill-visibility .icon-collect,
.TheRecommendedDesign .masonry-detaill .detail-bg .detaill-visibility .icon-collect {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2931px -2115px;
width:60px;
height:60px;

}
.Designer .masonry-detaill .detail-bg .detaill-delete .icon-collect:hover,
.Seek .masonry-detaill .detail-bg .detaill-delete .icon-collect:hover,
.PersonalCenter .masonry-detaill .detail-bg .detaill-delete .icon-collect:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .detaill-delete .icon-collect:hover,
.Designer .masonry-detaill .detail-bg .detaill-visibility .icon-collect:hover,
.Seek .masonry-detaill .detail-bg .detaill-visibility .icon-collect:hover,
.PersonalCenter .masonry-detaill .detail-bg .detaill-visibility .icon-collect:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .detaill-visibility .icon-collect:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.Designer .masonry-detaill .detail-bg .detaill-delete .icon-collect2,
.Seek .masonry-detaill .detail-bg .detaill-delete .icon-collect2,
.PersonalCenter .masonry-detaill .detail-bg .detaill-delete .icon-collect2,
.TheRecommendedDesign .masonry-detaill .detail-bg .detaill-delete .icon-collect2,
.Designer .masonry-detaill .detail-bg .detaill-visibility .icon-collect2,
.Seek .masonry-detaill .detail-bg .detaill-visibility .icon-collect2,
.PersonalCenter .masonry-detaill .detail-bg .detaill-visibility .icon-collect2,
.TheRecommendedDesign .masonry-detaill .detail-bg .detaill-visibility .icon-collect2 {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2736px -2115px;
width:63px;
height:62px;

}
.Designer .masonry-detaill .detail-bg .last,
.Seek .masonry-detaill .detail-bg .last,
.PersonalCenter .masonry-detaill .detail-bg .last,
.TheRecommendedDesign .masonry-detaill .detail-bg .last,
.Designer .masonry-detaill .detail-bg .next,
.Seek .masonry-detaill .detail-bg .next,
.PersonalCenter .masonry-detaill .detail-bg .next,
.TheRecommendedDesign .masonry-detaill .detail-bg .next {
  min-width: 107px;
  height: 36px;
  line-height: 36px;
  position: absolute;
  top: -50px;
  right: 107px;
  font-size: 16px;
  color: #1b5a77;
  cursor: pointer;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/last_b83efe39.png) no-repeat center center;
  background-size: 100% 100%;
}
.Designer .masonry-detaill .detail-bg .last:hover,
.Seek .masonry-detaill .detail-bg .last:hover,
.PersonalCenter .masonry-detaill .detail-bg .last:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .last:hover,
.Designer .masonry-detaill .detail-bg .next:hover,
.Seek .masonry-detaill .detail-bg .next:hover,
.PersonalCenter .masonry-detaill .detail-bg .next:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .next:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/last-h_d7e2649a.png) no-repeat center center;
  background-size: 100% 100%;
}
.Designer .masonry-detaill .detail-bg .next,
.Seek .masonry-detaill .detail-bg .next,
.PersonalCenter .masonry-detaill .detail-bg .next,
.TheRecommendedDesign .masonry-detaill .detail-bg .next {
  right: 0;
}
.Designer .masonry-detaill .detail-bg .content,
.Seek .masonry-detaill .detail-bg .content,
.PersonalCenter .masonry-detaill .detail-bg .content,
.TheRecommendedDesign .masonry-detaill .detail-bg .content {
  width: 761px;
  position: relative;
  top: 0;
  right: 0;
  padding: 40px 70px 20px 70px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/detail-bg_91284794.png) no-repeat top center;
  background-size: 100% 100%;
  background-color: #ebf8fb;
}
.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 {
  cursor: pointer;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3340px -1937px;
width:40px;
height:40px;

  position: absolute;
  right: 15px;
  top: 15px;
  -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 {
  -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 {
  width: 100%;
  cursor: pointer;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-grid;
  background: #c7e5ef;
}
.Designer .masonry-detaill .detail-bg .content .carousel .el-carousel,
.Seek .masonry-detaill .detail-bg .content .carousel .el-carousel,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .el-carousel,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .el-carousel {
  display: inline-grid;
}
.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 {
  background-size: 100% auto;
}
.Designer .masonry-detaill .detail-bg .content .carousel:hover::after,
.Seek .masonry-detaill .detail-bg .content .carousel:hover::after,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel:hover::after,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel:hover::after {
  z-index: 9;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3008px -1516px;
width:62px;
height:16px;

}
.Designer .masonry-detaill .detail-bg .content .carousel:hover::before,
.Seek .masonry-detaill .detail-bg .content .carousel:hover::before,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel:hover::before,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel:hover::before {
  z-index: 9;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3117px -1937px;
width:113px;
height:53px;

}
.Designer .masonry-detaill .detail-bg .content .carousel:hover .temp,
.Seek .masonry-detaill .detail-bg .content .carousel:hover .temp,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel:hover .temp,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel:hover .temp {
  opacity: 1;
}
.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 {
  min-height: 452px;
  width: 100%;
  display: inline-block;
  height: auto;
}
.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 {
  z-index: 3;
  bottom: 10px;
}
.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 {
  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 {
  width: 6px;
  height: 6px;
  border-radius: 6px;
}
.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 {
  width: 35px;
  height: 41px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/left-icon_ca54e078.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 {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/left-icon-h_e392f02a.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 {
  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 {
  width: 35px;
  height: 41px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/right-icon_88ccdbe7.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 {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/right-icon-h_b271233e.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 {
  content: "" !important;
}
.Designer .masonry-detaill .detail-bg .content .carousel .icon,
.Seek .masonry-detaill .detail-bg .content .carousel .icon,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .icon,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .icon {
  min-width: 89px;
  padding: 0 10px;
  height: 33px;
  z-index: 3;
  font-size: 16px;
  line-height: 30px;
  color: #e9e9e9;
  position: absolute;
  top: -1px;
  left: -1px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/icon_cf7e5dda.png) no-repeat center center;
  background-size: 100% 100%;
}
.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 {
  display: -webkit-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,
.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 {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 100%;
  max-height: 500px;
  background: #c7e5ef;
  background-size: cover;
  display: block;
}
.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 {
  z-index: 3;
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3293px -837px;
width:69px;
height:69px;

}
.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 {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3293px -1443px;
width:69px;
height:69px;

}
.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 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
}
.Designer .masonry-detaill .detail-bg .content .carousel .temp:hover,
.Seek .masonry-detaill .detail-bg .content .carousel .temp:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp:hover {
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.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 {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2931px -2115px;
width:60px;
height:60px;

}
.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 {
  -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 {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2736px -2115px;
width:63px;
height:62px;

}
.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 {
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2806px -2045px;
width:66px;
height:66px;

}
.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 {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2876px -2045px;
width:66px;
height:66px;

}
.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 {
  position: absolute;
  left: -38px;
  margin-right: 30px;
  bottom: -1px;
  color: #1b5a77;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3366px -874px;
width:32px;
height:32px;

}
.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 {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.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 {
  font-size: 16px;
  line-height: 14px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: #f1fcff;
  background: #1c4b62;
  padding: 7px 8px 8px 25px;
  border-radius: 15px;
}
.Designer .masonry-detaill .detail-bg .content .carousel .temp .icon-number::after,
.Seek .masonry-detaill .detail-bg .content .carousel .temp .icon-number::after,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel .temp .icon-number::after,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel .temp .icon-number::after {
  content: "";
  position: absolute;
  left: 4.2px;
  top: 3.8px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3380px -631px;
width:18px;
height:23px;

}
.Designer .masonry-detaill .detail-bg .content .carousel2:hover::after,
.Seek .masonry-detaill .detail-bg .content .carousel2:hover::after,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel2:hover::after,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel2:hover::after {
  display: none;
  z-index: 9;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3008px -1516px;
width:62px;
height:16px;

}
.Designer .masonry-detaill .detail-bg .content .carousel2:hover::before,
.Seek .masonry-detaill .detail-bg .content .carousel2:hover::before,
.PersonalCenter .masonry-detaill .detail-bg .content .carousel2:hover::before,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .carousel2:hover::before {
  display: none;
  z-index: 9;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3117px -1937px;
width:113px;
height:53px;

}
.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 {
  width: 100%;
  position: relative;
  padding-top: 20px;
}
.Designer .masonry-detaill .detail-bg .content .text .text-top,
.Seek .masonry-detaill .detail-bg .content .text .text-top,
.PersonalCenter .masonry-detaill .detail-bg .content .text .text-top,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .text-top {
  position: relative;
  width: 100%;
  display: block;
  text-align: left;
  padding-bottom: 14px;
}
.Designer .masonry-detaill .detail-bg .content .text .text-center,
.Seek .masonry-detaill .detail-bg .content .text .text-center,
.PersonalCenter .masonry-detaill .detail-bg .content .text .text-center,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .text-center {
  position: relative;
  width: 100%;
  display: block;
  text-align: left;
}
.Designer .masonry-detaill .detail-bg .content .text .text-buttom,
.Seek .masonry-detaill .detail-bg .content .text .text-buttom,
.PersonalCenter .masonry-detaill .detail-bg .content .text .text-buttom,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .text-buttom {
  position: relative;
  width: 100%;
  height: 80px;
  display: block;
  margin-top: 67px;
}
.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 {
  display: block;
  font-size: 24px;
  font-weight: 600;
  color: #1b5a77;
  text-align: left;
  margin-top: 18px;
}
.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 {
  width: 100%;
  font-size: 18px;
  color: #1b5a77;
  text-align: left;
  margin-top: 4px;
}
.Designer .masonry-detaill .detail-bg .content .text .labels,
.Seek .masonry-detaill .detail-bg .content .text .labels,
.PersonalCenter .masonry-detaill .detail-bg .content .text .labels,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .labels {
  color: #3c6786;
  font-size: 18px;
  font-family: "fzcjljt", sans-serif;
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: 58px;
}
.Designer .masonry-detaill .detail-bg .content .text .labels .labels-item,
.Seek .masonry-detaill .detail-bg .content .text .labels .labels-item,
.PersonalCenter .masonry-detaill .detail-bg .content .text .labels .labels-item,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .labels .labels-item {
  display: inline-block;
  background: #94d0ec;
  border-radius: 8px;
  padding: 2px 10px;
  margin-right: 10px;
  margin-top: 10px;
  color: #fff;
}
.Designer .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-1,
.Seek .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-1,
.PersonalCenter .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-1,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-1 {
  background: #6ad3d3;
}
.Designer .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-2,
.Seek .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-2,
.PersonalCenter .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-2,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-2 {
  background: #7bc2d1;
}
.Designer .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-3,
.Seek .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-3,
.PersonalCenter .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-3,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-3 {
  background: #5b99b6;
}
.Designer .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-4,
.Seek .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-4,
.PersonalCenter .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-4,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-4 {
  background: #7594c6;
}
.Designer .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-5,
.Seek .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-5,
.PersonalCenter .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-5,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .labels .labels-item.labels-5 {
  background: #fc746f;
}
.Designer .masonry-detaill .detail-bg .content .text .qrcode,
.Seek .masonry-detaill .detail-bg .content .text .qrcode,
.PersonalCenter .masonry-detaill .detail-bg .content .text .qrcode,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .qrcode {
  z-index: 3;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: -50px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3239px -1391px;
width:142px;
height:36px;

}
.Designer .masonry-detaill .detail-bg .content .text .qrcode .qrcode-bg,
.Seek .masonry-detaill .detail-bg .content .text .qrcode .qrcode-bg,
.PersonalCenter .masonry-detaill .detail-bg .content .text .qrcode .qrcode-bg,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .qrcode .qrcode-bg {
  display: none;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 32px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2923px -1542px;
width:134px;
height:156px;

}
.Designer .masonry-detaill .detail-bg .content .text .qrcode .qrcode-bg img,
.Seek .masonry-detaill .detail-bg .content .text .qrcode .qrcode-bg img,
.PersonalCenter .masonry-detaill .detail-bg .content .text .qrcode .qrcode-bg img,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .qrcode .qrcode-bg img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 6px;
  width: 123px;
  -o-object-fit: cover;
     object-fit: cover;
}
.Designer .masonry-detaill .detail-bg .content .text .qrcode:hover,
.Seek .masonry-detaill .detail-bg .content .text .qrcode:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .text .qrcode:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .qrcode:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.Designer .masonry-detaill .detail-bg .content .text .qrcode:hover .qrcode-bg,
.Seek .masonry-detaill .detail-bg .content .text .qrcode:hover .qrcode-bg,
.PersonalCenter .masonry-detaill .detail-bg .content .text .qrcode:hover .qrcode-bg,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .qrcode:hover .qrcode-bg {
  display: block;
  -webkit-filter: brightness(0.9);
          filter: brightness(0.9);
}
.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 {
  cursor: pointer;
  position: absolute;
  top: 115px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3000px -1893px;
width:116px;
height:36px;

}
.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 {
  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 {
  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,
.Seek .masonry-detaill .detail-bg .content .text .hint:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .text .hint:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .hint:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3120px -1893px;
width:116px;
height:36px;

}
.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 {
  display: block;
}
.Designer .masonry-detaill .detail-bg .content .text .x,
.Seek .masonry-detaill .detail-bg .content .text .x,
.PersonalCenter .masonry-detaill .detail-bg .content .text .x,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .x {
  position: relative;
  width: 100%;
  height: 1px;
  background-color: #97b8c9;
}
.Designer .masonry-detaill .detail-bg .content .text .x::after,
.Seek .masonry-detaill .detail-bg .content .text .x::after,
.PersonalCenter .masonry-detaill .detail-bg .content .text .x::after,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .x::after {
  position: absolute;
  content: "";
  width: 30px;
  left: 0;
  top: -2px;
  height: 2px;
  background-color: #97b8c9;
}
.Designer .masonry-detaill .detail-bg .content .text .x::before,
.Seek .masonry-detaill .detail-bg .content .text .x::before,
.PersonalCenter .masonry-detaill .detail-bg .content .text .x::before,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .x::before {
  position: absolute;
  content: "";
  width: 30px;
  top: -2px;
  height: 2px;
  right: 0;
  background-color: #97b8c9;
}
.Designer .masonry-detaill .detail-bg .content .text .head-img,
.Seek .masonry-detaill .detail-bg .content .text .head-img,
.PersonalCenter .masonry-detaill .detail-bg .content .text .head-img,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .head-img {
  cursor: pointer;
  position: absolute;
  top: 20px;
}
.Designer .masonry-detaill .detail-bg .content .text .head-img img,
.Seek .masonry-detaill .detail-bg .content .text .head-img img,
.PersonalCenter .masonry-detaill .detail-bg .content .text .head-img img,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .head-img img {
  display: block;
  position: relative;
  width: 60px;
  height: 60px;
  background-size: cover;
  border-radius: 50%;
}
.Designer .masonry-detaill .detail-bg .content .text .head-img div,
.Seek .masonry-detaill .detail-bg .content .text .head-img div,
.PersonalCenter .masonry-detaill .detail-bg .content .text .head-img div,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .head-img div {
  z-index: 2;
  position: absolute;
  top: -4px;
  left: -1px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3151px -2045px;
width:61px;
height:65px;

}
.Designer .masonry-detaill .detail-bg .content .text .name,
.Seek .masonry-detaill .detail-bg .content .text .name,
.PersonalCenter .masonry-detaill .detail-bg .content .text .name,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .name {
  cursor: pointer;
  position: absolute;
  top: 35px;
  left: 70px;
  font-size: 21px;
  color: #378cb3;
  font-weight: 600;
}
.Designer .masonry-detaill .detail-bg .content .text .attention,
.Seek .masonry-detaill .detail-bg .content .text .attention,
.PersonalCenter .masonry-detaill .detail-bg .content .text .attention,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .attention {
  cursor: pointer;
  min-width: 103px;
  height: 45px;
  line-height: 40px;
  font-family: "NotoSerifTC", sans-serif;
  color: #756833;
  position: absolute;
  text-align: center;
  top: 30px;
  right: 142px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/attention_97db4417.png) no-repeat center center;
}
.Designer .masonry-detaill .detail-bg .content .text .attention:hover,
.Seek .masonry-detaill .detail-bg .content .text .attention:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .text .attention:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .attention:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/attention-h_66cf8139.png) no-repeat center center;
}
.Designer .masonry-detaill .detail-bg .content .text .production,
.Seek .masonry-detaill .detail-bg .content .text .production,
.PersonalCenter .masonry-detaill .detail-bg .content .text .production,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .production {
  cursor: pointer;
  font-family: "NotoSerifTC", sans-serif;
  min-width: 141px;
  height: 45px;
  color: #335b75;
  line-height: 40px;
  position: absolute;
  top: 30px;
  right: -5px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/production_6ad241df.png) no-repeat center center;
  background-size: 100% 100%;
}
.Designer .masonry-detaill .detail-bg .content .text .production:hover,
.Seek .masonry-detaill .detail-bg .content .text .production:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .text .production:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .production:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/production-h_8b5e0636.png) no-repeat center center;
  background-size: 100% 100%;
}
.Designer .masonry-detaill .detail-bg .content .text .icon-list,
.Seek .masonry-detaill .detail-bg .content .text .icon-list,
.PersonalCenter .masonry-detaill .detail-bg .content .text .icon-list,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .icon-list {
  position: absolute;
  right: 0;
  top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.Designer .masonry-detaill .detail-bg .content .text .icon-download,
.Seek .masonry-detaill .detail-bg .content .text .icon-download,
.PersonalCenter .masonry-detaill .detail-bg .content .text .icon-download,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .icon-download {
  margin-right: 15px;
  cursor: pointer;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3047px -2115px;
width:30px;
height:28px;

}
.Designer .masonry-detaill .detail-bg .content .text .icon-download:hover,
.Seek .masonry-detaill .detail-bg .content .text .icon-download:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .text .icon-download:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .icon-download:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3081px -2115px;
width:30px;
height:28px;

}
.Designer .masonry-detaill .detail-bg .content .text .icon-share,
.Seek .masonry-detaill .detail-bg .content .text .icon-share,
.PersonalCenter .masonry-detaill .detail-bg .content .text .icon-share,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .icon-share {
  cursor: pointer;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3370px -1021px;
width:27px;
height:30px;

}
.Designer .masonry-detaill .detail-bg .content .text .icon-share:hover,
.Seek .masonry-detaill .detail-bg .content .text .icon-share:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .text .icon-share:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .icon-share:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3370px -1055px;
width:27px;
height:30px;

}
.Designer .masonry-detaill .detail-bg .content .text .icon-report,
.Seek .masonry-detaill .detail-bg .content .text .icon-report,
.PersonalCenter .masonry-detaill .detail-bg .content .text .icon-report,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .icon-report {
  cursor: pointer;
  margin-right: 15px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3185px -1997px;
width:35px;
height:27px;

}
.Designer .masonry-detaill .detail-bg .content .text .icon-report:hover,
.Seek .masonry-detaill .detail-bg .content .text .icon-report:hover,
.PersonalCenter .masonry-detaill .detail-bg .content .text .icon-report:hover,
.TheRecommendedDesign .masonry-detaill .detail-bg .content .text .icon-report:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3224px -1997px;
width:35px;
height:27px;

}
.Designer .masonry-detaill .comment,
.Seek .masonry-detaill .comment,
.PersonalCenter .masonry-detaill .comment,
.TheRecommendedDesign .masonry-detaill .comment {
  position: relative;
  left: 0;
  width: 761px;
  min-height: 1068px;
  background: #f0fafd;
  padding: 0 70px 380px 70px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.Designer .masonry-detaill .comment .hot-icon,
.Seek .masonry-detaill .comment .hot-icon,
.PersonalCenter .masonry-detaill .comment .hot-icon,
.TheRecommendedDesign .masonry-detaill .comment .hot-icon {
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  position: absolute;
  right: 70px;
  z-index: 2;
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
  background-color: #62b8ca;
  padding: 0 21px 0 8px;
  border-radius: 3px;
  text-align: left;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
}
.Designer .masonry-detaill .comment .hot-icon::before,
.Seek .masonry-detaill .comment .hot-icon::before,
.PersonalCenter .masonry-detaill .comment .hot-icon::before,
.TheRecommendedDesign .masonry-detaill .comment .hot-icon::before {
  position: absolute;
  right: 5px;
  top: 6px;
  content: "";
  border: 3px solid #fff;
  width: 4px;
  height: 4px;
  border-left-color: transparent;
  border-top-color: transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.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 {
  pointer-events: none;
  opacity: 0;
  z-index: 10;
  position: relative;
  width: 100%;
  background-color: #62b8ca;
  font-size: 16px;
  color: #fff;
  padding-bottom: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.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 {
  height: 27px;
  line-height: 27px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.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 {
  color: #1b5a77;
}
.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 {
  color: #1b5a77;
}
.Designer .masonry-detaill .comment .hot-icon:hover,
.Seek .masonry-detaill .comment .hot-icon:hover,
.PersonalCenter .masonry-detaill .comment .hot-icon:hover,
.TheRecommendedDesign .masonry-detaill .comment .hot-icon:hover {
  height: auto;
  overflow: visible;
}
.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 {
  pointer-events: visible;
  opacity: 1;
}
.Designer .masonry-detaill .comment .im-comment,
.Seek .masonry-detaill .comment .im-comment,
.PersonalCenter .masonry-detaill .comment .im-comment,
.TheRecommendedDesign .masonry-detaill .comment .im-comment {
  padding: 34px 0 0 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,
.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 {
  background: rgba(255, 255, 255, 0);
  border-width: 0;
  font-size: 16px;
  -webkit-text-fill-color: #1b5a77;
}
.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 {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}
.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 {
  cursor: pointer;
  position: absolute;
  top: 32px;
}
.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 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-size: cover;
}
.Designer .masonry-detaill .comment .im-comment .tx div,
.Seek .masonry-detaill .comment .im-comment .tx div,
.PersonalCenter .masonry-detaill .comment .im-comment .tx div,
.TheRecommendedDesign .masonry-detaill .comment .im-comment .tx div {
  position: absolute;
  top: -3.5px;
  left: 0.8px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3346px -1615px;
width:49px;
height:52px;

}
.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 {
  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 {
  background: #d7eaf1;
  margin-left: 65px;
  width: calc(100% - 65px);
  display: inline-block;
  padding-top: 2px;
  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,
.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 {
  display: inline-block;
  width: 425px;
  padding-right: 50px;
  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,
.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 {
  background: #d7eaf1;
  border: 1px solid #d7eaf1;
  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,
.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 {
  background: #d7eaf1 !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,
.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 {
  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 {
  width: 380px;
}
.Designer .masonry-detaill .comment .im-comment textarea,
.Seek .masonry-detaill .comment .im-comment textarea,
.PersonalCenter .masonry-detaill .comment .im-comment textarea,
.TheRecommendedDesign .masonry-detaill .comment .im-comment textarea {
  scrollbar-color: #f0fafd;
  scrollbar-width: thin;
}
.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 {
  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 {
  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 {
  z-index: 2;
  position: relative;
  display: inline-block;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}
.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 {
  cursor: pointer;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3376px -1736px;
width:22px;
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 {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3323px -1997px;
width:22px;
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 {
  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 {
  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 {
  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 {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3173px -1702px;
width:17px;
height:17px;

}
.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 {
  -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 {
  z-index: 3;
  position: absolute;
  left: 50%;
  top: 25px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 320px;
  max-height: 230px;
  background-color: rgba(64, 115, 134, 0.75);
  border-radius: 20px;
}
.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 {
  margin: 0 auto;
  width: 90%;
  padding: 10px 10px 10px 15px;
  height: 173px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 10px;
  scrollbar-color: #f0fafd;
}
.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 {
  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 {
  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 {
  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,
.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 {
  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 {
  cursor: pointer;
  position: relative;
}
.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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  width: 6px;
  height: 3px;
  background-color: #6699ac;
  border-radius: 8px;
}
.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 {
  border-radius: 8px;
  background-color: #afdfea;
}
.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 {
  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: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  scrollbar-color: #f0fafd;
  scrollbar-width: thin;
}
.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 {
  width: 256px;
  height: 2px;
  position: absolute;
  content: "";
  bottom: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/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 {
  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 {
  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 {
  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 {
  cursor: pointer;
  height: 25px;
  line-height: 23px;
  font-family: "NotoSansTC", sans-serif;
  color: #eff9fd;
  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 {
  border: 1px solid #73a8ba;
  color: #438198;
  background: #9cd8e6;
}
.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 {
  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 {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3323px -1997px;
width:22px;
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 {
  min-width: 60px;
  height: 25px;
  line-height: 25px;
  margin: 0 10px 6px 5px;
  padding: 0 12px;
  display: inline-block;
  background: #438198;
  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 {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.Designer .masonry-detaill .comment .im-comment2,
.Seek .masonry-detaill .comment .im-comment2,
.PersonalCenter .masonry-detaill .comment .im-comment2,
.TheRecommendedDesign .masonry-detaill .comment .im-comment2 {
  padding: 34px 0 50px 0;
}
.Designer .masonry-detaill .comment .scroll-temp,
.Seek .masonry-detaill .comment .scroll-temp,
.PersonalCenter .masonry-detaill .comment .scroll-temp,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp {
  position: relative;
  width: 100%;
  scrollbar-color: #f0fafd;
  scrollbar-width: thin;
}
.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 {
  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 {
  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,
.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 {
  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,
.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 {
  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,
.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 {
  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 {
  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 {
  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,
.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 {
  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: #438198;
}
.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,
.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 {
  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,
.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 {
  -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 {
  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 {
  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 {
  cursor: pointer;
  width: 52px;
  height: 52px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 20px;
}
.Designer .masonry-detaill .comment .scroll-temp .tx div,
.Seek .masonry-detaill .comment .scroll-temp .tx div,
.PersonalCenter .masonry-detaill .comment .scroll-temp .tx div,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .tx div {
  position: absolute;
  top: -3.9px;
  left: -1px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3346px -1615px;
width:49px;
height:52px;

}
.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 {
  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 {
  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 {
  position: relative;
  top: 0;
  text-align: left;
  border-top: 1px solid #d7eaf1;
  padding: 20px 0;
  margin-bottom: 30px;
}
.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 {
  -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 {
  left: 60px;
  top: 5px;
  font-size: 14px;
  color: #1b5a77;
}
.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 {
  width: 400px;
  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 {
  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 {
  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 {
  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 {
  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 {
  position: absolute;
  top: 40px;
  right: 5px;
  color: #62b8ca;
  font-size: 16px;
  text-align: right;
}
.Designer .masonry-detaill .comment .scroll-temp .item .cu-icon i,
.Seek .masonry-detaill .comment .scroll-temp .item .cu-icon i,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .cu-icon i,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .cu-icon i,
.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 {
  cursor: pointer;
  display: inline-block;
  -webkit-transform: translate(-2px, 2px);
          transform: translate(-2px, 2px);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3376px -1997px;
width:21px;
height:21px;

}
.Designer .masonry-detaill .comment .scroll-temp .item .cu-icon i:hover,
.Seek .masonry-detaill .comment .scroll-temp .item .cu-icon i:hover,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .cu-icon i:hover,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .cu-icon i:hover,
.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 {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2761px -2181px;
width:21px;
height:21px;

}
.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 {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2761px -2181px;
width:21px;
height:21px;

}
.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 {
  position: absolute;
  right: 5px;
  margin-top: 10px;
  display: none;
  cursor: pointer;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3115px -2115px;
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 {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3143px -2115px;
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 {
  cursor: pointer;
  display: none;
  margin-right: 8px;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3370px -1089px;
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 {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3349px -1997px;
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 {
  display: none;
  cursor: pointer;
  position: absolute;
  margin-top: 10px;
  right: 5px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3379px -768px;
width:17px;
height:19px;

}
.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 {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3379px -791px;
width:17px;
height:19px;

}
.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,
.Designer .masonry-detaill .comment .scroll-temp .item .visibility-item,
.Seek .masonry-detaill .comment .scroll-temp .item .visibility-item,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .visibility-item,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .visibility-item {
  cursor: pointer;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3008px -912px;
width:268px;
height:311px;

}
.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,
.Designer .masonry-detaill .comment .scroll-temp .item .visibility-item div,
.Seek .masonry-detaill .comment .scroll-temp .item .visibility-item div,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .visibility-item div,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .visibility-item div {
  position: absolute;
  right: 40px;
  top: 25px;
}
.Designer .masonry-detaill .comment .scroll-temp .item .delete-item:hover,
.Seek .masonry-detaill .comment .scroll-temp .item .delete-item:hover,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .delete-item:hover,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .delete-item:hover,
.Designer .masonry-detaill .comment .scroll-temp .item .visibility-item:hover,
.Seek .masonry-detaill .comment .scroll-temp .item .visibility-item:hover,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .visibility-item:hover,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .visibility-item:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2736px -1227px;
width:268px;
height:311px;

}
.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,
.Designer .masonry-detaill .comment .scroll-temp .item .visibility-item .icon-collect,
.Seek .masonry-detaill .comment .scroll-temp .item .visibility-item .icon-collect,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .visibility-item .icon-collect,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .visibility-item .icon-collect {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3068px -1997px;
width:35px;
height:35px;

}
.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,
.Designer .masonry-detaill .comment .scroll-temp .item .visibility-item .icon-collect:hover,
.Seek .masonry-detaill .comment .scroll-temp .item .visibility-item .icon-collect:hover,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .visibility-item .icon-collect:hover,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .visibility-item .icon-collect:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3146px -1997px;
width:35px;
height:35px;

}
.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,
.Designer .masonry-detaill .comment .scroll-temp .item .visibility-item .icon-collect2,
.Seek .masonry-detaill .comment .scroll-temp .item .visibility-item .icon-collect2,
.PersonalCenter .masonry-detaill .comment .scroll-temp .item .visibility-item .icon-collect2,
.TheRecommendedDesign .masonry-detaill .comment .scroll-temp .item .visibility-item .icon-collect2 {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3146px -1997px;
width:35px;
height:35px;

}
.Designer .vote-filter-tab,
.Seek .vote-filter-tab,
.PersonalCenter .vote-filter-tab,
.TheRecommendedDesign .vote-filter-tab {
  z-index: 3;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1450px;
  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 {
  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 {
  cursor: pointer;
  height: 45px;
  display: inline-block;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
  background-size: cover;
  text-align: center;
  line-height: 30px;
  font-size: 17px;
  font-family: 'NotoSansTC', sans-serif;
  color: #3c6786;
}
.Designer .vote-filter-tab li span,
.Seek .vote-filter-tab li span,
.PersonalCenter .vote-filter-tab li span,
.TheRecommendedDesign .vote-filter-tab li span {
  position: relative;
  padding: 0 10px;
}
.Designer .vote-filter-tab li:nth-child(5),
.Seek .vote-filter-tab li:nth-child(5),
.PersonalCenter .vote-filter-tab li:nth-child(5),
.TheRecommendedDesign .vote-filter-tab li:nth-child(5) {
  color: #3c6786;
}
.Designer .vote-filter-tab li:nth-child(5) .subtype,
.Seek .vote-filter-tab li:nth-child(5) .subtype,
.PersonalCenter .vote-filter-tab li:nth-child(5) .subtype,
.TheRecommendedDesign .vote-filter-tab li:nth-child(5) .subtype {
  width: auto;
  float: right;
}
.Designer .vote-filter-tab li:nth-child(5) .subtype div,
.Seek .vote-filter-tab li:nth-child(5) .subtype div,
.PersonalCenter .vote-filter-tab li:nth-child(5) .subtype div,
.TheRecommendedDesign .vote-filter-tab li:nth-child(5) .subtype div {
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  font-family: 'fzcjljt', sans-serif;
  float: left;
  font-weight: 600;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2923px -1702px;
width:68px;
height:23px;

}
.Designer .vote-filter-tab li:nth-child(5) .subtype div:hover,
.Seek .vote-filter-tab li:nth-child(5) .subtype div:hover,
.PersonalCenter .vote-filter-tab li:nth-child(5) .subtype div:hover,
.TheRecommendedDesign .vote-filter-tab li:nth-child(5) .subtype div:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3067px -1702px;
width:68px;
height:23px;

}
.Designer .vote-filter-tab li:nth-child(5) .subtype .filterActiveCa,
.Seek .vote-filter-tab li:nth-child(5) .subtype .filterActiveCa,
.PersonalCenter .vote-filter-tab li:nth-child(5) .subtype .filterActiveCa,
.TheRecommendedDesign .vote-filter-tab li:nth-child(5) .subtype .filterActiveCa {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3067px -1702px;
width:68px;
height:23px;

}
.Designer .vote-filter-tab li:nth-child(6),
.Seek .vote-filter-tab li:nth-child(6),
.PersonalCenter .vote-filter-tab li:nth-child(6),
.TheRecommendedDesign .vote-filter-tab li:nth-child(6) {
  color: #3c6786;
}
.Designer .vote-filter-tab li:nth-child(6) span,
.Seek .vote-filter-tab li:nth-child(6) span,
.PersonalCenter .vote-filter-tab li:nth-child(6) span,
.TheRecommendedDesign .vote-filter-tab li:nth-child(6) span {
  position: relative;
}
.Designer .vote-filter-tab li:nth-child(6) span::after,
.Seek .vote-filter-tab li:nth-child(6) span::after,
.PersonalCenter .vote-filter-tab li:nth-child(6) span::after,
.TheRecommendedDesign .vote-filter-tab li:nth-child(6) span::after {
  display: none;
}
.Designer .vote-filter-tab .filterActive,
.Seek .vote-filter-tab .filterActive,
.PersonalCenter .vote-filter-tab .filterActive,
.TheRecommendedDesign .vote-filter-tab .filterActive {
  cursor: pointer;
  height: 45px;
  display: inline-block;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
  background-size: cover;
  text-align: center;
  line-height: 30px;
  font-size: 17px;
  font-family: 'NotoSansTC', sans-serif;
  color: #3c6786;
}
.Designer .vote-filter-tab .filterActive span,
.Seek .vote-filter-tab .filterActive span,
.PersonalCenter .vote-filter-tab .filterActive span,
.TheRecommendedDesign .vote-filter-tab .filterActive span {
  height: 45px;
  padding: 0 10px;
  display: inline-block;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/nav-item-bg_6cea0eeb.png) no-repeat center center;
  background-size: 115% 100%;
  position: relative;
}
.Designer .vote-filter-tab .filterActive span::after,
.Seek .vote-filter-tab .filterActive span::after,
.PersonalCenter .vote-filter-tab .filterActive span::after,
.TheRecommendedDesign .vote-filter-tab .filterActive span::after {
  display: none;
}
.Designer .vote-filter-tab::before,
.Seek .vote-filter-tab::before,
.PersonalCenter .vote-filter-tab::before,
.TheRecommendedDesign .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 {
  z-index: 3;
  width: 1450px;
  min-height: 100px;
  margin: 0 auto auto auto;
  background: rgba(255, 255, 255, 0.3);
  overflow: hidden;
}
.Designer .vote-filter-tab-bg .grabble,
.Seek .vote-filter-tab-bg .grabble,
.PersonalCenter .vote-filter-tab-bg .grabble,
.TheRecommendedDesign .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,
.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 {
  z-index: 234;
  position: relative;
  float: right;
  right: 75px;
  top: -39px;
  width: 270px;
  height: 33px;
}
.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,
.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,
.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 {
  padding: 0 50px 0 12px;
  width: 270px;
  height: 33px;
  border: 1px solid rgba(255, 255, 255, 0) !important;
  border-radius: 16px;
  font-size: 14px;
  color: #3c6786;
  line-height: 33px;
  background-color: rgba(255, 255, 255, 0.3);
}
.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,
.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,
.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 {
  color: rgba(60, 103, 134, 0.8);
}
.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,
.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,
.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 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 35px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3074px -1516px;
width:14px;
height:14px;

}
.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,
.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,
.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 {
  -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,
.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,
.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 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3380px -704px;
width:16px;
height:16px;

}
.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,
.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,
.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 {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.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 {
  top: 23px;
  margin-bottom: 50px;
}
.Designer .vote-filter-tab-bg .grabble-4,
.Seek .vote-filter-tab-bg .grabble-4,
.PersonalCenter .vote-filter-tab-bg .grabble-4,
.TheRecommendedDesign .vote-filter-tab-bg .grabble-4 {
  top: -54px;
  margin-bottom: 50px;
}
.Designer .vote-filter-tab-bg .vote-filter-tab-ps,
.Seek .vote-filter-tab-bg .vote-filter-tab-ps,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-ps,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-ps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  margin: 15px auto auto 73px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.Designer .vote-filter-tab-bg .vote-filter-tab-ps .filterActive,
.Seek .vote-filter-tab-bg .vote-filter-tab-ps .filterActive,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-ps .filterActive,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-ps .filterActive {
  border: 1px solid #0674b5;
  color: #0674b5;
  margin-right: 23px;
}
.Designer .vote-filter-tab-bg .vote-filter-tab-ps .filterActive .ps-icon,
.Seek .vote-filter-tab-bg .vote-filter-tab-ps .filterActive .ps-icon,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-ps .filterActive .ps-icon,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-ps .filterActive .ps-icon {
  display: none;
}
.Designer .vote-filter-tab-bg .vote-filter-tab-ps .filterActive::before,
.Seek .vote-filter-tab-bg .vote-filter-tab-ps .filterActive::before,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-ps .filterActive::before,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-ps .filterActive::before {
  display: none;
}
.Designer .vote-filter-tab-bg .vote-filter-tab-ps li,
.Seek .vote-filter-tab-bg .vote-filter-tab-ps li,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-ps li,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-ps li {
  padding: 0 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #5082a0;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0);
}
.Designer .vote-filter-tab-bg .vote-filter-tab-ps li span,
.Seek .vote-filter-tab-bg .vote-filter-tab-ps li span,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-ps li span,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-ps li span {
  display: block;
}
.Designer .vote-filter-tab-bg .vote-filter-tab-ps li .ps-icon,
.Seek .vote-filter-tab-bg .vote-filter-tab-ps li .ps-icon,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-ps li .ps-icon,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-ps li .ps-icon {
  position: absolute;
  display: block;
  background-image: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3092px -1516px;

  width: 14px;
  height: 14px;
  left: 0;
  bottom: 6px;
}
.Designer .vote-filter-tab-bg .vote-filter-tab-ps li:hover,
.Seek .vote-filter-tab-bg .vote-filter-tab-ps li:hover,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-ps li:hover,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-ps li:hover {
  color: #0674b5;
  border: 1px solid #0674b5;
  margin-right: 23px;
}
.Designer .vote-filter-tab-bg .vote-filter-tab-ps li:hover .ps-icon,
.Seek .vote-filter-tab-bg .vote-filter-tab-ps li:hover .ps-icon,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-ps li:hover .ps-icon,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-ps li:hover .ps-icon {
  display: none;
}
.Designer .vote-filter-tab-bg .vote-filter-tab-ps li:hover::before,
.Seek .vote-filter-tab-bg .vote-filter-tab-ps li:hover::before,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-ps li:hover::before,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-ps li:hover::before {
  display: none;
}
.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 {
  position: relative;
  height: 33px;
  margin: 15px  auto auto 73px;
  z-index: 230;
}
.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 {
  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 {
  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 {
  content: "";
  position: absolute;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3389px -522px;
width:9px;
height:9px;

  top: 50%;
  left: -3px;
  -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 {
  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 {
  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 {
  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 {
  content: "";
  display: none;
}
.Designer .vote-filter-tab-bg .vote-filter-tab-radio-2,
.Seek .vote-filter-tab-bg .vote-filter-tab-radio-2,
.PersonalCenter .vote-filter-tab-bg .vote-filter-tab-radio-2,
.TheRecommendedDesign .vote-filter-tab-bg .vote-filter-tab-radio-2 {
  opacity: 0;
}
.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 {
  z-index: 240;
  position: relative;
  top: 1px;
  width: 100px;
  height: 22px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/nav-bg_e78ea36f.jpg) no-repeat;
  background-size: 100% auto;
  color: #5082a0;
  border-width: 0;
  background-color: rgba(0, 0, 0, 0) !important;
}
.Designer .vote-filter-tab-bg .el-select input::-webkit-input-placeholder,
.Seek .vote-filter-tab-bg .el-select input::-webkit-input-placeholder,
.PersonalCenter .vote-filter-tab-bg .el-select input::-webkit-input-placeholder,
.TheRecommendedDesign .vote-filter-tab-bg .el-select input::-webkit-input-placeholder {
  color: #5082a0 !important;
}
.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 {
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  border-width: 0;
  color: #3c6786;
  background-color: rgba(0, 0, 0, 0) !important;
}
.Designer .vote-filter-tab-bg .el-select .el-input__suffix-inner,
.Seek .vote-filter-tab-bg .el-select .el-input__suffix-inner,
.PersonalCenter .vote-filter-tab-bg .el-select .el-input__suffix-inner,
.TheRecommendedDesign .vote-filter-tab-bg .el-select .el-input__suffix-inner {
  display: inline-block;
  -webkit-transform: scale(0.65) translate(5px, 2px);
          transform: scale(0.65) translate(5px, 2px);
}
.Designer .vote-filter-tab-bg .el-select .el-input__suffix-inner i,
.Seek .vote-filter-tab-bg .el-select .el-input__suffix-inner i,
.PersonalCenter .vote-filter-tab-bg .el-select .el-input__suffix-inner i,
.TheRecommendedDesign .vote-filter-tab-bg .el-select .el-input__suffix-inner i {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3139px -1702px;
width:30px;
height:18px;

}
.Designer .vote-filter-tab-bg .el-select .el-input__suffix-inner i::after,
.Seek .vote-filter-tab-bg .el-select .el-input__suffix-inner i::after,
.PersonalCenter .vote-filter-tab-bg .el-select .el-input__suffix-inner i::after,
.TheRecommendedDesign .vote-filter-tab-bg .el-select .el-input__suffix-inner i::after {
  content: '';
}
.Designer .vote-filter-tab-bg .el-select .el-input__suffix-inner i::before,
.Seek .vote-filter-tab-bg .el-select .el-input__suffix-inner i::before,
.PersonalCenter .vote-filter-tab-bg .el-select .el-input__suffix-inner i::before,
.TheRecommendedDesign .vote-filter-tab-bg .el-select .el-input__suffix-inner i::before {
  content: '';
}
.Designer .vote-filter-tab-bg .el-select-2,
.Seek .vote-filter-tab-bg .el-select-2,
.PersonalCenter .vote-filter-tab-bg .el-select-2,
.TheRecommendedDesign .vote-filter-tab-bg .el-select-2 {
  left: 0;
}
.Designer .card-works,
.Seek .card-works,
.PersonalCenter .card-works,
.TheRecommendedDesign .card-works {
  background: rgba(255, 255, 255, 0);
}
.Designer .Seek-works .attention,
.Seek .Seek-works .attention,
.PersonalCenter .Seek-works .attention,
.TheRecommendedDesign .Seek-works .attention,
.Designer .TheRecommendedDesign-works .attention,
.Seek .TheRecommendedDesign-works .attention,
.PersonalCenter .TheRecommendedDesign-works .attention,
.TheRecommendedDesign .TheRecommendedDesign-works .attention,
.Designer .Designer-works .attention,
.Seek .Designer-works .attention,
.PersonalCenter .Designer-works .attention,
.TheRecommendedDesign .Designer-works .attention {
  right: 73px !important;
}
.Designer .hero-temp,
.Seek .hero-temp,
.PersonalCenter .hero-temp,
.TheRecommendedDesign .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 {
  margin: 0 auto;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3008px -1227px;
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 {
  width: 240px;
  height: 240px;
  margin: 0 auto;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/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 {
  font-family: 'NotoSerifTC', sans-serif;
  color: #2372bc;
  text-align: center;
  font-size: 18px;
  margin: 10px 0;
}
.Designer .hero-temp .hero-button,
.Seek .hero-temp .hero-button,
.PersonalCenter .hero-temp .hero-button,
.TheRecommendedDesign .hero-temp .hero-button {
  cursor: pointer;
  margin: 0 auto;
  font-size: 14px;
  line-height: 40px;
  font-family: 'NotoSerifTC', sans-serif;
  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 {
  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 {
  display: inline-block;
  width: 103px;
  height: 45px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/attention_97db4417.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 {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/attention-h_66cf8139.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 {
  width: 173px;
  color: #335b75;
  line-height: 70px;
  font-size: 14px;
  display: inline-block;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/attention-2_d01ede47.png) no-repeat center center;
  background-size: 100% auto;
}
.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 {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/attention-2-h_8bdd4a74.png) no-repeat center center;
  background-size: 100% auto;
}
.Designer .works-back,
.Seek .works-back,
.PersonalCenter .works-back,
.TheRecommendedDesign .works-back {
  cursor: pointer;
  font-family: 'NotoSerifTC', sans-serif;
  width: 114px;
  height: 45px;
  color: #335b75;
  line-height: 40px;
  position: fixed;
  top: 0;
  left: 50px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/production_6ad241df.png) no-repeat center center;
}
.Designer .works-back:hover,
.Seek .works-back:hover,
.PersonalCenter .works-back:hover,
.TheRecommendedDesign .works-back:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/production-h_8b5e0636.png) no-repeat center center;
}
.Designer .works,
.Seek .works,
.PersonalCenter .works,
.TheRecommendedDesign .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 {
  width: 1450px;
  position: relative;
  margin: 0 auto;
}
.Designer .works .works-img,
.Seek .works .works-img,
.PersonalCenter .works .works-img,
.TheRecommendedDesign .works .works-img {
  cursor: pointer;
  position: absolute;
  left: 83px;
  top: 15px;
}
.Designer .works .works-img img,
.Seek .works .works-img img,
.PersonalCenter .works .works-img img,
.TheRecommendedDesign .works .works-img img {
  display: block;
  position: relative;
  width: 105px;
  height: 105px;
  background-size: cover;
  border-radius: 50%;
}
.Designer .works .works-img div,
.Seek .works .works-img div,
.PersonalCenter .works .works-img div,
.TheRecommendedDesign .works .works-img div {
  z-index: 2;
  position: absolute;
  top: -10px;
  left: -11px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2868px -1806px;
width:128px;
height:127px;

}
.Designer .works .works-img-2,
.Seek .works .works-img-2,
.PersonalCenter .works .works-img-2,
.TheRecommendedDesign .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 {
  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 {
  z-index: 2;
  position: absolute;
  top: -4px;
  left: -1px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3151px -2045px;
width:61px;
height:65px;

}
.Designer .works .worksNumber,
.Seek .works .worksNumber,
.PersonalCenter .works .worksNumber,
.TheRecommendedDesign .works .worksNumber {
  position: absolute;
  left: 50%;
  top: 30px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  margin-left: 568px;
  border-radius: 24px;
  border: 1px solid #1b5a77;
  font-size: 14px;
  color: #1b5a77;
  padding: 5px 10px;
  font-family: 'NotoSerifTC', sans-serif;
  white-space: nowrap;
}
.Designer .works .worksNumber > span:nth-child(1),
.Seek .works .worksNumber > span:nth-child(1),
.PersonalCenter .works .worksNumber > span:nth-child(1),
.TheRecommendedDesign .works .worksNumber > span:nth-child(1) {
  font-size: 20px;
  font-weight: 500;
}
.Designer .works .works-container,
.Seek .works .works-container,
.PersonalCenter .works .works-container,
.TheRecommendedDesign .works .works-container,
.Designer .works .works-container-2,
.Seek .works .works-container-2,
.PersonalCenter .works .works-container-2,
.TheRecommendedDesign .works .works-container-2 {
  position: relative;
  top: -10px;
  left: 240px;
  text-align: left;
  width: 415px;
  font-family: 'NotoSansTC', sans-serif;
}
.Designer .works .works-container .title,
.Seek .works .works-container .title,
.PersonalCenter .works .works-container .title,
.TheRecommendedDesign .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 {
  cursor: pointer;
  font-size: 25px;
  color: #1b5a77;
  font-family: 'NotoSansTC', sans-serif;
}
.Designer .works .works-container .fans,
.Seek .works .works-container .fans,
.PersonalCenter .works .works-container .fans,
.TheRecommendedDesign .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 {
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  font-size: 12px;
  color: #666;
}
.Designer .works .works-container .fans .fans-bg,
.Seek .works .works-container .fans .fans-bg,
.PersonalCenter .works .works-container .fans .fans-bg,
.TheRecommendedDesign .works .works-container .fans .fans-bg,
.Designer .works .works-container-2 .fans .fans-bg,
.Seek .works .works-container-2 .fans .fans-bg,
.PersonalCenter .works .works-container-2 .fans .fans-bg,
.TheRecommendedDesign .works .works-container-2 .fans .fans-bg {
  min-width: 116px;
  height: 36px;
  font-family: 'NotoSansTC', sans-serif;
  text-align: center;
  line-height: 34px;
  display: inline-block;
  color: #1b5a77;
  font-size: 14px;
  padding: 0 14px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/fans-bg_8f9c2f3e.png) no-repeat center center;
  background-size: 100% 100%;
}
.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,
.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 {
  font-size: 14px;
  margin-top: -4px;
  vertical-align: text-top;
  display: inline-block;
  color: rgba(66, 66, 66, 0.7);
}
.Designer .works .works-container .title-level,
.Seek .works .works-container .title-level,
.PersonalCenter .works .works-container .title-level,
.TheRecommendedDesign .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 {
  position: relative;
}
.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,
.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 {
  display: inline-block;
  color: #1b5a77;
  font-size: 22px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}
.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,
.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 {
  position: absolute;
  right: 50px;
  bottom: 0;
  display: inline-block;
  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,
.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 {
  height: 10px !important;
}
.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,
.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 {
  background-image: -webkit-gradient(linear, left top, right top, from(#58badf), to(#bee1ed));
  background-image: linear-gradient(to right, #58badf, #bee1ed);
}
.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,
.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 {
  display: none;
  content: "";
}
.Designer .works .works-container-2,
.Seek .works .works-container-2,
.PersonalCenter .works .works-container-2,
.TheRecommendedDesign .works .works-container-2 {
  top: 20px;
}
.Designer .works .flex-btn,
.Seek .works .flex-btn,
.PersonalCenter .works .flex-btn,
.TheRecommendedDesign .works .flex-btn {
  position: absolute;
  height: 45px;
  top: 50px;
  right: 73px;
  display: -webkit-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 .works .attention,
.Seek .works .attention,
.PersonalCenter .works .attention,
.TheRecommendedDesign .works .attention {
  cursor: pointer;
  width: 103px;
  height: 45px;
  line-height: 40px;
  color: #756833;
  text-align: center;
  font-family: 'NotoSerifTC', sans-serif;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/attention_97db4417.png) no-repeat center center;
}
.Designer .works .attention:hover,
.Seek .works .attention:hover,
.PersonalCenter .works .attention:hover,
.TheRecommendedDesign .works .attention:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/attention-h_66cf8139.png) no-repeat center center;
}
.Designer .works .production,
.Seek .works .production,
.PersonalCenter .works .production,
.TheRecommendedDesign .works .production {
  cursor: pointer;
  font-family: 'NotoSerifTC', sans-serif;
  min-width: 141px;
  height: 45px;
  color: #335b75;
  line-height: 40px;
  text-align: center;
  padding: 0 16px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/production_6ad241df.png) no-repeat center center;
  background-size: 100% 100%;
}
.Designer .works .production:hover,
.Seek .works .production:hover,
.PersonalCenter .works .production:hover,
.TheRecommendedDesign .works .production:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/production-h_8b5e0636.png) no-repeat center center;
  background-size: 100% 100%;
}
.Designer .works .doce,
.Seek .works .doce,
.PersonalCenter .works .doce,
.TheRecommendedDesign .works .doce {
  position: relative;
  cursor: pointer;
  left: 5px;
  max-width: 400px;
  font-size: 16px;
  color: #1b5a77;
  font-family: 'NotoSansTC', sans-serif;
}
.Designer .item-m,
.Seek .item-m,
.PersonalCenter .item-m,
.TheRecommendedDesign .item-m {
  margin-top: 30px;
}
.Designer .masonry-bg,
.Seek .masonry-bg,
.PersonalCenter .masonry-bg,
.TheRecommendedDesign .masonry-bg {
  width: 1450px;
  margin-bottom: 200px;
}
.Designer .pagination,
.Seek .pagination,
.PersonalCenter .pagination,
.TheRecommendedDesign .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,
.Designer .pagination .el-pager li,
.Seek .pagination .el-pager li,
.PersonalCenter .pagination .el-pager li,
.TheRecommendedDesign .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,
.Designer .pagination .el-pagination .btn-prev,
.Seek .pagination .el-pagination .btn-prev,
.PersonalCenter .pagination .el-pagination .btn-prev,
.TheRecommendedDesign .pagination .el-pagination .btn-prev {
  background: #f0fafd;
}
.Designer .pagination .el-pager .number,
.Seek .pagination .el-pager .number,
.PersonalCenter .pagination .el-pager .number,
.TheRecommendedDesign .pagination .el-pager .number {
  display: none;
}
.Designer .pagination .el-pagination__total,
.Seek .pagination .el-pagination__total,
.PersonalCenter .pagination .el-pagination__total,
.TheRecommendedDesign .pagination .el-pagination__total {
  display: none !important;
}
.Designer .pagination .el-icon-more,
.Seek .pagination .el-icon-more,
.PersonalCenter .pagination .el-icon-more,
.TheRecommendedDesign .pagination .el-icon-more {
  display: none;
}
.Designer .pagination .active,
.Seek .pagination .active,
.PersonalCenter .pagination .active,
.TheRecommendedDesign .pagination .active {
  display: block !important;
  padding: 0 16px;
  position: relative;
}
.Designer .pagination .active::after,
.Seek .pagination .active::after,
.PersonalCenter .pagination .active::after,
.TheRecommendedDesign .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 {
  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 {
  font-family: 'NotoSerifTC', sans-serif;
  font-size: 28px;
  color: #335b75;
  margin: 50px 0;
}
.Designer .masonry,
.Seek .masonry,
.PersonalCenter .masonry,
.TheRecommendedDesign .masonry {
  width: 1340px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.Designer .masonry .item,
.Seek .masonry .item,
.PersonalCenter .masonry .item,
.TheRecommendedDesign .masonry .item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 258px;
  margin-bottom: 30px;
  -webkit-animation: detailBgs 300ms forwards;
          animation: detailBgs 300ms forwards;
}
@-webkit-keyframes detailBgs {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes detailBgs {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.Designer .masonry .item:hover .hero,
.Seek .masonry .item:hover .hero,
.PersonalCenter .masonry .item:hover .hero,
.TheRecommendedDesign .masonry .item:hover .hero {
  -webkit-box-shadow: 0 0 10px 1px #96d0e4;
          box-shadow: 0 0 10px 1px #96d0e4;
}
.Designer .masonry .item:hover .text-content,
.Seek .masonry .item:hover .text-content,
.PersonalCenter .masonry .item:hover .text-content,
.TheRecommendedDesign .masonry .item:hover .text-content {
  -webkit-box-shadow: 0 5px 10px 1px #96d0e4;
          box-shadow: 0 5px 10px 1px #96d0e4;
}
.Designer .masonry .item .delete-item,
.Seek .masonry .item .delete-item,
.PersonalCenter .masonry .item .delete-item,
.TheRecommendedDesign .masonry .item .delete-item,
.Designer .masonry .item .visibility-item,
.Seek .masonry .item .visibility-item,
.PersonalCenter .masonry .item .visibility-item,
.TheRecommendedDesign .masonry .item .visibility-item {
  cursor: pointer;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3008px -912px;
width:268px;
height:311px;

}
.Designer .masonry .item .delete-item div,
.Seek .masonry .item .delete-item div,
.PersonalCenter .masonry .item .delete-item div,
.TheRecommendedDesign .masonry .item .delete-item div,
.Designer .masonry .item .visibility-item div,
.Seek .masonry .item .visibility-item div,
.PersonalCenter .masonry .item .visibility-item div,
.TheRecommendedDesign .masonry .item .visibility-item div {
  position: absolute;
  right: 40px;
  top: 25px;
}
.Designer .masonry .item .delete-item:hover,
.Seek .masonry .item .delete-item:hover,
.PersonalCenter .masonry .item .delete-item:hover,
.TheRecommendedDesign .masonry .item .delete-item:hover,
.Designer .masonry .item .visibility-item:hover,
.Seek .masonry .item .visibility-item:hover,
.PersonalCenter .masonry .item .visibility-item:hover,
.TheRecommendedDesign .masonry .item .visibility-item:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2736px -1227px;
width:268px;
height:311px;

}
.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,
.Designer .masonry .item .visibility-item .icon-collect,
.Seek .masonry .item .visibility-item .icon-collect,
.PersonalCenter .masonry .item .visibility-item .icon-collect,
.TheRecommendedDesign .masonry .item .visibility-item .icon-collect {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3068px -1997px;
width:35px;
height:35px;

}
.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,
.Designer .masonry .item .visibility-item .icon-collect:hover,
.Seek .masonry .item .visibility-item .icon-collect:hover,
.PersonalCenter .masonry .item .visibility-item .icon-collect:hover,
.TheRecommendedDesign .masonry .item .visibility-item .icon-collect:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3146px -1997px;
width:35px;
height:35px;

}
.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,
.Designer .masonry .item .visibility-item .icon-collect2,
.Seek .masonry .item .visibility-item .icon-collect2,
.PersonalCenter .masonry .item .visibility-item .icon-collect2,
.TheRecommendedDesign .masonry .item .visibility-item .icon-collect2 {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3146px -1997px;
width:35px;
height:35px;

}
.Designer .masonry .item .hero,
.Seek .masonry .item .hero,
.PersonalCenter .masonry .item .hero,
.TheRecommendedDesign .masonry .item .hero {
  width: 230px;
  background: #fcfeff;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin: 0 auto;
  cursor: pointer;
  -webkit-box-shadow: 0 0 10px 1px #8183874d;
          box-shadow: 0 0 10px 1px #8183874d;
}
.Designer .masonry .item .hero .hero-item,
.Seek .masonry .item .hero .hero-item,
.PersonalCenter .masonry .item .hero .hero-item,
.TheRecommendedDesign .masonry .item .hero .hero-item {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  overflow: hidden;
  position: relative;
  background: #c7e5ef;
}
.Designer .masonry .item .hero .fans-item,
.Seek .masonry .item .hero .fans-item,
.PersonalCenter .masonry .item .hero .fans-item,
.TheRecommendedDesign .masonry .item .hero .fans-item {
  background: #f2fbfd;
  padding: 22px 0 10px 0;
}
.Designer .masonry .item .hero .fans-item .noMaxUnlockFansImg,
.Seek .masonry .item .hero .fans-item .noMaxUnlockFansImg,
.PersonalCenter .masonry .item .hero .fans-item .noMaxUnlockFansImg,
.TheRecommendedDesign .masonry .item .hero .fans-item .noMaxUnlockFansImg {
  margin: 0 auto;
  zoom: 1.37;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3280px -522px;
width:105px;
height:105px;

}
.Designer .masonry .item .hero .collect-icon,
.Seek .masonry .item .hero .collect-icon,
.PersonalCenter .masonry .item .hero .collect-icon,
.TheRecommendedDesign .masonry .item .hero .collect-icon {
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3280px -724px;
width:95px;
height:89px;

  zoom: 0.8;
}
.Designer .masonry .item .hero .unlocks-icon,
.Seek .masonry .item .hero .unlocks-icon,
.PersonalCenter .masonry .item .hero .unlocks-icon,
.TheRecommendedDesign .masonry .item .hero .unlocks-icon {
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3280px -631px;
width:96px;
height:89px;

  zoom: 0.8;
}
.Designer .masonry .item .hero .fashion-icon,
.Seek .masonry .item .hero .fashion-icon,
.PersonalCenter .masonry .item .hero .fashion-icon,
.TheRecommendedDesign .masonry .item .hero .fashion-icon {
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3280px -1021px;
width:86px;
height:89px;

  zoom: 0.8;
}
.Designer .masonry .item .hero .head-img2,
.Seek .masonry .item .hero .head-img2,
.PersonalCenter .masonry .item .hero .head-img2,
.TheRecommendedDesign .masonry .item .hero .head-img2 {
  display: inline-block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 145px;
  height: 145px;
  border-radius: 50%;
  margin: 0 auto;
  background-size: cover;
}
.Designer .masonry .item .hero .fans-icon,
.Seek .masonry .item .hero .fans-icon,
.PersonalCenter .masonry .item .hero .fans-icon,
.TheRecommendedDesign .masonry .item .hero .fans-icon {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 13.2px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3239px -1227px;
width:145px;
height:160px;

}
.Designer .masonry .item .hero .icon,
.Seek .masonry .item .hero .icon,
.PersonalCenter .masonry .item .hero .icon,
.TheRecommendedDesign .masonry .item .hero .icon {
  text-align: center;
  min-width: 89px;
  padding: 0 10px;
  height: 33px;
  z-index: 3;
  font-size: 16px;
  line-height: 30px;
  color: #e9e9e9;
  position: absolute;
  top: -1px;
  left: -1px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/icon_cf7e5dda.png) no-repeat center center;
  background-size: 100% 100%;
}
.Designer .masonry .item .hero .head-img,
.Seek .masonry .item .hero .head-img,
.PersonalCenter .masonry .item .hero .head-img,
.TheRecommendedDesign .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 {
  display: block;
  position: relative;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-114.7px, 0);
          transform: translate(-114.7px, 0);
  background-size: 100% auto;
  width: 230px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.Designer .masonry .item .hero .head-img,
.Seek .masonry .item .hero .head-img,
.PersonalCenter .masonry .item .hero .head-img,
.TheRecommendedDesign .masonry .item .hero .head-img {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  width: auto;
  max-height: 170px;
}
.Designer .masonry .item .hero .temp,
.Seek .masonry .item .hero .temp,
.PersonalCenter .masonry .item .hero .temp,
.TheRecommendedDesign .masonry .item .hero .temp {
  height: 100%;
  position: absolute;
  top: -3px;
  display: inline-block;
  z-index: 2;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  opacity: 0;
}
.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 {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2931px -2115px;
width:60px;
height:60px;

}
.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 {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.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 {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2736px -2115px;
width:63px;
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 {
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2806px -2045px;
width:66px;
height:66px;

}
.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 {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2876px -2045px;
width:66px;
height:66px;

}
.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 {
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2946px -2045px;
width:66px;
height:66px;

}
.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 {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3016px -2045px;
width:66px;
height:66px;

}
.Designer .masonry .item .hero:hover .temp,
.Seek .masonry .item .hero:hover .temp,
.PersonalCenter .masonry .item .hero:hover .temp,
.TheRecommendedDesign .masonry .item .hero:hover .temp {
  opacity: 1;
}
.Designer .masonry .item .text-content,
.Seek .masonry .item .text-content,
.PersonalCenter .masonry .item .text-content,
.TheRecommendedDesign .masonry .item .text-content {
  position: relative;
  top: -5px;
  left: 50%;
  -webkit-transform: translateX(-115px);
          transform: translateX(-115px);
  width: 230px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  bottom: 0;
  padding: 20px;
  text-align: left;
  background: #f2fbfd;
  background-size: cover;
  overflow: hidden;
  -webkit-box-shadow: 0 5px 10px 1px #8183874d;
          box-shadow: 0 5px 10px 1px #8183874d;
}
.Designer .masonry .item .text-content .workMax,
.Seek .masonry .item .text-content .workMax,
.PersonalCenter .masonry .item .text-content .workMax,
.TheRecommendedDesign .masonry .item .text-content .workMax {
  font-size: 16px;
  color: #1b5a77;
  margin: 10px 0;
}
.Designer .masonry .item .text-content .fans-bold,
.Seek .masonry .item .text-content .fans-bold,
.PersonalCenter .masonry .item .text-content .fans-bold,
.TheRecommendedDesign .masonry .item .text-content .fans-bold {
  margin: 0 auto;
  font-size: 16px;
  font-weight: 600;
  color: #1b5a77;
  position: relative;
}
.Designer .masonry .item .text-content .orangeMax,
.Seek .masonry .item .text-content .orangeMax,
.PersonalCenter .masonry .item .text-content .orangeMax,
.TheRecommendedDesign .masonry .item .text-content .orangeMax {
  font-weight: 600;
  color: #ffc527;
}
.Designer .masonry .item .text-content .workCollects,
.Seek .masonry .item .text-content .workCollects,
.PersonalCenter .masonry .item .text-content .workCollects,
.TheRecommendedDesign .masonry .item .text-content .workCollects {
  padding: 0 12px;
  border-radius: 13px;
  font-family: 'NotoSansTC', sans-serif;
  color: #1b5a77;
  font-weight: 600;
  font-size: 16px;
  background: #a7dde8;
  display: inline-block;
  position: relative;
}
.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 {
  position: relative;
  padding-top: 20px;
}
.Designer .masonry .item .text-content .workCreateTime,
.Seek .masonry .item .text-content .workCreateTime,
.PersonalCenter .masonry .item .text-content .workCreateTime,
.TheRecommendedDesign .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 {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3379px -768px;
width:17px;
height:19px;

}
.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 {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3379px -791px;
width:17px;
height:19px;

}
.Designer .masonry .item .text-content .hero-border,
.Seek .masonry .item .text-content .hero-border,
.PersonalCenter .masonry .item .text-content .hero-border,
.TheRecommendedDesign .masonry .item .text-content .hero-border {
  z-index: -1;
  position: absolute;
  bottom: 0;
  right: 5px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 30px solid rgba(201, 246, 253, 0.9);
}
.Designer .masonry .item .text-content .hero-border2,
.Seek .masonry .item .text-content .hero-border2,
.PersonalCenter .masonry .item .text-content .hero-border2,
.TheRecommendedDesign .masonry .item .text-content .hero-border2 {
  z-index: -1;
  position: absolute;
  bottom: 0;
  right: 80px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 20px solid rgba(201, 246, 253, 0.4);
}
.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 {
  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 {
  cursor: pointer;
  margin-left: 28px;
  color: #1b5a77;
  font-size: 14px;
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
  display: inline-block;
  width: 120px;
}
.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 {
  max-width: 150px;
  left: 22px;
  font-size: 18px;
  font-weight: 600;
  color: #1b5a77;
}
.Designer .masonry .item .text-content .icon-number,
.Seek .masonry .item .text-content .icon-number,
.PersonalCenter .masonry .item .text-content .icon-number,
.TheRecommendedDesign .masonry .item .text-content .icon-number {
  font-size: 13px;
  position: absolute;
  right: -7px;
  bottom: 5px;
  color: #62b8ca;
}
.Designer .masonry .item .text-content .icon-number::after,
.Seek .masonry .item .text-content .icon-number::after,
.PersonalCenter .masonry .item .text-content .icon-number::after,
.TheRecommendedDesign .masonry .item .text-content .icon-number::after {
  content: "";
  position: absolute;
  left: -15px;
  top: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3385px -1133px;
width:12px;
height:15px;

}
.Designer .masonry .item .text-content .icon-number2,
.Seek .masonry .item .text-content .icon-number2,
.PersonalCenter .masonry .item .text-content .icon-number2,
.TheRecommendedDesign .masonry .item .text-content .icon-number2 {
  font-size: 13px;
  position: absolute;
  right: 20px;
  top: 25px;
  color: #62b8ca;
}
.Designer .masonry .item .text-content .icon-number2::after,
.Seek .masonry .item .text-content .icon-number2::after,
.PersonalCenter .masonry .item .text-content .icon-number2::after,
.TheRecommendedDesign .masonry .item .text-content .icon-number2::after {
  content: "";
  position: absolute;
  left: -15px;
  top: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3385px -1133px;
width:12px;
height:15px;

}
.Designer .masonry .item .fans-content,
.Seek .masonry .item .fans-content,
.PersonalCenter .masonry .item .fans-content,
.TheRecommendedDesign .masonry .item .fans-content {
  min-height: 133px;
  padding-top: 22px;
}
.Designer .masonry .item .fans-content3,
.Seek .masonry .item .fans-content3,
.PersonalCenter .masonry .item .fans-content3,
.TheRecommendedDesign .masonry .item .fans-content3 {
  min-height: 110px;
  padding-top: 0;
  background-color: #e4f8fd !important;
}
.Designer .masonry .item .fans-content3 .workCollects,
.Seek .masonry .item .fans-content3 .workCollects,
.PersonalCenter .masonry .item .fans-content3 .workCollects,
.TheRecommendedDesign .masonry .item .fans-content3 .workCollects {
  position: absolute;
  bottom: 6px;
}
.Designer .masonry .item .fans-content2,
.Seek .masonry .item .fans-content2,
.PersonalCenter .masonry .item .fans-content2,
.TheRecommendedDesign .masonry .item .fans-content2 {
  min-height: 130px;
}
.Designer .masonry .item .fans-content2 .workMax,
.Seek .masonry .item .fans-content2 .workMax,
.PersonalCenter .masonry .item .fans-content2 .workMax,
.TheRecommendedDesign .masonry .item .fans-content2 .workMax {
  padding-right: 20px;
  position: absolute;
  bottom: 50px;
}
.Designer .masonry .item .fans-content2 .workCollects,
.Seek .masonry .item .fans-content2 .workCollects,
.PersonalCenter .masonry .item .fans-content2 .workCollects,
.TheRecommendedDesign .masonry .item .fans-content2 .workCollects {
  position: absolute;
  bottom: 6px;
}
.Designer .masonry .fansBg .hero-item,
.Seek .masonry .fansBg .hero-item,
.PersonalCenter .masonry .fansBg .hero-item,
.TheRecommendedDesign .masonry .fansBg .hero-item,
.Designer .masonry .fansBg .fans-content,
.Seek .masonry .fansBg .fans-content,
.PersonalCenter .masonry .fansBg .fans-content,
.TheRecommendedDesign .masonry .fansBg .fans-content {
  background-color: #e4f8fd !important;
}
.Designer .masonry .fansBg .temp,
.Seek .masonry .fansBg .temp,
.PersonalCenter .masonry .fansBg .temp,
.TheRecommendedDesign .masonry .fansBg .temp {
  width: 230px;
  margin-left: 16px;
  -webkit-box-shadow: 0 5px 10px 1px #8183874d;
          box-shadow: 0 5px 10px 1px #8183874d;
}
.Designer .masonry .fansBg .temp .hero,
.Seek .masonry .fansBg .temp .hero,
.PersonalCenter .masonry .fansBg .temp .hero,
.TheRecommendedDesign .masonry .fansBg .temp .hero {
  margin: 0 auto;
}
.Designer .masonry .fansBg:hover .temp,
.Seek .masonry .fansBg:hover .temp,
.PersonalCenter .masonry .fansBg:hover .temp,
.TheRecommendedDesign .masonry .fansBg:hover .temp {
  -webkit-box-shadow: 0 0 10px 1px #96d0e4;
          box-shadow: 0 0 10px 1px #96d0e4;
}
.Designer .masonry .fansBg:hover .hero,
.Seek .masonry .fansBg:hover .hero,
.PersonalCenter .masonry .fansBg:hover .hero,
.TheRecommendedDesign .masonry .fansBg:hover .hero {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.Designer .masonry .fansBg:hover .text-content,
.Seek .masonry .fansBg:hover .text-content,
.PersonalCenter .masonry .fansBg:hover .text-content,
.TheRecommendedDesign .masonry .fansBg:hover .text-content {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.Designer .masonry .fansBg .hero,
.Seek .masonry .fansBg .hero,
.PersonalCenter .masonry .fansBg .hero,
.TheRecommendedDesign .masonry .fansBg .hero {
  padding-top: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #e4f8fd !important;
}
.Designer .masonry .fansBg .text-content,
.Seek .masonry .fansBg .text-content,
.PersonalCenter .masonry .fansBg .text-content,
.TheRecommendedDesign .masonry .fansBg .text-content {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.Designer .masonry .fansBg .notAvailable,
.Seek .masonry .fansBg .notAvailable,
.PersonalCenter .masonry .fansBg .notAvailable,
.TheRecommendedDesign .masonry .fansBg .notAvailable {
  margin: 10px auto auto auto;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2736px -1542px;
width:183px;
height:190px;

  background-color: #e4f8fd !important;
}
.Designer .masonry .tempBg,
.Seek .masonry .tempBg,
.PersonalCenter .masonry .tempBg,
.TheRecommendedDesign .masonry .tempBg {
  cursor: pointer;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2736px -522px;
width:268px;
height:386px;

}
.Designer .masonry .tempBg:hover,
.Seek .masonry .tempBg:hover,
.PersonalCenter .masonry .tempBg:hover,
.TheRecommendedDesign .masonry .tempBg:hover {
  -webkit-filter: brightness(1.02);
          filter: brightness(1.02);
}
.Designer .masonry .item-temp,
.Seek .masonry .item-temp,
.PersonalCenter .masonry .item-temp,
.TheRecommendedDesign .masonry .item-temp {
  width: 1px;
  height: 1px;
}
.Designer .masonry-detail,
.Seek .masonry-detail,
.PersonalCenter .masonry-detail,
.TheRecommendedDesign .masonry-detail {
  width: 540px;
  -webkit-transform: translateX(55px);
          transform: translateX(55px);
  margin-left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#leihuo-share {
  z-index: 99999;
}
#leihuo-share .leihuo-share-block {
  list-style: none;
}
#leihuo-share .leihuo-share-icon-qqzone {
  border: 0 solid #FFF;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3350px -2045px;
width:48px;
height:48px;

}
#leihuo-share .leihuo-share-icon-qqzone::before {
  content: "";
}
#leihuo-share .leihuo-share-icon-weibo {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2995px -2115px;
width:48px;
height:48px;

  border: 0 solid #FFF;
}
#leihuo-share .leihuo-share-icon-weibo::before {
  content: "";
}
#leihuo-share .leihuo-share-modal {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  padding: 88px 0 0 0;
  width: 700px;
  min-height: 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://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-0px -1416px;
width:1082px;
height:813px;

}
#leihuo-share .leihuo-share-modal .leihuo-share-title {
  font-size: 42px;
  position: absolute;
  top: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: 'fzcjljt', sans-serif;
  color: #fff;
}
#leihuo-share .leihuo-share-modal .leihuo-share-title::after {
  margin-left: -13px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-desc {
  margin: 20px 0;
  position: relative;
  left: 20px;
  font-size: 22px;
  font-weight: 500;
  font-family: 'NotoSerifTC', sans-serif;
  color: #1e3e5f;
}
#leihuo-share .leihuo-share-modal .leihuo-share-desc span {
  font-weight: 500;
  font-size: 14px;
  word-break: break-word;
}
#leihuo-share .leihuo-share-modal .leihuo-share-desc::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #a7f3fd;
}
#leihuo-share .leihuo-share-modal .leihuo-share-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  font-family: 'NotoSerifTC', sans-serif;
  color: #1b5a77;
}
#leihuo-share .leihuo-share-modal .leihuo-share-copy-btn {
  position: relative;
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  font-size: 18px;
  color: #1b5a77;
  font-family: 'NotoSerifTC', sans-serif;
}
#leihuo-share .leihuo-share-modal .leihuo-share-img {
  opacity: 1;
  display: block;
  width: 100%;
  height: 263px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-iconfont {
  margin-right: 5px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-channel-item {
  color: #1e3e5f;
  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://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3351px -1893px;
width:37px;
height:36px;

  top: 3px;
  right: -30px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-icon-guanbi:before {
  content: "";
}
.leihuo-share-qrcode {
  position: relative;
}
.leihuo-share-qrcode.has-bg #leihuo-share-qrcode {
  position: fixed;
  width: 110px !important;
  height: 110px !important;
  top: 45% !important;
  left: 80% !important;
  z-index: 99999;
}
.leihuo-share-qrcode.has-bg #leihuo-share-qrcode::after {
  position: absolute;
  right: 0;
  white-space: nowrap;
  font-size: 14px;
  color: #1e3e5f;
  -webkit-transform: translate(2px, 9px);
          transform: translate(2px, 9px);
  font-family: 'NotoSerifTC', sans-serif;
  content: 'Scan the QR code to view their design';
}
.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 1% !important;
  left: 0% !important;
  padding-right: 20px;
  font-size: 26px;
  font-family: 'NotoSerifTC', sans-serif;
  color: #ffffff;
  text-align: right;
}
.leihuo-share-qrcode.has-bg .leihuo-share-qrcode-text span {
  z-index: 2;
}
.leihuo-share-qrcode.has-bg .share-qrcode {
  position: absolute;
  right: 200px;
  top: 43.3%;
  width: 110px;
  height: 110px;
  display: none;
}
.leihuo-share-qrcode.has-bg .share-qrcode img {
  width: 110px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #ffffff;
  -o-object-fit: cover;
     object-fit: cover;
}
.leihuo-share-qrcode.has-bg .share-qrcode::after {
  content: "\6383\78BC\5C0E\5165\8A2D\8A08\6578\64DA";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -26px;
  white-space: nowrap;
  color: #1e3e5f;
  font-size: 14px;
  font-family: 'NotoSerifTC', sans-serif;
}
.iconcopyright {
  font-family: 'iconcopyright', sans-serif !important;
  font-size: 24px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.down-circle:before {
  content: "\E6F2";
}
.up-circle:before {
  content: "\E6F1";
}
#copyright .copyright-box {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
#copyright .copyright-box.hid {
  display: none;
}
#copyright .copyright-btn {
  position: fixed;
  bottom: 22px;
  right: 30px;
  z-index: 100000;
  cursor: pointer;
  color: #333386;
}
#copyright .copyright-btn i {
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  line-height: 20px;
  text-align: center;
}
#copyright .copyright-btn i:before {
  content: "\E6F1";
}
#copyright .copyright-btn:hover {
  color: #333386;
}
#copyright .copyright-btn:hover i:before {
  content: "\E6F2";
}
#copyright .copyright-btn.active i:before {
  content: "\E6F2";
}
#copyright .copyright-btn.active:hover {
  color: #333386;
}
#copyright .copyright-btn.active:hover i:before {
  content: "\E6F1";
}
#copyright .footer-text-box {
  color: #ffffff;
}
.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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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;
  }
}
.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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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://www.swordofjustice.com/pc/zt/20250616180815/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;
  }
}
.cdd-1 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/700_b02e85c2.png) no-repeat;
  background-size: cover;
}
.cdd-2 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/701_61dfc5b0.png) no-repeat;
  background-size: cover;
}
.cdd-3 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/702_1cab9601.png) no-repeat;
  background-size: cover;
}
.cdd-4 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/703_59414318.png) no-repeat;
  background-size: cover;
}
.cdd-5 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/704_708212b5.png) no-repeat;
  background-size: cover;
}
.cdd-6 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/705_8d39ea05.png) no-repeat;
  background-size: cover;
}
.cdd-7 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/706_a8a5bad3.png) no-repeat;
  background-size: cover;
}
.cdd-8 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/707_a77c4f7c.png) no-repeat;
  background-size: cover;
}
.cdd-9 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/708_782882d1.png) no-repeat;
  background-size: cover;
}
.cdd-10 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/709_e04f76e1.png) no-repeat;
  background-size: cover;
}
.cdd-11 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/710_86f253e1.png) no-repeat;
  background-size: cover;
}
.cdd-12 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/711_a800c18d.png) no-repeat;
  background-size: cover;
}
.cdd-13 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/712_63ad3b85.png) no-repeat;
  background-size: cover;
}
.cdd-14 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/713_f30831ec.png) no-repeat;
  background-size: cover;
}
.cdd-15 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/714_8ec9128d.png) no-repeat;
  background-size: cover;
}
.cdd-16 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/715_89d4620c.png) no-repeat;
  background-size: cover;
}
.cj-1 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/800_4e1fef78.png) no-repeat;
  background-size: cover;
}
.cj-2 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/801_58de78dd.png) no-repeat;
  background-size: cover;
}
.cj-3 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/802_79d70bfe.png) no-repeat;
  background-size: cover;
}
.cj-4 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/803_5d616388.png) no-repeat;
  background-size: cover;
}
.cj-5 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/804_51d3ff26.png) no-repeat;
  background-size: cover;
}
.cj-6 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/805_3fa82c67.png) no-repeat;
  background-size: cover;
}
.cj-7 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/806_b70918fe.png) no-repeat;
  background-size: cover;
}
.cj-8 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/807_4b0eb2e9.png) no-repeat;
  background-size: cover;
}
.cj-9 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/808_3ef2dc86.png) no-repeat;
  background-size: cover;
}
.cj-10 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/809_fd3d237d.png) no-repeat;
  background-size: cover;
}
.cj-11 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/810_532a38e2.png) no-repeat;
  background-size: cover;
}
.cj-12 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/811_b2042d7a.png) no-repeat;
  background-size: cover;
}
.cj-13 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/812_90f43996.png) no-repeat;
  background-size: cover;
}
.cj-14 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/813_be868ce1.png) no-repeat;
  background-size: cover;
}
.cj-15 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/814_c521abc1.png) no-repeat;
  background-size: cover;
}
.cj-16 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/815_e5a51563.png) no-repeat;
  background-size: cover;
}
.cj-17 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/816_53c3cb13.png) no-repeat;
  background-size: cover;
}
.cj-18 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/817_e5ee5c5f.png) no-repeat;
  background-size: cover;
}
.cj-19 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/818_843b80f4.png) no-repeat;
  background-size: cover;
}
.cj-20 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/819_16c719ed.png) no-repeat;
  background-size: cover;
}
.cj-21 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/820_eb8da7c2.png) no-repeat;
  background-size: cover;
}
.cj-22 {
  height: 115px;
  /* no */
  width: 115px;
  /* no */
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/821_162842ca.png) no-repeat;
  background-size: cover;
}
/* Noto宋体繁体 */
@font-face {
  font-family: 'NotoSerifTC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-serif-tc-v23-latin_chinese-traditional-500.woff2') format('woff2');
  font-weight: 500;
}
/* Noto黑体繁体 */
@font-face {
  font-family: 'NotoSansTC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff2') format('woff2');
  font-weight: normal;
}
@font-face {
  font-family: "iconcopyright";
  src: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/iconfont_b90be6b3.eot);
  /* IE9 */
  src: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/iconfont_b90be6b3.eot#iefix) format('embedded-opentype'),  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANEAAsAAAAAB7QAAAL4AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDFAqCdIJuATYCJAMQCwoABCAFhG0HTBvcBsguMXY9EIkQVEszmWBVcaq/O3cKRHw0gu/X0H33310QFIOKZ0sqKbEC1mllVStNp8Yjq1aY/N+c/u06JLm3L4clOWQVaGsDlzQNvuuV9YTam59wmzGAjkACySlMwIXK+rJ1B9uu91nGn2YxDiTiDnLFy18cjmsLzgfKZa5BXdQFGAe0dW9skyyQgDwV21owbYeIvzg5TqDdmGFVu4vrEtRLNC4Qty1TgfqGU0oj0io0A0tTvIRaa/W8+hTAi+z78RfiUU+lLmjq4a0FHaZ/6FPinwuJGp4dp4exioIVIIkrg8ZzSBFcQbR7/UPWgEYK1VH2/38yJKbPb1hoyx+vIhqU3gnWESr86I+Ylegf5AKi/0hTwZexpBVtuAK8QtKRY+hs7OxsZP/Oq5eV6E6SMpDT6zTwJCQnPSmPJypDQmlaKEMoI0cyKTElFwaTbv2yNJCUhxKpy0POJ7kypiz5Uk6vd6n779slb29kl2kJPS6qYprs7RHwtlQ6uKq9+fs+dc49MFFwm+/LXpwly+cz4RQ5Pf83iRi6UeSIMbPC11zntGyeH2rqSPAOdTq46uvuA5x+KtsEs/BJQnn6t/3Gytvj2sa/6kvw5kR6wV5mpvVtTMGfxFpYlj6HVJkuN2IG6WkG4Y357ezhFFn7PR4hHlqcTmg1VEGlxSgUrWYQiVmBWod1aLTagHbLllZ3GMAQkW1YsiEg9NqBSrfXUPQ6QyTmAWrDPqHRGwTaHUXXlh3mwmqcY1ThVEe1hJbme4bU8MY8U6BmzlFYnZMREpRlLQ/GwtF2ZIl6lB0xI5s345wbaDDfxUVxGnUcHwPmZ6jGw2nOg9FIxBh6UljzXWi0g6EUHKVDqhJk0fg8RlKda+x8XkCZchwKNlHSo06gmCyrfhQTFl2AWBJ6i0o+5ZysPFMcxxmQgfG50KLQUw4HfSgYHpRBabiw9AZ/YFREqWQsFYavF7ufcA20owsyqiiRUWt/EoxoFtMcGmvW/YJXK6w1c4qnWgA=') format('woff2'), url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/iconfont_87b8b49e.woff) format('woff');
}
@font-face {
  font-family: 'fzcjljt';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/fzcjljt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.TheRecommendedDesign {
  width: 100%;
}
.TheRecommendedDesign .home-hint {
  position: absolute;
  top: 640px;
  left: 50%;
  margin-left: 322px;
  color: #72838c;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.TheRecommendedDesign .home-hint::before {
  content: "";
  margin-right: 4px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3385px -1152px;
width:13px;
height:13px;

}
.TheRecommendedDesign .story-top {
  position: absolute;
  width: 1500px;
  width: 100%;
  height: 1242px;
  overflow-x: hidden;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/bg-center-en_2376e491.png) no-repeat center top;
  background-size: 3840px auto;
}
.TheRecommendedDesign .temp-height {
  height: 605px;
  width: 0;
}
.TheRecommendedDesign .story {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-position: center center;
  top: -5px;
  background-size: 100% auto;
}
.TheRecommendedDesign .story-icon-2 {
  z-index: 5;
  position: absolute;
  top: 195px;
  left: 50%;
  -webkit-transform: translateX(-830%);
          transform: translateX(-830%);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3280px -1114px;
width:101px;
height:74px;

}
.TheRecommendedDesign .story-icon-3 {
  z-index: 5;
  position: absolute;
  top: -65px;
  left: 50%;
  -webkit-transform: translateX(-53%);
          transform: translateX(-53%);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-0px -0px;
width:1646px;
height:595px;

}
.TheRecommendedDesign .story-icon-4 {
  z-index: 5;
  position: absolute;
  top: 305px;
  left: 50%;
  -webkit-transform: translateX(30%);
          transform: translateX(30%);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-1086px -1933px;
width:705px;
height:112px;

}
.TheRecommendedDesign .TheRecommendedDesign-content {
  margin: 0 auto;
  width: 1450px;
  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: rgba(255, 255, 255, 0.3);
}
.TheRecommendedDesign .TheRecommendedDesign-content2 {
  background: rgba(255, 255, 255, 0.3);
}
.TheRecommendedDesign .vote-filter-tab {
  margin-top: -5px;
  background: rgba(255, 255, 255, 0);
}
.TheRecommendedDesign .TheRecommendedDesign-works {
  position: relative;
  width: 100%;
  text-align: center;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.TheRecommendedDesign .TheRecommendedDesign-works .works {
  margin-top: 65px;
}
.TheRecommendedDesign .TheRecommendedDesign-works .works-back {
  top: 30px;
}
.TheRecommendedDesign .TheRecommendedDesign-center {
  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;
}
.TheRecommendedDesign .masonry-detail-bg {
  vertical-align: top;
  display: table-cell;
  position: -webkit-sticky;
  position: sticky;
  min-width: 761px;
  height: 100vh;
  top: 0;
  margin: -64px 80px auto auto;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
  -webkit-animation: detailBg 200ms forwards;
          animation: detailBg 200ms forwards;
}
@keyframes detailBg {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.TheRecommendedDesign .masonry-detail-bg .masonry-detail-scroll,
.TheRecommendedDesign .masonry-detail-bg .masonry-detail-scroll-2 {
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  min-width: 761px;
  height: 100vh;
  background: #f0fafd;
  left: 0;
  margin-top: 160px;
  scrollbar-width: thin;
  scrollbar-color: #f0fafd;
}
.TheRecommendedDesign .masonry-detail-bg .masonry-detail-scroll::-webkit-scrollbar,
.TheRecommendedDesign .masonry-detail-bg .masonry-detail-scroll-2::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #f0fafd;
}
.TheRecommendedDesign .masonry-detail-bg .masonry-detail-scroll::-webkit-scrollbar-thumb,
.TheRecommendedDesign .masonry-detail-bg .masonry-detail-scroll-2::-webkit-scrollbar-thumb {
  background-color: #999;
}
.TheRecommendedDesign .masonry-detail-bg .masonry-detail-scroll-2 {
  margin-top: 64px;
}
.story-icon {
  z-index: 3;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(240%, -62%);
          transform: translate(240%, -62%);
  height: 210px;
  width: 274px;
  -webkit-animation: sprite_yuhecheng_1_5 3s steps(1) infinite normal;
          animation: sprite_yuhecheng_1_5 3s steps(1) infinite normal;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite_yuhecheng_1_5_c6b22a17.png);
  background-size: 900% 800%;
}
.login-2 .TheRecommendedDesign .vote-filter-tab-bg .grabble-3 {
  top: 0 !important;
}
.login-2 .TheRecommendedDesign .TheRecommendedDesign-works + .vote-filter-tab-bg {
  min-height: 100px !important;
}
.login-2 .TheRecommendedDesign .TheRecommendedDesign-works + .vote-filter-tab-bg .grabble {
  top: -82px !important;
}
.login-2 .TheRecommendedDesign .TheRecommendedDesign-works + .vote-filter-tab-bg .grabble-content:nth-child(2) {
  top: 60px;
}
@-webkit-keyframes sprite_yuhecheng_1_5 {
  0% {
    background-position: 0 0;
  }
  1.4% {
    background-position: -274px 0;
  }
  2.8% {
    background-position: -548px 0;
  }
  4.2% {
    background-position: -822px 0;
  }
  5.6% {
    background-position: -1096px 0;
  }
  6.9% {
    background-position: -1370px 0;
  }
  8.3% {
    background-position: -1644px 0;
  }
  9.7% {
    background-position: -1918px 0;
  }
  11.1% {
    background-position: -2192px 0;
  }
  12.5% {
    background-position: 0 -210px;
  }
  13.9% {
    background-position: -274px -210px;
  }
  15.3% {
    background-position: -548px -210px;
  }
  16.7% {
    background-position: -822px -210px;
  }
  18.1% {
    background-position: -1096px -210px;
  }
  19.4% {
    background-position: -1370px -210px;
  }
  20.8% {
    background-position: -1644px -210px;
  }
  22.2% {
    background-position: -1918px -210px;
  }
  23.6% {
    background-position: -2192px -210px;
  }
  25% {
    background-position: 0 -420px;
  }
  26.4% {
    background-position: -274px -420px;
  }
  27.8% {
    background-position: -548px -420px;
  }
  29.2% {
    background-position: -822px -420px;
  }
  30.6% {
    background-position: -1096px -420px;
  }
  31.9% {
    background-position: -1370px -420px;
  }
  33.3% {
    background-position: -1644px -420px;
  }
  34.7% {
    background-position: -1918px -420px;
  }
  36.1% {
    background-position: -2192px -420px;
  }
  37.5% {
    background-position: 0 -630px;
  }
  38.9% {
    background-position: -274px -630px;
  }
  40.3% {
    background-position: -548px -630px;
  }
  41.7% {
    background-position: -822px -630px;
  }
  43.1% {
    background-position: -1096px -630px;
  }
  44.4% {
    background-position: -1370px -630px;
  }
  45.8% {
    background-position: -1644px -630px;
  }
  47.2% {
    background-position: -1918px -630px;
  }
  48.6% {
    background-position: -2192px -630px;
  }
  50% {
    background-position: 0 -840px;
  }
  51.4% {
    background-position: -274px -840px;
  }
  52.8% {
    background-position: -548px -840px;
  }
  54.2% {
    background-position: -822px -840px;
  }
  55.6% {
    background-position: -1096px -840px;
  }
  56.9% {
    background-position: -1370px -840px;
  }
  58.3% {
    background-position: -1644px -840px;
  }
  59.7% {
    background-position: -1918px -840px;
  }
  61.1% {
    background-position: -2192px -840px;
  }
  62.5% {
    background-position: 0 -1050px;
  }
  63.9% {
    background-position: -274px -1050px;
  }
  65.3% {
    background-position: -548px -1050px;
  }
  66.7% {
    background-position: -822px -1050px;
  }
  68.1% {
    background-position: -1096px -1050px;
  }
  69.4% {
    background-position: -1370px -1050px;
  }
  70.8% {
    background-position: -1644px -1050px;
  }
  72.2% {
    background-position: -1918px -1050px;
  }
  73.6% {
    background-position: -2192px -1050px;
  }
  75% {
    background-position: 0 -1260px;
  }
  76.4% {
    background-position: -274px -1260px;
  }
  77.8% {
    background-position: -548px -1260px;
  }
  79.2% {
    background-position: -822px -1260px;
  }
  80.6% {
    background-position: -1096px -1260px;
  }
  81.9% {
    background-position: -1370px -1260px;
  }
  83.3% {
    background-position: -1644px -1260px;
  }
  84.7% {
    background-position: -1918px -1260px;
  }
  86.1% {
    background-position: -2192px -1260px;
  }
  87.5% {
    background-position: 0 -1470px;
  }
  88.9% {
    background-position: -274px -1470px;
  }
  90.3% {
    background-position: -548px -1470px;
  }
  91.7% {
    background-position: -822px -1470px;
  }
  93.1% {
    background-position: -1096px -1470px;
  }
  94.4% {
    background-position: -1370px -1470px;
  }
  95.8% {
    background-position: -1644px -1470px;
  }
  97.2% {
    background-position: -1918px -1470px;
  }
  98.6% {
    background-position: -2192px -1470px;
  }
  100% {
    background-position: -2192px -1470px;
  }
}
@keyframes sprite_yuhecheng_1_5 {
  0% {
    background-position: 0 0;
  }
  1.4% {
    background-position: -274px 0;
  }
  2.8% {
    background-position: -548px 0;
  }
  4.2% {
    background-position: -822px 0;
  }
  5.6% {
    background-position: -1096px 0;
  }
  6.9% {
    background-position: -1370px 0;
  }
  8.3% {
    background-position: -1644px 0;
  }
  9.7% {
    background-position: -1918px 0;
  }
  11.1% {
    background-position: -2192px 0;
  }
  12.5% {
    background-position: 0 -210px;
  }
  13.9% {
    background-position: -274px -210px;
  }
  15.3% {
    background-position: -548px -210px;
  }
  16.7% {
    background-position: -822px -210px;
  }
  18.1% {
    background-position: -1096px -210px;
  }
  19.4% {
    background-position: -1370px -210px;
  }
  20.8% {
    background-position: -1644px -210px;
  }
  22.2% {
    background-position: -1918px -210px;
  }
  23.6% {
    background-position: -2192px -210px;
  }
  25% {
    background-position: 0 -420px;
  }
  26.4% {
    background-position: -274px -420px;
  }
  27.8% {
    background-position: -548px -420px;
  }
  29.2% {
    background-position: -822px -420px;
  }
  30.6% {
    background-position: -1096px -420px;
  }
  31.9% {
    background-position: -1370px -420px;
  }
  33.3% {
    background-position: -1644px -420px;
  }
  34.7% {
    background-position: -1918px -420px;
  }
  36.1% {
    background-position: -2192px -420px;
  }
  37.5% {
    background-position: 0 -630px;
  }
  38.9% {
    background-position: -274px -630px;
  }
  40.3% {
    background-position: -548px -630px;
  }
  41.7% {
    background-position: -822px -630px;
  }
  43.1% {
    background-position: -1096px -630px;
  }
  44.4% {
    background-position: -1370px -630px;
  }
  45.8% {
    background-position: -1644px -630px;
  }
  47.2% {
    background-position: -1918px -630px;
  }
  48.6% {
    background-position: -2192px -630px;
  }
  50% {
    background-position: 0 -840px;
  }
  51.4% {
    background-position: -274px -840px;
  }
  52.8% {
    background-position: -548px -840px;
  }
  54.2% {
    background-position: -822px -840px;
  }
  55.6% {
    background-position: -1096px -840px;
  }
  56.9% {
    background-position: -1370px -840px;
  }
  58.3% {
    background-position: -1644px -840px;
  }
  59.7% {
    background-position: -1918px -840px;
  }
  61.1% {
    background-position: -2192px -840px;
  }
  62.5% {
    background-position: 0 -1050px;
  }
  63.9% {
    background-position: -274px -1050px;
  }
  65.3% {
    background-position: -548px -1050px;
  }
  66.7% {
    background-position: -822px -1050px;
  }
  68.1% {
    background-position: -1096px -1050px;
  }
  69.4% {
    background-position: -1370px -1050px;
  }
  70.8% {
    background-position: -1644px -1050px;
  }
  72.2% {
    background-position: -1918px -1050px;
  }
  73.6% {
    background-position: -2192px -1050px;
  }
  75% {
    background-position: 0 -1260px;
  }
  76.4% {
    background-position: -274px -1260px;
  }
  77.8% {
    background-position: -548px -1260px;
  }
  79.2% {
    background-position: -822px -1260px;
  }
  80.6% {
    background-position: -1096px -1260px;
  }
  81.9% {
    background-position: -1370px -1260px;
  }
  83.3% {
    background-position: -1644px -1260px;
  }
  84.7% {
    background-position: -1918px -1260px;
  }
  86.1% {
    background-position: -2192px -1260px;
  }
  87.5% {
    background-position: 0 -1470px;
  }
  88.9% {
    background-position: -274px -1470px;
  }
  90.3% {
    background-position: -548px -1470px;
  }
  91.7% {
    background-position: -822px -1470px;
  }
  93.1% {
    background-position: -1096px -1470px;
  }
  94.4% {
    background-position: -1370px -1470px;
  }
  95.8% {
    background-position: -1644px -1470px;
  }
  97.2% {
    background-position: -1918px -1470px;
  }
  98.6% {
    background-position: -2192px -1470px;
  }
  100% {
    background-position: -2192px -1470px;
  }
}
.PersonalCenter {
  margin: 0 auto;
  width: 100%;
}
.PersonalCenter .vote-filter-tab-bg {
  margin: 0 auto;
}
.PersonalCenter .PersonalCenter-content {
  margin: 0 auto;
  width: 1450px;
  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: rgba(255, 255, 255, 0.3);
  min-height: 100vh;
}
.PersonalCenter .worksShow {
  width: 1450px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.3);
  padding: 30px 0 0 70px;
}
.PersonalCenter .worksShow div,
.PersonalCenter .worksShow .worksShow-active {
  cursor: pointer;
  min-width: 143px;
  padding: 0 34px;
  height: 41px;
  line-height: 41px;
  font-size: 20px;
  margin-right: 15px;
  display: inline-block;
  color: #3c6786;
  font-family: 'NotoSerifTC', sans-serif;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/worksShow_e3a67025.png) no-repeat center center;
  background-size: 100% 100%;
}
.PersonalCenter .worksShow div:hover,
.PersonalCenter .worksShow .worksShow-active:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/worksShow-h_f9253aa1.png) no-repeat center center;
  background-size: 100% 100%;
}
.PersonalCenter .worksShow .worksShow-active {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/worksShow-h_f9253aa1.png) no-repeat center center;
  background-size: 100% 100%;
}
.PersonalCenter .PersonalCenter-works {
  position: relative;
  padding-top: 30px;
  text-align: center;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.3);
  width: 1450px;
}
.PersonalCenter .PersonalCenter-works .worksShow {
  display: none;
}
.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;
  display: table-cell;
  white-space: normal;
}
.PersonalCenter .masonry-detail-bg {
  vertical-align: top;
  display: table-cell;
  position: -webkit-sticky;
  position: sticky;
  min-width: 761px;
  height: 100vh;
  top: 0;
  margin: -64px 80px auto auto;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
  -webkit-animation: detailBg 200ms forwards;
          animation: detailBg 200ms forwards;
}
@keyframes detailBg {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.PersonalCenter .masonry-detail-bg .masonry-detail-scroll {
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  min-width: 761px;
  height: 100vh;
  background: #f0fafd;
  left: 0;
  margin-top: 160px;
  scrollbar-width: thin;
  scrollbar-color: #f0fafd;
}
.PersonalCenter .masonry-detail-bg .masonry-detail-scroll::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #f0fafd;
}
.PersonalCenter .masonry-detail-bg .masonry-detail-scroll::-webkit-scrollbar-thumb {
  background-color: #999;
}
.PersonalCenter .masonry-detail-bg .masonry-detail-scroll-2 {
  margin-top: 64px;
}
.mask .queue-pop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1082px;
  height: 513px;
  background-image: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/min-bg_e6142d92.png);
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 75px;
  padding-left: 71px;
  padding-right: 199px;
  padding-bottom: 92px;
}
.mask .queue-pop .que-tip {
  margin-top: 24px;
  font-size: 24px;
  color: #1e3e5f;
  line-height: 37px;
  text-align: center;
}
.mask .queue-pop .pop-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.mask .queue-pop .pop-content .loading-icon {
  width: 75px;
  height: 77px;
  background-image: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/loading-icon_dd450ec5.png);
  background-size: cover;
  -webkit-animation: rotateAnim 1s infinite linear;
          animation: rotateAnim 1s infinite linear;
}
@-webkit-keyframes rotateAnim {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotateAnim {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.8);
}
.pop-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 650px;
  height: 500px;
  font-size: 26px;
  color: red;
}
.pop-bg .pop-close {
  position: absolute;
  width: 37px;
  height: 36px;
  top: 23px;
  right: 219px;
  cursor: pointer;
  background-image: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/back_c861723a.png);
  background-size: cover;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.pop-bg .pop-close:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.clap-index {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.8);
}
.clap-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1059px;
  height: 568px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/clap-bg_356970bc.png) no-repeat;
  background-size: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.clap-close {
  position: absolute;
  right: 170px;
  top: 30px;
  width: 37px;
  height: 36px;
  cursor: pointer;
  background-image: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/back_c861723a.png);
  background-size: cover;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.clap-close:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.clap-btn {
  margin: 0 70px 150px 0;
  cursor: pointer;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2736px -1736px;
width:281px;
height:66px;

}
.clap-btn:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3021px -1736px;
width:281px;
height:66px;

}
.card-wrap {
  margin: 10px 16px 0 0;
  position: relative;
  display: block;
  width: 124px;
  height: 92px;
  cursor: pointer;
}
.card-wrap img {
  width: 100%;
  height: 100%;
}
.card-wrap .type-bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 27px;
  background-color: #82c2df;
  text-align: center;
  line-height: 27px;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}
.single-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.single-popover {
  width: 166px !important;
  height: auto;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/pop-top_cf72d271.png), url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/pop-bottom_ddbbc03e.png), #76b9d6;
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: top, bottom, center;
  background-size: 100%, 100%, auto;
  -webkit-box-shadow: 0 2px 12px 0 rgba(118, 185, 214, 0.1);
          box-shadow: 0 2px 12px 0 rgba(118, 185, 214, 0.1);
  border: none;
  color: #fff;
}
.single-popover .single-name {
  font-size: 18px;
  margin-bottom: 4px;
}
.single-popover .single-desc {
  font-size: 16px;
}
.single-popover .author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 4px auto;
  font-size: 16px;
}
.single-popover .author img {
  width: 26px;
  height: 26px;
  border-radius: 13px;
  margin-right: 6px;
  border: 2px solid #fff;
}
.single-popover .btn-detail {
  display: block;
  margin: 0 auto;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-3240px -1893px;
width:107px;
height:36px;

}
.single-popover .btn-detail:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-1fc28c_1fc28c26.png);background-size:3398px 2229px;
background-position:-2840px -1997px;
width:107px;
height:36px;

}
.single-popover .popper__arrow {
  border-top-color: #76b9d6 !important;
  border-bottom-color: #76b9d6 !important;
}
.single-popover .popper__arrow::after {
  border-top-color: #76b9d6 !important;
  border-bottom-color: #76b9d6 !important;
}

/** mixins **/
html[data-lang='zh_cn'] .login .nav-list {
  position: absolute;
  left: 470px;
  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;
}
html[data-lang='zh_cn'] .login .nav-list a {
  cursor: pointer;
  width: 234px;
  height: 63px;
  text-align: center;
}
html[data-lang='zh_cn'] .login .nav-list a a {
  display: block;
  width: 100%;
  height: 100%;
}
html[data-lang='zh_cn'] .login .nav-list a:nth-child(1) {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/tj-1_aeba61a7.png) no-repeat center center;
}
html[data-lang='zh_cn'] .login .nav-list a:nth-child(1):hover,
html[data-lang='zh_cn'] .login .nav-list a:nth-child(1).active {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/tj-2_f590e5a5.png) no-repeat center center;
}
html[data-lang='zh_cn'] .login .nav-list a:nth-child(2) {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sj-1_dc113b9a.png) no-repeat center center;
}
html[data-lang='zh_cn'] .login .nav-list a:nth-child(2):hover,
html[data-lang='zh_cn'] .login .nav-list a:nth-child(2).active {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sj-2_0f40c4f5.png) no-repeat center center;
}
html[data-lang='zh_cn'] .login .nav-list a:nth-child(3) {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sc-1_8d560e60.png) no-repeat center center;
  -webkit-transform: translateX(1px);
          transform: translateX(1px);
}
html[data-lang='zh_cn'] .login .nav-list a:nth-child(3):hover,
html[data-lang='zh_cn'] .login .nav-list a:nth-child(3).active {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sc-2_633f5388.png) no-repeat center center;
}
html[data-lang='zh_cn'] .login .nav-list a:nth-child(4) {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/gr-1_a02b31c9.png) no-repeat center center;
  -webkit-transform: translateX(1px);
          transform: translateX(1px);
}
html[data-lang='zh_cn'] .login .nav-list a:nth-child(4):hover,
html[data-lang='zh_cn'] .login .nav-list a:nth-child(4).active {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/gr-2_53742823.png) no-repeat center center;
}
html[data-lang='zh_cn'] .masonry-detaill .detail-bg .content .text .production {
  padding: 0 16px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/production_bcb20f53.png) no-repeat center center !important;
  background-size: 100% 100% !important;
}
html[data-lang='zh_cn'] .masonry-detaill .detail-bg .content .text .production:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/production-h_69c7fa71.png) no-repeat center center !important;
  background-size: 100% 100% !important;
}
html[data-lang='zh_cn'] .masonry-detaill .detail-bg .content .text .attention {
  right: 206px !important;
}
html[data-lang='zh_cn'] #leihuo-share .leihuo-share-modal .leihuo-share-copy-btn {
  font-size: 0;
}
html[data-lang='zh_cn'] #leihuo-share .leihuo-share-modal .leihuo-share-copy-btn::after {
  content: '\590D\5236';
  font-size: 18px;
}
html[data-lang='zh_cn'] .leihuo-share-qrcode.has-bg #leihuo-share-qrcode::after {
  content: '\626B\7801\67E5\770B\4ED6\7684\8BBE\8BA1';
}
html[data-lang='zh_cn'] #app .masonry .item .delete-item,
html[data-lang='zh_cn'] #app .masonry .item .visibility-item {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-544px -522px;
width:268px;
height:311px;

}
html[data-lang='zh_cn'] #app .masonry .item .delete-item:hover,
html[data-lang='zh_cn'] #app .masonry .item .visibility-item:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-938px -0px;
width:268px;
height:311px;

}
html[data-lang='zh_cn'] #app .masonry .item .hero .collect-icon {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-938px -509px;
width:86px;
height:89px;

}
html[data-lang='zh_cn'] #app .masonry .item .hero .unlocks-icon {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-1028px -509px;
width:86px;
height:89px;

}
html[data-lang='zh_cn'] #app .masonry .item .hero .fashion-icon {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-1118px -509px;
width:86px;
height:89px;

}
html[data-lang='zh_cn'] #app .masonry .fansBg .notAvailable {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-938px -315px;
width:184px;
height:190px;

}
html[data-lang='zh_cn'] #app .masonry .tempBg {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-666px -0px;
width:268px;
height:386px;

}
html[data-lang='zh_cn'] #app .masonry-detaill .comment .scroll-temp .item .delete-item,
html[data-lang='zh_cn'] #app .masonry-detaill .comment .scroll-temp .item .visibility-item {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-544px -522px;
width:268px;
height:311px;

}
html[data-lang='zh_cn'] #app .masonry-detaill .comment .scroll-temp .item .delete-item:hover,
html[data-lang='zh_cn'] #app .masonry-detaill .comment .scroll-temp .item .visibility-item:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-938px -0px;
width:268px;
height:311px;

}
html[data-lang='zh_cn'] #app .masonry-detaill .detail-bg .detaill-delete,
html[data-lang='zh_cn'] #app .masonry-detaill .detail-bg .detaill-visibility {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-0px -0px;
width:662px;
height:518px;

}
html[data-lang='zh_cn'] #app .share-img-bg::after {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-938px -602px;
width:128px;
height:56px;

}
html[data-lang='zh_cn'] #app .login .logo {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-1070px -602px;
width:128px;
height:56px;

}
html[data-lang='zh_cn'] #app .story-top {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/bg-center-zh_cn_6f45864c.png) no-repeat center top;
  background-size: 3840px auto;
}
html[data-lang='zh_cn'] #app .masonry-detaill .detail-bg .content .text .qrcode {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/qrcode_18146052.png) no-repeat 0 0 !important;
  background-size: 142px 36px !important;
}
html[data-lang='zh_cn'] #app .masonry-detaill .detail-bg .content .text .qrcode .qrcode-bg {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/qrcode-bg_32ca0e75.png) no-repeat 0 0 !important;
  background-size: 134px 156px !important;
}

/** mixins **/
html[data-lang='hmt'] .login .nav-list {
  position: absolute;
  left: 470px;
  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;
}
html[data-lang='hmt'] .login .nav-list a {
  cursor: pointer;
  width: 234px;
  height: 63px;
  text-align: center;
}
html[data-lang='hmt'] .login .nav-list a a {
  display: block;
  width: 100%;
  height: 100%;
}
html[data-lang='hmt'] .login .nav-list a:nth-child(1) {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/tj-1_aeba61a7.png) no-repeat center center;
}
html[data-lang='hmt'] .login .nav-list a:nth-child(1):hover,
html[data-lang='hmt'] .login .nav-list a:nth-child(1).active {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/tj-2_f590e5a5.png) no-repeat center center;
}
html[data-lang='hmt'] .login .nav-list a:nth-child(2) {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sj-1_dc113b9a.png) no-repeat center center;
}
html[data-lang='hmt'] .login .nav-list a:nth-child(2):hover,
html[data-lang='hmt'] .login .nav-list a:nth-child(2).active {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sj-2_0f40c4f5.png) no-repeat center center;
}
html[data-lang='hmt'] .login .nav-list a:nth-child(3) {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sc-1_8d560e60.png) no-repeat center center;
  -webkit-transform: translateX(1px);
          transform: translateX(1px);
}
html[data-lang='hmt'] .login .nav-list a:nth-child(3):hover,
html[data-lang='hmt'] .login .nav-list a:nth-child(3).active {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sc-2_633f5388.png) no-repeat center center;
}
html[data-lang='hmt'] .login .nav-list a:nth-child(4) {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/gr-1_a02b31c9.png) no-repeat center center;
  -webkit-transform: translateX(1px);
          transform: translateX(1px);
}
html[data-lang='hmt'] .login .nav-list a:nth-child(4):hover,
html[data-lang='hmt'] .login .nav-list a:nth-child(4).active {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/gr-2_53742823.png) no-repeat center center;
}
html[data-lang='hmt'] .masonry-detaill .detail-bg .content .text .production {
  padding: 0 16px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/production_bcb20f53.png) no-repeat center center !important;
  background-size: 100% 100% !important;
}
html[data-lang='hmt'] .masonry-detaill .detail-bg .content .text .production:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/production-h_69c7fa71.png) no-repeat center center !important;
  background-size: 100% 100% !important;
}
html[data-lang='hmt'] .masonry-detaill .detail-bg .content .text .attention {
  right: 206px !important;
}
html[data-lang='hmt'] .leihuo-share-qrcode.has-bg #leihuo-share-qrcode::after {
  content: '\6383\78BC\67E5\770B\4ED6\7684\8A2D\8A08';
}
html[data-lang='hmt'] #app .masonry .item .delete-item,
html[data-lang='hmt'] #app .masonry .item .visibility-item {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-544px -522px;
width:268px;
height:311px;

}
html[data-lang='hmt'] #app .masonry .item .delete-item:hover,
html[data-lang='hmt'] #app .masonry .item .visibility-item:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-938px -0px;
width:268px;
height:311px;

}
html[data-lang='hmt'] #app .masonry .item .hero .collect-icon {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-938px -509px;
width:86px;
height:89px;

}
html[data-lang='hmt'] #app .masonry .item .hero .unlocks-icon {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-1028px -509px;
width:86px;
height:89px;

}
html[data-lang='hmt'] #app .masonry .item .hero .fashion-icon {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-1118px -509px;
width:86px;
height:89px;

}
html[data-lang='hmt'] #app .masonry .fansBg .notAvailable {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-938px -315px;
width:184px;
height:190px;

}
html[data-lang='hmt'] #app .masonry .tempBg {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-666px -0px;
width:268px;
height:386px;

}
html[data-lang='hmt'] #app .masonry-detaill .comment .scroll-temp .item .delete-item,
html[data-lang='hmt'] #app .masonry-detaill .comment .scroll-temp .item .visibility-item {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-544px -522px;
width:268px;
height:311px;

}
html[data-lang='hmt'] #app .masonry-detaill .comment .scroll-temp .item .delete-item:hover,
html[data-lang='hmt'] #app .masonry-detaill .comment .scroll-temp .item .visibility-item:hover {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-938px -0px;
width:268px;
height:311px;

}
html[data-lang='hmt'] #app .masonry-detaill .detail-bg .detaill-delete,
html[data-lang='hmt'] #app .masonry-detaill .detail-bg .detaill-visibility {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-0px -0px;
width:662px;
height:518px;

}
html[data-lang='hmt'] #app .share-img-bg::after {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-938px -602px;
width:128px;
height:56px;

}
html[data-lang='hmt'] #app .login .logo {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-2851ba_2851bad0.png);background-size:1206px 833px;
background-position:-1070px -602px;
width:128px;
height:56px;

}
html[data-lang='hmt'] #app .story-top {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/bg-center-hmt_ec84d5da.png) no-repeat center top;
  background-size: 3840px auto;
}
html[data-lang='hmt'] #app .masonry-detaill .detail-bg .content .text .qrcode {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/qrcode_18146052.png) no-repeat 0 0 !important;
  background-size: 142px 36px !important;
}
html[data-lang='hmt'] #app .masonry-detaill .detail-bg .content .text .qrcode .qrcode-bg {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/qrcode-bg_32ca0e75.png) no-repeat 0 0 !important;
  background-size: 134px 156px !important;
}

/** mixins **/

/** mixins **/
html[data-modetype='yyx'] .login .yyx-nav {
  display: block !important;
}
html[data-modetype='yyx'] .login .yyx-nav .webpage {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-a0fa3d_a0fa3d69.png);background-size:281px 153px;
background-position:-0px -70px;
width:173px;
height:83px;

}
html[data-modetype='yyx'] .login .login-img {
  right: calc(100% - 1600px);
}
html[data-modetype='yyx'] .login .content {
  min-width: 1670px;
}
@media screen and (max-width: 1800px) {
  html[data-modetype='yyx'] .login .nav-list a {
    cursor: pointer;
    width: 200px;
    height: 63px;
    text-align: center;
  }
  html[data-modetype='yyx'] .login .nav-list a a {
    display: block;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 1800px) {
  html[data-modetype='yyx'] .login .login-img {
    right: calc(100% - 1470px);
  }
}
html[data-modetype='yyx'] .select-lang,
html[data-modetype='yyx'] .choose-data {
  display: none !important;
}
html[data-modetype='yyx'] .inner-pop {
  width: 1059px;
  height: 568px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/share-inner_7250ef32.png) no-repeat;
  background-size: 100% 100%;
}
html[data-modetype='yyx'] .inner-pop .pop-close {
  top: 34px;
  right: 168px;
}
html[data-modetype='yyx'] .inner-pop .pop-inner {
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/sprite-a0fa3d_a0fa3d69.png);background-size:281px 153px;
background-position:-0px -0px;
width:281px;
height:66px;

  position: absolute;
  top: 349px;
  left: 353px;
  cursor: pointer;
}
html[data-modetype='yyx'] .go-cbt {
  width: 226px;
  height: 141px;
  position: fixed;
  left: 0;
  bottom: 195px;
  background: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/flex-cbt-en_18edde79.png) no-repeat;
  background-size: 100% 100%;
}
html[data-modetype='yyx'] .go-cbt:hover {
  background-image: url(https://www.swordofjustice.com/pc/zt/20250616180815/assets/flex-cbt-en-h_632b6be5.png);
}

/** mixins **/
#app .choose-data-vn {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}