@charset "utf-8";
/*除以100版本*/
/* reset */
blockquote,
body,
button,
caption,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
legend,
li,
menu,
ol,
p,
pre,
table,
td,
textarea,
th,
ul {
  padding: 0;
  margin: 0;
}
abbr,
body,
fieldset,
html,
iframe,
img {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
a,
button {
  cursor: pointer;
}
b,
em,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: 700;
}
a,
a:hover {
  text-decoration: none;
}
a,
input {
  outline: 0;
}
body,
html {
  height: 100%;
  width: 100%;
  font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: center;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
}
input {
  -webkit-appearance: none;
}
* {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
}
.hide {
  display: none;
}
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
/* 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%;
  }
}
/* layout */
.no-webp body {background:#fbf9fa}
.webp body {background:#fbf9fa}
body {
  width: 100%;
  color: #000;
}
header,
section,
aside,
footer {
  position: relative;
}
.no-webp #forhorview {background:#000}
.webp #forhorview {background:#000}
#forhorview {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  opacity: .95;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
}
#forhorview p {
  text-align: center;
  color: #fff;
  position: relative;
  top: 35%;
  font-size: .3rem;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-0.5rem);
            transform: translateX(-0.5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-0.5rem);
            transform: translateX(-0.5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes InRight {
  0% {
    -webkit-transform: translateX(0.6rem);
            transform: translateX(0.6rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes InRight {
  0% {
    -webkit-transform: translateX(0.6rem);
            transform: translateX(0.6rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes InLeft {
  0% {
    -webkit-transform: translateX(-0.6rem);
            transform: translateX(-0.6rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes InLeft {
  0% {
    -webkit-transform: translateX(-0.6rem);
            transform: translateX(-0.6rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeInBig {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes fadeInBig {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes heartBeater {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  15% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  30% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  45% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes heartBeater {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  15% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  30% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  45% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes moveUpDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-0.2rem);
            transform: translateY(-0.2rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes moveUpDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-0.2rem);
            transform: translateY(-0.2rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
textarea {
  display: none;
}
.no-webp #wrap {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_main_d05ccee5.jpg);
  background-size: 100% 100%}
.webp #wrap {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_main_d05ccee5.webp);
  background-size: 100% 100%}
.no-webp #wrap {background-size:100% 100%}
.webp #wrap {background-size:100% 100%}
#wrap {
  width: 100%;
  height: 100%;
  opacity: 0;
  min-height: 11.34rem;
  overflow-y: auto;
}
.no-webp #tip {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_bottomtip_5cf61a72.png);
  background-size: cover}
.webp #tip {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_bottomtip_5cf61a72.webp);
  background-size: cover}
.no-webp #tip {background-size:cover}
.webp #tip {background-size:cover}
#tip {
  width: 7.5rem;
  height: .7rem;
  position: fixed;
  bottom: 0;
  z-index: 99;
}
#tip #close-tip {
  height: .7rem;
  width: 1rem;
  float: right;
}
#main {
  position: relative;
  height: 100%;
}
#main.show #slogan {
  -webkit-animation: fadeInDown .8s;
          animation: fadeInDown .8s;
}
#main.show #main-enter {
  -webkit-animation: heartBeater 1.5s infinite;
          animation: heartBeater 1.5s infinite;
}
#main.show #main-nav-1 {
  -webkit-animation: moveUpDown 4s infinite;
          animation: moveUpDown 4s infinite;
}
#main.show #main-nav-2 {
  -webkit-animation: moveUpDown 3s infinite;
          animation: moveUpDown 3s infinite;
}
#main.show #main-nav-3 {
  -webkit-animation: moveUpDown 3.5s infinite;
          animation: moveUpDown 3.5s infinite;
}
.no-webp #logo {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_logo_9d121e9c.png);
  background-size: cover}
.webp #logo {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_logo_9d121e9c.webp);
  background-size: cover}
.no-webp #logo {background-size:cover}
.webp #logo {background-size:cover}
#logo {
  width: 2.02rem;
  height: .65rem;
  position: absolute;
  top: .25rem;
  left: .17rem;
}
.no-webp #topnav {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_topnav_dadd7702.png);
  background-size: cover}
.webp #topnav {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_topnav_dadd7702.webp);
  background-size: cover}
.no-webp #topnav {background-size:cover}
.webp #topnav {background-size:cover}
#topnav {
  width: 2.61rem;
  height: .5rem;
  position: absolute;
  top: .3rem;
  left: 4.48rem;
}
#topnav > a {
  width: 50%;
  height: 100%;
  float: left;
}
.no-webp #slogan {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_slogan_8ea16155.png);
  background-size: cover}
.webp #slogan {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_slogan_8ea16155.webp);
  background-size: cover}
.no-webp #slogan {background-size:cover}
.webp #slogan {background-size:cover}
#slogan {
  width: 2.91rem;
  height: 4.92rem;
  position: absolute;
  top: .99rem;
  left: 2.16rem;
}
.no-webp #main-content-1 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_main_enter_a970f449.png);
  background-size: cover}
.webp #main-content-1 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_main_enter_a970f449.webp);
  background-size: cover}
.no-webp #main-content-1 {background-size:cover}
.webp #main-content-1 {background-size:cover}
#main-content-1 {
  width: 6.47rem;
  height: 5.54rem;
  position: absolute;
  bottom: 0;
  right: 0;
}
.no-webp #main-enter {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_enter_0a93a405.png);
  background-size: cover}
.webp #main-enter {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_enter_0a93a405.webp);
  background-size: cover}
.no-webp #main-enter {background-size:cover}
.webp #main-enter {background-size:cover}
#main-enter {
  width: 5.37rem;
  height: .95rem;
  position: absolute;
  top: 1.33rem;
  left: 0;
}
.no-webp #main-content-2 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_main_cloud_664e90a9.png);
  background-size: cover}
.webp #main-content-2 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_main_cloud_664e90a9.webp);
  background-size: cover}
.no-webp #main-content-2 {background-size:cover}
.webp #main-content-2 {background-size:cover}
#main-content-2 {
  width: 7.5rem;
  height: 5.41rem;
  position: absolute;
  bottom: 0;
}
#main-content-2 > div {
  width: 1.86rem;
  height: 3.13rem;
  position: absolute;
}
.no-webp #main-content-2 #main-nav-1 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_nav1_d91c9aca.png);
  background-size: cover}
.webp #main-content-2 #main-nav-1 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_nav1_d91c9aca.webp);
  background-size: cover}
.no-webp #main-content-2 #main-nav-1 {background-size:cover}
.webp #main-content-2 #main-nav-1 {background-size:cover}
#main-content-2 #main-nav-1 {
  top: .07rem;
  left: .57rem;
}
.no-webp #main-content-2 #main-nav-2 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_nav2_171d33ee.png);
  background-size: cover}
.webp #main-content-2 #main-nav-2 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_nav2_171d33ee.webp);
  background-size: cover}
.no-webp #main-content-2 #main-nav-2 {background-size:cover}
.webp #main-content-2 #main-nav-2 {background-size:cover}
#main-content-2 #main-nav-2 {
  top: .84rem;
  left: 2.82rem;
}
.no-webp #main-content-2 #main-nav-3 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_nav3_30dadf0b.png);
  background-size: cover}
.webp #main-content-2 #main-nav-3 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_nav3_30dadf0b.webp);
  background-size: cover}
.no-webp #main-content-2 #main-nav-3 {background-size:cover}
.webp #main-content-2 #main-nav-3 {background-size:cover}
#main-content-2 #main-nav-3 {
  top: .07rem;
  left: 5.09rem;
}
#inner {
  position: relative;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: .78rem;
}
.no-webp #innav {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_innav_bg_ffae586a.jpg);
  background-size: cover}
.webp #innav {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_innav_bg_ffae586a.webp);
  background-size: cover}
.no-webp #innav {background-size:cover}
.webp #innav {background-size:cover}
#innav {
  width: 7.5rem;
  height: .78rem;
  position: absolute;
  top: 0;
}
#innav > div {
  width: 1.87rem;
  height: .78rem;
  float: left;
}
.no-webp #innav #in-nav-1.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_innav1_ba5312b3.jpg);
  background-size: cover}
.webp #innav #in-nav-1.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_innav1_ba5312b3.webp);
  background-size: cover}
.no-webp #innav #in-nav-1.active {background-size:cover}
.webp #innav #in-nav-1.active {background-size:cover}
#innav #in-nav-1.active {
}
.no-webp #innav #in-nav-2.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_innav2_d30d42fb.jpg);
  background-size: cover}
.webp #innav #in-nav-2.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_innav2_d30d42fb.webp);
  background-size: cover}
.no-webp #innav #in-nav-2.active {background-size:cover}
.webp #innav #in-nav-2.active {background-size:cover}
#innav #in-nav-2.active {
}
.no-webp #innav #in-nav-3.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_innav3_6c5ddd12.jpg);
  background-size: cover}
.webp #innav #in-nav-3.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_innav3_6c5ddd12.webp);
  background-size: cover}
.no-webp #innav #in-nav-3.active {background-size:cover}
.webp #innav #in-nav-3.active {background-size:cover}
#innav #in-nav-3.active {
}
.swiper-container,
.swiper-wrapper,
.swiper-slide {
  height: 100%;
}
.ss1 {
  position: relative;
}
.no-webp .ss1 .title {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_title_1_bb51d5d3.png);
  background-size: cover}
.webp .ss1 .title {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_title_1_bb51d5d3.webp);
  background-size: cover}
.no-webp .ss1 .title {background-size:cover}
.webp .ss1 .title {background-size:cover}
.ss1 .title {
  width: 5.57rem;
  height: 1.1rem;
  position: absolute;
  top: .3rem;
  left: 1.01rem;
  -webkit-animation: fadeInLeft .5s forwards;
          animation: fadeInLeft .5s forwards;
}
.ss1 .tab {
  position: absolute;
  top: 1.65rem;
  left: .16rem;
}
.ss1 .tab > div {
  float: left;
}
.no-webp .ss1 #btn-relative {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_relative_3a241959.png);
  background-size: cover}
.webp .ss1 #btn-relative {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_relative_3a241959.webp);
  background-size: cover}
.no-webp .ss1 #btn-relative {background-size:cover}
.webp .ss1 #btn-relative {background-size:cover}
.ss1 #btn-relative {
  width: 2.98rem;
  height: .62rem;
}
.no-webp .ss1 #btn-relative.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_relative_active_db878c53.png);
  background-size: cover}
.webp .ss1 #btn-relative.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_relative_active_db878c53.webp);
  background-size: cover}
.no-webp .ss1 #btn-relative.active {background-size:cover}
.webp .ss1 #btn-relative.active {background-size:cover}
.ss1 #btn-relative.active {
  width: 4.18rem;
  height: .62rem;
}
.no-webp .ss1 #btn-note {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_note_323dc0e3.png);
  background-size: cover}
.webp .ss1 #btn-note {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_note_323dc0e3.webp);
  background-size: cover}
.no-webp .ss1 #btn-note {background-size:cover}
.webp .ss1 #btn-note {background-size:cover}
.ss1 #btn-note {
  width: 2.98rem;
  height: .62rem;
}
.no-webp .ss1 #btn-note.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_note_active_5c829a3c.png);
  background-size: cover}
.webp .ss1 #btn-note.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_note_active_5c829a3c.webp);
  background-size: cover}
.no-webp .ss1 #btn-note.active {background-size:cover}
.webp .ss1 #btn-note.active {background-size:cover}
.ss1 #btn-note.active {
  width: 4.18rem;
  height: .62rem;
}
.no-webp .ss1 .background {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_content1_e972a7a3.png);
  background-size: cover}
.webp .ss1 .background {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_content1_e972a7a3.webp);
  background-size: cover}
