/*reset.less*/
/* CSS Document */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 312.5%;
}
ul,
li,
div,
p,
body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  text-align: left;
}
input {
  -webkit-appearance: button;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
input {
  -webkit-appearance: none;
  outline: none;
}
* {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.hide {
  display: none!important;
}
body,
html {
  width: 100%;
  font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
  font-weight: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: center;
}
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
body {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}
.no-webp button {background:none}
.webp button {background:none}
button {
  border: none;
  display: block;
  outline: none;
}
.hide-text {
  text-indent: -9999px;
  font-size: 0;
}
/* mobile media-query */
html {
  font-size: 312.5%;
}
@media screen and (min-width: 360px) and (max-width: 374px) and (orientation: portrait) {
  html {
    font-size: 351.5%;
  }
}
@media screen and (min-width: 384px) and (max-width: 399px) and (orientation: portrait) {
  html {
    font-size: 375%;
  }
}
@media screen and (min-width: 400px) and (max-width: 413px) and (orientation: portrait) {
  html {
    font-size: 390.625%;
  }
}
@media screen and (min-width: 414px) and (max-width: 431px) and (orientation: portrait) {
  html {
    font-size: 404.3%;
  }
}
@media screen and (min-width: 432px) and (max-width: 479px) and (orientation: portrait) {
  html {
    font-size: 421.875%;
  }
}
@media screen and (min-width: 480px) and (max-width: 639px) and (orientation: portrait) {
  html {
    font-size: 468.75%;
  }
}
@media screen and (min-width: 640px) and (orientation: portrait) {
  html {
    font-size: 625%;
  }
}
html,
body {
  width: 100%;
  height: 100%;
}
.noSize {
  font-size: 0;
}
@-webkit-keyframes Inleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes Inleft {
  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(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(120px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(120px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(120px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(120px);
            transform: translateY(120px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(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% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(0.8);
    opacity: 1;
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(0.8);
  }
  50% {
    -moz-transform: scale(1.3);
  }
  100% {
    -moz-transform: scale(0.8);
    opacity: 1;
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(0.8);
  }
  50% {
    -o-transform: scale(1.3);
  }
  100% {
    -o-transform: scale(0.8);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    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 {
  0%,
  100% {
    -webkit-transform: translateX(5px);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-5px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(5px);
    opacity: 1;
  }
}
@-moz-keyframes shake {
  0%,
  100% {
    -moz-transform: translateX(5px);
    opacity: 1;
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateX(-5px);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateX(5px);
    opacity: 1;
  }
}
@-o-keyframes shake {
  0%,
  100% {
    -o-transform: translateX(5px);
    opacity: 1;
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -o-transform: translateX(-5px);
  }
  20%,
  40%,
  60%,
  80% {
    -o-transform: translateX(5px);
    opacity: 1;
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
    opacity: 1;
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
    opacity: 1;
  }
}
@-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% {
    opacity: 1;
  }
  50% {
    opacity: .8;
  }
  100% {
    opacity: 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 0px;
    -webkit-transform-origin: center center 0px;
  }
  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 0px;
    -webkit-transform-origin: center center 0px;
  }
}
@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 0px;
    -webkit-transform-origin: center center 0px;
  }
  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 0px;
    -webkit-transform-origin: center center 0px;
  }
}
@-webkit-keyframes slideToRight {
  0% {
    opacity: 1;
    right: 0rem;
  }
  100% {
    opacity: 0;
    right: 87.5%;
  }
}
@-moz-keyframes slideToRight {
  0% {
    opacity: 1;
    right: 0rem;
  }
  100% {
    opacity: 0;
    right: 87.5%;
  }
}
@-ms-keyframes slideToRight {
  0% {
    opacity: 1;
    right: 0rem;
  }
  100% {
    opacity: 0;
    right: 87.5%;
  }
}
@-o-keyframes slideToRight {
  0% {
    opacity: 1;
    right: 0rem;
  }
  100% {
    opacity: 0;
    right: 87.5%;
  }
}
@keyframes slideToRight {
  0% {
    opacity: 1;
    right: 0rem;
  }
  100% {
    opacity: 0;
    right: 87.5%;
  }
}
.no-webp .mask {background:#000}
.webp .mask {background:#000}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 99;
  filter: alpha(opacity=80);
}
.no-webp .modal {background-color:#a6b5d4}
.webp .modal {background-color:#a6b5d4}
.modal {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out 0s;
  -moz-transition: opacity 0.3s ease-in-out 0s;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9998;
  width: 5.4rem;
  margin-left: -2.7rem;
  border: .05rem solid #5571a9;
  padding: .5rem;
}
.no-webp .pop-video {background:none}
.webp .pop-video {background:none}
.pop-video {
  width: 100%;
  padding: 0;
  border: none;
  left: 0;
  margin-left: 0;
}
.pop-video video {
  width: 100%;
  height: auto;
  z-index: 9999;
  float: left;
}
.no-webp .closeVideo {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/closeVideo_a6daf00b.png);
  background-size: 100% 100%;
  background-repeat: no-repeat}
.webp .closeVideo {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/closeVideo_a6daf00b.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat}
.no-webp .closeVideo {background-size:100% 100%}
.webp .closeVideo {background-size:100% 100%}
.no-webp .closeVideo {background-repeat:no-repeat}
.webp .closeVideo {background-repeat:no-repeat}
.closeVideo {
  width: .6rem;
  height: .6rem;
  position: absolute;
  right: .5rem;
  top: 1rem;
  z-index: 10000;
}
.no-webp .mxk {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mxk_a71e62cb.png);
  background-size: 100% 100%}
.webp .mxk {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mxk_a71e62cb.webp);
  background-size: 100% 100%}
.no-webp .mxk {background-size:100% 100%}
.webp .mxk {background-size:100% 100%}
.mxk {
  width: 100%;
  height: 100%;
}
.no-webp .mjs {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mjs_5d93b347.png);
  background-size: 100% 100%}
.webp .mjs {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mjs_5d93b347.webp);
  background-size: 100% 100%}
.no-webp .mjs {background-size:100% 100%}
.webp .mjs {background-size:100% 100%}
.mjs {
  width: 100%;
  height: 100%;
}
.no-webp .mss {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mss_3ca85f97.png);
  background-size: 100% 100%}
.webp .mss {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mss_3ca85f97.webp);
  background-size: 100% 100%}
