/*reset.less*/

/* CSS Document */

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 312.5%;
}

ul,
li,
div,
p,
body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  text-align: left;
}

li {
  list-style: none;
}

* {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.hide {
  display: none;
}

body,
html {
  width: 100%;
  font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
  font-weight: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: center;
}

* {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

body {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}

.no-webp button {background:none}

.webp button {background:none}

button {
  cursor: pointer;
  border: none;
  display: block;
  outline: none;
}

/* 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%;
  }
}

.noSize {
  font-size: 0;
  text-indent: -9999em;
}

.text_overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}

@font-face {
  font-family: 'fzssksjt';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzssksjt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'fzqkbys';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzqkbys.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-ms-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-o-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

.link-wrap {
  position: absolute;
  top: 0.06rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  font-size: 0;
}

.no-webp .link-wrap .icon {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -1.66rem -8.59rem}

.webp .link-wrap .icon {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -1.66rem -8.59rem}

.no-webp .link-wrap .icon {background-size:13.67rem 12.84rem}

.webp .link-wrap .icon {background-size:13.67rem 12.84rem}

.no-webp .link-wrap .icon {background-position:-1.66rem -8.59rem}

.webp .link-wrap .icon {background-position:-1.66rem -8.59rem}

.link-wrap .icon {
  width: 0.61rem;
  height: 0.61rem;
  vertical-align: middle;
  display: inline-block;
}

.link-wrap .link {
  display: block;
  width: 0.42rem;
  font-size: 0;
}

@-webkit-keyframes music {
  0%, 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  20% {
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
  }

  40% {
    -webkit-transform: scaleY(0.7);
    -moz-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    -o-transform: scaleY(0.7);
  }

  60% {
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }

  80% {
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
  }
}

@-moz-keyframes music {
  0%, 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  20% {
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
  }

  40% {
    -webkit-transform: scaleY(0.7);
    -moz-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    -o-transform: scaleY(0.7);
  }

  60% {
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }

  80% {
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
  }
}

@-ms-keyframes music {
  0%, 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  20% {
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
  }

  40% {
    -webkit-transform: scaleY(0.7);
    -moz-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    -o-transform: scaleY(0.7);
  }

  60% {
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }

  80% {
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
  }
}

@-o-keyframes music {
  0%, 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  20% {
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
  }

  40% {
    -webkit-transform: scaleY(0.7);
    -moz-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    -o-transform: scaleY(0.7);
  }

  60% {
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }

  80% {
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
  }
}

@keyframes music {
  0%, 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  20% {
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
  }

  40% {
    -webkit-transform: scaleY(0.7);
    -moz-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    -o-transform: scaleY(0.7);
  }

  60% {
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }

  80% {
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
  }
}

.pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}

.no-webp .mask {background:rgba(0, 0, 0, 0.7)}

.webp .mask {background:rgba(0, 0, 0, 0.7)}

.mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.pop-content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.no-webp .btn-close {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/btn-close-bg_dbab6b03.png)}

.webp .btn-close {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/btn-close-bg_dbab6b03.webp)}

.btn-close {
  position: absolute;
  top: -0.29rem;
  right: -0.24rem;
  display: block;
  width: 0.68rem;
  height: 0.68rem;
  z-index: 9;
}

.no-webp .btn-close:before {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/btn-close_595f5751.png)}

.webp .btn-close:before {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/btn-close_595f5751.webp)}

.btn-close:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: transform 0.5s linear;
  -moz-transition: transform 0.5s linear;
  -ms-transition: transform 0.5s linear;
  -o-transition: transform 0.5s linear;
}

.btn-close:hover {
  cursor: pointer;
}

.btn-close:hover:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}

.no-webp .content {background-image:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/pop-bg-top_02b334ca.png), url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/pop-bg-bottom_c51f7ded.png);
  background-repeat: no-repeat, no-repeat;
  background-position: top center, bottom center;
  background-size: 100%}

.webp .content {background-image:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/pop-bg-top_02b334ca.webp), url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/pop-bg-bottom_c51f7ded.webp);
  background-repeat: no-repeat, no-repeat;
  background-position: top center, bottom center;
  background-size: 100%}

.no-webp .content {background-repeat:no-repeat, no-repeat}

.webp .content {background-repeat:no-repeat, no-repeat}

.no-webp .content {background-position:top center, bottom center}

.webp .content {background-position:top center, bottom center}

.no-webp .content {background-size:100%}

.webp .content {background-size:100%}

.content {
  position: relative;
  width: 5.8rem;
  padding-top: 0.49rem;
  padding-bottom: 0.48rem;
}

.no-webp .content:after {background-image:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png);
  background-size: 13.67rem 12.84rem;
  background-position: -6.21rem -0}

.webp .content:after {background-image:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp);
  background-size: 13.67rem 12.84rem;
  background-position: -6.21rem -0}

.no-webp .content:after {background-size:13.67rem 12.84rem}

.webp .content:after {background-size:13.67rem 12.84rem}

.no-webp .content:after {background-position:-6.21rem -0}

.webp .content:after {background-position:-6.21rem -0}

.content:after {
  display: block;
  content: "";
  position: absolute;
  left: -0.5rem;
  bottom: -0.5rem;
  width: 7.33rem;
  height: 0.73rem;
}

.no-webp .content .text-wrap {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/pop-bg-repeat_7a5bbb5e.png) repeat-y;
  background-size: 100%}

.webp .content .text-wrap {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/pop-bg-repeat_7a5bbb5e.webp) repeat-y;
  background-size: 100%}

.no-webp .content .text-wrap {background-size:100%}

.webp .content .text-wrap {background-size:100%}

.content .text-wrap {
  min-height: 1rem;
  padding: 0.1rem 0.5rem;
  color: #441628;
  line-height: 2;
  font-size: 0.22rem;
}

.content .text-wrap p {
  margin-bottom: 0.1rem;
}

@font-face {
  font-family: 'fzcjljt';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzcjljt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.pailian-pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}

@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

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

  100% {
    background-position-x: -45.6rem;
  }
}

@keyframes characterAnim {
  0% {
    background-position-x: 0;
  }

  100% {
    background-position-x: -45.6rem;
  }
}

@-webkit-keyframes rotate-anim {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-moz-keyframes rotate-anim {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-ms-keyframes rotate-anim {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-o-keyframes rotate-anim {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@keyframes rotate-anim {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-webkit-keyframes scrolltips-anim {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
  }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
}

@-moz-keyframes scrolltips-anim {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
  }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
}

@-ms-keyframes scrolltips-anim {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
  }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
}

@-o-keyframes scrolltips-anim {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
  }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
}

@keyframes scrolltips-anim {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
  }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
}

html {
  font-size: 625%;
  overflow: auto;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

html {
  font-size: 625%;
  overflow: auto;
}

body {
  position: relative;
  margin: auto;
  overflow: hidden;
}

.sketch {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.sogoubottom {
  display: none !important;
}

a {
  text-decoration: none;
}

.red {
  color: #eb3b18 !important;
}

.no-webp #NIE-copyRight {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/foot-bg_f0a2a093.png)}

.webp #NIE-copyRight {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/foot-bg_f0a2a093.webp)}

#NIE-copyRight {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-width: 14rem;
  color: #fff;
}

#NIE-copyRight a,
#NIE-copyRight #ncp-l1 {
  color: #fff;
}

#main {
  position: relative;
  overflow: hidden;
  z-index: 2;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}

#main .mainSwp {
  width: 100%;
  height: 100%;
}

#main img {
  display: block;
  width: 100%;
}

.no-webp #main.status_pay .mainSwp-slide1 #part0 .downloadbox {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -0 -3.58rem}

.webp #main.status_pay .mainSwp-slide1 #part0 .downloadbox {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -0 -3.58rem}

.no-webp #main.status_pay .mainSwp-slide1 #part0 .downloadbox {background-size:13.67rem 12.84rem}

.webp #main.status_pay .mainSwp-slide1 #part0 .downloadbox {background-size:13.67rem 12.84rem}

.no-webp #main.status_pay .mainSwp-slide1 #part0 .downloadbox {background-position:-0 -3.58rem}

.webp #main.status_pay .mainSwp-slide1 #part0 .downloadbox {background-position:-0 -3.58rem}

#main.status_pay .mainSwp-slide1 #part0 .downloadbox {
  margin-left: -2.92rem;
  width: 5.84rem;
  height: 1.29rem;
  line-height: 1.29rem;
  width: 5.84rem;
  height: 1.29rem;
}

.no-webp #main.status_pay .mainSwp-slide1 #part0 .rbo .server-wrap {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -7.86rem -4.89rem}

.webp #main.status_pay .mainSwp-slide1 #part0 .rbo .server-wrap {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -7.86rem -4.89rem}

.no-webp #main.status_pay .mainSwp-slide1 #part0 .rbo .server-wrap {background-size:13.67rem 12.84rem}

.webp #main.status_pay .mainSwp-slide1 #part0 .rbo .server-wrap {background-size:13.67rem 12.84rem}

.no-webp #main.status_pay .mainSwp-slide1 #part0 .rbo .server-wrap {background-position:-7.86rem -4.89rem}

.webp #main.status_pay .mainSwp-slide1 #part0 .rbo .server-wrap {background-position:-7.86rem -4.89rem}

#main.status_pay .mainSwp-slide1 #part0 .rbo .server-wrap {
  width: 1.64rem;
  height: 1.09rem;
  line-height: 1.09rem;
  width: 1.64rem;
  height: 1.09rem;
}

.no-webp #main.status_pay .mainSwp-slide1 #part0 .rbo .server-wrap:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -9.52rem -4.89rem}

.webp #main.status_pay .mainSwp-slide1 #part0 .rbo .server-wrap:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -9.52rem -4.89rem}

.no-webp #main.status_pay .mainSwp-slide1 #part0 .rbo .server-wrap:hover {background-size:13.67rem 12.84rem}

.webp #main.status_pay .mainSwp-slide1 #part0 .rbo .server-wrap:hover {background-size:13.67rem 12.84rem}

.no-webp #main.status_pay .mainSwp-slide1 #part0 .rbo .server-wrap:hover {background-position:-9.52rem -4.89rem}

.webp #main.status_pay .mainSwp-slide1 #part0 .rbo .server-wrap:hover {background-position:-9.52rem -4.89rem}

#main.status_pay .mainSwp-slide1 #part0 .rbo .server-wrap:hover {
  width: 1.64rem;
  height: 1.09rem;
  line-height: 1.09rem;
  width: 1.64rem;
  height: 1.09rem;
}

#main.status_pay .mainSwp-slide1 #part0 .rbo .server-wrap .date {
  line-height: 0.2rem;
  text-align: center;
  margin-top: 0.54rem;
  margin-left: 0;
}

#main.status_pay .mainSwp-slide1 #part0 .rbo .server-wrap .area {
  line-height: 0.2rem;
  text-align: center;
  margin-top: 0.08rem;
  margin-left: 0;
}

#main.status_pay .mainSwp-slide1 #part0 .rbo .recharge {
  display: none;
}

#main.status_pay .mainSwp-slide1 #part0 .btn_zc {
  margin: 1.5rem 0 0 3rem;
}

.mainSwp-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.no-webp .mainSwp-slide1::before {background-color:rgba(0, 0, 0, 0.5)}

.webp .mainSwp-slide1::before {background-color:rgba(0, 0, 0, 0.5)}

.mainSwp-slide1::before {
  content: "";
  width: 100%;
  height: .8rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.no-webp .mainSwp-slide1 .bgvideo {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/kv_522a5197.jpg) no-repeat center top;
  background-size: cover}

.webp .mainSwp-slide1 .bgvideo {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/kv_522a5197.webp) no-repeat center top;
  background-size: cover}

.no-webp .mainSwp-slide1 .bgvideo {background-size:cover}

.webp .mainSwp-slide1 .bgvideo {background-size:cover}

.mainSwp-slide1 .bgvideo {
  overflow: hidden;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  top: 0rem;
  width: 100%;
  min-width: 19.2rem;
  height: 10.8rem;
  height: 100%;
  z-index: 2;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.mainSwp-slide1 .bgvideo video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  min-width: 19.2rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  top: 0;
  z-index: -1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.mainSwp-slide1 .kvSwiper {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-width: 19.2rem;
  height: 100%;
  z-index: 1;
}

.mainSwp-slide1 .kvSwiper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.mainSwp-slide1 .kvSwiper .slogan {
  display: none;
}

.no-webp .mainSwp-slide1 .kvSwiper .slogan1 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/slogan1_f2dcb01c.png) no-repeat top center;
  background-size: 100%}

.webp .mainSwp-slide1 .kvSwiper .slogan1 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/slogan1_f2dcb01c.webp) no-repeat top center;
  background-size: 100%}

.no-webp .mainSwp-slide1 .kvSwiper .slogan1 {background-size:100%}

.webp .mainSwp-slide1 .kvSwiper .slogan1 {background-size:100%}

.mainSwp-slide1 .kvSwiper .slogan1 {
  width: 9.52rem;
  height: 3.98rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.2rem 0 0 -8.8rem;
}

.no-webp .mainSwp-slide1 .kvSwiper .slogan2 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/slogan2_24722b63.png) no-repeat top center;
  background-size: 100%}

.webp .mainSwp-slide1 .kvSwiper .slogan2 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/slogan2_24722b63.webp) no-repeat top center;
  background-size: 100%}

.no-webp .mainSwp-slide1 .kvSwiper .slogan2 {background-size:100%}

.webp .mainSwp-slide1 .kvSwiper .slogan2 {background-size:100%}

.mainSwp-slide1 .kvSwiper .slogan2 {
  width: 4.7rem;
  height: 8.49rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -4.2rem 0 0 -8.8rem;
}

.no-webp .mainSwp-slide1 .kvSwiper .slogan3 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/slogan3_7dade5cc.png) no-repeat top center;
  background-size: 100%}

.webp .mainSwp-slide1 .kvSwiper .slogan3 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/slogan3_7dade5cc.webp) no-repeat top center;
  background-size: 100%}

.no-webp .mainSwp-slide1 .kvSwiper .slogan3 {background-size:100%}

.webp .mainSwp-slide1 .kvSwiper .slogan3 {background-size:100%}

.mainSwp-slide1 .kvSwiper .slogan3 {
  width: 6.53rem;
  height: 8.53rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -4.2rem 0 0 -8.6rem;
}

.no-webp .mainSwp-slide1 .kvSwiper .slogan4 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/slogan4_05e41df3.png) no-repeat top center;
  background-size: 100%}

.webp .mainSwp-slide1 .kvSwiper .slogan4 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/slogan4_05e41df3.webp) no-repeat top center;
  background-size: 100%}

.no-webp .mainSwp-slide1 .kvSwiper .slogan4 {background-size:100%}

.webp .mainSwp-slide1 .kvSwiper .slogan4 {background-size:100%}

.mainSwp-slide1 .kvSwiper .slogan4 {
  width: 4.18rem;
  height: 7.21rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -3.38rem 0 0 -8.3rem;
}

.no-webp .mainSwp-slide1 .kvSwiper .slogan5 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/slogan5_6db15774.png) no-repeat top center;
  background-size: 100%}

.webp .mainSwp-slide1 .kvSwiper .slogan5 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/slogan5_6db15774.webp) no-repeat top center;
  background-size: 100%}

.no-webp .mainSwp-slide1 .kvSwiper .slogan5 {background-size:100%}

.webp .mainSwp-slide1 .kvSwiper .slogan5 {background-size:100%}

.mainSwp-slide1 .kvSwiper .slogan5 {
  width: 4.72rem;
  height: 7.69rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -3.4rem 0 0 -8.85rem;
}

.no-webp .mainSwp-slide1 .kvSwiper .text-iqy {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/text-iqy_d8a35d77.png) no-repeat top center;
  background-size: 100%}

.webp .mainSwp-slide1 .kvSwiper .text-iqy {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/text-iqy_d8a35d77.webp) no-repeat top center;
  background-size: 100%}

.no-webp .mainSwp-slide1 .kvSwiper .text-iqy {background-size:100%}

.webp .mainSwp-slide1 .kvSwiper .text-iqy {background-size:100%}

.mainSwp-slide1 .kvSwiper .text-iqy {
  width: 2.23rem;
  height: 0.14rem;
  position: absolute;
  right: 0.12rem;
  bottom: 0.2rem;
}

.mainSwp-slide1 #leihuo-age {
  display: none;
  position: absolute;
  top: 1rem;
  left: 0.5rem;
  z-index: 7;
}

.mainSwp-slide1 #leihuo-age .leihuo-age-rating img {
  width: 0.7rem;
}

.mainSwp-slide1 #part0 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  z-index: 6;
  display: none;
  pointer-events: none;
}

.no-webp .mainSwp-slide1 #part0 .slogan {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/slogan_58801b1e.png) center center no-repeat;
  background-size: 100% 100%}

.webp .mainSwp-slide1 #part0 .slogan {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/slogan_58801b1e.webp) center center no-repeat;
  background-size: 100% 100%}

.no-webp .mainSwp-slide1 #part0 .slogan {background-size:100% 100%}

.webp .mainSwp-slide1 #part0 .slogan {background-size:100% 100%}

.mainSwp-slide1 #part0 .slogan {
  display: none;
  position: absolute;
  top: 8.2rem;
  left: 50%;
  width: 6.22rem;
  height: 0.47rem;
  margin-left: -7.18rem;
  z-index: 2;
}

@media screen and (max-aspect-ratio: 1.77777778) {
  .mainSwp-slide1 #part0 .slogan {
    top: 75.93vh;
  }
}

.no-webp .mainSwp-slide1 #part0 .sub-title {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sub-tit_470bea37.png) no-repeat;
  background-size: 100% 100%}

.webp .mainSwp-slide1 #part0 .sub-title {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sub-tit_470bea37.webp) no-repeat;
  background-size: 100% 100%}

.no-webp .mainSwp-slide1 #part0 .sub-title {background-size:100% 100%}

.webp .mainSwp-slide1 #part0 .sub-title {background-size:100% 100%}

.mainSwp-slide1 #part0 .sub-title {
  width: 6.82rem;
  height: 1.37rem;
  position: absolute;
  left: 0.77rem;
  top: 3.39rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.no-webp .mainSwp-slide1 #part0 .downloadbox {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -0 -0}

.webp .mainSwp-slide1 #part0 .downloadbox {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -0 -0}

.no-webp .mainSwp-slide1 #part0 .downloadbox {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 #part0 .downloadbox {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox {background-position:-0 -0}

.webp .mainSwp-slide1 #part0 .downloadbox {background-position:-0 -0}

.mainSwp-slide1 #part0 .downloadbox {
  position: absolute;
  bottom: 6%;
  left: 50%;
  margin-left: 2.3rem;
  width: 6.19rem;
  height: 1.29rem;
  line-height: 1.29rem;
  width: 6.19rem;
  height: 1.29rem;
  z-index: 10;
  pointer-events: auto;
}

.no-webp .mainSwp-slide1 #part0 .downloadbox .sm {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -0 -7.49rem}

.webp .mainSwp-slide1 #part0 .downloadbox .sm {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -0 -7.49rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .sm {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 #part0 .downloadbox .sm {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .sm {background-position:-0 -7.49rem}

.webp .mainSwp-slide1 #part0 .downloadbox .sm {background-position:-0 -7.49rem}

.mainSwp-slide1 #part0 .downloadbox .sm {
  position: absolute;
  left: 0.1rem;
  top: 0.1rem;
  width: 1.25rem;
  height: 1.08rem;
  line-height: 1.08rem;
  width: 1.25rem;
  height: 1.08rem;
}

.mainSwp-slide1 #part0 .downloadbox .sm .img {
  position: absolute;
  left: 0.25rem;
  top: 0.06rem;
  width: 0.95rem;
  height: 0.95rem;
}

.mainSwp-slide1 #part0 .downloadbox .sm .img img {
  display: block;
  width: 100%;
}

.mainSwp-slide1 #part0 .downloadbox .cen {
  position: absolute;
  left: 1.4rem;
  top: 0.1rem;
  width: 1.8rem;
  height: 1.1rem;
}

.no-webp .mainSwp-slide1 #part0 .downloadbox .cen .down_ios {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -11.58rem -0.75rem}

.webp .mainSwp-slide1 #part0 .downloadbox .cen .down_ios {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -11.58rem -0.75rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .cen .down_ios {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 #part0 .downloadbox .cen .down_ios {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .cen .down_ios {background-position:-11.58rem -0.75rem}

.webp .mainSwp-slide1 #part0 .downloadbox .cen .down_ios {background-position:-11.58rem -0.75rem}

.mainSwp-slide1 #part0 .downloadbox .cen .down_ios {
  display: block;
  width: 1.8rem;
  height: 0.53rem;
  line-height: 0.53rem;
  width: 1.8rem;
  height: 0.53rem;
}

.no-webp .mainSwp-slide1 #part0 .downloadbox .cen .down_an {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -11.58rem -1.7rem}

.webp .mainSwp-slide1 #part0 .downloadbox .cen .down_an {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -11.58rem -1.7rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .cen .down_an {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 #part0 .downloadbox .cen .down_an {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .cen .down_an {background-position:-11.58rem -1.7rem}

.webp .mainSwp-slide1 #part0 .downloadbox .cen .down_an {background-position:-11.58rem -1.7rem}

.mainSwp-slide1 #part0 .downloadbox .cen .down_an {
  display: block;
  margin-top: 0.03rem;
  width: 1.8rem;
  height: 0.53rem;
  line-height: 0.53rem;
  width: 1.8rem;
  height: 0.53rem;
}

.no-webp .mainSwp-slide1 #part0 .downloadbox .cen .down_an:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -11.58rem -2.65rem}

.webp .mainSwp-slide1 #part0 .downloadbox .cen .down_an:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -11.58rem -2.65rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .cen .down_an:hover {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 #part0 .downloadbox .cen .down_an:hover {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .cen .down_an:hover {background-position:-11.58rem -2.65rem}

.webp .mainSwp-slide1 #part0 .downloadbox .cen .down_an:hover {background-position:-11.58rem -2.65rem}

.mainSwp-slide1 #part0 .downloadbox .cen .down_an:hover {
  width: 1.8rem;
  height: 0.53rem;
  line-height: 0.53rem;
  width: 1.8rem;
  height: 0.53rem;
}

.no-webp .mainSwp-slide1 #part0 .downloadbox .moniqi {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -0 -8.59rem}

.webp .mainSwp-slide1 #part0 .downloadbox .moniqi {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -0 -8.59rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .moniqi {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 #part0 .downloadbox .moniqi {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .moniqi {background-position:-0 -8.59rem}

.webp .mainSwp-slide1 #part0 .downloadbox .moniqi {background-position:-0 -8.59rem}

.mainSwp-slide1 #part0 .downloadbox .moniqi {
  position: absolute;
  left: 3.24rem;
  top: 0.1rem;
  width: 0.81rem;
  height: 1.1rem;
  line-height: 1.1rem;
  width: 0.81rem;
  height: 1.1rem;
}

.no-webp .mainSwp-slide1 #part0 .downloadbox .moniqi:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -0.83rem -8.59rem}

.webp .mainSwp-slide1 #part0 .downloadbox .moniqi:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -0.83rem -8.59rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .moniqi:hover {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 #part0 .downloadbox .moniqi:hover {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .moniqi:hover {background-position:-0.83rem -8.59rem}

.webp .mainSwp-slide1 #part0 .downloadbox .moniqi:hover {background-position:-0.83rem -8.59rem}

.mainSwp-slide1 #part0 .downloadbox .moniqi:hover {
  width: 0.81rem;
  height: 1.1rem;
  line-height: 1.1rem;
  width: 0.81rem;
  height: 1.1rem;
}

.mainSwp-slide1 #part0 .downloadbox .rbo {
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
}

.no-webp .mainSwp-slide1 #part0 .downloadbox .rbo .server-wrap {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -10.21rem -3.6rem}

.webp .mainSwp-slide1 #part0 .downloadbox .rbo .server-wrap {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -10.21rem -3.6rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .rbo .server-wrap {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 #part0 .downloadbox .rbo .server-wrap {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .rbo .server-wrap {background-position:-10.21rem -3.6rem}

.webp .mainSwp-slide1 #part0 .downloadbox .rbo .server-wrap {background-position:-10.21rem -3.6rem}

.mainSwp-slide1 #part0 .downloadbox .rbo .server-wrap {
  display: block;
  width: 1.99rem;
  height: 0.53rem;
  line-height: 0.53rem;
  width: 1.99rem;
  height: 0.53rem;
  overflow: hidden;
}

.no-webp .mainSwp-slide1 #part0 .downloadbox .rbo .server-wrap:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -6.21rem -4.2rem}

.webp .mainSwp-slide1 #part0 .downloadbox .rbo .server-wrap:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -6.21rem -4.2rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .rbo .server-wrap:hover {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 #part0 .downloadbox .rbo .server-wrap:hover {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .rbo .server-wrap:hover {background-position:-6.21rem -4.2rem}

.webp .mainSwp-slide1 #part0 .downloadbox .rbo .server-wrap:hover {background-position:-6.21rem -4.2rem}

.mainSwp-slide1 #part0 .downloadbox .rbo .server-wrap:hover {
  width: 1.99rem;
  height: 0.53rem;
  line-height: 0.53rem;
  width: 1.99rem;
  height: 0.53rem;
}

.mainSwp-slide1 #part0 .downloadbox .rbo .server-wrap .date {
  margin-left: 0.63rem;
  margin-top: 0.07rem;
  line-height: 1;
  font-size: 0.14rem;
  color: #413e5b;
}

.mainSwp-slide1 #part0 .downloadbox .rbo .server-wrap .area {
  margin-left: 0.63rem;
  margin-top: 0.1rem;
  font-size: 0.14rem;
  line-height: 1;
  color: #413e5b;
}

.no-webp .mainSwp-slide1 #part0 .downloadbox .rbo .recharge {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -8.22rem -4.2rem}

.webp .mainSwp-slide1 #part0 .downloadbox .rbo .recharge {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -8.22rem -4.2rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .rbo .recharge {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 #part0 .downloadbox .rbo .recharge {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .rbo .recharge {background-position:-8.22rem -4.2rem}

.webp .mainSwp-slide1 #part0 .downloadbox .rbo .recharge {background-position:-8.22rem -4.2rem}

.mainSwp-slide1 #part0 .downloadbox .rbo .recharge {
  display: block;
  margin-top: 0.03rem;
  width: 1.99rem;
  height: 0.53rem;
  line-height: 0.53rem;
  width: 1.99rem;
  height: 0.53rem;
}

.no-webp .mainSwp-slide1 #part0 .downloadbox .rbo .recharge:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -10.23rem -4.2rem}

.webp .mainSwp-slide1 #part0 .downloadbox .rbo .recharge:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -10.23rem -4.2rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .rbo .recharge:hover {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 #part0 .downloadbox .rbo .recharge:hover {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .rbo .recharge:hover {background-position:-10.23rem -4.2rem}

.webp .mainSwp-slide1 #part0 .downloadbox .rbo .recharge:hover {background-position:-10.23rem -4.2rem}

.mainSwp-slide1 #part0 .downloadbox .rbo .recharge:hover {
  width: 1.99rem;
  height: 0.53rem;
  line-height: 0.53rem;
  width: 1.99rem;
  height: 0.53rem;
}

.no-webp .mainSwp-slide1 #part0 .downloadbox .rbo .recharge i {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -12.24rem -4.2rem}

.webp .mainSwp-slide1 #part0 .downloadbox .rbo .recharge i {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -12.24rem -4.2rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .rbo .recharge i {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 #part0 .downloadbox .rbo .recharge i {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 #part0 .downloadbox .rbo .recharge i {background-position:-12.24rem -4.2rem}

.webp .mainSwp-slide1 #part0 .downloadbox .rbo .recharge i {background-position:-12.24rem -4.2rem}

.mainSwp-slide1 #part0 .downloadbox .rbo .recharge i {
  position: absolute;
  right: -0.54rem;
  top: 0.31rem;
  width: 0.72rem;
  height: 0.52rem;
  line-height: 0.52rem;
  width: 0.72rem;
  height: 0.52rem;
  -webkit-animation: scale2 1.2s linear infinite;
  -moz-animation: scale2 1.2s linear infinite;
  -ms-animation: scale2 1.2s linear infinite;
  animation: scale2 1.2s linear infinite;
}

.no-webp .mainSwp-slide1 #part0 .scrolltip {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -3.53rem -1.31rem}

.webp .mainSwp-slide1 #part0 .scrolltip {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -3.53rem -1.31rem}

.no-webp .mainSwp-slide1 #part0 .scrolltip {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 #part0 .scrolltip {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 #part0 .scrolltip {background-position:-3.53rem -1.31rem}

.webp .mainSwp-slide1 #part0 .scrolltip {background-position:-3.53rem -1.31rem}

.mainSwp-slide1 #part0 .scrolltip {
  position: absolute;
  bottom: -0.21rem;
  left: 50%;
  margin-left: -1.1rem;
  width: 2.19rem;
  height: 2.22rem;
  line-height: 2.22rem;
  width: 2.19rem;
  height: 2.22rem;
  -webkit-animation: scrolltips-anim 2s linear infinite;
  animation: scrolltips-anim 2s linear infinite;
  z-index: 10;
}

.no-webp .mainSwp-slide1 #part0 .btn-play {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) center no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -11.55rem -7.49rem;
  background-size: 100% auto}

.webp .mainSwp-slide1 #part0 .btn-play {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) center no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -11.55rem -7.49rem;
  background-size: 100% auto}

.no-webp .mainSwp-slide1 #part0 .btn-play {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 #part0 .btn-play {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 #part0 .btn-play {background-position:-11.55rem -7.49rem}

.webp .mainSwp-slide1 #part0 .btn-play {background-position:-11.55rem -7.49rem}

.no-webp .mainSwp-slide1 #part0 .btn-play {background-size:100% auto}

.webp .mainSwp-slide1 #part0 .btn-play {background-size:100% auto}

.mainSwp-slide1 #part0 .btn-play {
  display: none;
  position: absolute;
  top: 1.64rem;
  left: 50%;
  margin-left: -4.08rem;
  width: 0.73rem;
  height: 0.73rem;
  cursor: pointer;
  width: 0.73rem;
  height: 0.73rem;
  -webkit-animation: scale2 2s linear infinite;
  -moz-animation: scale2 2s linear infinite;
  -ms-animation: scale2 2s linear infinite;
  animation: scale2 2s linear infinite;
}

.no-webp .mainSwp-slide1 #part0 .btn-play:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png);
  background-size: 13.67rem 12.84rem;
  background-position: -12.3rem -7.49rem}

.webp .mainSwp-slide1 #part0 .btn-play:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp);
  background-size: 13.67rem 12.84rem;
  background-position: -12.3rem -7.49rem}

.no-webp .mainSwp-slide1 #part0 .btn-play:hover {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 #part0 .btn-play:hover {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 #part0 .btn-play:hover {background-position:-12.3rem -7.49rem}

.webp .mainSwp-slide1 #part0 .btn-play:hover {background-position:-12.3rem -7.49rem}

.mainSwp-slide1 #part0 .btn-play:hover {
  width: 0.73rem;
  height: 0.73rem;
}

.mainSwp-slide1 #part0 .logos {
  position: absolute;
  width: auto;
  height: 0.81rem;
  top: 0.15rem;
  left: 0.2rem;
  font-size: 0;
  z-index: 99;
  pointer-events: all;
}

.mainSwp-slide1 #part0 .logos a {
  display: inline-block;
  vertical-align: middle;
}

.no-webp .mainSwp-slide1 #part0 .logos a.logoOne {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -6.21rem -3.6rem}

.webp .mainSwp-slide1 #part0 .logos a.logoOne {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -6.21rem -3.6rem}

.no-webp .mainSwp-slide1 #part0 .logos a.logoOne {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 #part0 .logos a.logoOne {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 #part0 .logos a.logoOne {background-position:-6.21rem -3.6rem}

.webp .mainSwp-slide1 #part0 .logos a.logoOne {background-position:-6.21rem -3.6rem}

.mainSwp-slide1 #part0 .logos a.logoOne {
  margin-right: 0.15rem;
  width: 3.98rem;
  height: 0.58rem;
  line-height: 0.58rem;
  width: 3.98rem;
  height: 0.58rem;
}

.no-webp .mainSwp-slide1 #part0 .logos a.logoTwo {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -12.22rem -3.6rem}

.webp .mainSwp-slide1 #part0 .logos a.logoTwo {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -12.22rem -3.6rem}

.no-webp .mainSwp-slide1 #part0 .logos a.logoTwo {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 #part0 .logos a.logoTwo {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 #part0 .logos a.logoTwo {background-position:-12.22rem -3.6rem}

.webp .mainSwp-slide1 #part0 .logos a.logoTwo {background-position:-12.22rem -3.6rem}

.mainSwp-slide1 #part0 .logos a.logoTwo {
  width: 1rem;
  height: 0.5rem;
  line-height: 0.5rem;
  width: 1rem;
  height: 0.5rem;
}

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

  3.13% {
    background-position: -2.44rem 0rem;
  }

  6.25% {
    background-position: 0rem -2.48rem;
  }

  9.38% {
    background-position: -2.44rem -2.48rem;
  }

  12.50% {
    background-position: 0rem -4.96rem;
  }

  15.63% {
    background-position: -2.44rem -4.96rem;
  }

  18.75% {
    background-position: 0rem -7.44rem;
  }

  21.88% {
    background-position: -2.44rem -7.44rem;
  }

  25.00% {
    background-position: 0rem -9.92rem;
  }

  28.13% {
    background-position: -2.44rem -9.92rem;
  }

  31.25% {
    background-position: 0rem -12.4rem;
  }

  34.38% {
    background-position: -2.44rem -12.4rem;
  }

  37.50% {
    background-position: 0rem -14.88rem;
  }

  40.63% {
    background-position: -2.44rem -14.88rem;
  }

  43.75% {
    background-position: 0rem -17.36rem;
  }

  46.88% {
    background-position: -2.44rem -17.36rem;
  }

  50.00% {
    background-position: 0rem -19.84rem;
  }

  53.13% {
    background-position: -2.44rem -19.84rem;
  }

  56.25% {
    background-position: 0rem -22.32rem;
  }

  59.38% {
    background-position: -2.44rem -22.32rem;
  }

  62.50% {
    background-position: 0rem -24.8rem;
  }

  65.63% {
    background-position: -2.44rem -24.8rem;
  }

  68.75% {
    background-position: 0rem -27.28rem;
  }

  71.88% {
    background-position: -2.44rem -27.28rem;
  }

  75.00% {
    background-position: 0rem -29.76rem;
  }

  78.13% {
    background-position: -2.44rem -29.76rem;
  }

  81.25% {
    background-position: 0rem -32.24rem;
  }

  84.38% {
    background-position: -2.44rem -32.24rem;
  }

  87.50% {
    background-position: 0rem -34.72rem;
  }

  90.63% {
    background-position: -2.44rem -34.72rem;
  }

  93.75% {
    background-position: 0rem -37.2rem;
  }

  96.88% {
    background-position: -2.44rem -37.2rem;
  }

  100.00% {
    background-position: 0rem -39.68rem;
  }
}

@-moz-keyframes winkSprite {
  0% {
    background-position: 0rem 0rem;
  }

  3.13% {
    background-position: -2.44rem 0rem;
  }

  6.25% {
    background-position: 0rem -2.48rem;
  }

  9.38% {
    background-position: -2.44rem -2.48rem;
  }

  12.50% {
    background-position: 0rem -4.96rem;
  }

  15.63% {
    background-position: -2.44rem -4.96rem;
  }

  18.75% {
    background-position: 0rem -7.44rem;
  }

  21.88% {
    background-position: -2.44rem -7.44rem;
  }

  25.00% {
    background-position: 0rem -9.92rem;
  }

  28.13% {
    background-position: -2.44rem -9.92rem;
  }

  31.25% {
    background-position: 0rem -12.4rem;
  }

  34.38% {
    background-position: -2.44rem -12.4rem;
  }

  37.50% {
    background-position: 0rem -14.88rem;
  }

  40.63% {
    background-position: -2.44rem -14.88rem;
  }

  43.75% {
    background-position: 0rem -17.36rem;
  }

  46.88% {
    background-position: -2.44rem -17.36rem;
  }

  50.00% {
    background-position: 0rem -19.84rem;
  }

  53.13% {
    background-position: -2.44rem -19.84rem;
  }

  56.25% {
    background-position: 0rem -22.32rem;
  }

  59.38% {
    background-position: -2.44rem -22.32rem;
  }

  62.50% {
    background-position: 0rem -24.8rem;
  }

  65.63% {
    background-position: -2.44rem -24.8rem;
  }

  68.75% {
    background-position: 0rem -27.28rem;
  }

  71.88% {
    background-position: -2.44rem -27.28rem;
  }

  75.00% {
    background-position: 0rem -29.76rem;
  }

  78.13% {
    background-position: -2.44rem -29.76rem;
  }

  81.25% {
    background-position: 0rem -32.24rem;
  }

  84.38% {
    background-position: -2.44rem -32.24rem;
  }

  87.50% {
    background-position: 0rem -34.72rem;
  }

  90.63% {
    background-position: -2.44rem -34.72rem;
  }

  93.75% {
    background-position: 0rem -37.2rem;
  }

  96.88% {
    background-position: -2.44rem -37.2rem;
  }

  100.00% {
    background-position: 0rem -39.68rem;
  }
}

@-ms-keyframes winkSprite {
  0% {
    background-position: 0rem 0rem;
  }

  3.13% {
    background-position: -2.44rem 0rem;
  }

  6.25% {
    background-position: 0rem -2.48rem;
  }

  9.38% {
    background-position: -2.44rem -2.48rem;
  }

  12.50% {
    background-position: 0rem -4.96rem;
  }

  15.63% {
    background-position: -2.44rem -4.96rem;
  }

  18.75% {
    background-position: 0rem -7.44rem;
  }

  21.88% {
    background-position: -2.44rem -7.44rem;
  }

  25.00% {
    background-position: 0rem -9.92rem;
  }

  28.13% {
    background-position: -2.44rem -9.92rem;
  }

  31.25% {
    background-position: 0rem -12.4rem;
  }

  34.38% {
    background-position: -2.44rem -12.4rem;
  }

  37.50% {
    background-position: 0rem -14.88rem;
  }

  40.63% {
    background-position: -2.44rem -14.88rem;
  }

  43.75% {
    background-position: 0rem -17.36rem;
  }

  46.88% {
    background-position: -2.44rem -17.36rem;
  }

  50.00% {
    background-position: 0rem -19.84rem;
  }

  53.13% {
    background-position: -2.44rem -19.84rem;
  }

  56.25% {
    background-position: 0rem -22.32rem;
  }

  59.38% {
    background-position: -2.44rem -22.32rem;
  }

  62.50% {
    background-position: 0rem -24.8rem;
  }

  65.63% {
    background-position: -2.44rem -24.8rem;
  }

  68.75% {
    background-position: 0rem -27.28rem;
  }

  71.88% {
    background-position: -2.44rem -27.28rem;
  }

  75.00% {
    background-position: 0rem -29.76rem;
  }

  78.13% {
    background-position: -2.44rem -29.76rem;
  }

  81.25% {
    background-position: 0rem -32.24rem;
  }

  84.38% {
    background-position: -2.44rem -32.24rem;
  }

  87.50% {
    background-position: 0rem -34.72rem;
  }

  90.63% {
    background-position: -2.44rem -34.72rem;
  }

  93.75% {
    background-position: 0rem -37.2rem;
  }

  96.88% {
    background-position: -2.44rem -37.2rem;
  }

  100.00% {
    background-position: 0rem -39.68rem;
  }
}

@-o-keyframes winkSprite {
  0% {
    background-position: 0rem 0rem;
  }

  3.13% {
    background-position: -2.44rem 0rem;
  }

  6.25% {
    background-position: 0rem -2.48rem;
  }

  9.38% {
    background-position: -2.44rem -2.48rem;
  }

  12.50% {
    background-position: 0rem -4.96rem;
  }

  15.63% {
    background-position: -2.44rem -4.96rem;
  }

  18.75% {
    background-position: 0rem -7.44rem;
  }

  21.88% {
    background-position: -2.44rem -7.44rem;
  }

  25.00% {
    background-position: 0rem -9.92rem;
  }

  28.13% {
    background-position: -2.44rem -9.92rem;
  }

  31.25% {
    background-position: 0rem -12.4rem;
  }

  34.38% {
    background-position: -2.44rem -12.4rem;
  }

  37.50% {
    background-position: 0rem -14.88rem;
  }

  40.63% {
    background-position: -2.44rem -14.88rem;
  }

  43.75% {
    background-position: 0rem -17.36rem;
  }

  46.88% {
    background-position: -2.44rem -17.36rem;
  }

  50.00% {
    background-position: 0rem -19.84rem;
  }

  53.13% {
    background-position: -2.44rem -19.84rem;
  }

  56.25% {
    background-position: 0rem -22.32rem;
  }

  59.38% {
    background-position: -2.44rem -22.32rem;
  }

  62.50% {
    background-position: 0rem -24.8rem;
  }

  65.63% {
    background-position: -2.44rem -24.8rem;
  }

  68.75% {
    background-position: 0rem -27.28rem;
  }

  71.88% {
    background-position: -2.44rem -27.28rem;
  }

  75.00% {
    background-position: 0rem -29.76rem;
  }

  78.13% {
    background-position: -2.44rem -29.76rem;
  }

  81.25% {
    background-position: 0rem -32.24rem;
  }

  84.38% {
    background-position: -2.44rem -32.24rem;
  }

  87.50% {
    background-position: 0rem -34.72rem;
  }

  90.63% {
    background-position: -2.44rem -34.72rem;
  }

  93.75% {
    background-position: 0rem -37.2rem;
  }

  96.88% {
    background-position: -2.44rem -37.2rem;
  }

  100.00% {
    background-position: 0rem -39.68rem;
  }
}

@keyframes winkSprite {
  0% {
    background-position: 0rem 0rem;
  }

  3.13% {
    background-position: -2.44rem 0rem;
  }

  6.25% {
    background-position: 0rem -2.48rem;
  }

  9.38% {
    background-position: -2.44rem -2.48rem;
  }

  12.50% {
    background-position: 0rem -4.96rem;
  }

  15.63% {
    background-position: -2.44rem -4.96rem;
  }

  18.75% {
    background-position: 0rem -7.44rem;
  }

  21.88% {
    background-position: -2.44rem -7.44rem;
  }

  25.00% {
    background-position: 0rem -9.92rem;
  }

  28.13% {
    background-position: -2.44rem -9.92rem;
  }

  31.25% {
    background-position: 0rem -12.4rem;
  }

  34.38% {
    background-position: -2.44rem -12.4rem;
  }

  37.50% {
    background-position: 0rem -14.88rem;
  }

  40.63% {
    background-position: -2.44rem -14.88rem;
  }

  43.75% {
    background-position: 0rem -17.36rem;
  }

  46.88% {
    background-position: -2.44rem -17.36rem;
  }

  50.00% {
    background-position: 0rem -19.84rem;
  }

  53.13% {
    background-position: -2.44rem -19.84rem;
  }

  56.25% {
    background-position: 0rem -22.32rem;
  }

  59.38% {
    background-position: -2.44rem -22.32rem;
  }

  62.50% {
    background-position: 0rem -24.8rem;
  }

  65.63% {
    background-position: -2.44rem -24.8rem;
  }

  68.75% {
    background-position: 0rem -27.28rem;
  }

  71.88% {
    background-position: -2.44rem -27.28rem;
  }

  75.00% {
    background-position: 0rem -29.76rem;
  }

  78.13% {
    background-position: -2.44rem -29.76rem;
  }

  81.25% {
    background-position: 0rem -32.24rem;
  }

  84.38% {
    background-position: -2.44rem -32.24rem;
  }

  87.50% {
    background-position: 0rem -34.72rem;
  }

  90.63% {
    background-position: -2.44rem -34.72rem;
  }

  93.75% {
    background-position: 0rem -37.2rem;
  }

  96.88% {
    background-position: -2.44rem -37.2rem;
  }

  100.00% {
    background-position: 0rem -39.68rem;
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-ms-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-o-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

.no-webp .mainSwp-slide1 #part0 .ripple {background-color:#fff}

.webp .mainSwp-slide1 #part0 .ripple {background-color:#fff}

.mainSwp-slide1 #part0 .ripple {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  top: 50%;
  left: 50%;
  margin-left: -0.05rem;
  margin-top: -0.05rem;
  border-radius: 50%;
  -webkit-animation: ripple 3s linear infinite;
  animation: ripple 3s linear infinite;
}

.mainSwp-slide1 #part0 .ripple::before,
.mainSwp-slide1 #part0 .ripple::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  -webkit-animation: ripple 3s linear infinite 1s;
  animation: ripple 3s linear infinite 1s;
}

.mainSwp-slide1 #part0 .ripple::after {
  -webkit-animation: ripple 3s linear infinite 2s;
  animation: ripple 3s linear infinite 2s;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.2);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0.74rem rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0.74rem rgba(255, 255, 255, 0);
  }
}

@keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.2);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0.74rem rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0.74rem rgba(255, 255, 255, 0);
  }
}

.mainSwp-slide1 .topr {
  position: absolute;
  right: 0.4rem;
  top: 0.15rem;
  font-size: 0;
  width: auto;
  z-index: 6;
  display: none;
}

.mainSwp-slide1 .topr .btn-bgm {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.15rem;
}

.no-webp .mainSwp-slide1 .topr .btn-bgm[data-status="on"] {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -12.98rem -4.2rem}

.webp .mainSwp-slide1 .topr .btn-bgm[data-status="on"] {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -12.98rem -4.2rem}

.no-webp .mainSwp-slide1 .topr .btn-bgm[data-status="on"] {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 .topr .btn-bgm[data-status="on"] {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 .topr .btn-bgm[data-status="on"] {background-position:-12.98rem -4.2rem}

.webp .mainSwp-slide1 .topr .btn-bgm[data-status="on"] {background-position:-12.98rem -4.2rem}

.mainSwp-slide1 .topr .btn-bgm[data-status="on"] {
  width: 0.51rem;
  height: 0.52rem;
  line-height: 0.52rem;
  width: 0.51rem;
  height: 0.52rem;
}

.no-webp .mainSwp-slide1 .topr .btn-bgm[data-status="off"] {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -2.29rem -8.59rem}

.webp .mainSwp-slide1 .topr .btn-bgm[data-status="off"] {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -2.29rem -8.59rem}

.no-webp .mainSwp-slide1 .topr .btn-bgm[data-status="off"] {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 .topr .btn-bgm[data-status="off"] {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 .topr .btn-bgm[data-status="off"] {background-position:-2.29rem -8.59rem}

.webp .mainSwp-slide1 .topr .btn-bgm[data-status="off"] {background-position:-2.29rem -8.59rem}

.mainSwp-slide1 .topr .btn-bgm[data-status="off"] {
  width: 0.51rem;
  height: 0.52rem;
  line-height: 0.52rem;
  width: 0.51rem;
  height: 0.52rem;
}

.mainSwp-slide1 .topr .btn-bgm:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

.no-webp .mainSwp-slide1 .topr .btn-home {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -1.99rem -6.65rem}

.webp .mainSwp-slide1 .topr .btn-home {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -1.99rem -6.65rem}

.no-webp .mainSwp-slide1 .topr .btn-home {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 .topr .btn-home {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 .topr .btn-home {background-position:-1.99rem -6.65rem}

.webp .mainSwp-slide1 .topr .btn-home {background-position:-1.99rem -6.65rem}

.mainSwp-slide1 .topr .btn-home {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.1rem;
  width: 1.36rem;
  height: 0.45rem;
  line-height: 0.45rem;
  width: 1.36rem;
  height: 0.45rem;
}

.no-webp .mainSwp-slide1 .topr .btn-home:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -3.37rem -6.65rem}

.webp .mainSwp-slide1 .topr .btn-home:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -3.37rem -6.65rem}

.no-webp .mainSwp-slide1 .topr .btn-home:hover {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 .topr .btn-home:hover {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 .topr .btn-home:hover {background-position:-3.37rem -6.65rem}

.webp .mainSwp-slide1 .topr .btn-home:hover {background-position:-3.37rem -6.65rem}

.mainSwp-slide1 .topr .btn-home:hover {
  width: 1.36rem;
  height: 0.45rem;
  line-height: 0.45rem;
  width: 1.36rem;
  height: 0.45rem;
}

.no-webp .mainSwp-slide1 .topr .btns {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -7.86rem -6rem}

.webp .mainSwp-slide1 .topr .btns {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -7.86rem -6rem}

.no-webp .mainSwp-slide1 .topr .btns {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 .topr .btns {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 .topr .btns {background-position:-7.86rem -6rem}

.webp .mainSwp-slide1 .topr .btns {background-position:-7.86rem -6rem}

.mainSwp-slide1 .topr .btns {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 1.86rem;
  height: 0.45rem;
  line-height: 0.45rem;
  width: 1.86rem;
  height: 0.45rem;
}

.mainSwp-slide1 .topr .btns .btn-wxbox {
  position: absolute;
  top: 0.06rem;
  left: 0.23rem;
  width: 0.4rem;
  height: 0.33rem;
}

.no-webp .mainSwp-slide1 .topr .btns .btn-wxbox .btn-wx {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -12rem -3.2rem}

.webp .mainSwp-slide1 .topr .btns .btn-wxbox .btn-wx {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -12rem -3.2rem}

.no-webp .mainSwp-slide1 .topr .btns .btn-wxbox .btn-wx {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 .topr .btns .btn-wxbox .btn-wx {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 .topr .btns .btn-wxbox .btn-wx {background-position:-12rem -3.2rem}

.webp .mainSwp-slide1 .topr .btns .btn-wxbox .btn-wx {background-position:-12rem -3.2rem}

.mainSwp-slide1 .topr .btns .btn-wxbox .btn-wx {
  display: block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  width: 0.4rem;
  height: 0.33rem;
  line-height: 0.33rem;
  width: 0.4rem;
  height: 0.33rem;
}

.mainSwp-slide1 .topr .btns .btn-wxbox:hover .btn-wx {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

.mainSwp-slide1 .topr .btns .btn-wxbox:hover .sidebox {
  display: block;
}

.no-webp .mainSwp-slide1 .topr .btns .btn-wxbox .sidebox {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -4.74rem -4.89rem}

.webp .mainSwp-slide1 .topr .btns .btn-wxbox .sidebox {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -4.74rem -4.89rem}

.no-webp .mainSwp-slide1 .topr .btns .btn-wxbox .sidebox {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 .topr .btns .btn-wxbox .sidebox {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 .topr .btns .btn-wxbox .sidebox {background-position:-4.74rem -4.89rem}

.webp .mainSwp-slide1 .topr .btns .btn-wxbox .sidebox {background-position:-4.74rem -4.89rem}

.mainSwp-slide1 .topr .btns .btn-wxbox .sidebox {
  position: absolute;
  left: 50%;
  top: 0.43rem;
  margin-left: -0.78rem;
  width: 1.56rem;
  height: 1.74rem;
  line-height: 1.74rem;
  width: 1.56rem;
  height: 1.74rem;
  display: none;
}

.mainSwp-slide1 .topr .btns .btn-wxbox .sidebox .img {
  position: absolute;
  left: 0.22rem;
  top: 0.23rem;
  width: 1.2rem;
  height: 1.2rem;
}

.mainSwp-slide1 .topr .btns .btn-wxbox .sidebox .img img {
  display: block;
  width: 100%;
}

.mainSwp-slide1 .topr .btns .btn-wxbox .sidebox P {
  position: absolute;
  left: 0;
  bottom: 0.1rem;
  line-height: 1;
  font-size: 0.14rem;
  color: #fff;
  text-align: center;
  font-family: "fzqkbys";
  width: 100%;
}

.mainSwp-slide1 .topr .btns .btn-dybox {
  position: absolute;
  top: 0.06rem;
  left: 0.78rem;
  width: 0.4rem;
  height: 0.33rem;
}

.no-webp .mainSwp-slide1 .topr .btns .btn-dybox .btn-dy {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -12.42rem -3.2rem}

.webp .mainSwp-slide1 .topr .btns .btn-dybox .btn-dy {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -12.42rem -3.2rem}

.no-webp .mainSwp-slide1 .topr .btns .btn-dybox .btn-dy {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 .topr .btns .btn-dybox .btn-dy {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 .topr .btns .btn-dybox .btn-dy {background-position:-12.42rem -3.2rem}

.webp .mainSwp-slide1 .topr .btns .btn-dybox .btn-dy {background-position:-12.42rem -3.2rem}

.mainSwp-slide1 .topr .btns .btn-dybox .btn-dy {
  display: block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  width: 0.4rem;
  height: 0.33rem;
  line-height: 0.33rem;
  width: 0.4rem;
  height: 0.33rem;
}

.mainSwp-slide1 .topr .btns .btn-dybox:hover .btn-dy {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

.mainSwp-slide1 .topr .btns .btn-dybox:hover .sidebox {
  display: block;
}

.no-webp .mainSwp-slide1 .topr .btns .btn-dybox .sidebox {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -4.74rem -4.89rem}

.webp .mainSwp-slide1 .topr .btns .btn-dybox .sidebox {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -4.74rem -4.89rem}

.no-webp .mainSwp-slide1 .topr .btns .btn-dybox .sidebox {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 .topr .btns .btn-dybox .sidebox {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 .topr .btns .btn-dybox .sidebox {background-position:-4.74rem -4.89rem}

.webp .mainSwp-slide1 .topr .btns .btn-dybox .sidebox {background-position:-4.74rem -4.89rem}

.mainSwp-slide1 .topr .btns .btn-dybox .sidebox {
  position: absolute;
  left: 50%;
  top: 0.43rem;
  margin-left: -0.83rem;
  width: 1.56rem;
  height: 1.74rem;
  line-height: 1.74rem;
  width: 1.56rem;
  height: 1.74rem;
  display: none;
}

.mainSwp-slide1 .topr .btns .btn-dybox .sidebox .img {
  position: absolute;
  left: 0.22rem;
  top: 0.23rem;
  width: 1.2rem;
  height: 1.2rem;
}

.mainSwp-slide1 .topr .btns .btn-dybox .sidebox .img img {
  display: block;
  width: 100%;
}

.mainSwp-slide1 .topr .btns .btn-dybox .sidebox P {
  position: absolute;
  left: 0;
  bottom: 0.1rem;
  line-height: 1;
  font-size: 0.14rem;
  color: #fff;
  text-align: center;
  font-family: "fzqkbys";
  width: 100%;
}

.mainSwp-slide1 .topr .btns .btn-qwbox {
  position: absolute;
  top: 0.06rem;
  left: 1.36rem;
  width: 0.4rem;
  height: 0.36rem;
}

.no-webp .mainSwp-slide1 .topr .btns .btn-qwbox .btn-qw {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -13.06rem -2.25rem}

.webp .mainSwp-slide1 .topr .btns .btn-qwbox .btn-qw {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -13.06rem -2.25rem}

.no-webp .mainSwp-slide1 .topr .btns .btn-qwbox .btn-qw {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 .topr .btns .btn-qwbox .btn-qw {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 .topr .btns .btn-qwbox .btn-qw {background-position:-13.06rem -2.25rem}

.webp .mainSwp-slide1 .topr .btns .btn-qwbox .btn-qw {background-position:-13.06rem -2.25rem}

.mainSwp-slide1 .topr .btns .btn-qwbox .btn-qw {
  display: block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  width: 0.4rem;
  height: 0.35rem;
  line-height: 0.35rem;
  width: 0.4rem;
  height: 0.35rem;
}

.mainSwp-slide1 .topr .btns .btn-qwbox:hover .btn-qw {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

.mainSwp-slide1 .topr .btns .btn-qwbox:hover .sidebox {
  display: block;
}

.no-webp .mainSwp-slide1 .topr .btns .btn-qwbox .sidebox {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -4.74rem -4.89rem}

.webp .mainSwp-slide1 .topr .btns .btn-qwbox .sidebox {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -4.74rem -4.89rem}

.no-webp .mainSwp-slide1 .topr .btns .btn-qwbox .sidebox {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 .topr .btns .btn-qwbox .sidebox {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 .topr .btns .btn-qwbox .sidebox {background-position:-4.74rem -4.89rem}

.webp .mainSwp-slide1 .topr .btns .btn-qwbox .sidebox {background-position:-4.74rem -4.89rem}

.mainSwp-slide1 .topr .btns .btn-qwbox .sidebox {
  position: absolute;
  left: 50%;
  top: 0.43rem;
  margin-left: -0.83rem;
  width: 1.56rem;
  height: 1.74rem;
  line-height: 1.74rem;
  width: 1.56rem;
  height: 1.74rem;
  display: none;
}

.mainSwp-slide1 .topr .btns .btn-qwbox .sidebox .img {
  position: absolute;
  left: 0.22rem;
  top: 0.23rem;
  width: 1.2rem;
  height: 1.2rem;
}

.mainSwp-slide1 .topr .btns .btn-qwbox .sidebox .img img {
  display: block;
  width: 100%;
}

.mainSwp-slide1 .topr .btns .btn-qwbox .sidebox P {
  position: absolute;
  left: 0;
  bottom: 0.1rem;
  line-height: 1;
  font-size: 0.14rem;
  color: #fff;
  text-align: center;
  font-family: "fzqkbys";
  width: 100%;
}

.mainSwp-slide1 .topr .btns .btn-wbbox {
  position: absolute;
  top: 0.06rem;
  left: 1.36rem;
  width: 0.4rem;
  height: 0.36rem;
}

.no-webp .mainSwp-slide1 .topr .btns .btn-wbbox .btn-wb {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -11.58rem -3.2rem}

.webp .mainSwp-slide1 .topr .btns .btn-wbbox .btn-wb {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -11.58rem -3.2rem}

.no-webp .mainSwp-slide1 .topr .btns .btn-wbbox .btn-wb {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 .topr .btns .btn-wbbox .btn-wb {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 .topr .btns .btn-wbbox .btn-wb {background-position:-11.58rem -3.2rem}

.webp .mainSwp-slide1 .topr .btns .btn-wbbox .btn-wb {background-position:-11.58rem -3.2rem}

.mainSwp-slide1 .topr .btns .btn-wbbox .btn-wb {
  display: block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  width: 0.4rem;
  height: 0.35rem;
  line-height: 0.35rem;
  width: 0.4rem;
  height: 0.35rem;
  position: relative;
  left: -0.03rem;
  top: -0.02rem;
}

.mainSwp-slide1 .topr .btns .btn-wbbox:hover .btn-qw {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

.mainSwp-slide1 .topr .btns .btn-wbbox:hover .sidebox {
  display: block;
}

.no-webp .mainSwp-slide1 .topr .btns .btn-wbbox .sidebox {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -4.74rem -4.89rem}

.webp .mainSwp-slide1 .topr .btns .btn-wbbox .sidebox {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -4.74rem -4.89rem}

.no-webp .mainSwp-slide1 .topr .btns .btn-wbbox .sidebox {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide1 .topr .btns .btn-wbbox .sidebox {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide1 .topr .btns .btn-wbbox .sidebox {background-position:-4.74rem -4.89rem}

.webp .mainSwp-slide1 .topr .btns .btn-wbbox .sidebox {background-position:-4.74rem -4.89rem}

.mainSwp-slide1 .topr .btns .btn-wbbox .sidebox {
  position: absolute;
  left: 50%;
  top: 0.43rem;
  margin-left: -0.83rem;
  width: 1.56rem;
  height: 1.74rem;
  line-height: 1.74rem;
  width: 1.56rem;
  height: 1.74rem;
  display: none;
}

.mainSwp-slide1 .topr .btns .btn-wbbox .sidebox .img {
  position: absolute;
  left: 0.22rem;
  top: 0.23rem;
  width: 1.2rem;
  height: 1.2rem;
}

.mainSwp-slide1 .topr .btns .btn-wbbox .sidebox .img img {
  display: block;
  width: 100%;
}

.mainSwp-slide1 .topr .btns .btn-wbbox .sidebox P {
  position: absolute;
  left: 0;
  bottom: 0.1rem;
  line-height: 1;
  font-size: 0.14rem;
  color: #fff;
  text-align: center;
  font-family: "fzqkbys";
  width: 100%;
}

.no-webp .mainSwp-slide .xjh {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -0 -1.31rem}

.webp .mainSwp-slide .xjh {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -0 -1.31rem}

.no-webp .mainSwp-slide .xjh {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide .xjh {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide .xjh {background-position:-0 -1.31rem}

.webp .mainSwp-slide .xjh {background-position:-0 -1.31rem}

.mainSwp-slide .xjh {
  position: absolute;
  bottom: 23%;
  right: 2.7rem;
  width: 3.51rem;
  height: 2.25rem;
  z-index: 10;
}

@-webkit-keyframes ani_fd {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.94);
    -moz-transform: scale(0.94);
    -ms-transform: scale(0.94);
    -o-transform: scale(0.94);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

@keyframes ani_fd {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.94);
    -moz-transform: scale(0.94);
    -ms-transform: scale(0.94);
    -o-transform: scale(0.94);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

.no-webp .mainSwp-slide2 #part1 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/bg2_5688bdf0.jpg) no-repeat center center;
  background-size: cover}

.webp .mainSwp-slide2 #part1 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/bg2_5688bdf0.webp) no-repeat center center;
  background-size: cover}

.no-webp .mainSwp-slide2 #part1 {background-size:cover}

.webp .mainSwp-slide2 #part1 {background-size:cover}

.mainSwp-slide2 #part1 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.mainSwp-slide2 #part1 .con {
  position: relative;
}

.no-webp .mainSwp-slide2 #part1 .fuli-title {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -6.21rem -0.75rem}

.webp .mainSwp-slide2 #part1 .fuli-title {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -6.21rem -0.75rem}

.no-webp .mainSwp-slide2 #part1 .fuli-title {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide2 #part1 .fuli-title {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide2 #part1 .fuli-title {background-position:-6.21rem -0.75rem}

.webp .mainSwp-slide2 #part1 .fuli-title {background-position:-6.21rem -0.75rem}

.mainSwp-slide2 #part1 .fuli-title {
  display: block;
  margin: 0.3rem auto 0;
  width: 5.35rem;
  height: 0.93rem;
  line-height: 0.93rem;
  width: 5.35rem;
  height: 0.93rem;
}

.no-webp .mainSwp-slide2 #part1 .imgboxs {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/fuli_bg_872a8ae5.png) no-repeat;
  background-size: 100% 100%}

.webp .mainSwp-slide2 #part1 .imgboxs {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/fuli_bg_872a8ae5.webp) no-repeat;
  background-size: 100% 100%}

.no-webp .mainSwp-slide2 #part1 .imgboxs {background-size:100% 100%}

.webp .mainSwp-slide2 #part1 .imgboxs {background-size:100% 100%}

.mainSwp-slide2 #part1 .imgboxs {
  position: relative;
  font-size: 0;
  z-index: 1;
  margin: -0.4rem auto 0;
  width: 14.49rem;
  height: 7.08rem;
  line-height: 7.08rem;
}

.no-webp .mainSwp-slide2 #part1 .imgboxs .imgs {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/item-bg_3403d078.png) no-repeat;
  background-size: 100% 100%}

.webp .mainSwp-slide2 #part1 .imgboxs .imgs {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/item-bg_3403d078.webp) no-repeat;
  background-size: 100% 100%}

.no-webp .mainSwp-slide2 #part1 .imgboxs .imgs {background-size:100% 100%}

.webp .mainSwp-slide2 #part1 .imgboxs .imgs {background-size:100% 100%}

.mainSwp-slide2 #part1 .imgboxs .imgs {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 14.49rem;
  height: 7.08rem;
  line-height: 7.08rem;
  pointer-events: none;
}

.mainSwp-slide2 #part1 .imgboxs .imgs .ldswp {
  position: absolute;
  left: 2.38rem;
  top: 0.97rem;
  width: 10.06rem;
  height: 5.66rem;
}

.mainSwp-slide2 #part1 .imgboxs .imgs .ldimg {
  width: 10.06rem;
  height: 5.66rem;
}

.mainSwp-slide2 #part1 .imgboxs .imgs .img {
  pointer-events: all;
  width: 10.06rem !important;
  height: 5.66rem !important;
}

.no-webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img1 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/img1_e873952e.jpg) center no-repeat;
  background-size: 100% 100%}

.webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img1 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/img1_e873952e.webp) center no-repeat;
  background-size: 100% 100%}

.no-webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img1 {background-size:100% 100%}

.webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img1 {background-size:100% 100%}

.mainSwp-slide2 #part1 .imgboxs .imgs .img.img1 {
}

.no-webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img2 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/img2_83e7e38d.jpg) center no-repeat;
  background-size: 100% 100%}

.webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img2 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/img2_83e7e38d.webp) center no-repeat;
  background-size: 100% 100%}

.no-webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img2 {background-size:100% 100%}

.webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img2 {background-size:100% 100%}

.mainSwp-slide2 #part1 .imgboxs .imgs .img.img2 {
}

.no-webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img3 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/img3_e4976ffa.jpg) center no-repeat;
  background-size: 100% 100%}

.webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img3 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/img3_e4976ffa.webp) center no-repeat;
  background-size: 100% 100%}

.no-webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img3 {background-size:100% 100%}

.webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img3 {background-size:100% 100%}

.mainSwp-slide2 #part1 .imgboxs .imgs .img.img3 {
}

.no-webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img4 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/img4_e6d43ce3.jpg) center no-repeat;
  background-size: 100% 100%}

.webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img4 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/img4_e6d43ce3.webp) center no-repeat;
  background-size: 100% 100%}

.no-webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img4 {background-size:100% 100%}

.webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img4 {background-size:100% 100%}

.mainSwp-slide2 #part1 .imgboxs .imgs .img.img4 {
}

.no-webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img5 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/img5_87295e64.jpg) center no-repeat;
  background-size: 100% 100%}

.webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img5 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/img5_87295e64.webp) center no-repeat;
  background-size: 100% 100%}

.no-webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img5 {background-size:100% 100%}

.webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img5 {background-size:100% 100%}

.mainSwp-slide2 #part1 .imgboxs .imgs .img.img5 {
}

.no-webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img6 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/img6_6b7c6fd6.jpg) center no-repeat;
  background-size: 100% 100%}

.webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img6 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/img6_6b7c6fd6.webp) center no-repeat;
  background-size: 100% 100%}

.no-webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img6 {background-size:100% 100%}

.webp .mainSwp-slide2 #part1 .imgboxs .imgs .img.img6 {background-size:100% 100%}

.mainSwp-slide2 #part1 .imgboxs .imgs .img.img6 {
}

.mainSwp-slide2 #part1 .imgboxs .sidenav {
  position: absolute;
  right: 0;
  top: 1rem;
  width: 2.17rem;
  height: 3.73rem;
}

.no-webp .mainSwp-slide2 #part1 .imgboxs .sidenav .nav {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -11.18rem -4.89rem}

.webp .mainSwp-slide2 #part1 .imgboxs .sidenav .nav {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -11.18rem -4.89rem}

.no-webp .mainSwp-slide2 #part1 .imgboxs .sidenav .nav {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide2 #part1 .imgboxs .sidenav .nav {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide2 #part1 .imgboxs .sidenav .nav {background-position:-11.18rem -4.89rem}

.webp .mainSwp-slide2 #part1 .imgboxs .sidenav .nav {background-position:-11.18rem -4.89rem}

.mainSwp-slide2 #part1 .imgboxs .sidenav .nav {
  display: block;
  width: 1.97rem;
  height: 0.82rem;
  line-height: 0.82rem;
  width: 1.97rem;
  height: 0.82rem;
  margin-bottom: 0.18rem;
  font-size: 0.2rem;
  color: #3f5b79;
  font-family: "fzqkbys";
  text-indent: 0.7rem;
  line-height: 0.75rem;
}

.no-webp .mainSwp-slide2 #part1 .imgboxs .sidenav .nav:hover, 
.no-webp .mainSwp-slide2 #part1 .imgboxs .sidenav .nav.on {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -0 -6.65rem}

.webp .mainSwp-slide2 #part1 .imgboxs .sidenav .nav:hover, 
.webp .mainSwp-slide2 #part1 .imgboxs .sidenav .nav.on {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -0 -6.65rem}

.no-webp .mainSwp-slide2 #part1 .imgboxs .sidenav .nav:hover, 
.no-webp .mainSwp-slide2 #part1 .imgboxs .sidenav .nav.on {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide2 #part1 .imgboxs .sidenav .nav:hover, 
.webp .mainSwp-slide2 #part1 .imgboxs .sidenav .nav.on {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide2 #part1 .imgboxs .sidenav .nav:hover, 
.no-webp .mainSwp-slide2 #part1 .imgboxs .sidenav .nav.on {background-position:-0 -6.65rem}

.webp .mainSwp-slide2 #part1 .imgboxs .sidenav .nav:hover, 
.webp .mainSwp-slide2 #part1 .imgboxs .sidenav .nav.on {background-position:-0 -6.65rem}

.mainSwp-slide2 #part1 .imgboxs .sidenav .nav:hover,
.mainSwp-slide2 #part1 .imgboxs .sidenav .nav.on {
  font-size: 0.22rem;
  margin-left: 0.19rem;
  width: 1.97rem;
  height: 0.82rem;
  line-height: 0.82rem;
  width: 1.97rem;
  height: 0.82rem;
  color: #967b46;
  text-indent: 0.55rem;
  line-height: 0.75rem;
}

.no-webp .mainSwp-slide3 #part2 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/bg_f2e8e493.jpg) no-repeat center center;
  background-size: cover}

.webp .mainSwp-slide3 #part2 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/bg_f2e8e493.webp) no-repeat center center;
  background-size: cover}

.no-webp .mainSwp-slide3 #part2 {background-size:cover}

.webp .mainSwp-slide3 #part2 {background-size:cover}

.mainSwp-slide3 #part2 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.no-webp .mainSwp-slide3 #part2 .title {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -6.21rem -1.7rem}

.webp .mainSwp-slide3 #part2 .title {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -6.21rem -1.7rem}

.no-webp .mainSwp-slide3 #part2 .title {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide3 #part2 .title {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide3 #part2 .title {background-position:-6.21rem -1.7rem}

.webp .mainSwp-slide3 #part2 .title {background-position:-6.21rem -1.7rem}

.mainSwp-slide3 #part2 .title {
  position: absolute;
  left: 50%;
  top: .3rem;
  margin-left: -2.675rem;
  width: 5.35rem;
  height: 0.93rem;
  line-height: 0.93rem;
  width: 5.35rem;
  height: 0.93rem;
  z-index: 10;
}

.mainSwp-slide3 #part2 .nav {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 15;
  -webkit-transform: translate(0, -55%);
  -moz-transform: translate(0, -55%);
  -ms-transform: translate(0, -55%);
  -o-transform: translate(0, -55%);
}

.mainSwp-slide3 #part2 .nav .list {
  width: 1.97rem;
}

.mainSwp-slide3 #part2 .nav .list .jobbtn {
  display: block;
  width: 1.97rem;
  height: 0.4rem;
  font-size: 0;
  position: relative;
  margin-right: 0.15rem;
}

.mainSwp-slide3 #part2 .nav .list .jobbtn.on i {
  text-indent: 0.36rem;
}

.no-webp .mainSwp-slide3 #part2 .nav .list .jobbtn.on:before {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -9.74rem -6rem}

.webp .mainSwp-slide3 #part2 .nav .list .jobbtn.on:before {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -9.74rem -6rem}

.no-webp .mainSwp-slide3 #part2 .nav .list .jobbtn.on:before {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide3 #part2 .nav .list .jobbtn.on:before {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide3 #part2 .nav .list .jobbtn.on:before {background-position:-9.74rem -6rem}

.webp .mainSwp-slide3 #part2 .nav .list .jobbtn.on:before {background-position:-9.74rem -6rem}

.mainSwp-slide3 #part2 .nav .list .jobbtn.on:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.2rem;
  width: 1.97rem;
  height: 0.4rem;
  line-height: 0.4rem;
  width: 1.97rem;
  height: 0.4rem;
}

.mainSwp-slide3 #part2 .nav .list .jobbtn.on:nth-child(1) span {
  left: 1.04rem;
}

.mainSwp-slide3 #part2 .nav .list .jobbtn:nth-child(1) span {
  font-size: 0.12rem;
  color: #ff4545;
  line-height: 0.12rem;
  text-align: left;
  position: absolute;
  top: 0.14rem;
  left: 1.35rem;
  font-weight: bold;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.no-webp .mainSwp-slide3 #part2 .nav .list .jobbtn:after {background-color:#586c7e}

.webp .mainSwp-slide3 #part2 .nav .list .jobbtn:after {background-color:#586c7e}

.mainSwp-slide3 #part2 .nav .list .jobbtn:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.07rem;
  height: 0.07rem;
  border-radius: 50%;
  margin-top: 0.11rem;
}

.mainSwp-slide3 #part2 .nav .list .jobbtn i {
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-family: "fzqkbys";
  font-size: 0.18rem;
  color: #586c7e;
  text-indent: 0.67rem;
  margin-top: 0.11rem;
  margin-right: 0.15rem;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.mainSwp-slide3 #part2 .rolelist {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
}

.mainSwp-slide3 #part2 .rolelist .role {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.mainSwp-slide3 #part2 .rolelist .role.on {
  z-index: 1;
  opacity: 1;
}

.mainSwp-slide3 #part2 .rolelist .role .img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 19.2rem;
  height: 10.8rem;
  margin-top: -5.4rem;
  margin-left: -9rem;
  opacity: 0;
  z-index: -4;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.mainSwp-slide3 #part2 .rolelist .role .img.on {
  z-index: 1;
  opacity: 4;
}

.mainSwp-slide3 #part2 .rolelist .role .desc {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 483px;
  margin-left: -43%;
  margin-top: -360px;
  z-index: 5;
}

.mainSwp-slide3 #part2 .rolelist .role .desc img {
  display: block;
  width: 100%;
}

.mainSwp-slide3 #part2 .rolelist .role .desc .name {
  position: relative;
  float: right;
  width: 419px;
  margin-right: -70px;
}

.mainSwp-slide3 #part2 .rolelist .role .desc .name img {
  height: 363px;
}

.no-webp .mainSwp-slide3 #part2 .rolelist .role .desc .name .v-btn {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/v-btn_67b6a85d.png) center no-repeat;
  background-size: 100% auto}

.webp .mainSwp-slide3 #part2 .rolelist .role .desc .name .v-btn {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/v-btn_67b6a85d.webp) center no-repeat;
  background-size: 100% auto}

.no-webp .mainSwp-slide3 #part2 .rolelist .role .desc .name .v-btn {background-size:100% auto}

.webp .mainSwp-slide3 #part2 .rolelist .role .desc .name .v-btn {background-size:100% auto}

.mainSwp-slide3 #part2 .rolelist .role .desc .name .v-btn {
  position: absolute;
  right: 70px;
  bottom: 0;
  width: 110px;
  height: 110px;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
}

.mainSwp-slide3 #part2 .rolelist .role .desc .name .v-btn:hover {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
}

.mainSwp-slide3 #part2 .rolelist .role .desc .name .mingzi {
  display: none;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  font-size: 0.4rem;
  color: #d2b281;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  letter-spacing: 0.1rem;
  font-family: 'fzcjljt' !important;
}

.no-webp .mainSwp-slide3 #part2 .rolelist .role .desc .name .mingzi::after {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -0 -11rem}

.webp .mainSwp-slide3 #part2 .rolelist .role .desc .name .mingzi::after {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -0 -11rem}

.no-webp .mainSwp-slide3 #part2 .rolelist .role .desc .name .mingzi::after {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide3 #part2 .rolelist .role .desc .name .mingzi::after {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide3 #part2 .rolelist .role .desc .name .mingzi::after {background-position:-0 -11rem}

.webp .mainSwp-slide3 #part2 .rolelist .role .desc .name .mingzi::after {background-position:-0 -11rem}

.mainSwp-slide3 #part2 .rolelist .role .desc .name .mingzi::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0.55rem;
  width: 0.01rem;
  height: 1.84rem;
}

.mainSwp-slide3 #part2 .rolelist .role .desc .name .mingzi.on {
  display: block;
}

.mainSwp-slide3 #part2 .rolelist .role .desc .txtbox {
  position: relative;
  width: 385px;
  height: auto;
  float: right;
  margin-top: 10px;
  margin-right: 2px;
}

.mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .pic {
  display: none;
}

.mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .pic.on {
  display: block;
}

.mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .pic img {
  width: 336px;
}

.mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  width: 38px;
  height: 124px;
}

.no-webp .mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns[data-sex="nan"] {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/btn-nan_9fe18bd3.png) center no-repeat}

.webp .mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns[data-sex="nan"] {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/btn-nan_9fe18bd3.webp) center no-repeat}

.mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns[data-sex="nan"] {
}

.no-webp .mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns[data-sex="nv"] {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/btn-nv_0539e824.png) center no-repeat}

.webp .mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns[data-sex="nv"] {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/btn-nv_0539e824.webp) center no-repeat}

.mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns[data-sex="nv"] {
  width: 38px;
  height: 124px;
}

.mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns .sexbtn {
  display: block;
  width: 100%;
  height: 50%;
}

.mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns.ylbtns {
  width: 38px;
  height: 124px;
}

.no-webp .mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns.ylbtns[data-sex="nan"] {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/btn-nan2_80517217.png) center no-repeat}

.webp .mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns.ylbtns[data-sex="nan"] {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/btn-nan2_80517217.webp) center no-repeat}

.mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns.ylbtns[data-sex="nan"] {
}

.no-webp .mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns.ylbtns[data-sex="nv"] {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/btn-nv2_379c20e8.png) center no-repeat}

.webp .mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns.ylbtns[data-sex="nv"] {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/btn-nv2_379c20e8.webp) center no-repeat}

.mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns.ylbtns[data-sex="nv"] {
}

.no-webp .mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns.ylbtns[data-sex="yao"] {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/btn-yao_26d24f5a.png) center no-repeat}

.webp .mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns.ylbtns[data-sex="yao"] {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/btn-yao_26d24f5a.webp) center no-repeat}

.mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns.ylbtns[data-sex="yao"] {
}

.mainSwp-slide3 #part2 .rolelist .role .desc .txtbox .sexbtns.ylbtns .sexbtn {
  display: block;
  width: 100%;
  height: 33.3%;
}

.mainSwp-slide3 #part2 .rolelist .role .desc .wuxing {
  float: right;
  margin-top: 15px;
}

.mainSwp-slide3 #part2 .rolelist .zk .mingzi {
  left: 0.75rem !important;
}

.mainSwp-slide3 #part2 .rolelist .dk .mingzi {
  left: -0.15rem !important;
}

.mainSwp-slide3 #part2 .rolelist .yl .mingzi,
.mainSwp-slide3 #part2 .rolelist .yr .mingzi,
.mainSwp-slide3 #part2 .rolelist .fs .mingzi {
  left: 0 !important;
}

.mainSwp-slide3 #part2 .rolelist .mz .mingzi {
  left: 0.4rem !important;
}

.mainSwp-slide3 #part2 .rolelist .ys .mingzi {
  left: 0.55rem !important;
}

.mainSwp-slide3 #part2 .rolelist .hh .mingzi {
  left: 0.4rem !important;
}

.mainSwp-slide3 #part2 .rolelist .daoke .mingzi {
  left: 0.1rem !important;
}

.mainSwp-slide3 #part2 .rolelist .yanshi .mingzi {
  left: -0.05rem !important;
}

.mainSwp-slide3 #part2 .rolelist .xk .mingzi {
  left: -0.1rem !important;
}

.mainSwp-slide3 #part2 .rolelist .js .mingzi {
  left: 0.25rem !important;
}

.no-webp .mainSwp-slide4 #part3 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/bg_3ec9c1b2.jpg) no-repeat center center;
  background-size: cover}

.webp .mainSwp-slide4 #part3 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/bg_3ec9c1b2.webp) no-repeat center center;
  background-size: cover}

.no-webp .mainSwp-slide4 #part3 {background-size:cover}

.webp .mainSwp-slide4 #part3 {background-size:cover}

.mainSwp-slide4 #part3 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.no-webp .mainSwp-slide4 #part3 .title {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -6.21rem -2.65rem}

.webp .mainSwp-slide4 #part3 .title {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -6.21rem -2.65rem}

.no-webp .mainSwp-slide4 #part3 .title {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide4 #part3 .title {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide4 #part3 .title {background-position:-6.21rem -2.65rem}

.webp .mainSwp-slide4 #part3 .title {background-position:-6.21rem -2.65rem}

.mainSwp-slide4 #part3 .title {
  margin: 0.3rem auto 0.54rem;
  width: 5.35rem;
  height: 0.93rem;
  line-height: 0.93rem;
  width: 5.35rem;
  height: 0.93rem;
}

.mainSwp-slide4 #part3 .pic-wrap {
  position: relative;
  width: 13.75rem;
  margin: -0.3rem auto 0;
}

.mainSwp-slide4 #part3 .swiper-wrap {
  position: relative;
  width: 13.75rem;
  z-index: 1;
}

.no-webp .mainSwp-slide4 #part3 .swiper-wrap .btn-prev {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -10.07rem -7.49rem}

.webp .mainSwp-slide4 #part3 .swiper-wrap .btn-prev {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -10.07rem -7.49rem}

.no-webp .mainSwp-slide4 #part3 .swiper-wrap .btn-prev {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide4 #part3 .swiper-wrap .btn-prev {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide4 #part3 .swiper-wrap .btn-prev {background-position:-10.07rem -7.49rem}

.webp .mainSwp-slide4 #part3 .swiper-wrap .btn-prev {background-position:-10.07rem -7.49rem}

.mainSwp-slide4 #part3 .swiper-wrap .btn-prev {
  position: absolute;
  left: 1.6rem;
  top: 50%;
  margin-top: -0.5rem;
  width: 0.72rem;
  height: 0.99rem;
  line-height: 0.99rem;
  width: 0.72rem;
  height: 0.99rem;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.mainSwp-slide4 #part3 .swiper-wrap .btn-prev:hover {
  left: 1.5rem;
}

.no-webp .mainSwp-slide4 #part3 .swiper-wrap .btn-next {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -10.81rem -7.49rem}

.webp .mainSwp-slide4 #part3 .swiper-wrap .btn-next {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -10.81rem -7.49rem}

.no-webp .mainSwp-slide4 #part3 .swiper-wrap .btn-next {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide4 #part3 .swiper-wrap .btn-next {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide4 #part3 .swiper-wrap .btn-next {background-position:-10.81rem -7.49rem}

.webp .mainSwp-slide4 #part3 .swiper-wrap .btn-next {background-position:-10.81rem -7.49rem}

.mainSwp-slide4 #part3 .swiper-wrap .btn-next {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  margin-top: -0.5rem;
  width: 0.72rem;
  height: 0.99rem;
  line-height: 0.99rem;
  width: 0.72rem;
  height: 0.99rem;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.mainSwp-slide4 #part3 .swiper-wrap .btn-next:hover {
  right: 1.5rem;
}

.mainSwp-slide4 #part3 .swiper-wrap #feature-swiper {
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}

.no-webp .mainSwp-slide4 #part3 .swiper-wrap .gallery_item {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/item-bg_25199b47.png) no-repeat;
  background-size: 100% 100%}

.webp .mainSwp-slide4 #part3 .swiper-wrap .gallery_item {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/item-bg_25199b47.webp) no-repeat;
  background-size: 100% 100%}

.no-webp .mainSwp-slide4 #part3 .swiper-wrap .gallery_item {background-size:100% 100%}

.webp .mainSwp-slide4 #part3 .swiper-wrap .gallery_item {background-size:100% 100%}

.mainSwp-slide4 #part3 .swiper-wrap .gallery_item {
  width: 10.26rem;
  height: 5.52rem;
  line-height: 5.52rem;
  font-size: 0;
  text-align: center;
}

.mainSwp-slide4 #part3 .swiper-wrap .gallery_left_middle,
.mainSwp-slide4 #part3 .swiper-wrap .gallery_right_middle {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}

.mainSwp-slide4 #part3 .swiper-wrap .img {
  display: inline-block;
  margin-top: 0.32rem;
  width: 8.64rem;
  height: 4.86rem;
}

.mainSwp-slide4 #part3 .swiper-wrap .img img {
  display: block;
  width: 100%;
}

.no-webp .mainSwp-slide4 #part3 .feature-pagination {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/line_7a3b1c81.png) no-repeat center;
  background-size: 100% 100%}

.webp .mainSwp-slide4 #part3 .feature-pagination {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/line_7a3b1c81.webp) no-repeat center;
  background-size: 100% 100%}

.no-webp .mainSwp-slide4 #part3 .feature-pagination {background-size:100% 100%}

.webp .mainSwp-slide4 #part3 .feature-pagination {background-size:100% 100%}

.mainSwp-slide4 #part3 .feature-pagination {
  width: 5.39rem;
  height: 0.27rem;
  margin: 0.4rem auto 0;
  font-size: 0;
  text-align: center;
}

.no-webp .mainSwp-slide4 #part3 .feature-pagination .swiper-pagination-bullet {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -12.84rem -3.2rem}

.webp .mainSwp-slide4 #part3 .feature-pagination .swiper-pagination-bullet {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -12.84rem -3.2rem}

.no-webp .mainSwp-slide4 #part3 .feature-pagination .swiper-pagination-bullet {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide4 #part3 .feature-pagination .swiper-pagination-bullet {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide4 #part3 .feature-pagination .swiper-pagination-bullet {background-position:-12.84rem -3.2rem}

.webp .mainSwp-slide4 #part3 .feature-pagination .swiper-pagination-bullet {background-position:-12.84rem -3.2rem}

.mainSwp-slide4 #part3 .feature-pagination .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  width: 0.28rem;
  height: 0.27rem;
  line-height: 0.27rem;
  width: 0.28rem;
  height: 0.27rem;
  margin: 0 0.15rem;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  border-radius: 0;
}

.no-webp .mainSwp-slide4 #part3 .feature-pagination .swiper-pagination-bullet-active {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -13.14rem -3.2rem}

.webp .mainSwp-slide4 #part3 .feature-pagination .swiper-pagination-bullet-active {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -13.14rem -3.2rem}

.no-webp .mainSwp-slide4 #part3 .feature-pagination .swiper-pagination-bullet-active {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide4 #part3 .feature-pagination .swiper-pagination-bullet-active {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide4 #part3 .feature-pagination .swiper-pagination-bullet-active {background-position:-13.14rem -3.2rem}

.webp .mainSwp-slide4 #part3 .feature-pagination .swiper-pagination-bullet-active {background-position:-13.14rem -3.2rem}

.mainSwp-slide4 #part3 .feature-pagination .swiper-pagination-bullet-active {
  width: 0.28rem;
  height: 0.27rem;
  line-height: 0.27rem;
  width: 0.28rem;
  height: 0.27rem;
}

.no-webp .mainSwp-slide5 #part4 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/bg_74aaf33e.jpg) no-repeat center center;
  background-size: cover}

.webp .mainSwp-slide5 #part4 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/bg_74aaf33e.webp) no-repeat center center;
  background-size: cover}

.no-webp .mainSwp-slide5 #part4 {background-size:cover}

.webp .mainSwp-slide5 #part4 {background-size:cover}

.mainSwp-slide5 #part4 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.no-webp .mainSwp-slide5 #part4 .slogan {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/slogan_18459e99.png) no-repeat;
  background-size: 100% 100%}

.webp .mainSwp-slide5 #part4 .slogan {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/slogan_18459e99.webp) no-repeat;
  background-size: 100% 100%}

.no-webp .mainSwp-slide5 #part4 .slogan {background-size:100% 100%}

.webp .mainSwp-slide5 #part4 .slogan {background-size:100% 100%}

.mainSwp-slide5 #part4 .slogan {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 19.2rem;
  height: 10.8rem;
  line-height: 10.8rem;
}

.no-webp .mainSwp-slide5 #part4 .bnts {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -13.56rem -0}

.webp .mainSwp-slide5 #part4 .bnts {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -13.56rem -0}

.no-webp .mainSwp-slide5 #part4 .bnts {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide5 #part4 .bnts {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide5 #part4 .bnts {background-position:-13.56rem -0}

.webp .mainSwp-slide5 #part4 .bnts {background-position:-13.56rem -0}

.mainSwp-slide5 #part4 .bnts {
  position: absolute;
  right: 1.4rem;
  top: -0.4rem;
  width: 0.11rem;
  height: 8.51rem;
  line-height: 8.51rem;
  width: 0.11rem;
  height: 8.51rem;
}

.mainSwp-slide5 #part4 .bnts .wp {
  position: absolute;
  left: 50%;
  top: 0.8rem;
  margin-left: -0.54rem;
  width: 1.08rem;
  height: 7.04rem;
}

.mainSwp-slide5 #part4 .bnts .btnbox {
  position: relative;
  width: 1.08rem;
  height: 1.03rem;
  margin-bottom: 0.12rem;
}

.mainSwp-slide5 #part4 .bnts .btnbox:hover .btn {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.mainSwp-slide5 #part4 .bnts .btnbox:hover .sidebox,
.mainSwp-slide5 #part4 .bnts .btnbox:hover .sidebox2,
.mainSwp-slide5 #part4 .bnts .btnbox:hover .sidebox3 {
  display: block;
}

.mainSwp-slide5 #part4 .bnts .btnbox .btn {
  display: block;
}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wx {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -1.27rem -7.49rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wx {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -1.27rem -7.49rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wx {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wx {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wx {background-position:-1.27rem -7.49rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wx {background-position:-1.27rem -7.49rem}

.mainSwp-slide5 #part4 .bnts .btnbox .btn-wx {
  width: 1.08rem;
  height: 1.03rem;
  line-height: 1.03rem;
  width: 1.08rem;
  height: 1.03rem;
}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wx:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -2.37rem -7.49rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wx:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -2.37rem -7.49rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wx:hover {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wx:hover {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wx:hover {background-position:-2.37rem -7.49rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wx:hover {background-position:-2.37rem -7.49rem}

.mainSwp-slide5 #part4 .bnts .btnbox .btn-wx:hover {
  width: 1.08rem;
  height: 1.03rem;
  line-height: 1.03rem;
  width: 1.08rem;
  height: 1.03rem;
}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-dy {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -3.47rem -7.49rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-dy {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -3.47rem -7.49rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-dy {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-dy {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-dy {background-position:-3.47rem -7.49rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-dy {background-position:-3.47rem -7.49rem}

.mainSwp-slide5 #part4 .bnts .btnbox .btn-dy {
  width: 1.08rem;
  height: 1.03rem;
  line-height: 1.03rem;
  width: 1.08rem;
  height: 1.03rem;
}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-dy:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -4.57rem -7.49rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-dy:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -4.57rem -7.49rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-dy:hover {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-dy:hover {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-dy:hover {background-position:-4.57rem -7.49rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-dy:hover {background-position:-4.57rem -7.49rem}

.mainSwp-slide5 #part4 .bnts .btnbox .btn-dy:hover {
  width: 1.08rem;
  height: 1.03rem;
  line-height: 1.03rem;
  width: 1.08rem;
  height: 1.03rem;
}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wb {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -5.67rem -7.49rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wb {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -5.67rem -7.49rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wb {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wb {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wb {background-position:-5.67rem -7.49rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wb {background-position:-5.67rem -7.49rem}

.mainSwp-slide5 #part4 .bnts .btnbox .btn-wb {
  width: 1.08rem;
  height: 1.03rem;
  line-height: 1.03rem;
  width: 1.08rem;
  height: 1.03rem;
}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wb:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -6.77rem -7.49rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wb:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -6.77rem -7.49rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wb:hover {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wb:hover {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wb:hover {background-position:-6.77rem -7.49rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-wb:hover {background-position:-6.77rem -7.49rem}

.mainSwp-slide5 #part4 .bnts .btnbox .btn-wb:hover {
  width: 1.08rem;
  height: 1.03rem;
  line-height: 1.03rem;
  width: 1.08rem;
  height: 1.03rem;
}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-cbg {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -7.87rem -7.49rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-cbg {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -7.87rem -7.49rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-cbg {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-cbg {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-cbg {background-position:-7.87rem -7.49rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-cbg {background-position:-7.87rem -7.49rem}

.mainSwp-slide5 #part4 .bnts .btnbox .btn-cbg {
  width: 1.08rem;
  height: 1.03rem;
  line-height: 1.03rem;
  width: 1.08rem;
  height: 1.03rem;
}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-cbg:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -8.97rem -7.49rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-cbg:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -8.97rem -7.49rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-cbg:hover {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-cbg:hover {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-cbg:hover {background-position:-8.97rem -7.49rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-cbg:hover {background-position:-8.97rem -7.49rem}

.mainSwp-slide5 #part4 .bnts .btnbox .btn-cbg:hover {
  width: 1.08rem;
  height: 1.03rem;
  line-height: 1.03rem;
  width: 1.08rem;
  height: 1.03rem;
}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-kf {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -5.74rem -1.31rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-kf {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -5.74rem -1.31rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-kf {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-kf {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-kf {background-position:-5.74rem -1.31rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-kf {background-position:-5.74rem -1.31rem}

.mainSwp-slide5 #part4 .bnts .btnbox .btn-kf {
  margin: auto;
  width: 0.45rem;
  height: 1.27rem;
  line-height: 1.27rem;
  width: 0.45rem;
  height: 1.27rem;
}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-kf:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -0 -9.71rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-kf:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -0 -9.71rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-kf:hover {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-kf:hover {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-kf:hover {background-position:-0 -9.71rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .btn-kf:hover {background-position:-0 -9.71rem}

.mainSwp-slide5 #part4 .bnts .btnbox .btn-kf:hover {
  width: 0.45rem;
  height: 1.27rem;
  line-height: 1.27rem;
  width: 0.45rem;
  height: 1.27rem;
}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .sidebox {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -6.32rem -4.89rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .sidebox {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -6.32rem -4.89rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .sidebox {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .sidebox {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .sidebox {background-position:-6.32rem -4.89rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .sidebox {background-position:-6.32rem -4.89rem}

.mainSwp-slide5 #part4 .bnts .btnbox .sidebox {
  position: absolute;
  right: 1.2rem;
  top: 50%;
  margin-top: -0.72rem;
  display: none;
  width: 1.52rem;
  height: 1.63rem;
  line-height: 1.63rem;
  width: 1.52rem;
  height: 1.63rem;
}

.mainSwp-slide5 #part4 .bnts .btnbox .sidebox .q {
  position: absolute;
  left: 0.09rem;
  top: 0.1rem;
  width: 1.2rem;
  height: 1.2rem;
}

.mainSwp-slide5 #part4 .bnts .btnbox .sidebox .q img {
  width: 1.2rem;
  height: 1.2rem;
}

.mainSwp-slide5 #part4 .bnts .btnbox .sidebox .t {
  position: absolute;
  left: 0.03rem;
  bottom: 0.1rem;
  width: 1.38rem;
  font-size: 0.16rem;
  color: #ffffff;
  font-family: "fzqkbys";
  text-align: center;
  line-height: 1;
}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .sidebox2 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -11.58rem -2.25rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .sidebox2 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -11.58rem -2.25rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .sidebox2 {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .sidebox2 {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .sidebox2 {background-position:-11.58rem -2.25rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .sidebox2 {background-position:-11.58rem -2.25rem}

.mainSwp-slide5 #part4 .bnts .btnbox .sidebox2 {
  position: absolute;
  right: 1.2rem;
  top: 50%;
  margin-top: -0.2rem;
  display: none;
  width: 1.46rem;
  height: 0.38rem;
  line-height: 0.38rem;
  width: 1.46rem;
  height: 0.38rem;
}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .sidebox3 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.png) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -11.58rem -1.3rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .sidebox3 {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/sprite-fbd662_fbd66225.webp) no-repeat;
  background-size: 13.67rem 12.84rem;
  background-position: -11.58rem -1.3rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .sidebox3 {background-size:13.67rem 12.84rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .sidebox3 {background-size:13.67rem 12.84rem}

.no-webp .mainSwp-slide5 #part4 .bnts .btnbox .sidebox3 {background-position:-11.58rem -1.3rem}

.webp .mainSwp-slide5 #part4 .bnts .btnbox .sidebox3 {background-position:-11.58rem -1.3rem}

.mainSwp-slide5 #part4 .bnts .btnbox .sidebox3 {
  position: absolute;
  right: 0.9rem;
  top: 50%;
  margin-top: -0.1rem;
  display: none;
  width: 1.86rem;
  height: 0.38rem;
  line-height: 0.38rem;
  width: 1.86rem;
  height: 0.38rem;
}

.mainSwp-slide6 .page2video {
  width: 100%;
  height: 100%;
}

.mainSwp-slide6 .page2video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left bottom;
  object-position: left bottom;
}

.no-webp .mainSwp-slide6 .page2-play {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/newpage2_fc82b5af.jpg) no-repeat;
  background-size: cover;
  background-position: center 0}

.webp .mainSwp-slide6 .page2-play {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/newpage2_fc82b5af.webp) no-repeat;
  background-size: cover;
  background-position: center 0}

.no-webp .mainSwp-slide6 .page2-play {background-size:cover}

.webp .mainSwp-slide6 .page2-play {background-size:cover}

.no-webp .mainSwp-slide6 .page2-play {background-position:center 0}

.webp .mainSwp-slide6 .page2-play {background-position:center 0}

.mainSwp-slide6 .page2-play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.no-webp .mainSwp-slide6 .page2-logo-shadow {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/newpage2-logo-shadow_e2bd5b9a.png) no-repeat;
  background-size: 100% 100%}

.webp .mainSwp-slide6 .page2-logo-shadow {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/newpage2-logo-shadow_e2bd5b9a.webp) no-repeat;
  background-size: 100% 100%}

.no-webp .mainSwp-slide6 .page2-logo-shadow {background-size:100% 100%}

.webp .mainSwp-slide6 .page2-logo-shadow {background-size:100% 100%}

.mainSwp-slide6 .page2-logo-shadow {
  width: 3.11rem;
  height: 2rem;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.no-webp .mainSwp-slide6 .page2-logo {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/newpage2-logo_1df42837.png) no-repeat;
  background-size: 100% 100%}

.webp .mainSwp-slide6 .page2-logo {background:url(https://qnm.res.netease.com/pc/zt/20220225180202681/img/newpage2-logo_1df42837.webp) no-repeat;
  background-size: 100% 100%}

.no-webp .mainSwp-slide6 .page2-logo {background-size:100% 100%}

.webp .mainSwp-slide6 .page2-logo {background-size:100% 100%}

.mainSwp-slide6 .page2-logo {
  width: 3.2rem;
  height: 0.47rem;
  position: absolute;
  left: 0.28rem;
  top: 0.22rem;
  pointer-events: none;
}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: rotate(0deg);
  }

  20% {
    -webkit-transform: translateY(1%) rotate(-3deg);
  }

  40% {
    -webkit-transform: translateY(-2%) rotate(-2deg);
  }

  60% {
    -webkit-transform: translateY(1%) rotate(2deg);
  }

  80% {
    -webkit-transform: translateY(-1%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateY(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: rotate(0deg);
  }

  20% {
    -webkit-transform: translateY(1%) rotate(-3deg);
  }

  40% {
    -webkit-transform: translateY(-2%) rotate(-2deg);
  }

  60% {
    -webkit-transform: translateY(1%) rotate(2deg);
  }

  80% {
    -webkit-transform: translateY(-1%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateY(0%);
  }
}

.no-webp .pop_video_bg {background:#000}

.webp .pop_video_bg {background:#000}

.pop_video_bg {
  position: fixed;
  top: 0;
  left: 0;
  opacity: .5;
  filter: alpha(opacity=50);
  width: 100%;
  z-index: 9999;
  min-width: 12rem;
}

.pop_video {
  position: fixed;
  left: 50%;
  z-index: 10000;
  display: none;
}

.pop_video #pop_vv > div {
  height: 100% !important;
  /* no */
}

.pop_video #pop_vv > div > video {
  height: 100%;
  /* no */
}