.no-webp .ss1 .background {background-size:cover}
.webp .ss1 .background {background-size:cover}
.ss1 .background {
  width: 7.17rem;
  height: 7.9rem;
  position: absolute;
  top: 2.27rem;
  left: .16rem;
  padding: .15rem .25rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ss1 .background p {
  font-size: .24rem;
  color: #333333;
  text-indent: .48rem;
  line-height: .36rem;
}
.ss1 .background > div {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.ss1 .background .img-box {
  margin: .15rem 0;
  text-align: center;
  position: relative;
}
.ss1 .background .js-icon-bianhua {
  position: absolute;
  width: 3rem;
  height: 3rem;
  right: .3rem;
  top: 0;
}
.ss1 .background .js-icon-bianhua:hover + img {
  display: inline-block;
}
.ss1 .background .pic-flower {
  display: none;
  position: absolute;
  bottom: .25rem;
  right: .45rem;
  width: 5.76rem;
  height: 3.69rem;
}
.ss1 .background .pic-flower-icon {
  max-width: 6rem;
}
.ss1 .stitle {
  width: 1.38rem;
  height: .45rem;
  margin: .15rem 0 .05rem;
}
.no-webp .ss1 .stitle-introduce {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_stitle_introduce_20b4bee6.png);
  background-size: cover}
.webp .ss1 .stitle-introduce {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_stitle_introduce_20b4bee6.webp);
  background-size: cover}
.no-webp .ss1 .stitle-introduce {background-size:cover}
.webp .ss1 .stitle-introduce {background-size:cover}
.ss1 .stitle-introduce {
}
.no-webp .ss1 .stitle-method {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_stitle_method_3728831e.png);
  background-size: cover}
.webp .ss1 .stitle-method {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_stitle_method_3728831e.webp);
  background-size: cover}
.no-webp .ss1 .stitle-method {background-size:cover}
.webp .ss1 .stitle-method {background-size:cover}
.ss1 .stitle-method {
}
.no-webp .ss1 .stitle-reward {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_stitle_reward_57a5d6aa.png);
  background-size: cover}
.webp .ss1 .stitle-reward {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_stitle_reward_57a5d6aa.webp);
  background-size: cover}
.no-webp .ss1 .stitle-reward {background-size:cover}
.webp .ss1 .stitle-reward {background-size:cover}
.ss1 .stitle-reward {
}
.ss1 .image {
  text-align: center;
  margin: .15rem 0;
}
.no-webp .ss1 .image .img-container {background:#c05f68}
.webp .ss1 .image .img-container {background:#c05f68}
.ss1 .image .img-container {
  display: inline-block;
  text-align: center;
  font-size: 0;
  border: solid #170b0c 1px;
}
.ss1 .image img {
  display: inline-block;
  max-width: 6rem;
}
.ss1 .image .wz {
  text-indent: 0;
  text-align: center;
  color: #fff;
  font-size: .22rem;
  line-height: .45rem;
  width: 100%;
}
.ss2 {
  position: relative;
}
.no-webp .ss2 .title {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_title_2_c44c304e.png);
  background-size: cover}
.webp .ss2 .title {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_title_2_c44c304e.webp);
  background-size: cover}
.no-webp .ss2 .title {background-size:cover}
.webp .ss2 .title {background-size:cover}
.ss2 .title {
  -webkit-animation: fadeInLeft .5s forwards;
          animation: fadeInLeft .5s forwards;
  width: 5.32rem;
  height: .81rem;
  position: absolute;
  top: .3rem;
  left: 1rem;
}
.no-webp .ss2 .content-cp-manual {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_content2_be16d478.png);
  background-size: cover}
.webp .ss2 .content-cp-manual {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_content2_be16d478.webp);
  background-size: cover}
.no-webp .ss2 .content-cp-manual {background-size:cover}
.webp .ss2 .content-cp-manual {background-size:cover}
.ss2 .content-cp-manual {
  width: 7.5rem;
  height: 9.39rem;
  position: absolute;
  top: 1.18rem;
}
.ss2 .content-cp-manual > img {
  width: 2.96rem;
  height: 3.31rem;
  position: absolute;
  top: .35rem;
}
.ss2 .content-cp-manual .cp-1 {
  left: .82rem;
}
.ss2 .content-cp-manual .cp-2 {
  left: 3.77rem;
}
.ss2 .content-cp-manual .cp-head-cancel {
  width: 2.96rem;
  height: 3.31rem;
  position: absolute;
  top: .35rem;
  left: .82rem;
}
.no-webp .ss2 .content-cp-manual .cp-none-tip {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_cp_none_52fa0da7.png);
  background-size: cover}
.webp .ss2 .content-cp-manual .cp-none-tip {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_cp_none_52fa0da7.webp);
  background-size: cover}
.no-webp .ss2 .content-cp-manual .cp-none-tip {background-size:cover}
.webp .ss2 .content-cp-manual .cp-none-tip {background-size:cover}
.ss2 .content-cp-manual .cp-none-tip {
  width: 6.89rem;
  height: 4.67rem;
  position: absolute;
  top: .14rem;
  left: .31rem;
}
.no-webp .ss2 .content-cp-manual .cp-error-tip {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_cp_error_a6788e28.png);
  background-size: cover}
.webp .ss2 .content-cp-manual .cp-error-tip {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_cp_error_a6788e28.webp);
  background-size: cover}
.no-webp .ss2 .content-cp-manual .cp-error-tip {background-size:cover}
.webp .ss2 .content-cp-manual .cp-error-tip {background-size:cover}
.ss2 .content-cp-manual .cp-error-tip {
  width: 6.89rem;
  height: 3.91rem;
  position: absolute;
  top: .14rem;
  left: .31rem;
}
.no-webp .ss2 .content-cp-manual .btn-auto {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn-cp_836498f3.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%}
.webp .ss2 .content-cp-manual .btn-auto {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn-cp_836498f3.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%}
.no-webp .ss2 .content-cp-manual .btn-auto {background-repeat:no-repeat}
.webp .ss2 .content-cp-manual .btn-auto {background-repeat:no-repeat}
.no-webp .ss2 .content-cp-manual .btn-auto {background-position:center}
.webp .ss2 .content-cp-manual .btn-auto {background-position:center}
.no-webp .ss2 .content-cp-manual .btn-auto {background-size:100%}
.webp .ss2 .content-cp-manual .btn-auto {background-size:100%}
.ss2 .content-cp-manual .btn-auto {
  display: block;
  position: absolute;
  top: 3.2rem;
  left: 0;
  width: .96rem;
  height: .86rem;
}
.no-webp .ss2 .content-cp-manual .btn-again {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_again_cp_158c5c9c.png);
  background-size: cover}
.webp .ss2 .content-cp-manual .btn-again {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_again_cp_158c5c9c.webp);
  background-size: cover}
.no-webp .ss2 .content-cp-manual .btn-again {background-size:cover}
.webp .ss2 .content-cp-manual .btn-again {background-size:cover}
.ss2 .content-cp-manual .btn-again {
  width: .58rem;
  height: 3.32rem;
  position: absolute;
  top: .49rem;
  left: 0;
  -webkit-animation: InLeft .5s forwards;
          animation: InLeft .5s forwards;
}
.no-webp .ss2 .content-cp-manual .btn-prev, 
.no-webp .ss2 .content-cp-manual .btn-next {background-size:100%}
.webp .ss2 .content-cp-manual .btn-prev, 
.webp .ss2 .content-cp-manual .btn-next {background-size:100%}
.ss2 .content-cp-manual .btn-prev,
.ss2 .content-cp-manual .btn-next {
  position: absolute;
  width: 0.4rem;
  height: 1.74rem;
  z-index: 10;
  opacity: 0.5;
  pointer-events: none;
}
.ss2 .content-cp-manual .btn-prev.on,
.ss2 .content-cp-manual .btn-next.on {
  opacity: 1;
  pointer-events: all;
}
.ss2 .content-cp-manual .btn-prev.btn-prev-male,
.ss2 .content-cp-manual .btn-next.btn-prev-male,
.ss2 .content-cp-manual .btn-prev.btn-next-male,
.ss2 .content-cp-manual .btn-next.btn-next-male {
  top: 4.52rem;
}
.ss2 .content-cp-manual .btn-prev.btn-prev-female,
.ss2 .content-cp-manual .btn-next.btn-prev-female,
.ss2 .content-cp-manual .btn-prev.btn-next-female,
.ss2 .content-cp-manual .btn-next.btn-next-female {
  top: 7.12rem;
}
.no-webp .ss2 .content-cp-manual .btn-prev {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn-prev_419c8783.png)}
.webp .ss2 .content-cp-manual .btn-prev {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn-prev_419c8783.webp)}
.ss2 .content-cp-manual .btn-prev {
  left: 0.2rem;
}
.no-webp .ss2 .content-cp-manual .btn-next {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn-next_70bf6150.png)}
.webp .ss2 .content-cp-manual .btn-next {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn-next_70bf6150.webp)}
.ss2 .content-cp-manual .btn-next {
  right: 0.2rem;
}
.ss2 .content-cp-manual .head-group {
  position: absolute;
  left: 0;
  right: 0;
  top: 4.1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 5.2rem;
  padding: 0 0.5rem 0 0.6rem;
  font-size: 0;
}
.ss2 .content-cp-manual .head-group:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
.ss2 .content-cp-manual .head-group .group-wrap {
  height: 2.62rem;
  overflow: hidden;
  -webkit-transition: scrollLeft 0.5s ease;
  transition: scrollLeft 0.5s ease;
}
.ss2 .content-cp-manual .head-group .group-wrap .group-male {
  width: 8.96rem;
}
.ss2 .content-cp-manual .head-group .group-wrap .group-female {
  width: 8.96rem;
}
.no-webp .ss2 .content-cp-manual .head-group .group-item > div {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_747885be.png);
  background-size: 6.62rem auto;
  background-repeat: no-repeat}
.webp .ss2 .content-cp-manual .head-group .group-item > div {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_747885be.webp);
  background-size: 6.62rem auto;
  background-repeat: no-repeat}
.no-webp .ss2 .content-cp-manual .head-group .group-item > div {background-size:6.62rem auto}
.webp .ss2 .content-cp-manual .head-group .group-item > div {background-size:6.62rem auto}
.no-webp .ss2 .content-cp-manual .head-group .group-item > div {background-repeat:no-repeat}
.webp .ss2 .content-cp-manual .head-group .group-item > div {background-repeat:no-repeat}
.ss2 .content-cp-manual .head-group .group-item > div {
  display: inline-block;
  position: static;
  width: 1.24rem;
  height: 1.3rem;
  margin-right: 0.03rem;
}
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.active {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_select_7850c766.png)}
.webp .ss2 .content-cp-manual .head-group .group-item > div.active {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_select_7850c766.webp)}
.ss2 .content-cp-manual .head-group .group-item > div.active {
}
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.inactive {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_disabled_bc59b80a.png)}
.webp .ss2 .content-cp-manual .head-group .group-item > div.inactive {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_disabled_bc59b80a.webp)}
.ss2 .content-cp-manual .head-group .group-item > div.inactive {
}
.no-webp .ss2 .content-cp-manual .head-group .group-item > div {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_747885be.png);
  background-repeat: no-repeat;
  background-size: 6.62rem auto}
.webp .ss2 .content-cp-manual .head-group .group-item > div {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_747885be.webp);
  background-repeat: no-repeat;
  background-size: 6.62rem auto}