.no-webp .mss {background-size:100% 100%}
.webp .mss {background-size:100% 100%}
.mss {
  width: 100%;
  height: 100%;
}
.no-webp .mfs {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mfs_28539eb1.png);
  background-size: 100% 100%}
.webp .mfs {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mfs_28539eb1.webp);
  background-size: 100% 100%}
.no-webp .mfs {background-size:100% 100%}
.webp .mfs {background-size:100% 100%}
.mfs {
  width: 100%;
  height: 100%;
}
.no-webp .mys {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mys_9aa80227.png);
  background-size: 100% 100%}
.webp .mys {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mys_9aa80227.webp);
  background-size: 100% 100%}
.no-webp .mys {background-size:100% 100%}
.webp .mys {background-size:100% 100%}
.mys {
  width: 100%;
  height: 100%;
}
.no-webp .fys {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fys_a4a9a792.png);
  background-size: 100% 100%}
.webp .fys {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fys_a4a9a792.webp);
  background-size: 100% 100%}
.no-webp .fys {background-size:100% 100%}
.webp .fys {background-size:100% 100%}
.fys {
  width: 100%;
  height: 100%;
}
.no-webp .fxk {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fxk_455dbd05.png);
  background-size: 100% 100%}
.webp .fxk {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fxk_455dbd05.webp);
  background-size: 100% 100%}
.no-webp .fxk {background-size:100% 100%}
.webp .fxk {background-size:100% 100%}
.fxk {
  width: 100%;
  height: 100%;
}
.no-webp .fjs {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fjs_c2dce1b5.png);
  background-size: 100% 100%}
.webp .fjs {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fjs_c2dce1b5.webp);
  background-size: 100% 100%}
.no-webp .fjs {background-size:100% 100%}
.webp .fjs {background-size:100% 100%}
.fjs {
  width: 100%;
  height: 100%;
}
.no-webp .fss {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fss_5fbe28ae.png);
  background-size: 100% 100%}
.webp .fss {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fss_5fbe28ae.webp);
  background-size: 100% 100%}
.no-webp .fss {background-size:100% 100%}
.webp .fss {background-size:100% 100%}
.fss {
  width: 100%;
  height: 100%;
}
.no-webp .ffs {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-ffs_d065f71a.png);
  background-size: 100% 100%}
.webp .ffs {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-ffs_d065f71a.webp);
  background-size: 100% 100%}
.no-webp .ffs {background-size:100% 100%}
.webp .ffs {background-size:100% 100%}
.ffs {
  width: 100%;
  height: 100%;
}
.no-webp .mdk {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mdk_62dd0f2f.png);
  background-size: 100% 100%}
.webp .mdk {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mdk_62dd0f2f.webp);
  background-size: 100% 100%}
.no-webp .mdk {background-size:100% 100%}
.webp .mdk {background-size:100% 100%}
.mdk {
  width: 100%;
  height: 100%;
}
.no-webp .md {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-md_88bb0b67.png);
  background-size: 100% 100%}
.webp .md {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-md_88bb0b67.webp);
  background-size: 100% 100%}
.no-webp .md {background-size:100% 100%}
.webp .md {background-size:100% 100%}
.md {
  width: 100%;
  height: 100%;
}
.no-webp .mmz {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mmz_72494dee.png);
  background-size: 100% 100%}
.webp .mmz {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mmz_72494dee.webp);
  background-size: 100% 100%}
.no-webp .mmz {background-size:100% 100%}
.webp .mmz {background-size:100% 100%}
.mmz {
  width: 100%;
  height: 100%;
}
.no-webp .myr {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-myr_8849c1b8.png);
  background-size: 100% 100%}
.webp .myr {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-myr_8849c1b8.webp);
  background-size: 100% 100%}
.no-webp .myr {background-size:100% 100%}
.webp .myr {background-size:100% 100%}
.myr {
  width: 100%;
  height: 100%;
}
.no-webp .fdk {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fdk_24529b21.png);
  background-size: 100% 100%}
.webp .fdk {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fdk_24529b21.webp);
  background-size: 100% 100%}
.no-webp .fdk {background-size:100% 100%}
.webp .fdk {background-size:100% 100%}
.fdk {
  width: 100%;
  height: 100%;
}
.no-webp .fd {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fd_1bad276a.png);
  background-size: 100% 100%}
.webp .fd {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fd_1bad276a.webp);
  background-size: 100% 100%}
.no-webp .fd {background-size:100% 100%}
.webp .fd {background-size:100% 100%}
.fd {
  width: 100%;
  height: 100%;
}
.no-webp .fmz {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fmz_b1521765.png);
  background-size: 100% 100%}
.webp .fmz {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fmz_b1521765.webp);
  background-size: 100% 100%}
.no-webp .fmz {background-size:100% 100%}
.webp .fmz {background-size:100% 100%}
.fmz {
  width: 100%;
  height: 100%;
}
.no-webp .fyr {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fyr_6a087dbd.png);
  background-size: 100% 100%}
.webp .fyr {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fyr_6a087dbd.webp);
  background-size: 100% 100%}
.no-webp .fyr {background-size:100% 100%}
.webp .fyr {background-size:100% 100%}
.fyr {
  width: 100%;
  height: 100%;
}
.no-webp .plus {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-plus_49e4e48f.png);
  background-size: 100% 100%}
.webp .plus {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-plus_49e4e48f.webp);
  background-size: 100% 100%}