.pop_video #pop_vv > div > video + a {
  display: none !important;
}

.close_pv {
  position: absolute;
  right: -0.48rem;
  top: 0;
  width: 0.48rem;
  height: 0.48rem;
}

.no-webp .close_pv:before {background:#fff}

.webp .close_pv:before {background:#fff}

.close_pv:before {
  content: '';
  position: absolute;
  width: 0.48rem;
  height: 0.05rem;
  top: 0.24rem;
  left: 0;
  border-radius: 0.05rem;
  -webkit-transform: rotate(45deg) scale(1);
  -moz-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  -o-transform: rotate(45deg) scale(1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.no-webp .close_pv:after {background:#fff}

.webp .close_pv:after {background:#fff}

.close_pv:after {
  content: '';
  position: absolute;
  width: 0.48rem;
  height: 0.05rem;
  top: 0.24rem;
  left: 0;
  border-radius: 0.05rem;
  -webkit-transform: rotate(-45deg) scale(1);
  -moz-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  -o-transform: rotate(-45deg) scale(1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.no-webp .close_pv:hover {background-repeat:no-repeat}

.webp .close_pv:hover {background-repeat:no-repeat}

.close_pv:hover {
}

.close_pv:hover:before {
  -webkit-transform: rotate(45deg) scale(1.1);
  -moz-transform: rotate(45deg) scale(1.1);
  -ms-transform: rotate(45deg) scale(1.1);
  -o-transform: rotate(45deg) scale(1.1);
}

.close_pv:hover:after {
  -webkit-transform: rotate(-45deg) scale(1.1);
  -moz-transform: rotate(-45deg) scale(1.1);
  -ms-transform: rotate(-45deg) scale(1.1);
  -o-transform: rotate(-45deg) scale(1.1);
}

@-webkit-keyframes kf-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-moz-keyframes kf-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-ms-keyframes kf-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-o-keyframes kf-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@keyframes kf-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-webkit-keyframes pumpkin {
  100% {
    background-position: 0 -21rem;
  }
}

@-moz-keyframes pumpkin {
  100% {
    background-position: 0 -21rem;
  }
}

@-ms-keyframes pumpkin {
  100% {
    background-position: 0 -21rem;
  }
}

@-o-keyframes pumpkin {
  100% {
    background-position: 0 -21rem;
  }
}

@keyframes pumpkin {
  100% {
    background-position: 0 -21rem;
  }
}

@-webkit-keyframes arrowAnim {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0.2rem, 0);
    -moz-transform: translate3d(0, 0.2rem, 0);
    -ms-transform: translate3d(0, 0.2rem, 0);
    -o-transform: translate3d(0, 0.2rem, 0);
    transform: translate3d(0, 0.2rem, 0);
  }
}

@-moz-keyframes arrowAnim {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0.2rem, 0);
    -moz-transform: translate3d(0, 0.2rem, 0);
    -ms-transform: translate3d(0, 0.2rem, 0);
    -o-transform: translate3d(0, 0.2rem, 0);
    transform: translate3d(0, 0.2rem, 0);
  }
}

@-ms-keyframes arrowAnim {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0.2rem, 0);
    -moz-transform: translate3d(0, 0.2rem, 0);
    -ms-transform: translate3d(0, 0.2rem, 0);
    -o-transform: translate3d(0, 0.2rem, 0);
    transform: translate3d(0, 0.2rem, 0);
  }
}

@-o-keyframes arrowAnim {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0.2rem, 0);
    -moz-transform: translate3d(0, 0.2rem, 0);
    -ms-transform: translate3d(0, 0.2rem, 0);
    -o-transform: translate3d(0, 0.2rem, 0);
    transform: translate3d(0, 0.2rem, 0);
  }
}