.no-webp .ss2 .content-cp-manual .head-group .group-item > div {background-repeat:no-repeat}
.webp .ss2 .content-cp-manual .head-group .group-item > div {background-repeat:no-repeat}
.no-webp .ss2 .content-cp-manual .head-group .group-item > div {background-size:6.62rem auto}
.webp .ss2 .content-cp-manual .head-group .group-item > div {background-size:6.62rem auto}
.ss2 .content-cp-manual .head-group .group-item > div {
  display: inline-block;
  position: static;
  width: 1.26rem;
  height: 1.3rem;
  margin-left: -0.02rem;
}
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-hh-male, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-hh-female, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-fang-male, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-fang-female {background-position-x:0}
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-hh-male, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-hh-female, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-fang-male, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-fang-female {background-position-x:0}
.ss2 .content-cp-manual .head-group .group-item > div.role-hh-male,
.ss2 .content-cp-manual .head-group .group-item > div.role-hh-female,
.ss2 .content-cp-manual .head-group .group-item > div.role-fang-male,
.ss2 .content-cp-manual .head-group .group-item > div.role-fang-female {
}
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-xia-male, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-xia-female, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-ys-male, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-ys-female {background-position-x:-1.36rem}
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-xia-male, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-xia-female, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-ys-male, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-ys-female {background-position-x:-1.36rem}
.ss2 .content-cp-manual .head-group .group-item > div.role-xia-male,
.ss2 .content-cp-manual .head-group .group-item > div.role-xia-female,
.ss2 .content-cp-manual .head-group .group-item > div.role-ys-male,
.ss2 .content-cp-manual .head-group .group-item > div.role-ys-female {
}
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-jia-male, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-jia-female, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-mei-male, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-mei-female {background-position-x:-2.68rem}
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-jia-male, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-jia-female, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-mei-male, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-mei-female {background-position-x:-2.68rem}
.ss2 .content-cp-manual .head-group .group-item > div.role-jia-male,
.ss2 .content-cp-manual .head-group .group-item > div.role-jia-female,
.ss2 .content-cp-manual .head-group .group-item > div.role-mei-male,
.ss2 .content-cp-manual .head-group .group-item > div.role-mei-female {
}
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-dao-male, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-dao-female, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-yy-male, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-yy-female {background-position-x:-3.99rem}
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-dao-male, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-dao-female, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-yy-male, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-yy-female {background-position-x:-3.99rem}
.ss2 .content-cp-manual .head-group .group-item > div.role-dao-male,
.ss2 .content-cp-manual .head-group .group-item > div.role-dao-female,
.ss2 .content-cp-manual .head-group .group-item > div.role-yy-male,
.ss2 .content-cp-manual .head-group .group-item > div.role-yy-female {
}
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-she-male, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-she-female, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-y-male, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-y-female {background-position-x:-5.36rem}
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-she-male, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-she-female, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-y-male, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-y-female {background-position-x:-5.36rem}
.ss2 .content-cp-manual .head-group .group-item > div.role-she-male,
.ss2 .content-cp-manual .head-group .group-item > div.role-she-female,
.ss2 .content-cp-manual .head-group .group-item > div.role-y-male,
.ss2 .content-cp-manual .head-group .group-item > div.role-y-female {
}
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-fang-male, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-ys-male, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-mei-male, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-yy-male, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-y-male {background-position-y:-1.42rem}
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-fang-male, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-ys-male, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-mei-male, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-yy-male, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-y-male {background-position-y:-1.42rem}
.ss2 .content-cp-manual .head-group .group-item > div.role-fang-male,
.ss2 .content-cp-manual .head-group .group-item > div.role-ys-male,
.ss2 .content-cp-manual .head-group .group-item > div.role-mei-male,
.ss2 .content-cp-manual .head-group .group-item > div.role-yy-male,
.ss2 .content-cp-manual .head-group .group-item > div.role-y-male {
}
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-hh-female, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-xia-female, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-jia-female, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-dao-female, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-she-female {background-position-y:-2.83rem}
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-hh-female, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-xia-female, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-jia-female, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-dao-female, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-she-female {background-position-y:-2.83rem}
.ss2 .content-cp-manual .head-group .group-item > div.role-hh-female,
.ss2 .content-cp-manual .head-group .group-item > div.role-xia-female,
.ss2 .content-cp-manual .head-group .group-item > div.role-jia-female,
.ss2 .content-cp-manual .head-group .group-item > div.role-dao-female,
.ss2 .content-cp-manual .head-group .group-item > div.role-she-female {
}
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-fang-female, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-ys-female, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-mei-female, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-yy-female, 
.no-webp .ss2 .content-cp-manual .head-group .group-item > div.role-y-female {background-position-y:-4.2rem}
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-fang-female, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-ys-female, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-mei-female, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-yy-female, 
.webp .ss2 .content-cp-manual .head-group .group-item > div.role-y-female {background-position-y:-4.2rem}
.ss2 .content-cp-manual .head-group .group-item > div.role-fang-female,
.ss2 .content-cp-manual .head-group .group-item > div.role-ys-female,
.ss2 .content-cp-manual .head-group .group-item > div.role-mei-female,
.ss2 .content-cp-manual .head-group .group-item > div.role-yy-female,
.ss2 .content-cp-manual .head-group .group-item > div.role-y-female {
}
.no-webp .ss2 .content-cp-manual .head-group .group-male .role-jx-male {background-size:100%}
.webp .ss2 .content-cp-manual .head-group .group-male .role-jx-male {background-size:100%}
.no-webp .ss2 .content-cp-manual .head-group .group-male .role-jx-male {background-repeat:no-repeat}
.webp .ss2 .content-cp-manual .head-group .group-male .role-jx-male {background-repeat:no-repeat}
.no-webp .ss2 .content-cp-manual .head-group .group-male .role-jx-male {background-position:center}
.webp .ss2 .content-cp-manual .head-group .group-male .role-jx-male {background-position:center}
.no-webp .ss2 .content-cp-manual .head-group .group-male .role-jx-male {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_mjx_7007f1c5.png)}
.webp .ss2 .content-cp-manual .head-group .group-male .role-jx-male {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_mjx_7007f1c5.webp)}
.ss2 .content-cp-manual .head-group .group-male .role-jx-male {
}
.no-webp .ss2 .content-cp-manual .head-group .group-male .role-jx-male.inactive {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_disabled_mjx_aab1699e.png)}
.webp .ss2 .content-cp-manual .head-group .group-male .role-jx-male.inactive {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_disabled_mjx_aab1699e.webp)}
.ss2 .content-cp-manual .head-group .group-male .role-jx-male.inactive {
}
.no-webp .ss2 .content-cp-manual .head-group .group-male .role-jx-male.active {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_select_mjx_df96f19b.png)}
.webp .ss2 .content-cp-manual .head-group .group-male .role-jx-male.active {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_select_mjx_df96f19b.webp)}
.ss2 .content-cp-manual .head-group .group-male .role-jx-male.active {
}
.no-webp .ss2 .content-cp-manual .head-group .group-male .role-dk-male {background-size:100%}
.webp .ss2 .content-cp-manual .head-group .group-male .role-dk-male {background-size:100%}
.no-webp .ss2 .content-cp-manual .head-group .group-male .role-dk-male {background-repeat:no-repeat}
.webp .ss2 .content-cp-manual .head-group .group-male .role-dk-male {background-repeat:no-repeat}
.no-webp .ss2 .content-cp-manual .head-group .group-male .role-dk-male {background-position:center}
.webp .ss2 .content-cp-manual .head-group .group-male .role-dk-male {background-position:center}
.no-webp .ss2 .content-cp-manual .head-group .group-male .role-dk-male {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_mdk_c8e0a64f.png)}
.webp .ss2 .content-cp-manual .head-group .group-male .role-dk-male {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_mdk_c8e0a64f.webp)}
.ss2 .content-cp-manual .head-group .group-male .role-dk-male {
}
.no-webp .ss2 .content-cp-manual .head-group .group-male .role-dk-male.inactive {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_disabled_mdk_66d329f4.png)}
.webp .ss2 .content-cp-manual .head-group .group-male .role-dk-male.inactive {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_disabled_mdk_66d329f4.webp)}
.ss2 .content-cp-manual .head-group .group-male .role-dk-male.inactive {
}
.no-webp .ss2 .content-cp-manual .head-group .group-male .role-dk-male.active {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_select_mdk_b41462da.png)}
.webp .ss2 .content-cp-manual .head-group .group-male .role-dk-male.active {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_select_mdk_b41462da.webp)}
.ss2 .content-cp-manual .head-group .group-male .role-dk-male.active {
}
.no-webp .ss2 .content-cp-manual .head-group .group-male .role-ylym-male {background-position:-0.04rem -5.6rem}
.webp .ss2 .content-cp-manual .head-group .group-male .role-ylym-male {background-position:-0.04rem -5.6rem}
.ss2 .content-cp-manual .head-group .group-male .role-ylym-male {
}
.no-webp .ss2 .content-cp-manual .head-group .group-male .role-ylym-male.active {background-position:-0.04rem -5.66rem}
.webp .ss2 .content-cp-manual .head-group .group-male .role-ylym-male.active {background-position:-0.04rem -5.66rem}
.ss2 .content-cp-manual .head-group .group-male .role-ylym-male.active {
}
.ss2 .content-cp-manual .head-group .group-female {
  margin-top: 0.06rem;
}
.no-webp .ss2 .content-cp-manual .head-group .group-female .role-jx-female {background-size:100%}
.webp .ss2 .content-cp-manual .head-group .group-female .role-jx-female {background-size:100%}
.no-webp .ss2 .content-cp-manual .head-group .group-female .role-jx-female {background-repeat:no-repeat}
.webp .ss2 .content-cp-manual .head-group .group-female .role-jx-female {background-repeat:no-repeat}
.no-webp .ss2 .content-cp-manual .head-group .group-female .role-jx-female {background-position:center}
.webp .ss2 .content-cp-manual .head-group .group-female .role-jx-female {background-position:center}
.no-webp .ss2 .content-cp-manual .head-group .group-female .role-jx-female {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_fjx_8e8a1339.png)}
.webp .ss2 .content-cp-manual .head-group .group-female .role-jx-female {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_fjx_8e8a1339.webp)}
.ss2 .content-cp-manual .head-group .group-female .role-jx-female {
}
.no-webp .ss2 .content-cp-manual .head-group .group-female .role-jx-female.inactive {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_disabled_fjx_98de9acf.png)}
.webp .ss2 .content-cp-manual .head-group .group-female .role-jx-female.inactive {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_disabled_fjx_98de9acf.webp)}
.ss2 .content-cp-manual .head-group .group-female .role-jx-female.inactive {
}
.no-webp .ss2 .content-cp-manual .head-group .group-female .role-jx-female.active {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_select_fjx_796dda38.png)}
.webp .ss2 .content-cp-manual .head-group .group-female .role-jx-female.active {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_select_fjx_796dda38.webp)}
.ss2 .content-cp-manual .head-group .group-female .role-jx-female.active {
}
.no-webp .ss2 .content-cp-manual .head-group .group-female .role-dk-female {background-size:100%}
.webp .ss2 .content-cp-manual .head-group .group-female .role-dk-female {background-size:100%}
.no-webp .ss2 .content-cp-manual .head-group .group-female .role-dk-female {background-repeat:no-repeat}
.webp .ss2 .content-cp-manual .head-group .group-female .role-dk-female {background-repeat:no-repeat}
.no-webp .ss2 .content-cp-manual .head-group .group-female .role-dk-female {background-position:center}
.webp .ss2 .content-cp-manual .head-group .group-female .role-dk-female {background-position:center}
.no-webp .ss2 .content-cp-manual .head-group .group-female .role-dk-female {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_fdk_9bea79fb.png)}
.webp .ss2 .content-cp-manual .head-group .group-female .role-dk-female {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_fdk_9bea79fb.webp)}
.ss2 .content-cp-manual .head-group .group-female .role-dk-female {
}
.no-webp .ss2 .content-cp-manual .head-group .group-female .role-dk-female.inactive {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_disabled_fdk_92dafb2a.png)}
.webp .ss2 .content-cp-manual .head-group .group-female .role-dk-female.inactive {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_disabled_fdk_92dafb2a.webp)}
.ss2 .content-cp-manual .head-group .group-female .role-dk-female.inactive {
}
.no-webp .ss2 .content-cp-manual .head-group .group-female .role-dk-female.active {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_select_fdk_6e19f46a.png)}
.webp .ss2 .content-cp-manual .head-group .group-female .role-dk-female.active {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_head_select_fdk_6e19f46a.webp)}
.ss2 .content-cp-manual .head-group .group-female .role-dk-female.active {
}
.no-webp .ss2 .content-cp-manual .head-group .group-female .role-ylaw-female {background-position:-2.66rem -5.6rem !important}
.webp .ss2 .content-cp-manual .head-group .group-female .role-ylaw-female {background-position:-2.66rem -5.6rem !important}
.ss2 .content-cp-manual .head-group .group-female .role-ylaw-female {
}
.no-webp .ss2 .content-cp-manual .head-group .group-female .role-ylaw-female.active {background-position:-2.66rem -5.66rem !important}
.webp .ss2 .content-cp-manual .head-group .group-female .role-ylaw-female.active {background-position:-2.66rem -5.66rem !important}
.ss2 .content-cp-manual .head-group .group-female .role-ylaw-female.active {
}
.no-webp .ss2 .content-cp-manual .head-group .group-female .role-ylyy-female {background-position:-1.34rem -5.64rem}
.webp .ss2 .content-cp-manual .head-group .group-female .role-ylyy-female {background-position:-1.34rem -5.64rem}
.ss2 .content-cp-manual .head-group .group-female .role-ylyy-female {
}
.no-webp .ss2 .content-cp-manual .head-group .group-female .role-ylyy-female.active {background-position:-1.36rem -5.66rem}
.webp .ss2 .content-cp-manual .head-group .group-female .role-ylyy-female.active {background-position:-1.36rem -5.66rem}
.ss2 .content-cp-manual .head-group .group-female .role-ylyy-female.active {
}
.no-webp .ss2 .content-cp-auto {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_content2-2_7719e788.png);
  background-size: cover}