.no-webp .plus {background-size:100% 100%}
.webp .plus {background-size:100% 100%}
.plus {
  width: 100%;
  height: 100%;
}
.no-webp .equal {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-equal_2657eef8.png);
  background-size: 100% 100%}
.webp .equal {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-equal_2657eef8.webp);
  background-size: 100% 100%}
.no-webp .equal {background-size:100% 100%}
.webp .equal {background-size:100% 100%}
.equal {
  width: 100%;
  height: 100%;
}
.no-webp .clear {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-clear_394660ad.png);
  background-size: 100% 100%}
.webp .clear {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-clear_394660ad.webp);
  background-size: 100% 100%}
.no-webp .clear {background-size:100% 100%}
.webp .clear {background-size:100% 100%}
.clear {
  width: 100%;
  height: 100%;
}
.no-webp .mhh {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mhh_5891ba6c.png);
  background-size: 100% 100%}
.webp .mhh {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mhh_5891ba6c.webp);
  background-size: 100% 100%}
.no-webp .mhh {background-size:100% 100%}
.webp .mhh {background-size:100% 100%}
.mhh {
  width: 100%;
  height: 100%;
}
.no-webp .fhh {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fhh_a9f1e950.png);
  background-size: 100% 100%}
.webp .fhh {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fhh_a9f1e950.webp);
  background-size: 100% 100%}
.no-webp .fhh {background-size:100% 100%}
.webp .fhh {background-size:100% 100%}
.fhh {
  width: 100%;
  height: 100%;
}
.no-webp .myl {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-myl_12edbf19.png);
  background-size: 100% 100%}
.webp .myl {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-myl_12edbf19.webp);
  background-size: 100% 100%}
.no-webp .myl {background-size:100% 100%}
.webp .myl {background-size:100% 100%}
.myl {
  width: 100%;
  height: 100%;
}
.no-webp .fyl {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fyl_0170779e.png);
  background-size: 100% 100%}
.webp .fyl {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fyl_0170779e.webp);
  background-size: 100% 100%}
.no-webp .fyl {background-size:100% 100%}
.webp .fyl {background-size:100% 100%}
.fyl {
  width: 100%;
  height: 100%;
}
.no-webp .yao {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-yyl_1d8c36df.png);
  background-size: 100% 100%}
.webp .yao {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-yyl_1d8c36df.webp);
  background-size: 100% 100%}
.no-webp .yao {background-size:100% 100%}
.webp .yao {background-size:100% 100%}
.yao {
  width: 100%;
  height: 100%;
}
.no-webp .mdiek {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mdiek_b68627b0.png);
  background-size: 100% 100%}
.webp .mdiek {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mdiek_b68627b0.webp);
  background-size: 100% 100%}
.no-webp .mdiek {background-size:100% 100%}
.webp .mdiek {background-size:100% 100%}
.mdiek {
  width: 100%;
  height: 100%;
}
.no-webp .fdiek {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fdiek_fbcd20f6.png);
  background-size: 100% 100%}
.webp .fdiek {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fdiek_fbcd20f6.webp);
  background-size: 100% 100%}
.no-webp .fdiek {background-size:100% 100%}
.webp .fdiek {background-size:100% 100%}
.fdiek {
  width: 100%;
  height: 100%;
}
.no-webp .mzk {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mzk_35e9d6c3.png);
  background-size: 100% 100%}
.webp .mzk {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mzk_35e9d6c3.webp);
  background-size: 100% 100%}
.no-webp .mzk {background-size:100% 100%}
.webp .mzk {background-size:100% 100%}
.mzk {
  width: 100%;
  height: 100%;
}
.no-webp .fzk {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fzk_afcdb564.png);
  background-size: 100% 100%}
.webp .fzk {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fzk_afcdb564.webp);
  background-size: 100% 100%}
.no-webp .fzk {background-size:100% 100%}
.webp .fzk {background-size:100% 100%}
.fzk {
  width: 100%;
  height: 100%;
}
.no-webp .mjx {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mjx_e7f51c56.png);
  background-size: 100% 100%}
.webp .mjx {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-mjx_e7f51c56.webp);
  background-size: 100% 100%}
.no-webp .mjx {background-size:100% 100%}
.webp .mjx {background-size:100% 100%}
.mjx {
  width: 100%;
  height: 100%;
}
.no-webp .fjx {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fjx_389008cc.png);
  background-size: 100% 100%}
.webp .fjx {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/icon-fjx_389008cc.webp);
  background-size: 100% 100%}
.no-webp .fjx {background-size:100% 100%}
.webp .fjx {background-size:100% 100%}
.fjx {
  width: 100%;
  height: 100%;
}
.no-webp #video-mask, 
.no-webp #video-mask:after {background-size:100% 100%}
.webp #video-mask, 
.webp #video-mask:after {background-size:100% 100%}
#video-mask,
#video-mask:after {
  width: 6.25rem;
  height: 3.16rem;
}
.no-webp #video-mask {background-position:50% 50%}
.webp #video-mask {background-position:50% 50%}
.no-webp #video-mask {background-size:auto 100%}
.webp #video-mask {background-size:auto 100%}
#video-mask {
  position: absolute;
  left: .1rem;
  top: .1rem;
  cursor: pointer;
}
#video-mask:after {
  content: '';
  display: block;
}
::-webkit-scrollbar {
  /*隐藏滚轮*/
  width: .2rem;
  display: block;
}
/*定义滑块 内阴影+圆角*/
.no-webp ::-webkit-scrollbar-thumb {background-color:#4c64b0}
.webp ::-webkit-scrollbar-thumb {background-color:#4c64b0}
::-webkit-scrollbar-thumb {
  border-radius: 1rem;
}
.no-webp #main {background-color:#fff}
.webp #main {background-color:#fff}
#main {
  width: 100%;
  min-height: 100%;
  position: relative;
  height: 100%;
  color: #fff;
  font-size: .26rem;
}
#contentVertical,
#contentHorizontal {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.content-vertical {
  min-height: 11rem;
  width: 100%;
  height: 100%;
}
.no-webp .content-vertical .home {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/P-home-bg-no-border_27b95880.jpg);
  background-size: 100% 100%;
  background-position: 0}