@keyframes arrowAnim {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0.2rem, 0);
    -moz-transform: translate3d(0, 0.2rem, 0);
    -ms-transform: translate3d(0, 0.2rem, 0);
    -o-transform: translate3d(0, 0.2rem, 0);
    transform: translate3d(0, 0.2rem, 0);
  }
}

@-webkit-keyframes playerAnim {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-moz-keyframes playerAnim {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-ms-keyframes playerAnim {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-o-keyframes playerAnim {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@keyframes playerAnim {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@-webkit-keyframes playbtn {
  0%, 100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
  }

  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

@-moz-keyframes playbtn {
  0%, 100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
  }

  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

@-ms-keyframes playbtn {
  0%, 100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
  }

  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

@-o-keyframes playbtn {
  0%, 100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
  }

  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

@keyframes playbtn {
  0%, 100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
  }

  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

@-webkit-keyframes name {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }

  15% {
    -webkit-transform: translateY(-0.03rem);
    transform: translateY(-0.03rem);
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }

  85% {
    -webkit-transform: translateY(0.03rem);
    transform: translateY(0.03rem);
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

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

@-moz-keyframes name {
  0% {
    transform: translateY(0);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }

  15% {
    transform: translateY(-0.03rem);
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

  50% {
    transform: translateY(0);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }

  85% {
    transform: translateY(0.03rem);
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

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

@-ms-keyframes name {
  0% {
    transform: translateY(0);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }

  15% {
    transform: translateY(-0.03rem);
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

  50% {
    transform: translateY(0);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }

  85% {
    transform: translateY(0.03rem);
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

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

@-o-keyframes name {
  0% {
    transform: translateY(0);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }

  15% {
    transform: translateY(-0.03rem);
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

  50% {
    transform: translateY(0);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }

  85% {
    transform: translateY(0.03rem);
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

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

@keyframes name {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }

  15% {
    -webkit-transform: translateY(-0.03rem);
    transform: translateY(-0.03rem);
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }

  85% {
    -webkit-transform: translateY(0.03rem);
    transform: translateY(0.03rem);
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
  }

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

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

  5.556% {
    background-position: 0 -1.58rem;
  }

  11.112% {
    background-position: 0 -3.16rem;
  }

  16.668% {
    background-position: 0 -4.74rem;
  }

  22.224% {
    background-position: 0 -6.32rem;
  }

  27.78% {
    background-position: 0 -7.9rem;
  }

  33.336% {
    background-position: 0 -9.48rem;
  }

  38.892% {
    background-position: 0 -11.06rem;
  }

  44.448% {
    background-position: 0 -12.64rem;
  }

  50.004% {
    background-position: 0 -14.22rem;
  }

  55.56% {
    background-position: 0 -15.8rem;
  }

  61.116% {
    background-position: 0 -17.38rem;
  }

  66.672% {
    background-position: 0 -18.96rem;
  }

  72.228% {
    background-position: 0 -20.54rem;
  }

  77.784% {
    background-position: 0 -22.12rem;
  }

  78.945% {
    background-position: 0 -23.7rem;
  }

  83.34% {
    background-position: 0 -25.28rem;
  }

  88.896% {
    background-position: 0 -26.86rem;
  }

  94.452% {
    background-position: 0 -28.44rem;
  }

  100% {
    background-position: 0 0;
  }
}

@-moz-keyframes sprites {
  0% {
    background-position: 0 0;
  }

  5.556% {
    background-position: 0 -1.58rem;
  }

  11.112% {
    background-position: 0 -3.16rem;
  }

  16.668% {
    background-position: 0 -4.74rem;
  }

  22.224% {
    background-position: 0 -6.32rem;
  }

  27.78% {
    background-position: 0 -7.9rem;
  }

  33.336% {
    background-position: 0 -9.48rem;
  }

  38.892% {
    background-position: 0 -11.06rem;
  }

  44.448% {
    background-position: 0 -12.64rem;
  }

  50.004% {
    background-position: 0 -14.22rem;
  }

  55.56% {
    background-position: 0 -15.8rem;
  }

  61.116% {
    background-position: 0 -17.38rem;
  }

  66.672% {
    background-position: 0 -18.96rem;
  }

  72.228% {
    background-position: 0 -20.54rem;
  }

  77.784% {
    background-position: 0 -22.12rem;
  }

  78.945% {
    background-position: 0 -23.7rem;
  }

  83.34% {
    background-position: 0 -25.28rem;
  }

  88.896% {
    background-position: 0 -26.86rem;
  }

  94.452% {
    background-position: 0 -28.44rem;
  }

  100% {
    background-position: 0 0;
  }
}

@-ms-keyframes sprites {
  0% {
    background-position: 0 0;
  }

  5.556% {
    background-position: 0 -1.58rem;
  }

  11.112% {
    background-position: 0 -3.16rem;
  }

  16.668% {
    background-position: 0 -4.74rem;
  }

  22.224% {
    background-position: 0 -6.32rem;
  }

  27.78% {
    background-position: 0 -7.9rem;
  }

  33.336% {
    background-position: 0 -9.48rem;
  }

  38.892% {
    background-position: 0 -11.06rem;
  }

  44.448% {
    background-position: 0 -12.64rem;
  }

  50.004% {
    background-position: 0 -14.22rem;
  }

  55.56% {
    background-position: 0 -15.8rem;
  }

  61.116% {
    background-position: 0 -17.38rem;
  }

  66.672% {
    background-position: 0 -18.96rem;
  }

  72.228% {
    background-position: 0 -20.54rem;
  }

  77.784% {
    background-position: 0 -22.12rem;
  }

  78.945% {
    background-position: 0 -23.7rem;
  }

  83.34% {
    background-position: 0 -25.28rem;
  }

  88.896% {
    background-position: 0 -26.86rem;
  }

  94.452% {
    background-position: 0 -28.44rem;
  }

  100% {
    background-position: 0 0;
  }
}

@-o-keyframes sprites {
  0% {
    background-position: 0 0;
  }

  5.556% {
    background-position: 0 -1.58rem;
  }

  11.112% {
    background-position: 0 -3.16rem;
  }

  16.668% {
    background-position: 0 -4.74rem;
  }

  22.224% {
    background-position: 0 -6.32rem;
  }

  27.78% {
    background-position: 0 -7.9rem;
  }

  33.336% {
    background-position: 0 -9.48rem;
  }

  38.892% {
    background-position: 0 -11.06rem;
  }

  44.448% {
    background-position: 0 -12.64rem;
  }

  50.004% {
    background-position: 0 -14.22rem;
  }

  55.56% {
    background-position: 0 -15.8rem;
  }

  61.116% {
    background-position: 0 -17.38rem;
  }

  66.672% {
    background-position: 0 -18.96rem;
  }

  72.228% {
    background-position: 0 -20.54rem;
  }

  77.784% {
    background-position: 0 -22.12rem;
  }

  78.945% {
    background-position: 0 -23.7rem;
  }

  83.34% {
    background-position: 0 -25.28rem;
  }

  88.896% {
    background-position: 0 -26.86rem;
  }

  94.452% {
    background-position: 0 -28.44rem;
  }

  100% {
    background-position: 0 0;
  }
}

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

  5.556% {
    background-position: 0 -1.58rem;
  }

  11.112% {
    background-position: 0 -3.16rem;
  }

  16.668% {
    background-position: 0 -4.74rem;
  }

  22.224% {
    background-position: 0 -6.32rem;
  }

  27.78% {
    background-position: 0 -7.9rem;
  }

  33.336% {
    background-position: 0 -9.48rem;
  }

  38.892% {
    background-position: 0 -11.06rem;
  }

  44.448% {
    background-position: 0 -12.64rem;
  }

  50.004% {
    background-position: 0 -14.22rem;
  }

  55.56% {
    background-position: 0 -15.8rem;
  }

  61.116% {
    background-position: 0 -17.38rem;
  }

  66.672% {
    background-position: 0 -18.96rem;
  }

  72.228% {
    background-position: 0 -20.54rem;
  }

  77.784% {
    background-position: 0 -22.12rem;
  }

  78.945% {
    background-position: 0 -23.7rem;
  }

  83.34% {
    background-position: 0 -25.28rem;
  }

  88.896% {
    background-position: 0 -26.86rem;
  }

  94.452% {
    background-position: 0 -28.44rem;
  }

  100% {
    background-position: 0 0;
  }
}

@-webkit-keyframes scale2 {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@-moz-keyframes scale2 {
  0% {
    transform: scale(0.9);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.9);
  }
}

@-ms-keyframes scale2 {
  0% {
    transform: scale(0.9);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.9);
  }
}

@-o-keyframes scale2 {
  0% {
    transform: scale(0.9);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.9);
  }
}

@keyframes scale2 {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

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

  2% {
    background-position: -2.36rem 0rem;
  }

  4.1% {
    background-position: -4.72rem 0rem;
  }

  6.1% {
    background-position: -7.08rem 0rem;
  }

  8.2% {
    background-position: -9.44rem 0rem;
  }

  10.2% {
    background-position: -11.8rem 0rem;
  }

  12.2% {
    background-position: -14.16rem 0rem;
  }

  14.3% {
    background-position: 0rem -2.2rem;
  }

  16.3% {
    background-position: -2.36rem -2.2rem;
  }

  18.4% {
    background-position: -4.72rem -2.2rem;
  }

  20.4% {
    background-position: -7.08rem -2.2rem;
  }

  22.4% {
    background-position: -9.44rem -2.2rem;
  }

  24.5% {
    background-position: -11.8rem -2.2rem;
  }

  26.5% {
    background-position: -14.16rem -2.2rem;
  }

  28.6% {
    background-position: 0rem -4.4rem;
  }

  30.6% {
    background-position: -2.36rem -4.4rem;
  }

  32.7% {
    background-position: -4.72rem -4.4rem;
  }

  34.7% {
    background-position: -7.08rem -4.4rem;
  }

  36.7% {
    background-position: -9.44rem -4.4rem;
  }

  38.8% {
    background-position: -11.8rem -4.4rem;
  }

  40.8% {
    background-position: -14.16rem -4.4rem;
  }

  42.9% {
    background-position: 0rem -6.6rem;
  }

  44.9% {
    background-position: -2.36rem -6.6rem;
  }

  46.9% {
    background-position: -4.72rem -6.6rem;
  }

  49% {
    background-position: -7.08rem -6.6rem;
  }

  51% {
    background-position: -9.44rem -6.6rem;
  }

  53.1% {
    background-position: -11.8rem -6.6rem;
  }

  55.1% {
    background-position: -14.16rem -6.6rem;
  }

  57.1% {
    background-position: 0rem -8.8rem;
  }

  59.2% {
    background-position: -2.36rem -8.8rem;
  }

  61.2% {
    background-position: -4.72rem -8.8rem;
  }

  63.3% {
    background-position: -7.08rem -8.8rem;
  }

  65.3% {
    background-position: -9.44rem -8.8rem;
  }

  67.3% {
    background-position: -11.8rem -8.8rem;
  }

  69.4% {
    background-position: -14.16rem -8.8rem;
  }

  71.4% {
    background-position: 0rem -11rem;
  }

  73.5% {
    background-position: -2.36rem -11rem;
  }

  75.5% {
    background-position: -4.72rem -11rem;
  }

  77.6% {
    background-position: -7.08rem -11rem;
  }

  79.6% {
    background-position: -9.44rem -11rem;
  }

  81.6% {
    background-position: -11.8rem -11rem;
  }

  83.7% {
    background-position: -14.16rem -11rem;
  }

  85.7% {
    background-position: 0rem -13.2rem;
  }

  87.8% {
    background-position: -2.36rem -13.2rem;
  }

  89.8% {
    background-position: -4.72rem -13.2rem;
  }

  91.8% {
    background-position: -7.08rem -13.2rem;
  }

  93.9% {
    background-position: -9.44rem -13.2rem;
  }

  95.9% {
    background-position: -11.8rem -13.2rem;
  }

  98% {
    background-position: -14.16rem -13.2rem;
  }

  100% {
    background-position: -14.16rem -13.2rem;
  }
}

@keyframes aniu {
  0% {
    background-position: 0rem 0rem;
  }

  2% {
    background-position: -2.36rem 0rem;
  }

  4.1% {
    background-position: -4.72rem 0rem;
  }

  6.1% {
    background-position: -7.08rem 0rem;
  }

  8.2% {
    background-position: -9.44rem 0rem;
  }

  10.2% {
    background-position: -11.8rem 0rem;
  }

  12.2% {
    background-position: -14.16rem 0rem;
  }

  14.3% {
    background-position: 0rem -2.2rem;
  }

  16.3% {
    background-position: -2.36rem -2.2rem;
  }

  18.4% {
    background-position: -4.72rem -2.2rem;
  }

  20.4% {
    background-position: -7.08rem -2.2rem;
  }

  22.4% {
    background-position: -9.44rem -2.2rem;
  }

  24.5% {
    background-position: -11.8rem -2.2rem;
  }

  26.5% {
    background-position: -14.16rem -2.2rem;
  }

  28.6% {
    background-position: 0rem -4.4rem;
  }

  30.6% {
    background-position: -2.36rem -4.4rem;
  }

  32.7% {
    background-position: -4.72rem -4.4rem;
  }

  34.7% {
    background-position: -7.08rem -4.4rem;
  }

  36.7% {
    background-position: -9.44rem -4.4rem;
  }

  38.8% {
    background-position: -11.8rem -4.4rem;
  }

  40.8% {
    background-position: -14.16rem -4.4rem;
  }

  42.9% {
    background-position: 0rem -6.6rem;
  }

  44.9% {
    background-position: -2.36rem -6.6rem;
  }

  46.9% {
    background-position: -4.72rem -6.6rem;
  }

  49% {
    background-position: -7.08rem -6.6rem;
  }

  51% {
    background-position: -9.44rem -6.6rem;
  }

  53.1% {
    background-position: -11.8rem -6.6rem;
  }

  55.1% {
    background-position: -14.16rem -6.6rem;
  }

  57.1% {
    background-position: 0rem -8.8rem;
  }

  59.2% {
    background-position: -2.36rem -8.8rem;
  }

  61.2% {
    background-position: -4.72rem -8.8rem;
  }

  63.3% {
    background-position: -7.08rem -8.8rem;
  }

  65.3% {
    background-position: -9.44rem -8.8rem;
  }

  67.3% {
    background-position: -11.8rem -8.8rem;
  }

  69.4% {
    background-position: -14.16rem -8.8rem;
  }

  71.4% {
    background-position: 0rem -11rem;
  }

  73.5% {
    background-position: -2.36rem -11rem;
  }

  75.5% {
    background-position: -4.72rem -11rem;
  }

  77.6% {
    background-position: -7.08rem -11rem;
  }

  79.6% {
    background-position: -9.44rem -11rem;
  }

  81.6% {
    background-position: -11.8rem -11rem;
  }

  83.7% {
    background-position: -14.16rem -11rem;
  }

  85.7% {
    background-position: 0rem -13.2rem;
  }

  87.8% {
    background-position: -2.36rem -13.2rem;
  }

  89.8% {
    background-position: -4.72rem -13.2rem;
  }

  91.8% {
    background-position: -7.08rem -13.2rem;
  }

  93.9% {
    background-position: -9.44rem -13.2rem;
  }

  95.9% {
    background-position: -11.8rem -13.2rem;
  }

  98% {
    background-position: -14.16rem -13.2rem;
  }

  100% {
    background-position: -14.16rem -13.2rem;
  }
}

.mainSwp-slide1::before {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.mainSwp-slide1.show::before {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
}