.webp .ss2 .content-cp-auto {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_content2-2_7719e788.webp);
  background-size: cover}
.no-webp .ss2 .content-cp-auto {background-size:cover}
.webp .ss2 .content-cp-auto {background-size:cover}
.ss2 .content-cp-auto {
  width: 7.5rem;
  height: 10.68rem;
  position: absolute;
  top: 1.18rem;
}
.no-webp .ss2 .content-cp-auto .btn-back {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_back_cp_8732f4f9.png);
  background-size: cover}
.webp .ss2 .content-cp-auto .btn-back {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_back_cp_8732f4f9.webp);
  background-size: cover}
.no-webp .ss2 .content-cp-auto .btn-back {background-size:cover}
.webp .ss2 .content-cp-auto .btn-back {background-size:cover}
.ss2 .content-cp-auto .btn-back {
  width: .58rem;
  height: 3.32rem;
  position: absolute;
  top: .49rem;
  left: 0;
  -webkit-animation: InLeft .5s forwards;
          animation: InLeft .5s forwards;
}
.no-webp .ss2 .content-cp-auto .select-cover {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_auto_cp_61786a1b.png);
  background-size: cover}
.webp .ss2 .content-cp-auto .select-cover {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_auto_cp_61786a1b.webp);
  background-size: cover}
.no-webp .ss2 .content-cp-auto .select-cover {background-size:cover}
.webp .ss2 .content-cp-auto .select-cover {background-size:cover}
.ss2 .content-cp-auto .select-cover {
  width: 7.2rem;
  height: 6.28rem;
  position: absolute;
  top: 4.1rem;
  left: .3rem;
}
.no-webp .ss2 .content-cp-auto .select-bg > li {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_cp_select1_c143cf06.png);
  background-size: 100% 100%}
.webp .ss2 .content-cp-auto .select-bg > li {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_cp_select1_c143cf06.webp);
  background-size: 100% 100%}
.no-webp .ss2 .content-cp-auto .select-bg > li {background-size:100% 100%}
.webp .ss2 .content-cp-auto .select-bg > li {background-size:100% 100%}
.ss2 .content-cp-auto .select-bg > li {
  /*&:nth-child(7), &:nth-child(8) {
					margin-bottom: .25rem;
					background-image: url(../img/bg_cp_select2.png);
				}
				&:nth-child(7) {
					margin-right: .7rem;
				    margin-left: -.05rem;
				}
				&:nth-child(9) {
				    margin-left: -.03rem;
				}
				&[data-cpindex="9"]{
					width: 3.2rem;
					background-image: url(../img/bg_cp_select2.png);
				}
				&.active{
					background-image: url(../img/bg_cp_select-h.png);
				}*/
}
.no-webp .ss2 .content-cp-auto .select-bg > li[data-cpindex="9"] {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_cp_select2_5a0ac64c.png)}
.webp .ss2 .content-cp-auto .select-bg > li[data-cpindex="9"] {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_cp_select2_5a0ac64c.webp)}
.ss2 .content-cp-auto .select-bg > li[data-cpindex="9"] {
}
.no-webp .ss2 .content-cp-auto .select-bg > li.active {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_cp_select-h_e7a24a95.png)}
.webp .ss2 .content-cp-auto .select-bg > li.active {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_cp_select-h_e7a24a95.webp)}
.ss2 .content-cp-auto .select-bg > li.active {
}
.ss2 .content-cp-auto .select-btn > li {
  /*&:nth-child(8) {
				    margin-left: .5rem;
				}*/
}
.ss2 .content-cp-auto .select-bg,
.ss2 .content-cp-auto .select-btn {
  width: 7.5rem;
  position: absolute;
  top: 4.1rem;
  left: .31rem;
}
.ss2 .content-cp-auto .select-bg > li,
.ss2 .content-cp-auto .select-btn > li {
  width: 2.29rem;
  height: 1.12rem;
  margin-right: 0.15rem;
  margin-bottom: 0.15rem;
  float: left;
}
.ss2 .content-cp-auto .select-bg > li[data-cpindex="7"],
.ss2 .content-cp-auto .select-btn > li[data-cpindex="7"],
.ss2 .content-cp-auto .select-bg > li[data-cpindex="8"],
.ss2 .content-cp-auto .select-btn > li[data-cpindex="8"],
.ss2 .content-cp-auto .select-bg > li[data-cpindex="9"],
.ss2 .content-cp-auto .select-btn > li[data-cpindex="9"] {
  margin-top: .1rem;
}
.ss2 .content-cp-auto .select-bg > li[data-cpindex="7"],
.ss2 .content-cp-auto .select-btn > li[data-cpindex="7"] {
  width: 3.2rem;
}
.ss2 .content-cp-auto .select-bg > li[data-cpindex="8"],
.ss2 .content-cp-auto .select-btn > li[data-cpindex="8"] {
  width: 3.27rem;
  margin-left: .5rem;
}
.ss2 .content-cp-auto .select-bg > li[data-cpindex="9"],
.ss2 .content-cp-auto .select-btn > li[data-cpindex="9"] {
  width: 3.2rem;
  margin-left: 0;
  margin-top: 0.06rem;
}
.ss2 .content-cp-auto .select-bg > li[data-cpindex="11"],
.ss2 .content-cp-auto .select-btn > li[data-cpindex="11"] {
  width: 2.48rem;
  margin-left: 0.5rem;
}
.no-webp .ss2 video {background:#000}
.webp .ss2 video {background:#000}
.ss2 video {
  width: 6.37rem;
  height: 3.58rem;
  position: absolute;
  top: 1.49rem;
  left: .58rem;
}
.no-webp .ss2 .btn-show-story {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_story_240a7ce5.png);
  background-size: cover}
.webp .ss2 .btn-show-story {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_story_240a7ce5.webp);
  background-size: cover}
.no-webp .ss2 .btn-show-story {background-size:cover}
.webp .ss2 .btn-show-story {background-size:cover}
.ss2 .btn-show-story {
  width: .55rem;
  height: 3.32rem;
  position: absolute;
  top: 1.67rem;
  right: 0;
  -webkit-animation: InRight .5s forwards;
          animation: InRight .5s forwards;
}
.ss3 {
  position: relative;
}
.no-webp .ss3 .title {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_title_3_7b04618f.png);
  background-size: cover}
.webp .ss3 .title {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_title_3_7b04618f.webp);
  background-size: cover}
.no-webp .ss3 .title {background-size:cover}
.webp .ss3 .title {background-size:cover}
.ss3 .title {
  -webkit-animation: fadeInLeft .5s forwards;
          animation: fadeInLeft .5s forwards;
  width: 5.5rem;
  height: 1.05rem;
  position: absolute;
  top: .23rem;
  left: 1rem;
}
.ss3 .boss-icons {
  position: absolute;
  left: 0;
  width: 7.5rem;
  top: 1.11rem;
  height: 1.81rem;
  overflow: hidden;
}
.no-webp .ss3 .boss-icons > li {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/boss-icons_41230828.png);
  background-repeat: no-repeat;
  background-size: 7.5rem}
.webp .ss3 .boss-icons > li {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/boss-icons_41230828.webp);
  background-repeat: no-repeat;
  background-size: 7.5rem}
.no-webp .ss3 .boss-icons > li {background-repeat:no-repeat}
.webp .ss3 .boss-icons > li {background-repeat:no-repeat}
.no-webp .ss3 .boss-icons > li {background-size:7.5rem}
.webp .ss3 .boss-icons > li {background-size:7.5rem}
.ss3 .boss-icons > li {
  height: 1.81rem;
  width: 1.25rem;
  float: left;
  text-indent: -9999px;
}
.no-webp .ss3 .boss-icons > li.active {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/boss-icons-h_0e00ce8c.png)}
.webp .ss3 .boss-icons > li.active {background-image:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/boss-icons-h_0e00ce8c.webp)}
.ss3 .boss-icons > li.active {
}
.no-webp .ss3 .boss-icons > li[data-boss-for="dawu"] {background-position-x:0}
.webp .ss3 .boss-icons > li[data-boss-for="dawu"] {background-position-x:0}
.ss3 .boss-icons > li[data-boss-for="dawu"] {
}
.no-webp .ss3 .boss-icons > li[data-boss-for="niechengen"] {background-position-x:-1.25rem}
.webp .ss3 .boss-icons > li[data-boss-for="niechengen"] {background-position-x:-1.25rem}
.ss3 .boss-icons > li[data-boss-for="niechengen"] {
}
.no-webp .ss3 .boss-icons > li[data-boss-for="huangtaiji"] {background-position-x:-2.5rem}
.webp .ss3 .boss-icons > li[data-boss-for="huangtaiji"] {background-position-x:-2.5rem}
.ss3 .boss-icons > li[data-boss-for="huangtaiji"] {
}
.no-webp .ss3 .boss-icons > li[data-boss-for="qingyazi"] {background-position-x:-3.75rem}
.webp .ss3 .boss-icons > li[data-boss-for="qingyazi"] {background-position-x:-3.75rem}
.ss3 .boss-icons > li[data-boss-for="qingyazi"] {
}
.no-webp .ss3 .boss-icons > li[data-boss-for="saman"] {background-position-x:-5rem}
.webp .ss3 .boss-icons > li[data-boss-for="saman"] {background-position-x:-5rem}
.ss3 .boss-icons > li[data-boss-for="saman"] {
}
.no-webp .ss3 .boss-icons > li[data-boss-for="tiangui"] {background-position-x:-6.25rem}
.webp .ss3 .boss-icons > li[data-boss-for="tiangui"] {background-position-x:-6.25rem}
.ss3 .boss-icons > li[data-boss-for="tiangui"] {
}
.no-webp .ss3 .boss-con-wrapper {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_content3_3e44fa02.png) no-repeat;
  background-size: cover}
.webp .ss3 .boss-con-wrapper {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_content3_3e44fa02.webp) no-repeat;
  background-size: cover}