.webp .content-vertical .home {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/P-home-bg-no-border_27b95880.webp);
  background-size: 100% 100%;
  background-position: 0}
.no-webp .content-vertical .home {background-size:100% 100%}
.webp .content-vertical .home {background-size:100% 100%}
.no-webp .content-vertical .home {background-position:0}
.webp .content-vertical .home {background-position:0}
.content-vertical .home {
  width: 100%;
  height: 100%;
}
.no-webp .content-vertical .home .top {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/P-border-top_08da1ee5.png);
  background-size: 100% 100%;
  background-position: 0}
.webp .content-vertical .home .top {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/P-border-top_08da1ee5.webp);
  background-size: 100% 100%;
  background-position: 0}
.no-webp .content-vertical .home .top {background-size:100% 100%}
.webp .content-vertical .home .top {background-size:100% 100%}
.no-webp .content-vertical .home .top {background-position:0}
.webp .content-vertical .home .top {background-position:0}
.content-vertical .home .top {
  width: 100%;
  height: 5%;
}
.no-webp .content-vertical .home .middle {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/P-border-middle_7356e42f.png);
  background-size: 100% 100%;
  background-position: 0}
.webp .content-vertical .home .middle {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/P-border-middle_7356e42f.webp);
  background-size: 100% 100%;
  background-position: 0}
.no-webp .content-vertical .home .middle {background-size:100% 100%}
.webp .content-vertical .home .middle {background-size:100% 100%}
.no-webp .content-vertical .home .middle {background-position:0}
.webp .content-vertical .home .middle {background-position:0}
.content-vertical .home .middle {
  width: 100%;
  height: 90%;
}
.content-vertical .home .middle .header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
.no-webp .content-vertical .home .middle .header .logo {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/logo_68ba6155.png) no-repeat;
  background-size: 100% 100%;
  background-position: 0}
.webp .content-vertical .home .middle .header .logo {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/logo_68ba6155.webp) no-repeat;
  background-size: 100% 100%;
  background-position: 0}
.no-webp .content-vertical .home .middle .header .logo {background-size:100% 100%}
.webp .content-vertical .home .middle .header .logo {background-size:100% 100%}
.no-webp .content-vertical .home .middle .header .logo {background-position:0}
.webp .content-vertical .home .middle .header .logo {background-position:0}
.content-vertical .home .middle .header .logo {
  width: 2.34rem;
  height: 0.73rem;
  position: absolute;
  right: .6rem;
  top: .43rem;
}
.no-webp .content-vertical .home .middle .content {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/P-home-kv_3453ace5.png);
  background-size: 100% 100%;
  background-position: 0}
.webp .content-vertical .home .middle .content {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/P-home-kv_3453ace5.webp);
  background-size: 100% 100%;
  background-position: 0}
.no-webp .content-vertical .home .middle .content {background-size:100% 100%}
.webp .content-vertical .home .middle .content {background-size:100% 100%}
.no-webp .content-vertical .home .middle .content {background-position:0}
.webp .content-vertical .home .middle .content {background-position:0}
.content-vertical .home .middle .content {
  width: 7.5rem;
  height: 10.29rem;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.content-vertical .home .middle .jumpToVerDetail {
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: .4rem;
  bottom: .7rem;
}
.no-webp .content-vertical .home .bottom {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/P-border-bottom_f8354cea.png);
  background-size: 100% 100%;
  background-position: 0}
.webp .content-vertical .home .bottom {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/P-border-bottom_f8354cea.webp);
  background-size: 100% 100%;
  background-position: 0}
.no-webp .content-vertical .home .bottom {background-size:100% 100%}
.webp .content-vertical .home .bottom {background-size:100% 100%}
.no-webp .content-vertical .home .bottom {background-position:0}
.webp .content-vertical .home .bottom {background-position:0}
.content-vertical .home .bottom {
  width: 100%;
  height: 5%;
}
.no-webp .content-vertical .detail {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/P-detail-bg_dbf5a41d.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat}
.webp .content-vertical .detail {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/P-detail-bg_dbf5a41d.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat}
.no-webp .content-vertical .detail {background-size:100% 100%}
.webp .content-vertical .detail {background-size:100% 100%}
.no-webp .content-vertical .detail {background-repeat:no-repeat}
.webp .content-vertical .detail {background-repeat:no-repeat}
.content-vertical .detail {
  width: 100%;
  height: 100%;
  display: none;
}
.content-vertical .detail .result-wrapper .no-select {
  width: 5.82rem;
  color: #434343;
  font-size: .4rem;
  font-weight: 700;
  position: absolute;
  left: .7rem;
  top: 2.25rem;
}
.no-webp .content-vertical .detail .result-wrapper .result {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/P-detail-result-bg_90b6f184.png);
  background-size: 100% 100%;
  background-repeat: no-repeat}
.webp .content-vertical .detail .result-wrapper .result {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/P-detail-result-bg_90b6f184.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat}
.no-webp .content-vertical .detail .result-wrapper .result {background-size:100% 100%}
.webp .content-vertical .detail .result-wrapper .result {background-size:100% 100%}
.no-webp .content-vertical .detail .result-wrapper .result {background-repeat:no-repeat}
.webp .content-vertical .detail .result-wrapper .result {background-repeat:no-repeat}
.content-vertical .detail .result-wrapper .result {
  display: none;
  width: 7.5rem;
  height: 4.49rem;
  position: absolute;
  top: .34rem;
}
.content-vertical .detail .result-wrapper .result .firstSelectedItemVertical {
  width: 1.49rem;
  height: 1.78rem;
  position: absolute;
  left: 1.08rem;
  top: .3rem;
}
.content-vertical .detail .result-wrapper .result .secondSelectedItemVertical {
  width: 1.49rem;
  height: 1.78rem;
  position: absolute;
  right: 1rem;
  top: .3rem;
}
.content-vertical .detail .result-wrapper .result .detailVerticalRelation {
  width: 2.46rem;
  text-align: center;
  font-size: .26rem;
  color: #1f2f49;
  position: absolute;
  font-weight: 700;
  left: 3.78rem;
  top: 1.23rem;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.no-webp .content-vertical .detail .result-wrapper .result .videoBtnVertical {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/videoBtn_a6b30240.png) no-repeat;
  background-size: 100% 100%;
  background-position: 0}
.webp .content-vertical .detail .result-wrapper .result .videoBtnVertical {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/videoBtn_a6b30240.webp) no-repeat;
  background-size: 100% 100%;
  background-position: 0}
.no-webp .content-vertical .detail .result-wrapper .result .videoBtnVertical {background-size:100% 100%}
.webp .content-vertical .detail .result-wrapper .result .videoBtnVertical {background-size:100% 100%}
.no-webp .content-vertical .detail .result-wrapper .result .videoBtnVertical {background-position:0}
.webp .content-vertical .detail .result-wrapper .result .videoBtnVertical {background-position:0}
.content-vertical .detail .result-wrapper .result .videoBtnVertical {
  display: none;
  width: 0.49rem;
  height: 0.49rem;
  position: absolute;
  left: 3.5rem;
  top: 1.58rem;
  -moz-animation: pulse 4s forwards infinite;
  -webkit-animation: pulse 4s forwards infinite;
  -o-animation: pulse 4s forwards infinite;
  -ms-animation: pulse 4s forwards infinite;
  animation: pulse 4s forwards infinite;
}
.content-vertical .detail .result-wrapper .result .detailVerticalDesc {
  width: 5.82rem;
  height: 1.6rem;
  text-indent: .56rem;
  font-size: .28rem;
  font-weight: 700;
  color: black;
  display: inline-block;
  position: absolute;
  left: .73rem;
  top: 2.54rem;
  overflow-x: hidden;
  overflow-y: scroll;
}
.no-webp .content-vertical .detail .btn-reset {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/btn-reset_bfef5cbb.png) no-repeat;
  background-size: 100% 100%}
.webp .content-vertical .detail .btn-reset {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/btn-reset_bfef5cbb.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .content-vertical .detail .btn-reset {background-size:100% 100%}
.webp .content-vertical .detail .btn-reset {background-size:100% 100%}
.content-vertical .detail .btn-reset {
  position: absolute;
  display: block;
  width: 0.3rem;
  height: 1.44rem;
  right: .07rem;
  bottom: 2.5rem;
  z-index: 2;
}
.content-vertical .detail .keyboard {
  position: absolute;
  left: .2rem;
  right: .2rem;
  bottom: .44rem;
  top: 6.5rem;
  overflow: auto;
}
.no-webp .content-vertical .detail .keyboard li {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars_db2be070.png) no-repeat;
  background-size: 6.93rem 9.70rem}
.webp .content-vertical .detail .keyboard li {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars_db2be070.webp) no-repeat;
  background-size: 6.93rem 9.70rem}
.no-webp .content-vertical .detail .keyboard li {background-size:6.93rem 9.70rem}
.webp .content-vertical .detail .keyboard li {background-size:6.93rem 9.70rem}
.content-vertical .detail .keyboard li {
  width: 1.2rem;
  height: 1.4rem;
  float: left;
  margin-right: .19rem;
  margin-bottom: .06rem;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
}
.content-vertical .detail .keyboard li:nth-of-type(5n) {
  margin-right: 0;
}
.no-webp .content-vertical .detail .keyboard li.col-1 {background-position-x:-0.07rem}
.webp .content-vertical .detail .keyboard li.col-1 {background-position-x:-0.07rem}
.content-vertical .detail .keyboard li.col-1 {
}
.no-webp .content-vertical .detail .keyboard li.col-2 {background-position-x:-1.46rem}
.webp .content-vertical .detail .keyboard li.col-2 {background-position-x:-1.46rem}
.content-vertical .detail .keyboard li.col-2 {
}
.no-webp .content-vertical .detail .keyboard li.col-3 {background-position-x:-2.86rem}
.webp .content-vertical .detail .keyboard li.col-3 {background-position-x:-2.86rem}
.content-vertical .detail .keyboard li.col-3 {
}
.no-webp .content-vertical .detail .keyboard li.col-4 {background-position-x:-4.25rem}
.webp .content-vertical .detail .keyboard li.col-4 {background-position-x:-4.25rem}
.content-vertical .detail .keyboard li.col-4 {
}
.no-webp .content-vertical .detail .keyboard li.col-5 {background-position-x:-5.64rem}
.webp .content-vertical .detail .keyboard li.col-5 {background-position-x:-5.64rem}
.content-vertical .detail .keyboard li.col-5 {
}
.no-webp .content-vertical .detail .keyboard li.row1 {background-position-y:-0.08rem}
.webp .content-vertical .detail .keyboard li.row1 {background-position-y:-0.08rem}
.content-vertical .detail .keyboard li.row1 {
}
.no-webp .content-vertical .detail .keyboard li.row2 {background-position-y:-1.55rem}
.webp .content-vertical .detail .keyboard li.row2 {background-position-y:-1.55rem}
.content-vertical .detail .keyboard li.row2 {
}
.no-webp .content-vertical .detail .keyboard li.row3 {background-position-y:-3rem}
.webp .content-vertical .detail .keyboard li.row3 {background-position-y:-3rem}
.content-vertical .detail .keyboard li.row3 {
}
.no-webp .content-vertical .detail .keyboard li.row4 {background-position-y:-4.45rem}
.webp .content-vertical .detail .keyboard li.row4 {background-position-y:-4.45rem}
.content-vertical .detail .keyboard li.row4 {
}
.no-webp .content-vertical .detail .keyboard li.row5 {background-position-y:-5.98rem}
.webp .content-vertical .detail .keyboard li.row5 {background-position-y:-5.98rem}
.content-vertical .detail .keyboard li.row5 {
}
.no-webp .content-vertical .detail .keyboard li.row6 {background-position-y:-7.52rem}
.webp .content-vertical .detail .keyboard li.row6 {background-position-y:-7.52rem}
.content-vertical .detail .keyboard li.row6 {
}
.no-webp .content-vertical .detail .keyboard li.v-item28 {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-lcs_ad4f8c9c.png) no-repeat;
  background-size: 100% 100%}