.no-webp .ss3 .boss-con-wrapper {background-size:cover}
.webp .ss3 .boss-con-wrapper {background-size:cover}
.ss3 .boss-con-wrapper {
  width: 7.17rem;
  height: 7.3rem;
  position: absolute;
  top: 3.06rem;
  left: .16rem;
}
.no-webp .ss3 .boss-con-wrapper .boss-name {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_boss_name_44a95f14.png) no-repeat;
  background-size: 6.45rem 2.7rem}
.webp .ss3 .boss-con-wrapper .boss-name {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_boss_name_44a95f14.webp) no-repeat;
  background-size: 6.45rem 2.7rem}
.no-webp .ss3 .boss-con-wrapper .boss-name {background-size:6.45rem 2.7rem}
.webp .ss3 .boss-con-wrapper .boss-name {background-size:6.45rem 2.7rem}
.ss3 .boss-con-wrapper .boss-name {
  position: absolute;
  top: .46rem;
  left: .34rem;
  text-indent: -9999px;
  width: 6.45rem;
  height: .5rem;
  -webkit-animation: fadeInRight .3s forwards;
          animation: fadeInRight .3s forwards;
}
.ss3 .boss-con-wrapper .boss-img {
  position: absolute;
  width: 8rem;
  left: 0;
  top: .15rem;
  overflow: hidden;
}
.ss3 .boss-con-wrapper .boss-img > img {
  width: 100%;
}
.ss3 .boss-con-wrapper .boss-btns > li {
  text-indent: -9999px;
}
.no-webp .ss3 .boss-con-wrapper .boss-btns > li.btn-story {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_boss_story_d7fbd54d.png);
  background-size: cover}
.webp .ss3 .boss-con-wrapper .boss-btns > li.btn-story {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_boss_story_d7fbd54d.webp);
  background-size: cover}
.no-webp .ss3 .boss-con-wrapper .boss-btns > li.btn-story {background-size:cover}
.webp .ss3 .boss-con-wrapper .boss-btns > li.btn-story {background-size:cover}
.ss3 .boss-con-wrapper .boss-btns > li.btn-story {
  width: 2.02rem;
  height: .64rem;
  position: absolute;
  top: 1.95rem;
  left: .05rem;
}
.no-webp .ss3 .boss-con-wrapper .boss-btns > li.btn-skill {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_boss_skill_970b790e.png);
  background-size: cover}
.webp .ss3 .boss-con-wrapper .boss-btns > li.btn-skill {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_boss_skill_970b790e.webp);
  background-size: cover}
.no-webp .ss3 .boss-con-wrapper .boss-btns > li.btn-skill {background-size:cover}
.webp .ss3 .boss-con-wrapper .boss-btns > li.btn-skill {background-size:cover}
.ss3 .boss-con-wrapper .boss-btns > li.btn-skill {
  width: 2.02rem;
  height: .64rem;
  position: absolute;
  top: 1.95rem;
  right: .05rem;
}
.no-webp .ss3 .boss-con-wrapper .boss-btns > li.btn-fight {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_boss_enemy_63f97659.png);
  background-size: cover}
.webp .ss3 .boss-con-wrapper .boss-btns > li.btn-fight {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_boss_enemy_63f97659.webp);
  background-size: cover}
.no-webp .ss3 .boss-con-wrapper .boss-btns > li.btn-fight {background-size:cover}
.webp .ss3 .boss-con-wrapper .boss-btns > li.btn-fight {background-size:cover}
.ss3 .boss-con-wrapper .boss-btns > li.btn-fight {
  width: 2.78rem;
  height: 1.07rem;
  position: absolute;
  top: 6.18rem;
  left: 2.22rem;
}
.no-webp .ss3 .boss-con-wrapper[data-boss-target="dawu"] .boss-name {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_boss_name_dw_d3dbf36a.png) no-repeat;
  background-size: 100%;
  background-position: center}
.webp .ss3 .boss-con-wrapper[data-boss-target="dawu"] .boss-name {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_boss_name_dw_d3dbf36a.webp) no-repeat;
  background-size: 100%;
  background-position: center}
.no-webp .ss3 .boss-con-wrapper[data-boss-target="dawu"] .boss-name {background-size:100%}
.webp .ss3 .boss-con-wrapper[data-boss-target="dawu"] .boss-name {background-size:100%}
.no-webp .ss3 .boss-con-wrapper[data-boss-target="dawu"] .boss-name {background-position:center}
.webp .ss3 .boss-con-wrapper[data-boss-target="dawu"] .boss-name {background-position:center}
.ss3 .boss-con-wrapper[data-boss-target="dawu"] .boss-name {
}
.ss3 .boss-con-wrapper[data-boss-target="dawu"] .boss-img > img {
  width: 6.26rem;
  height: 6.53rem;
  margin-left: .3rem;
  margin-top: .2rem;
  pointer-events: none;
}
.ss3 .boss-con-wrapper[data-boss-target="niechengen"] .boss-img > img {
  width: 4.94rem;
  height: 5.34rem;
  margin-left: 1.5rem;
  margin-top: .7rem;
  pointer-events: none;
}
.no-webp .ss3 .boss-con-wrapper[data-boss-target="huangtaiji"] .boss-name {background-position-y:-0.55rem}
.webp .ss3 .boss-con-wrapper[data-boss-target="huangtaiji"] .boss-name {background-position-y:-0.55rem}
.ss3 .boss-con-wrapper[data-boss-target="huangtaiji"] .boss-name {
}
.ss3 .boss-con-wrapper[data-boss-target="huangtaiji"] .boss-img > img {
  width: 6.35rem;
  height: 5.36rem;
  margin-top: .7rem;
  margin-left: .4rem;
  pointer-events: none;
}
.no-webp .ss3 .boss-con-wrapper[data-boss-target="qingyazi"] .boss-name {background-position-y:-1.1rem}
.webp .ss3 .boss-con-wrapper[data-boss-target="qingyazi"] .boss-name {background-position-y:-1.1rem}
.ss3 .boss-con-wrapper[data-boss-target="qingyazi"] .boss-name {
}
.ss3 .boss-con-wrapper[data-boss-target="qingyazi"] .boss-img > img {
  width: 5.97rem;
  height: 5.49rem;
  margin-top: .6rem;
  margin-left: 1.2rem;
  pointer-events: none;
}
.no-webp .ss3 .boss-con-wrapper[data-boss-target="saman"] .boss-name {background-position-y:-1.65rem}
.webp .ss3 .boss-con-wrapper[data-boss-target="saman"] .boss-name {background-position-y:-1.65rem}
.ss3 .boss-con-wrapper[data-boss-target="saman"] .boss-name {
}
.ss3 .boss-con-wrapper[data-boss-target="saman"] .boss-img > img {
  width: 5.62rem;
  height: 6.32rem;
  margin-left: .7rem;
  margin-top: -0.2rem;
  pointer-events: none;
}
.no-webp .ss3 .boss-con-wrapper[data-boss-target="tiangui"] .boss-name {background-position-y:-2.2rem}
.webp .ss3 .boss-con-wrapper[data-boss-target="tiangui"] .boss-name {background-position-y:-2.2rem}
.ss3 .boss-con-wrapper[data-boss-target="tiangui"] .boss-name {
}
.ss3 .boss-con-wrapper[data-boss-target="tiangui"] .boss-img > img {
  width: 5.34rem;
  height: 5.45rem;
  margin-left: 1rem;
  margin-top: .8rem;
  pointer-events: none;
}
.article {
  padding: 0 .35rem;
  font-size: .24rem;
  color: #333333;
  line-height: .4rem;
  height: 6.3rem;
  overflow-y: auto;
  margin-top: 1.5rem;
  -webkit-overflow-scrolling: touch;
}
.article p {
  margin-bottom: .1rem;
  text-indent: .48rem;
}
.no-webp .popup-smzd-story {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_pop_story_dee666d9.jpg);
  background-size: cover}
.webp .popup-smzd-story {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_pop_story_dee666d9.webp);
  background-size: cover}
.no-webp .popup-smzd-story {background-size:cover}
.webp .popup-smzd-story {background-size:cover}
.popup-smzd-story {
  width: 5.66rem;
  height: 8.05rem;
}
.no-webp .popup-smzd-skill {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_pop_skill_4ab1faa5.jpg);
  background-size: cover}
.webp .popup-smzd-skill {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_pop_skill_4ab1faa5.webp);
  background-size: cover}
.no-webp .popup-smzd-skill {background-size:cover}
.webp .popup-smzd-skill {background-size:cover}
.popup-smzd-skill {
  width: 5.66rem;
  height: 8.05rem;
}
.no-webp .popup-smzd-skill li {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/icon-li_468b6517.png) no-repeat;
  background-size: .3rem auto;
  background-position: 0 .08rem}
.webp .popup-smzd-skill li {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/icon-li_468b6517.webp) no-repeat;
  background-size: .3rem auto;
  background-position: 0 .08rem}
.no-webp .popup-smzd-skill li {background-size:.3rem auto}
.webp .popup-smzd-skill li {background-size:.3rem auto}
.no-webp .popup-smzd-skill li {background-position:0 .08rem}
.webp .popup-smzd-skill li {background-position:0 .08rem}
.popup-smzd-skill li {
  margin-top: .15rem;
  padding-left: .45rem;
}
.no-webp .popup-smzd-fight {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_pop_enemy_804e0475.jpg);
  background-size: cover}
.webp .popup-smzd-fight {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_pop_enemy_804e0475.webp);
  background-size: cover}
.no-webp .popup-smzd-fight {background-size:cover}
.webp .popup-smzd-fight {background-size:cover}
.popup-smzd-fight {
  width: 6.49rem;
  height: 8.05rem;
}
.popup-smzd-fight img {
  display: block;
  width: 5.65rem;
  height: auto;
  margin: 0 auto;
}
.no-webp .popup-xzlyb-story {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_pop_cp_story_a2390336.jpg);
  background-size: cover}
.webp .popup-xzlyb-story {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_pop_cp_story_a2390336.webp);
  background-size: cover}
.no-webp .popup-xzlyb-story {background-size:cover}
.webp .popup-xzlyb-story {background-size:cover}
.popup-xzlyb-story {
  width: 5.66rem;
  height: 8.05rem;
}
.no-webp .popup-xzlyb-story h4 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_cp_stitle_9bda606f.png);
  background-size: cover}
.webp .popup-xzlyb-story h4 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_cp_stitle_9bda606f.webp);
  background-size: cover}
.no-webp .popup-xzlyb-story h4 {background-size:cover}
.webp .popup-xzlyb-story h4 {background-size:cover}
.popup-xzlyb-story h4 {
  width: .8rem;
  height: .36rem;
  padding-left: .22rem;
  line-height: .36rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: .15rem;
  color: #ffffff;
  font-size: .18rem;
  font-weight: normal;
}
.no-webp #mask {background:#000}
.webp #mask {background:#000}
#mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: .7;
  z-index: 100;
}
.popup {
  position: fixed;
  z-index: 101;
}
.no-webp .btn-close {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_close_26cf45e9.png);
  background-size: cover}
.webp .btn-close {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_close_26cf45e9.webp);
  background-size: cover}
.no-webp .btn-close {background-size:cover}
.webp .btn-close {background-size:cover}
.btn-close {
  width: .54rem;
  height: .55rem;
  position: absolute;
  top: -0.56rem;
  right: 0;
}
.no-webp .ss4 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_content4-2_ae9e885e.jpg) no-repeat #eaf2f9;
  background-size: 7.5rem auto}
.webp .ss4 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_content4-2_ae9e885e.webp) no-repeat #eaf2f9;
  background-size: 7.5rem auto}
.no-webp .ss4 {background-size:7.5rem auto}
.webp .ss4 {background-size:7.5rem auto}
.ss4 {
  width: 100%;
  height: 100%;
  position: relative;
}
.no-webp .ss4 .title {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_title_4_cedaf0bf.png);
  background-size: cover}