.webp .content-vertical .detail .keyboard li.v-item28 {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-lcs_ad4f8c9c.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .content-vertical .detail .keyboard li.v-item28 {background-size:100% 100%}
.webp .content-vertical .detail .keyboard li.v-item28 {background-size:100% 100%}
.content-vertical .detail .keyboard li.v-item28 {
}
.no-webp .content-vertical .detail .keyboard li.v-item28.grey {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-grey-lcs_2455d633.png)}
.webp .content-vertical .detail .keyboard li.v-item28.grey {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-grey-lcs_2455d633.webp)}
.content-vertical .detail .keyboard li.v-item28.grey {
}
.no-webp .content-vertical .detail .keyboard li.v-item28.selected {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-select-lcs_0571f932.png)}
.webp .content-vertical .detail .keyboard li.v-item28.selected {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-select-lcs_0571f932.webp)}
.content-vertical .detail .keyboard li.v-item28.selected {
}
.no-webp .content-vertical .detail .keyboard li.v-item29 {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-wyjun_df9efa0a.png) no-repeat;
  background-size: 100% 100%}
.webp .content-vertical .detail .keyboard li.v-item29 {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-wyjun_df9efa0a.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .content-vertical .detail .keyboard li.v-item29 {background-size:100% 100%}
.webp .content-vertical .detail .keyboard li.v-item29 {background-size:100% 100%}
.content-vertical .detail .keyboard li.v-item29 {
}
.no-webp .content-vertical .detail .keyboard li.v-item29.grey {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-grey-wyjun_e7edfad5.png)}
.webp .content-vertical .detail .keyboard li.v-item29.grey {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-grey-wyjun_e7edfad5.webp)}
.content-vertical .detail .keyboard li.v-item29.grey {
}
.no-webp .content-vertical .detail .keyboard li.v-item29.selected {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-select-wyjun_d18734ee.png)}
.webp .content-vertical .detail .keyboard li.v-item29.selected {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-select-wyjun_d18734ee.webp)}
.content-vertical .detail .keyboard li.v-item29.selected {
}
.no-webp .content-vertical .detail .keyboard li.grey {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-grey_a068877c.png)}
.webp .content-vertical .detail .keyboard li.grey {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-grey_a068877c.webp)}
.content-vertical .detail .keyboard li.grey {
}
.no-webp .content-vertical .detail .keyboard li.selected {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-select_8e1bf36c.png)}
.webp .content-vertical .detail .keyboard li.selected {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-select_8e1bf36c.webp)}
.content-vertical .detail .keyboard li.selected {
}
.content-horizontal {
  width: 100%;
  height: 100%;
}
.no-webp .content-horizontal .home {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/H-home-bg_a15aaad7.jpg);
  background-size: 100% 100%;
  background-position: 0}
.webp .content-horizontal .home {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/H-home-bg_a15aaad7.webp);
  background-size: 100% 100%;
  background-position: 0}
.no-webp .content-horizontal .home {background-size:100% 100%}
.webp .content-horizontal .home {background-size:100% 100%}
.no-webp .content-horizontal .home {background-position:0}
.webp .content-horizontal .home {background-position:0}
.content-horizontal .home {
  width: 100%;
  height: 100%;
}
.no-webp .content-horizontal .home .logo {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/logo_68ba6155.png) no-repeat;
  background-size: 100% 100%;
  background-position: 0}
.webp .content-horizontal .home .logo {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/logo_68ba6155.webp) no-repeat;
  background-size: 100% 100%;
  background-position: 0}
.no-webp .content-horizontal .home .logo {background-size:100% 100%}
.webp .content-horizontal .home .logo {background-size:100% 100%}
.no-webp .content-horizontal .home .logo {background-position:0}
.webp .content-horizontal .home .logo {background-position:0}
.content-horizontal .home .logo {
  width: 2.34rem;
  height: 0.73rem;
  display: inline-block;
  position: absolute;
  right: .5rem;
  top: .3rem;
  z-index: 1000;
}
.no-webp .content-horizontal .home .kv {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/H-home-kv_277ecfa0.png);
  background-size: 100% 100%;
  background-position: 0}
.webp .content-horizontal .home .kv {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/H-home-kv_277ecfa0.webp);
  background-size: 100% 100%;
  background-position: 0}
.no-webp .content-horizontal .home .kv {background-size:100% 100%}
.webp .content-horizontal .home .kv {background-size:100% 100%}
.no-webp .content-horizontal .home .kv {background-position:0}
.webp .content-horizontal .home .kv {background-position:0}
.content-horizontal .home .kv {
  width: 9.15rem;
  height: 6.34rem;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
}
.no-webp .content-horizontal .home .kv .cloud {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/H-home-cloud_8b7a3534.png);
  background-size: 100% 100%;
  background-position: 0}
.webp .content-horizontal .home .kv .cloud {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/H-home-cloud_8b7a3534.webp);
  background-size: 100% 100%;
  background-position: 0}
.no-webp .content-horizontal .home .kv .cloud {background-size:100% 100%}
.webp .content-horizontal .home .kv .cloud {background-size:100% 100%}
.no-webp .content-horizontal .home .kv .cloud {background-position:0}
.webp .content-horizontal .home .kv .cloud {background-position:0}
.content-horizontal .home .kv .cloud {
  height: 2.01rem;
  display: inline-block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.no-webp .content-horizontal .home .btn-wrapper {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/H-home-btn_d7ea2cce.png);
  background-size: 100% 100%;
  background-position: 0}
.webp .content-horizontal .home .btn-wrapper {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/H-home-btn_d7ea2cce.webp);
  background-size: 100% 100%;
  background-position: 0}
.no-webp .content-horizontal .home .btn-wrapper {background-size:100% 100%}
.webp .content-horizontal .home .btn-wrapper {background-size:100% 100%}
.no-webp .content-horizontal .home .btn-wrapper {background-position:0}
.webp .content-horizontal .home .btn-wrapper {background-position:0}
.content-horizontal .home .btn-wrapper {
  width: 3.87rem;
  height: 5.52rem;
  position: absolute;
  top: .5rem;
  left: 1rem;
}
.content-horizontal .home .jumpToHorDetail {
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 2.9rem;
  top: 4rem;
}
.no-webp .content-horizontal .detail {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/H-detail-bg_9d2e0bc0.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat}
.webp .content-horizontal .detail {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/H-detail-bg_9d2e0bc0.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat}
.no-webp .content-horizontal .detail {background-size:100% 100%}
.webp .content-horizontal .detail {background-size:100% 100%}
.no-webp .content-horizontal .detail {background-repeat:no-repeat}
.webp .content-horizontal .detail {background-repeat:no-repeat}
.content-horizontal .detail {
  width: 100%;
  height: 100%;
  display: none;
}
.no-webp .content-horizontal .detail .result-wrapper {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/H-detail-result-border_44c5adbc.png);
  background-size: 100% 100%;
  background-repeat: no-repeat}
.webp .content-horizontal .detail .result-wrapper {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/H-detail-result-border_44c5adbc.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat}
.no-webp .content-horizontal .detail .result-wrapper {background-size:100% 100%}
.webp .content-horizontal .detail .result-wrapper {background-size:100% 100%}
.no-webp .content-horizontal .detail .result-wrapper {background-repeat:no-repeat}
.webp .content-horizontal .detail .result-wrapper {background-repeat:no-repeat}
.content-horizontal .detail .result-wrapper {
  width: 12.73rem;
  height: 2.66rem;
  position: absolute;
  left: 2.5%;
  top: .2rem;
}
.content-horizontal .detail .result-wrapper .no-select {
  width: 100%;
  text-align: center;
  color: #434343;
  font-size: .4rem;
  font-weight: 700;
  position: absolute;
  top: 1.15rem;
}
.no-webp .content-horizontal .detail .result-wrapper .result {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/H-detail-result-bg_1be407ac.png);
  background-size: 100% 100%;
  background-repeat: no-repeat}
.webp .content-horizontal .detail .result-wrapper .result {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/H-detail-result-bg_1be407ac.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat}
.no-webp .content-horizontal .detail .result-wrapper .result {background-size:100% 100%}
.webp .content-horizontal .detail .result-wrapper .result {background-size:100% 100%}
.no-webp .content-horizontal .detail .result-wrapper .result {background-repeat:no-repeat}
.webp .content-horizontal .detail .result-wrapper .result {background-repeat:no-repeat}
.content-horizontal .detail .result-wrapper .result {
  display: none;
  width: 4.98rem;
  height: 2.11rem;
  margin-left: 1.3rem;
  margin-top: .3rem;
}
.content-horizontal .detail .result-wrapper .result .firstSelectedItemHorizontal {
  width: 1.49rem;
  height: 1.78rem;
  position: absolute;
  left: .4rem;
  top: .6rem;
}
.content-horizontal .detail .result-wrapper .result .secondSelectedItemHorizontal {
  width: 1.49rem;
  height: 1.78rem;
  position: absolute;
  left: 4.25rem;
  top: .55rem;
}
.content-horizontal .detail .result-wrapper .result .detailHorizontalRelation {
  width: 2.4rem;
  text-align: center;
  font-size: .26rem;
  font-weight: 700;
  color: #1f2f49;
  display: inline-block;
  position: absolute;
  left: 3.04rem;
  top: 1.5rem;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.no-webp .content-horizontal .detail .result-wrapper .result .videoBtnHorizontal {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/videoBtn_a6b30240.png) no-repeat;
  background-size: 100% 100%;
  background-position: 0}
.webp .content-horizontal .detail .result-wrapper .result .videoBtnHorizontal {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/videoBtn_a6b30240.webp) no-repeat;
  background-size: 100% 100%;
  background-position: 0}
.no-webp .content-horizontal .detail .result-wrapper .result .videoBtnHorizontal {background-size:100% 100%}
.webp .content-horizontal .detail .result-wrapper .result .videoBtnHorizontal {background-size:100% 100%}
.no-webp .content-horizontal .detail .result-wrapper .result .videoBtnHorizontal {background-position:0}
.webp .content-horizontal .detail .result-wrapper .result .videoBtnHorizontal {background-position:0}
.content-horizontal .detail .result-wrapper .result .videoBtnHorizontal {
  display: none;
  width: 0.49rem;
  height: 0.49rem;
  position: absolute;
  left: 2.75rem;
  top: 1.9rem;
  -moz-animation: pulse 4s forwards infinite;
  -webkit-animation: pulse 4s forwards infinite;
  -o-animation: pulse 4s forwards infinite;
  -ms-animation: pulse 4s forwards infinite;
  animation: pulse 4s forwards infinite;
}
.content-horizontal .detail .result-wrapper .result .detailHorizontalDesc {
  width: 5.3rem;
  height: 1.6rem;
  font-size: .28rem;
  font-weight: 700;
  color: black;
  display: inline-block;
  position: absolute;
  right: .6rem;
  top: .5rem;
  overflow: scroll;
  overflow-x: hidden;
}
.content-horizontal .detail .keyboardWrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
.content-horizontal .detail .keyboardWrapper .keyboard-wrap {
  width: 100%;
  overflow: auto;
}
.content-horizontal .detail .keyboardWrapper .keyboard {
  width: 19.5rem;
  height: 2.92rem;
  margin: 0 0 .2rem .15rem;
  overflow: hidden;
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars_db2be070.png) no-repeat;
  background-size: 6.93rem 9.70rem}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars_db2be070.webp) no-repeat;
  background-size: 6.93rem 9.70rem}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li {background-size:6.93rem 9.70rem}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li {background-size:6.93rem 9.70rem}