.webp .ss4 .title {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_title_4_cedaf0bf.webp);
  background-size: cover}
.no-webp .ss4 .title {background-size:cover}
.webp .ss4 .title {background-size:cover}
.ss4 .title {
  -webkit-animation: fadeInLeft .5s forwards;
          animation: fadeInLeft .5s forwards;
  width: 5.32rem;
  height: .8rem;
  position: absolute;
  top: .3rem;
  left: 1.07rem;
}
.ss4 #people-image {
  position: absolute;
  top: 0.85rem;
  right: 0;
  z-index: 2;
  width: 4.06rem;
  height: 6.24rem;
  pointer-events: none;
}
.ss4 #people-image > img {
  width: 100%;
  height: 100%;
}
.ss4 #people-image[data-rolename='wyj'],
.ss4 #people-image[data-rolename='mq'],
.ss4 #people-image[data-rolename='ym'],
.ss4 #people-image[data-rolename='yy'],
.ss4 #people-image[data-rolename='aw'] {
  margin-top: -0.2rem;
}
.ss4 #people-image[data-rolename='wyj'] img,
.ss4 #people-image[data-rolename='mq'] img,
.ss4 #people-image[data-rolename='ym'] img,
.ss4 #people-image[data-rolename='yy'] img,
.ss4 #people-image[data-rolename='aw'] img {
  width: 4.12rem;
  height: auto;
}
.ss4 #people-image[data-rolename='wyj'] .btn-find,
.ss4 #people-image[data-rolename='mq'] .btn-find,
.ss4 #people-image[data-rolename='ym'] .btn-find,
.ss4 #people-image[data-rolename='yy'] .btn-find,
.ss4 #people-image[data-rolename='aw'] .btn-find {
  display: none;
}
.ss4 #people-image[data-rolename='wyj'] .btn-find,
.ss4 #people-image[data-rolename='mq'] .btn-find {
  display: block;
  margin-top: .3rem;
}
.ss4 #people-image[data-rolename='fyz'] {
  margin-top: .5rem;
}
.ss4 #people-image[data-rolename='fyz'] .btn-find {
  margin-top: -0.7rem;
}
.ss4 #people-image[data-rolename='hjy'] {
  width: 3.12rem;
  height: 5.26rem;
  margin-top: .5rem;
}
.ss4 #people-image[data-rolename='hjy'] .btn-find {
  margin-top: -0.7rem;
  margin-left: -0.9rem;
}
.ss4 #people-image[data-rolename='twx'] {
  width: 4.46rem;
  height: 5.35rem;
  margin-top: .5rem;
}
.ss4 #people-image[data-rolename='twx'] .btn-find {
  margin-top: -0.7rem;
  margin-left: .4rem;
}
.ss4 #people-image[data-rolename='qxy'] {
  width: 4.07rem;
  height: 5.68rem;
  margin-top: .3rem;
}
.ss4 #people-image[data-rolename='qxy'] .btn-find1,
.ss4 #people-image[data-rolename='qxy'] .btn-find2 {
  margin-top: -0.4rem;
}
.ss4 #people-image[data-rolename='mwc'] {
  width: 4.48rem;
  height: 5.75rem;
  margin-top: .3rem;
}
.ss4 #people-image[data-rolename='mwc'] .btn-find {
  margin-top: -0.4rem;
  margin-left: .4rem;
}
.ss4 #people-image[data-rolename='nlqs'] {
  width: 3.8rem;
  height: 5.51rem;
  margin-top: .5rem;
}
.ss4 #people-image[data-rolename='nlqs'] .btn-find {
  margin-top: -0.7rem;
  margin-left: -0.2rem;
}
.ss4 #people-image[data-rolename='sas'] {
  width: 3.69rem;
  height: 5.26rem;
  margin-top: .5rem;
}
.ss4 #people-image[data-rolename='sas'] .btn-find {
  margin-top: -0.7rem;
  margin-left: -0.2rem;
}
.ss4 #people-image[data-rolename='zds'] {
  width: 3.76rem;
  height: 6.65rem;
}
.ss4 #people-image[data-rolename='zds'] .btn-find1,
.ss4 #people-image[data-rolename='zds'] .btn-find2 {
  margin-left: -0.2rem;
}
.ss4 #people-image[data-rolename='ymy'] {
  width: 3.56rem;
  height: 5.53rem;
  margin-top: .5rem;
}
.ss4 #people-image[data-rolename='ymy'] .btn-find {
  margin-top: -0.7rem;
  margin-left: -0.2rem;
}
.ss4 #people-image[data-rolename='lyx'] {
  width: 4.04rem;
  height: 6.64rem;
  margin-top: .3rem;
}
.ss4 #people-image[data-rolename='lyx'] .btn-find {
  margin-top: .5rem;
}
.ss4 #people-image[data-rolename='yzh'] {
  width: 4.45rem;
  height: 5.96rem;
}
.ss4 #people-image[data-rolename='yzh'] .btn-find {
  margin-top: -0.2rem;
  margin-left: .4rem;
}
.ss4 #people-image[data-rolename='lhk'] {
  width: 4.32rem;
  height: 5.92rem;
  margin-top: .5rem;
}
.ss4 #people-image[data-rolename='lhk'] .btn-find {
  margin-top: -0.7rem;
  margin-left: .3rem;
}
.ss4 #people-image[data-rolename='nqy'] {
  width: 3.48rem;
  height: 6.07rem;
}
.ss4 #people-image[data-rolename='nqy'] .btn-find {
  margin-top: -0.2rem;
  margin-left: -0.5rem;
}
.ss4 #people-image[data-rolename='syx'] {
  width: 3.29rem;
  height: 5.69rem;
  margin-top: .3rem;
}
.ss4 #people-image[data-rolename='syx'] .btn-find1,
.ss4 #people-image[data-rolename='syx'] .btn-find2 {
  margin-top: -0.2rem;
  margin-left: -0.8rem;
}
.ss4 #people-image[data-rolename='blf'] {
  width: 3.8rem;
  height: 6.03rem;
}
.ss4 #people-image[data-rolename='blf'] .btn-find {
  margin-top: -0.1rem;
  margin-left: -0.25rem;
}
.ss4 #people-image[data-rolename='snm'] {
  width: 3.85rem;
  height: 7.15rem;
  margin-top: -0.8rem;
}
.ss4 #people-image[data-rolename='snm'] .btn-find1,
.ss4 #people-image[data-rolename='snm'] .btn-find2 {
  margin-top: .75rem;
  margin-left: -0.2rem;
}
.ss4 #people-image[data-rolename='yyl'] {
  width: 3.36rem;
  height: 5.7rem;
  margin-top: .5rem;
}
.ss4 #people-image[data-rolename='yyl'] .btn-find1,
.ss4 #people-image[data-rolename='yyl'] .btn-find2 {
  margin-top: -0.27rem;
  margin-left: -0.7rem;
}
.ss4 #people-image[data-rolename='yzp'] {
  width: 4.06rem;
  height: 5.68rem;
  margin-top: .5rem;
}
.ss4 #people-image[data-rolename='yzp'] .btn-find {
  margin-top: -0.48rem;
}
.ss4 #people-image[data-rolename='lcs'] {
  height: auto;
  top: 1.25rem;
}
.ss4 #people-image[data-rolename='lcs'] .btn-find {
  margin-top: -0.22rem;
  margin-left: -0.18rem;
}
.ss4 .btn-find {
  width: 2.91rem;
  height: .53rem;
  position: absolute;
  top: 5.41rem;
  left: 1rem;
}
.ss4 .btn-find1 {
  width: 1.45rem;
  height: .91rem;
  position: absolute;
  top: 5.01rem;
  left: .8rem;
}
.ss4 .btn-find2 {
  width: 1.45rem;
  height: .91rem;
  position: absolute;
  top: 5.01rem;
  left: 2.44rem;
}
.ss4 #people-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}
.ss4 #people-nav > div {
  width: 1.25rem;
  height: 1.03rem;
  float: left;
  bottom: 0;
  position: absolute;
}
.ss4 #people-nav > div.active {
  height: 1.19rem;
}
.no-webp .ss4 #people-nav .icon-new {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/icon-new_1f6fee64.png);
  background-size: 100% 100%}
.webp .ss4 #people-nav .icon-new {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/icon-new_1f6fee64.webp);
  background-size: 100% 100%}
.no-webp .ss4 #people-nav .icon-new {background-size:100% 100%}
.webp .ss4 #people-nav .icon-new {background-size:100% 100%}
.ss4 #people-nav .icon-new {
  position: absolute;
  right: 0;
  top: 0;
  width: .38rem;
  height: .42rem;
}
.no-webp .ss4 #people-nav-0 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_jsj_9553af95.png);
  background-size: cover}
.webp .ss4 #people-nav-0 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_jsj_9553af95.webp);
  background-size: cover}
.no-webp .ss4 #people-nav-0 {background-size:cover}
.webp .ss4 #people-nav-0 {background-size:cover}
.ss4 #people-nav-0 {
  left: 0;
}
.no-webp .ss4 #people-nav-0.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_jsj_2_8dd10807.png);
  background-size: cover}
.webp .ss4 #people-nav-0.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_jsj_2_8dd10807.webp);
  background-size: cover}
.no-webp .ss4 #people-nav-0.active {background-size:cover}
.webp .ss4 #people-nav-0.active {background-size:cover}
.ss4 #people-nav-0.active {
}
.no-webp .ss4 #people-nav-1 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_sjy_8546ddb3.png);
  background-size: cover}
.webp .ss4 #people-nav-1 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_sjy_8546ddb3.webp);
  background-size: cover}
.no-webp .ss4 #people-nav-1 {background-size:cover}
.webp .ss4 #people-nav-1 {background-size:cover}
.ss4 #people-nav-1 {
  left: 1.25rem;
}
.no-webp .ss4 #people-nav-1.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_sjy_2_8c5a411b.png);
  background-size: cover}
.webp .ss4 #people-nav-1.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_sjy_2_8c5a411b.webp);
  background-size: cover}
.no-webp .ss4 #people-nav-1.active {background-size:cover}
.webp .ss4 #people-nav-1.active {background-size:cover}
.ss4 #people-nav-1.active {
}
.no-webp .ss4 #people-nav-2 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_xyg_39dfafb8.png);
  background-size: cover}
.webp .ss4 #people-nav-2 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_xyg_39dfafb8.webp);
  background-size: cover}
.no-webp .ss4 #people-nav-2 {background-size:cover}
.webp .ss4 #people-nav-2 {background-size:cover}
.ss4 #people-nav-2 {
  left: 2.5rem;
}
.no-webp .ss4 #people-nav-2.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_xyg_2_91ccf385.png);
  background-size: cover}
.webp .ss4 #people-nav-2.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_xyg_2_91ccf385.webp);
  background-size: cover}
.no-webp .ss4 #people-nav-2.active {background-size:cover}
.webp .ss4 #people-nav-2.active {background-size:cover}
.ss4 #people-nav-2.active {
}
.no-webp .ss4 #people-nav-3 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_kls_7ba77396.png);
  background-size: cover}
.webp .ss4 #people-nav-3 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_kls_7ba77396.webp);
  background-size: cover}
.no-webp .ss4 #people-nav-3 {background-size:cover}
.webp .ss4 #people-nav-3 {background-size:cover}
.ss4 #people-nav-3 {
  left: 3.75rem;
}
.no-webp .ss4 #people-nav-3.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_kls_2_30cbabd1.png);
  background-size: cover}
.webp .ss4 #people-nav-3.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_kls_2_30cbabd1.webp);
  background-size: cover}
.no-webp .ss4 #people-nav-3.active {background-size:cover}
.webp .ss4 #people-nav-3.active {background-size:cover}
.ss4 #people-nav-3.active {
}
.no-webp .ss4 #people-nav-4 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_wyg_c3fb646f.png);
  background-size: cover}
.webp .ss4 #people-nav-4 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_wyg_c3fb646f.webp);
  background-size: cover}
.no-webp .ss4 #people-nav-4 {background-size:cover}
.webp .ss4 #people-nav-4 {background-size:cover}
.ss4 #people-nav-4 {
  left: 5rem;
}
.no-webp .ss4 #people-nav-4.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_wyg_2_a440dfb6.png);
  background-size: cover}
.webp .ss4 #people-nav-4.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_wyg_2_a440dfb6.webp);
  background-size: cover}
.no-webp .ss4 #people-nav-4.active {background-size:cover}
.webp .ss4 #people-nav-4.active {background-size:cover}
.ss4 #people-nav-4.active {
}
.no-webp .ss4 #people-nav-5 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_tkg_72ea5caf.png);
  background-size: cover}
.webp .ss4 #people-nav-5 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_tkg_72ea5caf.webp);
  background-size: cover}
.no-webp .ss4 #people-nav-5 {background-size:cover}
.webp .ss4 #people-nav-5 {background-size:cover}
.ss4 #people-nav-5 {
  left: 6.25rem;
}
.no-webp .ss4 #people-nav-5.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_tkg_2_9744a24d.png);
  background-size: cover}
.webp .ss4 #people-nav-5.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_tkg_2_9744a24d.webp);
  background-size: cover}
.no-webp .ss4 #people-nav-5.active {background-size:cover}
.webp .ss4 #people-nav-5.active {background-size:cover}
.ss4 #people-nav-5.active {
}
.ss4 .group-point {
  width: 100%;
  height: 100%;
}
.no-webp .ss4 .group-point::after {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_content4_line_6d71c674.png) no-repeat;
  background-size: 4.57rem 7rem}
.webp .ss4 .group-point::after {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_content4_line_6d71c674.webp) no-repeat;
  background-size: 4.57rem 7rem}
.no-webp .ss4 .group-point::after {background-size:4.57rem 7rem}
.webp .ss4 .group-point::after {background-size:4.57rem 7rem}
.ss4 .group-point::after {
  position: absolute;
  top: 1.56rem;
  left: 0;
  z-index: 1;
  width: 4.57rem;
  height: 7rem;
  content: '';
  pointer-events: none;
}
.ss4 .group-point[data-len='4'] .btn-point-2 {
  top: 2.4rem;
  left: 1.95rem;
}
.ss4 .group-point[data-len='4'] .btn-point-3 {
  top: 4rem;
  left: .5rem;
}
.ss4 .group-point[data-len='4'] .btn-point-4 {
  top: 5.5rem;
  left: .85rem;
}
.ss4 .group-point[data-len='5'] .btn-point-2 {
  top: 2.4rem;
  left: 1.95rem;
}
.ss4 .group-point[data-len='5'] .btn-point-3 {
  top: 3.5rem;
  left: 1.2rem;
}
.ss4 .group-point[data-len='5'] .btn-point-4 {
  top: 4.8rem;
  left: .3rem;
}
.ss4 .group-point[data-len='5'] .btn-point-5 {
  top: 5.9rem;
  left: 2rem;
}
.ss4 .group-point[data-name="lcs"] .btn-point,
.ss4 .group-point[data-name="wyjun"] .btn-point {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: scale(0.8) !important;
          transform: scale(0.8) !important;
  -webkit-transform-origin: center !important;
          transform-origin: center !important;
}
.no-webp .ss4 .group-point[data-name="lcs"] .btn-point-2, 
.no-webp .ss4 .group-point[data-name="wyjun"] .btn-point-2 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point2_5fbc2b40.png);
  background-size: cover}
.webp .ss4 .group-point[data-name="lcs"] .btn-point-2, 
.webp .ss4 .group-point[data-name="wyjun"] .btn-point-2 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point2_5fbc2b40.webp);
  background-size: cover}
.no-webp .ss4 .group-point[data-name="lcs"] .btn-point-2, 
.no-webp .ss4 .group-point[data-name="wyjun"] .btn-point-2 {background-size:cover}
.webp .ss4 .group-point[data-name="lcs"] .btn-point-2, 
.webp .ss4 .group-point[data-name="wyjun"] .btn-point-2 {background-size:cover}
.ss4 .group-point[data-name="lcs"] .btn-point-2,
.ss4 .group-point[data-name="wyjun"] .btn-point-2 {
  top: 1.58rem;
  left: 0.34rem;
  padding-right: 0.82rem;
  text-indent: 0;
}
.no-webp .ss4 .group-point[data-name="lcs"] .btn-point-2.active, 
.no-webp .ss4 .group-point[data-name="wyjun"] .btn-point-2.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point2_active_6f7caefe.png);
  background-size: cover}
.webp .ss4 .group-point[data-name="lcs"] .btn-point-2.active, 
.webp .ss4 .group-point[data-name="wyjun"] .btn-point-2.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point2_active_6f7caefe.webp);
  background-size: cover}
.no-webp .ss4 .group-point[data-name="lcs"] .btn-point-2.active, 
.no-webp .ss4 .group-point[data-name="wyjun"] .btn-point-2.active {background-size:cover}
.webp .ss4 .group-point[data-name="lcs"] .btn-point-2.active, 
.webp .ss4 .group-point[data-name="wyjun"] .btn-point-2.active {background-size:cover}
.ss4 .group-point[data-name="lcs"] .btn-point-2.active,
.ss4 .group-point[data-name="wyjun"] .btn-point-2.active {
}
.no-webp .ss4 .group-point[data-name="lcs"] .btn-point-3, 
.no-webp .ss4 .group-point[data-name="wyjun"] .btn-point-3 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point2_5fbc2b40.png);
  background-size: cover}
.webp .ss4 .group-point[data-name="lcs"] .btn-point-3, 
.webp .ss4 .group-point[data-name="wyjun"] .btn-point-3 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point2_5fbc2b40.webp);
  background-size: cover}
.no-webp .ss4 .group-point[data-name="lcs"] .btn-point-3, 
.no-webp .ss4 .group-point[data-name="wyjun"] .btn-point-3 {background-size:cover}
.webp .ss4 .group-point[data-name="lcs"] .btn-point-3, 
.webp .ss4 .group-point[data-name="wyjun"] .btn-point-3 {background-size:cover}
.ss4 .group-point[data-name="lcs"] .btn-point-3,
.ss4 .group-point[data-name="wyjun"] .btn-point-3 {
  top: 2.08rem;
  left: 0.64rem;
  padding-right: 0.82rem;
  text-indent: 0;
}
.no-webp .ss4 .group-point[data-name="lcs"] .btn-point-3.active, 
.no-webp .ss4 .group-point[data-name="wyjun"] .btn-point-3.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point2_active_6f7caefe.png);
  background-size: cover}
.webp .ss4 .group-point[data-name="lcs"] .btn-point-3.active, 
.webp .ss4 .group-point[data-name="wyjun"] .btn-point-3.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point2_active_6f7caefe.webp);
  background-size: cover}
.no-webp .ss4 .group-point[data-name="lcs"] .btn-point-3.active, 
.no-webp .ss4 .group-point[data-name="wyjun"] .btn-point-3.active {background-size:cover}
.webp .ss4 .group-point[data-name="lcs"] .btn-point-3.active, 
.webp .ss4 .group-point[data-name="wyjun"] .btn-point-3.active {background-size:cover}
.ss4 .group-point[data-name="lcs"] .btn-point-3.active,
.ss4 .group-point[data-name="wyjun"] .btn-point-3.active {
}
.no-webp .ss4 .group-point[data-name="lcs"] .btn-point-4, 
.no-webp .ss4 .group-point[data-name="wyjun"] .btn-point-4 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point2_5fbc2b40.png);
  background-size: cover}
.webp .ss4 .group-point[data-name="lcs"] .btn-point-4, 
.webp .ss4 .group-point[data-name="wyjun"] .btn-point-4 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point2_5fbc2b40.webp);
  background-size: cover}
.no-webp .ss4 .group-point[data-name="lcs"] .btn-point-4, 
.no-webp .ss4 .group-point[data-name="wyjun"] .btn-point-4 {background-size:cover}
.webp .ss4 .group-point[data-name="lcs"] .btn-point-4, 
.webp .ss4 .group-point[data-name="wyjun"] .btn-point-4 {background-size:cover}
.ss4 .group-point[data-name="lcs"] .btn-point-4,
.ss4 .group-point[data-name="wyjun"] .btn-point-4 {
  top: 2.62rem;
  left: 0.68rem;
  padding-right: 0.82rem;
  text-indent: 0;
}
.no-webp .ss4 .group-point[data-name="lcs"] .btn-point-4.active, 
.no-webp .ss4 .group-point[data-name="wyjun"] .btn-point-4.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point2_active_6f7caefe.png);
  background-size: cover}
.webp .ss4 .group-point[data-name="lcs"] .btn-point-4.active, 
.webp .ss4 .group-point[data-name="wyjun"] .btn-point-4.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point2_active_6f7caefe.webp);
  background-size: cover}
.no-webp .ss4 .group-point[data-name="lcs"] .btn-point-4.active, 
.no-webp .ss4 .group-point[data-name="wyjun"] .btn-point-4.active {background-size:cover}
.webp .ss4 .group-point[data-name="lcs"] .btn-point-4.active, 
.webp .ss4 .group-point[data-name="wyjun"] .btn-point-4.active {background-size:cover}
.ss4 .group-point[data-name="lcs"] .btn-point-4.active,
.ss4 .group-point[data-name="wyjun"] .btn-point-4.active {
}
.no-webp .ss4 .group-point[data-name="lcs"] .btn-point-5, 
.no-webp .ss4 .group-point[data-name="wyjun"] .btn-point-5 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point2_5fbc2b40.png);
  background-size: cover}
.webp .ss4 .group-point[data-name="lcs"] .btn-point-5, 
.webp .ss4 .group-point[data-name="wyjun"] .btn-point-5 {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point2_5fbc2b40.webp);
  background-size: cover}
.no-webp .ss4 .group-point[data-name="lcs"] .btn-point-5, 
.no-webp .ss4 .group-point[data-name="wyjun"] .btn-point-5 {background-size:cover}
.webp .ss4 .group-point[data-name="lcs"] .btn-point-5, 
.webp .ss4 .group-point[data-name="wyjun"] .btn-point-5 {background-size:cover}
.ss4 .group-point[data-name="lcs"] .btn-point-5,
.ss4 .group-point[data-name="wyjun"] .btn-point-5 {
  top: 3.12rem;
  left: 0.42rem;
  padding-right: 0.82rem;
  text-indent: 0;
}
.no-webp .ss4 .group-point[data-name="lcs"] .btn-point-5.active, 
.no-webp .ss4 .group-point[data-name="wyjun"] .btn-point-5.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point2_active_6f7caefe.png);
  background-size: cover}
.webp .ss4 .group-point[data-name="lcs"] .btn-point-5.active, 
.webp .ss4 .group-point[data-name="wyjun"] .btn-point-5.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point2_active_6f7caefe.webp);
  background-size: cover}