.content-horizontal .detail .keyboardWrapper .keyboard li {
  float: left;
  margin-right: .1rem;
  margin-bottom: .12rem;
  width: 1.2rem;
  height: 1.4rem;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
}
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item10,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item20 {
  margin-right: 0;
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item9, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item19, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item10, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item20, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item25 {background-position-x:-5.64rem}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item9, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item19, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item10, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item20, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item25 {background-position-x:-5.64rem}
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item9,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item19,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item10,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item20,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item25 {
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item1, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item11, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item5, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item15, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item21 {background-position-x:-0.07rem}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item1, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item11, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item5, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item15, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item21 {background-position-x:-0.07rem}
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item1,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item11,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item5,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item15,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item21 {
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item2, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item12, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item6, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item16, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item22, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item27 {background-position-x:-1.46rem}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item2, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item12, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item6, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item16, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item22, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item27 {background-position-x:-1.46rem}
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item2,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item12,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item6,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item16,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item22,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item27 {
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item3, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item13, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item7, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item17, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item23, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item28 {background-position-x:-2.86rem}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item3, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item13, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item7, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item17, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item23, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item28 {background-position-x:-2.86rem}
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item3,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item13,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item7,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item17,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item23,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item28 {
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item4, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item8, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item14, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item18, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item24 {background-position-x:-4.25rem}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item4, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item8, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item14, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item18, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item24 {background-position-x:-4.25rem}
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item4,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item8,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item14,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item18,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item24 {
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item1, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item2, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item3, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item4, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item9 {background-position-y:-0.08rem}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item1, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item2, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item3, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item4, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item9 {background-position-y:-0.08rem}
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item1,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item2,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item3,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item4,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item9 {
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item11, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item12, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item13, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item14, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item19 {background-position-y:-1.55rem}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item11, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item12, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item13, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item14, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item19 {background-position-y:-1.55rem}
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item11,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item12,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item13,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item14,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item19 {
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item5, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item6, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item7, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item8, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item10, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item26 {background-position-y:-3rem}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item5, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item6, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item7, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item8, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item10, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item26 {background-position-y:-3rem}
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item5,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item6,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item7,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item8,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item10,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item26 {
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item15, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item16, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item17, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item18, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item20 {background-position-y:-4.45rem}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item15, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item16, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item17, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item18, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item20 {background-position-y:-4.45rem}
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item15,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item16,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item17,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item18,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item20 {
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item21, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item22, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item23, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item24, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item25 {background-position-y:-5.98rem}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item21, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item22, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item23, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item24, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item25 {background-position-y:-5.98rem}
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item21,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item22,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item23,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item24,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item25 {
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item26, 
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item27 {background-position-y:-7.52rem}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item26, 
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item27 {background-position-y:-7.52rem}
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item26,
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item27 {
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item28 {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-lcs_ad4f8c9c.png) no-repeat;
  background-size: 100% 100%}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item28 {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-lcs_ad4f8c9c.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item28 {background-size:100% 100%}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item28 {background-size:100% 100%}
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item28 {
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item28.grey {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-grey-lcs_2455d633.png)}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item28.grey {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-grey-lcs_2455d633.webp)}
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item28.grey {
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item28.selected {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-select-lcs_0571f932.png)}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item28.selected {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-select-lcs_0571f932.webp)}
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item28.selected {
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item29 {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-wyjun_df9efa0a.png) no-repeat;
  background-size: 100% 100%}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item29 {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-wyjun_df9efa0a.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item29 {background-size:100% 100%}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item29 {background-size:100% 100%}
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item29 {
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item29.grey {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-grey-wyjun_e7edfad5.png)}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item29.grey {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-grey-wyjun_e7edfad5.webp)}
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item29.grey {
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item29.selected {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-select-wyjun_d18734ee.png)}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.h-item29.selected {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-select-wyjun_d18734ee.webp)}
.content-horizontal .detail .keyboardWrapper .keyboard li.h-item29.selected {
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.grey {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-grey_a068877c.png)}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.grey {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-grey_a068877c.webp)}
.content-horizontal .detail .keyboardWrapper .keyboard li.grey {
}
.no-webp .content-horizontal .detail .keyboardWrapper .keyboard li.selected {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-select_8e1bf36c.png)}
.webp .content-horizontal .detail .keyboardWrapper .keyboard li.selected {background-image:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/avatars-select_8e1bf36c.webp)}
.content-horizontal .detail .keyboardWrapper .keyboard li.selected {
}
.no-webp .content-horizontal .detail .btn-reset {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/btn-reset_bfef5cbb.png) no-repeat;
  background-size: 100% 100%}
.webp .content-horizontal .detail .btn-reset {background:url(https://qnm.res.netease.com/pc/zt/20240117185957/img/btn-reset_bfef5cbb.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .content-horizontal .detail .btn-reset {background-size:100% 100%}
.webp .content-horizontal .detail .btn-reset {background-size:100% 100%}
.content-horizontal .detail .btn-reset {
  position: absolute;
  display: block;
  width: 0.3rem;
  height: 1.44rem;
  right: .05rem;
  bottom: .8rem;
  z-index: 2;
}