.no-webp .ss4 .group-point[data-name="lcs"] .btn-point-5.active, 
.no-webp .ss4 .group-point[data-name="wyjun"] .btn-point-5.active {background-size:cover}
.webp .ss4 .group-point[data-name="lcs"] .btn-point-5.active, 
.webp .ss4 .group-point[data-name="wyjun"] .btn-point-5.active {background-size:cover}
.ss4 .group-point[data-name="lcs"] .btn-point-5.active,
.ss4 .group-point[data-name="wyjun"] .btn-point-5.active {
}
.ss4 .group-point[data-name="lcs"] .btn-point-6,
.ss4 .group-point[data-name="wyjun"] .btn-point-6 {
  top: 3.62rem;
  left: 0.88rem;
}
.ss4 .group-point[data-name="lcs"] .btn-point-7,
.ss4 .group-point[data-name="wyjun"] .btn-point-7 {
  top: 4.08rem;
  left: 0.34rem;
}
.ss4 .group-point[data-name="lcs"] .btn-point-8,
.ss4 .group-point[data-name="wyjun"] .btn-point-8 {
  top: 4.56rem;
  left: 0.14rem;
}
.ss4 .group-point[data-name="lcs"] .btn-point-9,
.ss4 .group-point[data-name="wyjun"] .btn-point-9 {
  top: 5.06rem;
  left: 0.3rem;
}
.ss4 .group-point[data-name="lcs"] .btn-point-10,
.ss4 .group-point[data-name="wyjun"] .btn-point-10 {
  top: 5.52rem;
  left: 0.76rem;
}
.ss4 .group-point[data-name="lcs"] .btn-point-11,
.ss4 .group-point[data-name="wyjun"] .btn-point-11 {
  top: 6rem;
  left: 1.95rem;
}
.no-webp .ss4 .btn-point {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point1_d5f5dc18.png);
  background-size: cover}
.webp .ss4 .btn-point {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point1_d5f5dc18.webp);
  background-size: cover}
.no-webp .ss4 .btn-point {background-size:cover}
.webp .ss4 .btn-point {background-size:cover}
.ss4 .btn-point {
  position: absolute;
  z-index: 2;
  width: 2.3rem;
  height: 0.9rem;
  font-size: 0.2rem;
  color: #3078b4;
  line-height: 0.9rem;
  text-align: center;
  text-indent: 0.96rem;
}
.no-webp .ss4 .btn-point.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point1_active_4a81922c.png);
  background-size: cover}
.webp .ss4 .btn-point.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/btn_point1_active_4a81922c.webp);
  background-size: cover}
.no-webp .ss4 .btn-point.active {background-size:cover}
.webp .ss4 .btn-point.active {background-size:cover}
.ss4 .btn-point.active {
  color: #fff;
}
.ss4 .btn-point-1 {
  top: 1.1rem;
  left: .2rem;
}
.ss4 .btn-point-2 {
  top: 1.7rem;
  left: 1.7rem;
}
.ss4 .btn-point-3 {
  top: 2.4rem;
  left: 1.95rem;
}
.ss4 .btn-point-4 {
  top: 3.1rem;
  left: 1.63rem;
}
.ss4 .btn-point-5 {
  top: 3.8rem;
  left: .65rem;
}
.ss4 .btn-point-6 {
  top: 4.6rem;
  left: .28rem;
}
.ss4 .btn-point-7 {
  top: 5.28rem;
  left: .55rem;
}
.ss4 .btn-point-8 {
  top: 6rem;
  left: 1.95rem;
}
#head-nav {
  position: absolute;
  bottom: 1.4rem;
  font-size: 0;
  width: 100%;
}
#head-nav li {
  width: 1.7rem;
  height: 1.7rem;
  position: relative;
  display: inline-block;
}
#head-nav li .select {
  display: none;
}
#head-nav li.active .select {
  display: block;
}
#head-nav li img {
  width: 1.15rem;
  height: 1.48rem;
  position: absolute;
  top: .11rem;
  left: .27rem;
}
#head-nav #head-jsj li {
  width: 1.4rem;
}
.no-webp #head-nav #head-jsj .select {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_sjy_138c79b8.png);
  background-size: cover}
.webp #head-nav #head-jsj .select {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_sjy_138c79b8.webp);
  background-size: cover}
.no-webp #head-nav #head-jsj .select {background-size:cover}
.webp #head-nav #head-jsj .select {background-size:cover}
#head-nav #head-jsj .select {
  width: 1.7rem;
  height: 1.69rem;
}
.no-webp #head-nav #head-sjy .select {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_sjy_138c79b8.png);
  background-size: cover}
.webp #head-nav #head-sjy .select {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_sjy_138c79b8.webp);
  background-size: cover}
.no-webp #head-nav #head-sjy .select {background-size:cover}
.webp #head-nav #head-sjy .select {background-size:cover}
#head-nav #head-sjy .select {
  width: 1.7rem;
  height: 1.69rem;
}
#head-nav #head-xyg li {
  width: 1.4rem;
}
#head-nav #head-xyg li[data-name="lcs"] img {
  top: 0.04rem;
}
#head-nav #head-xyg li[data-name="wyjun"] img {
  top: 0.13rem;
  left: 0.24rem;
}
#head-nav #head-xyg li[data-name="blf"] img {
  top: 0.1rem;
  left: 0.26rem;
}
.no-webp #head-nav #head-xyg .select {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_xyg_d20ae371.png) center;
  background-size: cover}
.webp #head-nav #head-xyg .select {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_xyg_d20ae371.webp) center;
  background-size: cover}
.no-webp #head-nav #head-xyg .select {background-size:cover}
.webp #head-nav #head-xyg .select {background-size:cover}
#head-nav #head-xyg .select {
  width: 1.66rem;
  height: 1.66rem;
}
.no-webp #head-nav #head-kls .select {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_kls_c0ddda06.png) center;
  background-size: cover}
.webp #head-nav #head-kls .select {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_kls_c0ddda06.webp) center;
  background-size: cover}
.no-webp #head-nav #head-kls .select {background-size:cover}
.webp #head-nav #head-kls .select {background-size:cover}
#head-nav #head-kls .select {
  width: 1.69rem;
  height: 1.68rem;
}
.no-webp #head-nav #head-wyg .select {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_wyg_e03d7f2a.png) center;
  background-size: cover}
.webp #head-nav #head-wyg .select {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_wyg_e03d7f2a.webp) center;
  background-size: cover}
.no-webp #head-nav #head-wyg .select {background-size:cover}
.webp #head-nav #head-wyg .select {background-size:cover}
#head-nav #head-wyg .select {
  width: 1.69rem;
  height: 1.69rem;
}
.no-webp #head-nav #head-tkg .select {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_tkg_4a87067f.png) center;
  background-size: cover}
.webp #head-nav #head-tkg .select {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_tkg_4a87067f.webp) center;
  background-size: cover}
.no-webp #head-nav #head-tkg .select {background-size:cover}
.webp #head-nav #head-tkg .select {background-size:cover}
#head-nav #head-tkg .select {
  width: 1.69rem;
  height: 1.69rem;
}
.no-webp .popup-new {background-size:cover}
.webp .popup-new {background-size:cover}
.popup-new {
  width: 5.66rem;
}
.no-webp .popup-new .top {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_pop_new_top_d9f902d4.jpg);
  background-size: cover}
.webp .popup-new .top {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_pop_new_top_d9f902d4.webp);
  background-size: cover}
.no-webp .popup-new .top {background-size:cover}
.webp .popup-new .top {background-size:cover}
.popup-new .top {
  width: 5.66rem;
  height: .3rem;
}
.no-webp .popup-new .repeat {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_pop_new_repeat_cf789e01.jpg) repeat-y;
  background-size: 5.66rem auto}
.webp .popup-new .repeat {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_pop_new_repeat_cf789e01.webp) repeat-y;
  background-size: 5.66rem auto}
.no-webp .popup-new .repeat {background-size:5.66rem auto}
.webp .popup-new .repeat {background-size:5.66rem auto}
.popup-new .repeat {
  width: 5.66rem;
  max-height: 8rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.no-webp .popup-new .bottom {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_pop_new_bottom_62df13a5.jpg);
  background-size: cover}
.webp .popup-new .bottom {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_pop_new_bottom_62df13a5.webp);
  background-size: cover}
.no-webp .popup-new .bottom {background-size:cover}
.webp .popup-new .bottom {background-size:cover}
.popup-new .bottom {
  width: 5.66rem;
  height: .3rem;
}
.popup-new .article {
  padding: 0 .12rem;
  height: auto;
  margin: 0;
}
.popup-new .article p {
  padding: 0 .18rem;
}
.no-webp .popup-new .question {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_question_4eca5a76.png);
  background-size: cover}
.webp .popup-new .question {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_question_4eca5a76.webp);
  background-size: cover}
.no-webp .popup-new .question {background-size:cover}
.webp .popup-new .question {background-size:cover}
.popup-new .question {
  width: 5.32rem;
  height: .41rem;
  line-height: .41rem;
  color: #fff;
  text-indent: .12rem;
}
.no-webp .popup-new .select {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_select_6c52ee74.png);
  background-size: cover}
.webp .popup-new .select {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_select_6c52ee74.webp);
  background-size: cover}
.no-webp .popup-new .select {background-size:cover}
.webp .popup-new .select {background-size:cover}
.popup-new .select {
  float: left;
  margin: 0 0 0 .05rem;
  width: .95rem;
  height: .49rem;
  font-size: .28rem;
  line-height: .49rem;
  color: #fff;
  text-indent: .69rem;
}
.no-webp .popup-new .select.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_select_2_c032aaa9.png);
  background-size: cover}
.webp .popup-new .select.active {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/bg_select_2_c032aaa9.webp);
  background-size: cover}
.no-webp .popup-new .select.active {background-size:cover}
.webp .popup-new .select.active {background-size:cover}
.popup-new .select.active {
}
.popup-new div .select-content {
  margin: .2rem 0;
  min-height: .6rem;
  line-height: .35rem;
  text-indent: 0;
  width: 4rem;
  vertical-align: middle;
  padding-left: 1.2rem;
  padding-top: .08rem;
}
.popup-new .tips {
  text-align: center;
  margin-bottom: .1rem;
  display: none;
}
.popup-new .tips .answer {
  color: #b04c56;
  font-weight: bold;
}
.popup-new .hide-story {
  display: none;
  border-top: 1px solid #9b9b9b;
}
.no-webp .popup-new video {background:#000}
.webp .popup-new video {background:#000}
.popup-new video {
  width: 5.35rem;
  height: 3.01rem;
  margin-left: .04rem;
}
.no-webp .popup-new .line {background:#e2e2e2}
.webp .popup-new .line {background:#e2e2e2}
.popup-new .line {
  margin-left: .1rem;
  width: 4.3rem;
  height: .17rem;
  border-radius: 5px;
  position: relative;
  margin-bottom: .3rem;
}
.no-webp .popup-new .line .img {background:#b04c56}
.webp .popup-new .line .img {background:#b04c56}
.popup-new .line .img {
  height: .17rem;
  border-radius: 5px;
}
.popup-new .line p {
  display: inline-block;
  position: absolute;
  right: -1.1rem;
  top: -0.12rem;
}
.popup-new .desc {
  margin-top: .2rem;
  text-indent: 0;
}
.no-webp .popup-new .title {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_result_2e49125c.png);
  background-size: cover}
.webp .popup-new .title {background:url(https://qnm.res.netease.com/pc/zt/20221121144038/img/img_result_2e49125c.webp);
  background-size: cover}
.no-webp .popup-new .title {background-size:cover}
.webp .popup-new .title {background-size:cover}
.popup-new .title {
  width: 5.33rem;
  height: .54rem;
  margin: 0 auto;
}
.erase-wrap {
  position: relative;
  width: auto;
  height: 2.7rem;
}
#erase-canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#erase-tips {
  position: absolute;
  width: 100%;
  padding: 0 .2rem;
  line-height: 1rem;
  margin-top: .8rem;
  z-index: 20;
  text-align: center;
  color: #fff;
  pointer-events: none;
}
.no-webp #scratch {background:red}
.webp #scratch {background:red}
#scratch {
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 0;
  left: 0;
  z-index: 2;
}
.easer {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
}
.easer .content {
  width: 100%;
}
.easer .desc {
  width: 100%;
  height: 100%;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  pointer-events: none;
  margin-top: 0;
  text-align: center;
  vertical-align: middle;
}
.easer .desc p {
  position: relative;
  top: 40%;
  margin: 0;
  padding: 0;
  text-indent: 0;
  vertical-align: middle;
}
.redux {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}