.pop_video_bg,
.bili-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
}
.pop_video {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 12rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 999;
}
.pop_video #pop_vv > div {
  max-width: 100%;
  width: 100% !important;
  height: auto !important;
}
.pop_video video {
  width: 100%;
  height: auto;
}
.bili-frame {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 1200px;
  height: 680px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 999;
  background: #000000;
}
.bili-frame iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.close_pv,
.close_bili {
  position: absolute;
  top: -0.5rem;
  right: 0;
  text-indent: -9999em;
  font-size: 0;
  width: .5rem;
  height: .5rem;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  cursor: pointer;
}
.close_pv:before,
.close_bili:before,
.close_pv:after,
.close_bili:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: .5rem;
  border-right: .01rem solid #ffffff;
}
.close_pv:before,
.close_bili:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.close_pv:after,
.close_bili:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close_pv:hover,
.close_bili:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media screen and (max-width: 1200px) {
  .pop_video {
    width: 100%;
  }
  .bili-frame {
    width: 100%;
    height: 0;
    padding-bottom: 56.66666667%;
  }
}

@charset "utf-8";

* {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* CSS Document */

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}

body {
  padding: 0;
  margin: 0;
}

html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}

li {
  list-style: none;
}

textarea {
  overflow: auto;
  resize: none;
}

input {
  outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-style: normal;
}

strong,
b {
  font-weight: bold;
  font-style: normal;
}

em,
i {
  font-weight: normal;
  font-style: italic;
}

button {
  border: none;
  outline: none;
}

a,
button {
  cursor: pointer;
}

a,
a:hover {
  text-decoration: none;
}

textarea,
input,
button,
a {
  font-size: inherit;
  color: inherit;
}

input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 999999s;
  -webkit-transition: color 999999s ease-out, background-color 999999s ease-out;
}

#NIE-warning-dialog {
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

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

input {
  -webkit-appearance: none;
  outline: none;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  outline: none;
  color: inherit;
}

* {
  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;
}

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

button {
  border: none;
  background: none;
  outline: none;
  font: inherit;
}

textarea {
  font: inherit;
}

table {
  border-collapse: collapse;
}

/* mobile media-query */

html {
  font-size: 312.5%;
}

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

.flex {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}

@font-face {
  font-family: 'NotoSansSC';
  src: url("https://nie.res.netease.com/comm/js/leihuo/fonts/noto-sans-sc-v12-latin_chinese-simplified-regular.woff2") format('woff2'), url("https://nie.res.netease.com/comm/js/leihuo/fonts/noto-sans-sc-v12-latin_chinese-simplified-regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'fzktft';
  src: url(https://h.res.netease.com/pc/zt/20230619195840/font/fzktft_c8eac661.woff) format('woff2'), url(https://h.res.netease.com/pc/zt/20230619195840/font/fzktft_c8eac661.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 down-anim {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes title-ani {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes title-ani {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes title-ani {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes title-ani {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes title-ani {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fudong {
  0% {
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    -o-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }

  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    -o-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }
}

@-moz-keyframes fudong {
  0% {
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    -o-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }

  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    -o-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }
}

@-ms-keyframes fudong {
  0% {
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    -o-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }

  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    -o-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }
}

@-o-keyframes fudong {
  0% {
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    -o-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }

  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    -o-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }
}

@keyframes fudong {
  0% {
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    -o-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }

  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    -o-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }
}

@-webkit-keyframes z_banbenqianzhan_000_anim {
  0% {
    opacity: 0;
  }

  60% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_banbenqianzhan_000_anim {
  0% {
    opacity: 0;
  }

  60% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_banbenqianzhan_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.2, 0, 0.2, 1);
  }

  60% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes z_banbenqianzhan_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.2, 0, 0.2, 1);
  }

  60% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes sprite_z_chensede_000 {
  0% {
    background-position: 0px 0px;
  }

  4.2% {
    background-position: -520px 0px;
  }

  8.3% {
    background-position: -1040px 0px;
  }

  12.5% {
    background-position: -1560px 0px;
  }

  16.7% {
    background-position: -2080px 0px;
  }

  20.8% {
    background-position: 0px -232px;
  }

  25% {
    background-position: -520px -232px;
  }

  29.2% {
    background-position: -1040px -232px;
  }

  33.3% {
    background-position: -1560px -232px;
  }

  37.5% {
    background-position: -2080px -232px;
  }

  41.7% {
    background-position: 0px -464px;
  }

  45.8% {
    background-position: -520px -464px;
  }

  50% {
    background-position: -1040px -464px;
  }

  54.2% {
    background-position: -1560px -464px;
  }

  58.3% {
    background-position: -2080px -464px;
  }

  62.5% {
    background-position: 0px -696px;
  }

  66.7% {
    background-position: -520px -696px;
  }

  70.8% {
    background-position: -1040px -696px;
  }

  75% {
    background-position: -1560px -696px;
  }

  79.2% {
    background-position: -2080px -696px;
  }

  83.3% {
    background-position: 0px -928px;
  }

  87.5% {
    background-position: -520px -928px;
  }

  91.7% {
    background-position: -1040px -928px;
  }

  95.8% {
    background-position: -1560px -928px;
  }

  100% {
    background-position: -1560px -928px;
  }
}

@keyframes sprite_z_chensede_000 {
  0% {
    background-position: 0px 0px;
  }

  4.2% {
    background-position: -520px 0px;
  }

  8.3% {
    background-position: -1040px 0px;
  }

  12.5% {
    background-position: -1560px 0px;
  }

  16.7% {
    background-position: -2080px 0px;
  }

  20.8% {
    background-position: 0px -232px;
  }

  25% {
    background-position: -520px -232px;
  }

  29.2% {
    background-position: -1040px -232px;
  }

  33.3% {
    background-position: -1560px -232px;
  }

  37.5% {
    background-position: -2080px -232px;
  }

  41.7% {
    background-position: 0px -464px;
  }

  45.8% {
    background-position: -520px -464px;
  }

  50% {
    background-position: -1040px -464px;
  }

  54.2% {
    background-position: -1560px -464px;
  }

  58.3% {
    background-position: -2080px -464px;
  }

  62.5% {
    background-position: 0px -696px;
  }

  66.7% {
    background-position: -520px -696px;
  }

  70.8% {
    background-position: -1040px -696px;
  }

  75% {
    background-position: -1560px -696px;
  }

  79.2% {
    background-position: -2080px -696px;
  }

  83.3% {
    background-position: 0px -928px;
  }

  87.5% {
    background-position: -520px -928px;
  }

  91.7% {
    background-position: -1040px -928px;
  }

  95.8% {
    background-position: -1560px -928px;
  }

  100% {
    background-position: -1560px -928px;
  }
}

html,
body {
  height: 100%;
}

body {
  font-family: "NotoSansSC", "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
  font-weight: normal;
  font-size: 0.26rem;
  color: #434a5c;
  opacity: 0;
}

#wrap {
  position: relative;
  overflow: hidden;
  width: 7.5rem;
  height: 84.16rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/index_bg__nowebp_ceac3455.png) center no-repeat;
  background-size: contain;
  background-position: center top;
  background-size: 100% 100%;
}

#app .customer {
  display: none;
  z-index: 99;
}

#app .customer.on {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.vue-page {
  min-width: 0.4rem;
  height: 0.5rem;
  position: fixed;
  right: 0.1rem;
  bottom: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  white-space: nowrap;
  z-index: 102;
}

.vue-page .leihuo-feedback {
  display: inline-block;
  bottom: 0;
  width: auto;
  right: 0;
  position: relative;
  margin-top: 0;
  width: 1.14rem;
  height: 0.43rem;
  background: rgba(2, 2, 2, 0.4);
  font-size: 0.22rem;
  border-radius: 0.2rem;
}

.vue-page .leihuo-feedback .icon-yijianfankui {
  display: none;
}

.vue-page .leihuo-feedback .leihuo-feedback-text {
  font-size: 0.22rem;
  text-align: center;
  line-height: 0.43rem;
  color: #eee;
}

.vue-page .kefu-icon {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: rgba(2, 2, 2, 0.4);
}

.vue-page .kefu-icon i {
  display: inline-block;
  margin: 0.12rem 0 0 0.14rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -17.56rem -11.91rem;
  width: 0.24rem;
  height: 0.25rem;
}

.vue-page .kefu-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 0;
  overflow: hidden;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.vue-page .kefu {
  display: inline-block;
  width: 1.14rem;
  background: rgba(2, 2, 2, 0.4);
  border-radius: 0.2rem;
  color: #eee;
  text-align: center;
  line-height: 0.43rem;
  height: 0.43rem;
  font-size: 0.22rem;
  margin-right: 0.15rem;
}

.vue-page:hover {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.vue-page:hover .kefu-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 2.5rem;
  height: 0.5rem;
}

.vue-page:hover .kefu-icon {
  display: none;
}

.main .page {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ani-element {
  width: 100%;
  height: 100%;
  display: none;
}

.ani-page {
  opacity: 0;
}

.ani-show.ani-page {
  opacity: 1;
}

.ani-show .ani-element {
  display: block;
}

#yaosu {
  position: absolute;
  top: 9.46rem;
  right: 0.78rem;
  z-index: 10;
}

#yaosu #leihuo-app-sys-info {
  min-height: auto;
  padding: 0;
  line-height: 1;
}

#yaosu #leihuo-app-sys-info .leihuo-sys-pop-btn {
  display: block;
  font-size: 0;
  color: #fff;
}

#yaosu #leihuo-app-sys-info .leihuo-sys-pop-btn .iconfont-app-info {
  display: block;
  pointer-events: none;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -7.48rem -5.89rem;
  width: 1.25rem;
  height: 0.24rem;
}

#yaosu #leihuo-app-sys-info .leihuo-sys-pop-btn .iconfont-app-info::before {
  opacity: 0;
}

#yaosu #leihuo-app-sys-info .toggle-open-pop .toggle-open-wrap {
  top: 1.15rem;
  -webkit-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
  height: 11.78rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/pop-yaosu_77551ef7.png) no-repeat;
  background-size: 100% auto;
  padding: 0 0.8rem;
}

#yaosu #leihuo-app-sys-info .toggle-open-pop .toggle-open-wrap::before {
  content: "";
  display: block;
  margin: 0 auto;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -5.89rem -4.64rem;
  width: 2.43rem;
  height: 1.23rem;
}

#yaosu #leihuo-app-sys-info .toggle-open-pop .toggle-open-wrap .sys-pop-close {
  position: absolute;
  top: 0.46rem;
  right: 0.58rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -15.65rem -12.75rem;
  width: 0.37rem;
  height: 0.36rem;
}

#yaosu #leihuo-app-sys-info .toggle-open-pop .toggle-open-wrap .sys-pop-close::before {
  display: none;
}

#yaosu #leihuo-app-sys-info .toggle-open-pop .toggle-open-wrap .toggle-open-main {
  margin-top: 0.2rem;
}

#yaosu #leihuo-app-sys-info .toggle-open-pop .toggle-open-wrap .toggle-open-main p {
  font-size: 0.24rem;
  color: #2c333a;
}

#yaosu #leihuo-app-sys-info .toggle-open-pop .toggle-open-wrap .toggle-open-main p a {
  color: #1c67b2;
  text-decoration: underline;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 1.29rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/top-bar__nowebp_03ff06bb.png) no-repeat;
  background-size: 100% auto;
}

.header .icon {
  position: absolute;
  top: 0.14rem;
  left: 0.2rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -2.96rem -10.42rem;
  width: 2.44rem;
  height: 0.87rem;
}

.header .btn-top-download {
  position: absolute;
  top: 0.2rem;
  right: 0.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -6.07rem -9.6rem;
  width: 2.45rem;
  height: 0.67rem;
}

.arrow-guide {
  position: absolute;
  top: 12.66rem;
  left: 50%;
  z-index: 5;
  margin-left: -0.35rem;
  pointer-events: none;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -4.38rem -11.39rem;
  width: 1.21rem;
  height: 1.34rem;
  -webkit-animation: fudong 1s linear infinite;
  -moz-animation: fudong 1s linear infinite;
  -ms-animation: fudong 1s linear infinite;
  animation: fudong 1s linear infinite;
}

.page-footer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: auto !important;
  background: rgba(66, 85, 102, 0.75);
  padding: 0.1rem 0;
}

#forhorview {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #000;
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
}

#forhorview p {
  text-align: center;
  color: #fff;
  position: relative;
  top: 35%;
  font-size: 0.3rem;
}

#copyright {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#copyright .NIE-copyRight_m p,
#copyright .NIE-copyRight_m a {
  font-size: 0.3rem;
  color: #fefefe !important;
}

#copyright .NIE-copyRight_m a {
  text-decoration: underline;
}

.delay-dom {
  width: 100%;
  height: 100%;
}

.page-home {
  position: relative;
  height: 15.08rem;
}

.page-home .kv {
  position: relative;
  width: 100%;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/poster_83552b8e.jpg) no-repeat;
  background-size: 100% auto;
  background-position: center top;
  z-index: -999;
}

.page-home .bgvideo {
  position: relative;
  top: 0;
  width: 7.5rem !important;
  height: 16.24rem !important;
}

.page-home .bgvideo.nieplayer canvas {
  width: 0;
  height: 0;
  background: transparent;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-perspective: 0;
  -webkit-transform: translate3d(0, 0, 0);
  visibility: visible;
  z-index: 1;
  position: relative;
  -o-object-fit: unset !important;
  object-fit: unset !important;
}

.page-home .bgvideo.show canvas {
  width: 7.5rem !important;
  height: 100% !important;
  background: transparent;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-perspective: 0;
  -webkit-transform: translate3d(0, 0, 0);
  visibility: visible;
  z-index: 1;
  position: relative;
  -o-object-fit: unset !important;
  object-fit: unset !important;
}

.page-home #leihuo-top {
  position: absolute;
  top: 1.14rem;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 1.33rem;
}

.page-home #leihuo-top #leihuo-top-wrap #btn_audio {
  position: absolute;
  top: 0.24rem;
  right: 1.15rem;
  margin-right: 0;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -15.83rem -16.06rem;
  width: 0.64rem;
  height: 0.64rem;
}

.page-home #leihuo-top #leihuo-top-wrap #btn_audio.pause {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -15.17rem -16.06rem;
  width: 0.64rem;
  height: 0.64rem;
}

.page-home #leihuo-top #leihuo-top-wrap #btn_audio .icon,
.page-home #leihuo-top #leihuo-top-wrap #btn_audio .label {
  display: none;
}

.page-home #leihuo-top #leihuo-top-wrap #logo {
  width: 2.25rem;
  position: absolute;
  top: 0.18rem;
  left: 0.28rem;
}

.page-home #leihuo-top #leihuo-top-wrap #logo img {
  width: 100%;
}

.page-home #leihuo-top #leihuo-top-wrap #logo::after {
  content: "";
  position: absolute;
  left: 2.33rem;
  top: 50%;
  margin-top: -0.145rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -5.89rem -5.89rem;
  width: 1.57rem;
  height: 0.29rem;
}

.page-home #leihuo-top #leihuo-top-wrap #leihuo_top_content .wrap_share {
  display: none;
}

.page-home #leihuo-top #leihuo-top-wrap #leihuo_top_content #btn_gw {
  position: absolute;
  top: 0.24rem;
  right: 0.34rem;
  margin-right: 0;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -16.49rem -16.06rem;
  width: 0.64rem;
  height: 0.64rem;
}

.page-home #leihuo-top #leihuo-top-wrap #leihuo_top_content #btn_gw .icon,
.page-home #leihuo-top #leihuo-top-wrap #leihuo_top_content #btn_gw .label {
  display: none;
}

.page-home #leihuo-top #leihuo-top-wrap #leihuo_top_content #btn_download,
.page-home #leihuo-top #leihuo-top-wrap #leihuo_top_content #btn_reg {
  display: none;
}

.page-home .download2 {
  display: none;
}

.page-home .slogan {
  position: absolute;
  top: 2.34rem;
  left: 50%;
  z-index: 4;
  margin-left: -0.04rem;
  pointer-events: none;
  will-change: transform;
  width: 3.4rem;
  height: 6.38rem;
}

.page-home .slogan .subslogan {
  position: absolute;
  top: 1.04rem;
  left: 0.12rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -17.28rem -9.41rem;
  width: 0.34rem;
  height: 2.48rem;
}

.page-home .slogan .subslogan::after {
  position: absolute;
  top: 0.22rem;
  right: -2.88rem;
  content: "";
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -17.28rem -11.91rem;
  width: 0.26rem;
  height: 3.05rem;
}

.page-home .btn-play {
  position: absolute;
  top: -0.06rem;
  left: 1.12rem;
  z-index: 4;
  pointer-events: all;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -11.32rem -8.37rem;
  width: 0.71rem;
  height: 0.75rem;
}

.page-home .btn-activity a {
  display: inline-block;
  position: absolute;
  top: 6.74rem;
  z-index: 5;
}

.page-home .btn-activity a.activity-ip {
  right: 0;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -9.86rem -2.14rem;
  width: 0.92rem;
  height: 3.08rem;
}

.page-home .btn-taphelp a {
  display: inline-block;
  position: absolute;
  top: 4.8rem;
  z-index: 5;
}

.page-home .btn-taphelp a.activity-taphelp {
  left: 0;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -9.86rem -5.24rem;
  width: 1.03rem;
  height: 2.7rem;
}

.page-home .btn-fulil {
  position: absolute;
  top: 8.62rem;
  left: 0.04rem;
  z-index: 4;
  width: 3.43rem;
  height: 2.87rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/btn-home-fuli2_26eab781.png) center no-repeat;
  background-size: contain;
}

.page-home .btn-download {
  position: absolute;
  top: 9.95rem;
  right: 0.78rem;
  z-index: 4;
  width: 3.56rem;
  height: 1.56rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/btn-home-download_4e89d81e.png) center no-repeat;
  background-size: contain;
}

.page-home #download {
  display: none;
}

.page-home .btn-group {
  position: absolute;
  top: 11.64rem;
  z-index: 4;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-home .btn-group > a:last-of-type {
  position: relative;
}

.page-home .btn-group > a:last-of-type::after {
  position: absolute;
  right: -0.5rem;
  bottom: -0.35rem;
  z-index: -1;
  content: "";
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -5.42rem -10.42rem;
  width: 1.49rem;
  height: 0.52rem;
}

.page-home .btn-group .pay-btn {
  display: block;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -2.96rem -9.6rem;
  width: 3.09rem;
  height: 0.8rem;
}

.page-home .btn-group .game-btn {
  display: block;
  margin: 0 0.12rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -5.58rem -8.31rem;
  width: 3.09rem;
  height: 0.8rem;
}

.page-ly {
  position: relative;
  height: 12.77rem;
}

.page-ly.ani-show .role-title .z01xinliupa1 {
  -webkit-animation: sprite_01xinliupa_1 0.88s 0s steps(1) both;
  animation: sprite_01xinliupa_1 0.88s 0s steps(1) both;
}

.page-ly.ani-show .ly-role::before {
  -webkit-animation: zi_de5_anim 0.792s 0.208s linear both;
  animation: zi_de5_anim 0.792s 0.208s linear both;
}

.page-ly.ani-show .ly-role .role-name {
  -webkit-animation: zi_longyinwenan2_anim 0.542s 0.458s linear both;
  animation: zi_longyinwenan2_anim 0.542s 0.458s linear both;
}

.page-ly.ani-show .ly-role .role-dec {
  -webkit-animation: zbaise3_anim 0.833s 0.167s linear both,
          zbaise3_transform_bezier_anim 0.833s 0.167s both;
  animation: zbaise3_anim 0.833s 0.167s linear both,
          zbaise3_transform_bezier_anim 0.833s 0.167s both;
}

.page-ly.ani-show .ly-role .role-cover {
  -webkit-animation: zlongyindingbu4_anim 1s 0s linear both,
          zlongyindingbu4_transform_bezier_anim 1s 0s both;
  animation: zlongyindingbu4_anim 1s 0s linear both,
          zlongyindingbu4_transform_bezier_anim 1s 0s both;
}

.page-ly.ani-show .ly-role .role-cover::after {
  -webkit-animation: zbijiaoquanzhegeleidian001_1926x1082_mp4_hecheng_11_anim 1s
            0s linear both;
  animation: zbijiaoquanzhegeleidian001_1926x1082_mp4_hecheng_11_anim 1s
            0s linear both;
}

.page-ly.ani-show .ly-role .role-btn {
  -webkit-animation: sprite_btn_show 0.5s;
  animation: sprite_btn_show 0.5s;
}

.page-ly.change .role-btn,
.page-ly.change .map-btn {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.page-ly.change.change-map .role-btn {
  opacity: 0;
}

.page-ly.change.change-role .map-btn {
  opacity: 0;
}

.page-ly.change .border-cloud .zbea995f91b39fa864bd1c2b61d1effad8f0817e13c3c4_eXVauA_fw1200webp_c_png2 {
  -webkit-animation: zbea995f91b39fa864bd1c2b61d1effad8f0817e13c3c4_eXVauA_fw1200webp_c_png2_transform_bezier_anim
            0.917s 0s both,
          zbea995f91b39fa864bd1c2b61d1effad8f0817e13c3c4_eXVauA_fw1200webp_c_png2_opacity_bezier_anim
            0.917s 0s both;
  animation: zbea995f91b39fa864bd1c2b61d1effad8f0817e13c3c4_eXVauA_fw1200webp_c_png2_transform_bezier_anim
            0.917s 0s both,
          zbea995f91b39fa864bd1c2b61d1effad8f0817e13c3c4_eXVauA_fw1200webp_c_png2_opacity_bezier_anim
            0.917s 0s both;
}

.page-ly.change .border-cloud .z598119fe821b59b1c41c59dabaa0dd19ada3b0cd13535_GkyMkq_fw658_c_png3 {
  -webkit-animation: z598119fe821b59b1c41c59dabaa0dd19ada3b0cd13535_GkyMkq_fw658_c_png3_transform_bezier_anim
            0.917s 0s both,
          z598119fe821b59b1c41c59dabaa0dd19ada3b0cd13535_GkyMkq_fw658_c_png3_opacity_bezier_anim
            0.917s 0s both;
  animation: z598119fe821b59b1c41c59dabaa0dd19ada3b0cd13535_GkyMkq_fw658_c_png3_transform_bezier_anim
            0.917s 0s both,
          z598119fe821b59b1c41c59dabaa0dd19ada3b0cd13535_GkyMkq_fw658_c_png3_opacity_bezier_anim
            0.917s 0s both;
}

.page-ly.change .border-cloud .z65981cd195794d32f9857113ea8c6478ba6644215daae_WnS355_fw1200webp_c_png4 {
  -webkit-animation: z65981cd195794d32f9857113ea8c6478ba6644215daae_WnS355_fw1200webp_c_png4_transform_bezier_anim
            0.917s 0s both,
          z65981cd195794d32f9857113ea8c6478ba6644215daae_WnS355_fw1200webp_c_png4_opacity_bezier_anim
            0.917s 0s both;
  animation: z65981cd195794d32f9857113ea8c6478ba6644215daae_WnS355_fw1200webp_c_png4_transform_bezier_anim
            0.917s 0s both,
          z65981cd195794d32f9857113ea8c6478ba6644215daae_WnS355_fw1200webp_c_png4_opacity_bezier_anim
            0.917s 0s both;
}

.page-ly.change .border-cloud .z80e1fbb08cb9d5b171c0efe502903d1f3d51bc8d8a9925_clFRDN_fw1200webp_c_png5 {
  -webkit-animation: z80e1fbb08cb9d5b171c0efe502903d1f3d51bc8d8a9925_clFRDN_fw1200webp_c_png5_transform_bezier_anim
            0.917s 0s both,
          z80e1fbb08cb9d5b171c0efe502903d1f3d51bc8d8a9925_clFRDN_fw1200webp_c_png5_opacity_bezier_anim
            0.917s 0s both;
  animation: z80e1fbb08cb9d5b171c0efe502903d1f3d51bc8d8a9925_clFRDN_fw1200webp_c_png5_transform_bezier_anim
            0.917s 0s both,
          z80e1fbb08cb9d5b171c0efe502903d1f3d51bc8d8a9925_clFRDN_fw1200webp_c_png5_opacity_bezier_anim
            0.917s 0s both;
}

.page-ly.change .border-cloud .z69f02651fb0618e80e2e506b44d2a11f200c1bcb113fc1_mDvnYd_fw1200webp_c_png6 {
  -webkit-animation: z69f02651fb0618e80e2e506b44d2a11f200c1bcb113fc1_mDvnYd_fw1200webp_c_png6_transform_bezier_anim
            0.917s 0s both,
          z69f02651fb0618e80e2e506b44d2a11f200c1bcb113fc1_mDvnYd_fw1200webp_c_png6_opacity_bezier_anim
            0.917s 0s both;
  animation: z69f02651fb0618e80e2e506b44d2a11f200c1bcb113fc1_mDvnYd_fw1200webp_c_png6_transform_bezier_anim
            0.917s 0s both,
          z69f02651fb0618e80e2e506b44d2a11f200c1bcb113fc1_mDvnYd_fw1200webp_c_png6_opacity_bezier_anim
            0.917s 0s both;
}

.page-ly .border-cloud {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.page-ly .ly-role {
  height: 100%;
  width: 100%;
}

.page-ly .ly-role::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/role-bg_4248d1e3.png) no-repeat top center;
  background-size: 100% auto;
  opacity: 0;
}

.page-ly .ly-role .role-title {
  position: absolute;
  top: -0.36rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 7.28rem;
  height: 8.96rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/title-bg_b13380ef.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-role .role-title .z01xinliupa1 {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 1.9rem;
  width: 3.52rem;
  mix-blend-mode: normal;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite_01xinliupa_1_e57fe188.png);
  background-size: 500% 500%;
}

.page-ly .ly-role .role-name {
  position: absolute;
  top: 0.75rem;
  left: 0.07rem;
  width: 6.69rem;
  height: 3.84rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name_cbcdf2c8.png) center no-repeat;
  background-size: contain;
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  z-index: 1;
}

.page-ly .ly-role .role-dec {
  position: absolute;
  left: 0rem;
  top: 5.76rem;
  width: 7.26rem;
  height: 5.29rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/baise_3_cc677cbc.png) center no-repeat;
  background-size: contain;
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0.3, 0.3);
  transform: scale(0.3, 0.3);
}

.page-ly .ly-role .role-cover {
  position: absolute;
  top: 2.27rem;
  left: 0;
  width: 7.5rem;
  height: 12.98rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/cover_7f6a3f9b.png) center no-repeat;
  background-size: contain;
  opacity: 0;
  -webkit-transform-origin: 49% 41%;
  transform-origin: 49% 41%;
  -webkit-transform: scale(1.39, 1.39);
  transform: scale(1.39, 1.39);
  overflow: hidden;
}

.page-ly .ly-role .role-cover::after {
  position: absolute;
  left: -5.33rem;
  top: -2.27rem;
  content: "";
  width: 19.26rem;
  height: 10.82rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/bijiaoquanzhegeleidian001_1926x1082_mp4_hecheng_1_1_9cff7ac8.png) center no-repeat;
  background-size: contain;
  opacity: 0;
  -webkit-transform-origin: 37% 40%;
  transform-origin: 37% 40%;
  -webkit-transform: scale(0.3441, 0.3441) rotate(31.67deg);
  transform: scale(0.3441, 0.3441) rotate(31.67deg);
}

.page-ly .ly-role .role-btn {
  position: absolute;
  top: 10.45rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3rem;
  height: 2.56rem;
}

.page-ly .ly-role .role-btn::before {
  content: "";
  position: absolute;
  top: -0.2rem;
  left: 50%;
  margin-left: -1.19rem;
  width: 2.38rem;
  height: 2.31rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/btn-ani_3c36214b.png) center no-repeat;
  background-size: contain;
  -webkit-transform-origin: 1.21rem 1.165rem;
  transform-origin: 1.21rem 1.165rem;
  -webkit-animation: sprite_btn_rotate 4s linear infinite;
  animation: sprite_btn_rotate 4s linear infinite;
}

.page-ly .ly-role .role-btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3rem;
  height: 1.43rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/text-map_0457859b.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-role .role-btn.load .loading::before {
  -webkit-animation: zanyajindutiaozuo1_anim 1.292s 0s linear both;
  animation: zanyajindutiaozuo1_anim 1.292s 0s linear both;
}

.page-ly .ly-role .role-btn.load .loading::after {
  -webkit-animation: zanyajindutiaoyou2_anim 1.292s 0s linear both;
  animation: zanyajindutiaoyou2_anim 1.292s 0s linear both;
}

.page-ly .ly-role .role-btn .loading {
  position: absolute;
  top: 1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1rem;
  height: 0.1rem;
}

.page-ly .ly-role .role-btn .loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -2.76rem;
  width: 2.76rem;
  height: 0.04rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/loading_7cc6933c.png) center no-repeat;
  background-size: contain;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 83% 75%;
  transform-origin: 83% 75%;
  opacity: 0;
}

.page-ly .ly-role .role-btn .loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 3.74rem;
  height: 0.04rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/loading2_d7fc2827.png) center no-repeat;
  background-size: contain;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 7% 150%;
  transform-origin: 7% 150%;
  opacity: 0;
}

.page-ly .ly-map {
  display: none;
  height: 100%;
  width: 100%;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/map-bg_615323be.png) no-repeat top left;
}

.page-ly .ly-map .map-title {
  position: absolute;
  top: 0.3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
  width: 7.28rem;
  height: 8.96rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/title-bg_b13380ef.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-map .map-title .z02xinouyu1 {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 1.9rem;
  width: 7.5rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 48%;
  transform-origin: 50% 48%;
  -webkit-animation: sprite_02xinouyu_1 0.75s 0s steps(1) both;
  animation: sprite_02xinouyu_1 0.75s 0s steps(1) both;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite_02xinouyu_1_c0aeb514.png);
  background-size: 500% 400%;
}

.page-ly .ly-map .map-btn {
  position: absolute;
  top: 10.45rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 5;
  width: 2.76rem;
  height: 2.54rem;
  -webkit-animation: sprite_btn_show 0.5s;
  animation: sprite_btn_show 0.5s;
}

.page-ly .ly-map .map-btn::before {
  content: "";
  position: absolute;
  top: -0.2rem;
  left: 50%;
  margin-left: -1.19rem;
  width: 2.38rem;
  height: 2.31rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/btn-ani_3c36214b.png) center no-repeat;
  background-size: contain;
  -webkit-transform-origin: 1.21rem 1.165rem;
  transform-origin: 1.21rem 1.165rem;
  -webkit-animation: sprite_btn_rotate 4s linear infinite;
  animation: sprite_btn_rotate 4s linear infinite;
}

.page-ly .ly-map .map-btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2.76rem;
  height: 1.43rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/text-role_d80776a1.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-map .map-btn.load .loading::before {
  -webkit-animation: zanyajindutiaozuo1_anim 1.292s 0s linear both;
  animation: zanyajindutiaozuo1_anim 1.292s 0s linear both;
}

.page-ly .ly-map .map-btn.load .loading::after {
  -webkit-animation: zanyajindutiaoyou2_anim 1.292s 0s linear both;
  animation: zanyajindutiaoyou2_anim 1.292s 0s linear both;
}

.page-ly .ly-map .map-btn .loading {
  position: absolute;
  top: 1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1rem;
  height: 0.1rem;
}

.page-ly .ly-map .map-btn .loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -2.76rem;
  width: 2.76rem;
  height: 0.04rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/loading_7cc6933c.png) center no-repeat;
  background-size: contain;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 83% 75%;
  transform-origin: 83% 75%;
  opacity: 0;
}

.page-ly .ly-map .map-btn .loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 3.74rem;
  height: 0.04rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/loading2_d7fc2827.png) center no-repeat;
  background-size: contain;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 7% 150%;
  transform-origin: 7% 150%;
  opacity: 0;
}

.page-ly .ly-map .swiper-container-ly {
  opacity: 0;
  -webkit-animation: map-ani-show 0.5s forwards;
  animation: map-ani-show 0.5s forwards;
}

.page-ly .ly-map .swiper-container-ly .swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
}

.page-ly .ly-map .swiper-container-ly .swiper-slide img {
  margin-top: -1.05rem;
  width: 100%;
}

.page-ly .ly-map .swiper-container-ly .swiper-slide::after {
  content: "";
  position: absolute;
  top: 2.05rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.page-ly .ly-map .swiper-container-ly .swiper-slide.zx::after {
  width: 4.58rem;
  height: 0.94rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/zx-title_0faa8906.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-map .swiper-container-ly .swiper-slide.zh::after {
  width: 3.62rem;
  height: 0.94rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/zh-title_829fcb49.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-map .swiper-container-ly .swiper-slide.lx::after {
  width: 5.54rem;
  height: 0.94rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/lx-title_b2f7cfd5.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-map .swiper-container-ly .swiper-slide.ym::after {
  width: 5.52rem;
  height: 0.94rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/ym-title_5f68d7d2.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-map .swiper-container-ly .swiper-slide.xy::after {
  width: 5.78rem;
  height: 0.94rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/xy-title_fb9cdafc.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-map .ly-tab {
  position: absolute;
  top: 9.33rem;
  left: 0;
  z-index: 2;
  width: 7.5rem;
  height: 0.46rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/list-bg_1c4985c8.png) center no-repeat;
  background-size: contain;
  opacity: 0;
  -webkit-animation: map-ani-show 0.3s 0.3s forwards;
  animation: map-ani-show 0.3s 0.3s forwards;
}

.page-ly .ly-map .ly-tab .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: space-between;
  -webkit-align-items: space-between;
  -ms-flex-align: space-between;
  align-items: space-between;
  padding: 0 0.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.page-ly .ly-map .ly-tab .item {
  position: relative;
  top: -0.4rem;
  left: 0.02rem;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.page-ly .ly-map .ly-tab .item:nth-of-type(2) {
  top: -0.18rem;
  left: 0.22rem;
}

.page-ly .ly-map .ly-tab .item:nth-of-type(3) {
  top: -0.18rem;
  left: 0.38rem;
}

.page-ly .ly-map .ly-tab .item:nth-of-type(4) {
  top: -0.42rem;
  left: 0.3rem;
}

.page-ly .ly-map .ly-tab .item.zx {
  width: 1.34rem;
  height: 1.52rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/zx-btn_fef066f9.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-map .ly-tab .item.zh {
  width: 1.34rem;
  height: 1.52rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/zh-btn_806701ce.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-map .ly-tab .item.lx {
  width: 1.3rem;
  height: 1.5rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/lx-btn_4cb31e0f.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-map .ly-tab .item.ym {
  width: 1.34rem;
  height: 1.52rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/ym-btn_0fa12f38.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-map .ly-tab .item.xy {
  width: 1.34rem;
  height: 1.52rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/xy-btn_3b37442c.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-map .ly-tab .item.swiper-slide-active,
.page-ly .ly-map .ly-tab .item.on {
  pointer-events: inherit;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}

.page-ly .ly-map .ly-tab .item.swiper-slide-active.zx,
.page-ly .ly-map .ly-tab .item.on.zx {
  width: 1.34rem;
  height: 1.52rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/zx-btn-h_3abaca24.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-map .ly-tab .item.swiper-slide-active.zh,
.page-ly .ly-map .ly-tab .item.on.zh {
  width: 1.34rem;
  height: 1.52rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/zh-btn-h_18dd788e.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-map .ly-tab .item.swiper-slide-active.lx,
.page-ly .ly-map .ly-tab .item.on.lx {
  width: 1.3rem;
  height: 1.5rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/lx-btn-h_b243394a.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-map .ly-tab .item.swiper-slide-active.ym,
.page-ly .ly-map .ly-tab .item.on.ym {
  width: 1.34rem;
  height: 1.52rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/ym-btn-h_2ce83d3e.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-map .ly-tab .item.swiper-slide-active.xy,
.page-ly .ly-map .ly-tab .item.on.xy {
  width: 1.34rem;
  height: 1.52rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/xy-btn-h_3f5b2df3.png) center no-repeat;
  background-size: contain;
}

.page-ly .ly-map .ly-tab .item.swiper-slide-prev {
  margin-top: -0.23rem;
  pointer-events: inherit;
}

.page-ly .ly-map .ly-tab .item.swiper-slide-next {
  margin-top: -0.23rem;
  pointer-events: inherit;
}

@-webkit-keyframes sprite_btn_show {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes sprite_btn_show {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

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

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

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

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

  4.8% {
    background-position: -3.52rem 0rem;
  }

  9.5% {
    background-position: -7.04rem 0rem;
  }

  14.3% {
    background-position: -10.56rem 0rem;
  }

  19% {
    background-position: -14.08rem 0rem;
  }

  23.8% {
    background-position: 0rem -1.9rem;
  }

  28.6% {
    background-position: -3.52rem -1.9rem;
  }

  33.3% {
    background-position: -7.04rem -1.9rem;
  }

  38.1% {
    background-position: -10.56rem -1.9rem;
  }

  42.9% {
    background-position: -14.08rem -1.9rem;
  }

  47.6% {
    background-position: 0rem -3.8rem;
  }

  52.4% {
    background-position: -3.52rem -3.8rem;
  }

  57.1% {
    background-position: -7.04rem -3.8rem;
  }

  61.9% {
    background-position: -10.56rem -3.8rem;
  }

  66.7% {
    background-position: -14.08rem -3.8rem;
  }

  71.4% {
    background-position: 0rem -5.7rem;
  }

  76.2% {
    background-position: -3.52rem -5.7rem;
  }

  81% {
    background-position: -7.04rem -5.7rem;
  }

  85.7% {
    background-position: -10.56rem -5.7rem;
  }

  90.5% {
    background-position: -14.08rem -5.7rem;
  }

  95.2% {
    background-position: 0rem -7.6rem;
  }

  100% {
    background-position: 0rem -7.6rem;
  }
}

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

  4.8% {
    background-position: -3.52rem 0rem;
  }

  9.5% {
    background-position: -7.04rem 0rem;
  }

  14.3% {
    background-position: -10.56rem 0rem;
  }

  19% {
    background-position: -14.08rem 0rem;
  }

  23.8% {
    background-position: 0rem -1.9rem;
  }

  28.6% {
    background-position: -3.52rem -1.9rem;
  }

  33.3% {
    background-position: -7.04rem -1.9rem;
  }

  38.1% {
    background-position: -10.56rem -1.9rem;
  }

  42.9% {
    background-position: -14.08rem -1.9rem;
  }

  47.6% {
    background-position: 0rem -3.8rem;
  }

  52.4% {
    background-position: -3.52rem -3.8rem;
  }

  57.1% {
    background-position: -7.04rem -3.8rem;
  }

  61.9% {
    background-position: -10.56rem -3.8rem;
  }

  66.7% {
    background-position: -14.08rem -3.8rem;
  }

  71.4% {
    background-position: 0rem -5.7rem;
  }

  76.2% {
    background-position: -3.52rem -5.7rem;
  }

  81% {
    background-position: -7.04rem -5.7rem;
  }

  85.7% {
    background-position: -10.56rem -5.7rem;
  }

  90.5% {
    background-position: -14.08rem -5.7rem;
  }

  95.2% {
    background-position: 0rem -7.6rem;
  }

  100% {
    background-position: 0rem -7.6rem;
  }
}

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

  5.6% {
    background-position: -7.5rem 0rem;
  }

  11.1% {
    background-position: -15rem 0rem;
  }

  16.7% {
    background-position: -22.5rem 0rem;
  }

  22.2% {
    background-position: -30rem 0rem;
  }

  27.8% {
    background-position: 0rem -1.9rem;
  }

  33.3% {
    background-position: -7.5rem -1.9rem;
  }

  38.9% {
    background-position: -15rem -1.9rem;
  }

  44.4% {
    background-position: -22.5rem -1.9rem;
  }

  50% {
    background-position: -30rem -1.9rem;
  }

  55.6% {
    background-position: 0rem -3.8rem;
  }

  61.1% {
    background-position: -7.5rem -3.8rem;
  }

  66.7% {
    background-position: -15rem -3.8rem;
  }

  72.2% {
    background-position: -22.5rem -3.8rem;
  }

  77.8% {
    background-position: -30rem -3.8rem;
  }

  83.3% {
    background-position: 0rem -5.7rem;
  }

  88.9% {
    background-position: -7.5rem -5.7rem;
  }

  94.4% {
    background-position: -15rem -5.7rem;
  }

  100% {
    background-position: -15rem -5.7rem;
  }
}

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

  5.6% {
    background-position: -7.5rem 0rem;
  }

  11.1% {
    background-position: -15rem 0rem;
  }

  16.7% {
    background-position: -22.5rem 0rem;
  }

  22.2% {
    background-position: -30rem 0rem;
  }

  27.8% {
    background-position: 0rem -1.9rem;
  }

  33.3% {
    background-position: -7.5rem -1.9rem;
  }

  38.9% {
    background-position: -15rem -1.9rem;
  }

  44.4% {
    background-position: -22.5rem -1.9rem;
  }

  50% {
    background-position: -30rem -1.9rem;
  }

  55.6% {
    background-position: 0rem -3.8rem;
  }

  61.1% {
    background-position: -7.5rem -3.8rem;
  }

  66.7% {
    background-position: -15rem -3.8rem;
  }

  72.2% {
    background-position: -22.5rem -3.8rem;
  }

  77.8% {
    background-position: -30rem -3.8rem;
  }

  83.3% {
    background-position: 0rem -5.7rem;
  }

  88.9% {
    background-position: -7.5rem -5.7rem;
  }

  94.4% {
    background-position: -15rem -5.7rem;
  }

  100% {
    background-position: -15rem -5.7rem;
  }
}

@-webkit-keyframes zi_de5_anim {
  0% {
    opacity: 0;
  }

  57.89% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes zi_de5_anim {
  0% {
    opacity: 0;
  }

  57.89% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes zlongyindingbu4_transform_bezier_anim {
  0% {
    -webkit-transform: scale(1.39, 1.39);
    transform: scale(1.39, 1.39);
    -webkit-animation-timing-function: cubic-bezier(0.02, 0.12, 0.5, 1);
    animation-timing-function: cubic-bezier(0.02, 0.12, 0.5, 1);
  }

  33.33% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes zlongyindingbu4_transform_bezier_anim {
  0% {
    -webkit-transform: scale(1.39, 1.39);
    transform: scale(1.39, 1.39);
    -webkit-animation-timing-function: cubic-bezier(0.02, 0.12, 0.5, 1);
    animation-timing-function: cubic-bezier(0.02, 0.12, 0.5, 1);
  }

  33.33% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes zlongyindingbu4_anim {
  0% {
    opacity: 0;
  }

  12.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes zlongyindingbu4_anim {
  0% {
    opacity: 0;
  }

  12.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes zbaise3_anim {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes zbaise3_anim {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes zbaise3_transform_bezier_anim {
  0% {
    -webkit-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
    -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.5, 1);
    animation-timing-function: cubic-bezier(0.3, 0, 0.5, 1);
  }

  25% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes zbaise3_transform_bezier_anim {
  0% {
    -webkit-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
    -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.5, 1);
    animation-timing-function: cubic-bezier(0.3, 0, 0.5, 1);
  }

  25% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes zi_longyinwenan2_anim {
  0% {
    opacity: 0;
  }

  69.23% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes zi_longyinwenan2_anim {
  0% {
    opacity: 0;
  }

  69.23% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes zbijiaoquanzhegeleidian001_1926x1082_mp4_hecheng_11_anim {
  0% {
    -webkit-transform: translate(-2.2rem, -1.96rem) scale(0.3441, 0.3441) rotate(31.7deg);
    transform: translate(-2.2rem, -1.96rem) scale(0.3441, 0.3441) rotate(31.7deg);
    opacity: 0;
  }

  8.33% {
    -webkit-transform: translate(-0.73rem, -0.65rem) scale(0.7107, 0.7107) rotate(31.7deg);
    transform: translate(-0.73rem, -0.65rem) scale(0.7107, 0.7107) rotate(31.7deg);
    opacity: 1;
  }

  12.5% {
    -webkit-transform: translate(0rem, 0rem) scale(0.8941, 0.8941) rotate(31.7deg);
    transform: translate(0rem, 0rem) scale(0.8941, 0.8941) rotate(31.7deg);
    opacity: 1;
  }

  16.67% {
    -webkit-transform: translate(0rem, 0rem) scale(0.8942, 0.8942) rotate(31.7deg);
    transform: translate(0rem, 0rem) scale(0.8942, 0.8942) rotate(31.7deg);
    opacity: 0.85;
  }

  20.83% {
    -webkit-transform: translate(0rem, 0rem) scale(0.8944, 0.8944) rotate(31.7deg);
    transform: translate(0rem, 0rem) scale(0.8944, 0.8944) rotate(31.7deg);
    opacity: 0.5;
  }

  25% {
    -webkit-transform: translate(0rem, 0rem) scale(0.8945, 0.8945) rotate(31.7deg);
    transform: translate(0rem, 0rem) scale(0.8945, 0.8945) rotate(31.7deg);
    opacity: 1;
  }

  51.67% {
    -webkit-transform: translate(0rem, 0rem) scale(0.8955, 0.8955) rotate(31.7deg);
    transform: translate(0rem, 0rem) scale(0.8955, 0.8955) rotate(31.7deg);
    opacity: 1;
  }

  91.67% {
    -webkit-transform: translate(0rem, 0rem) scale(0.897, 0.897) rotate(31.7deg);
    transform: translate(0rem, 0rem) scale(0.897, 0.897) rotate(31.7deg);
    opacity: 0.17;
  }

  100% {
    -webkit-transform: translate(0rem, 0rem) scale(0.897, 0.897) rotate(31.7deg);
    transform: translate(0rem, 0rem) scale(0.897, 0.897) rotate(31.7deg);
    opacity: 0;
  }
}

@keyframes zbijiaoquanzhegeleidian001_1926x1082_mp4_hecheng_11_anim {
  0% {
    -webkit-transform: translate(-2.2rem, -1.96rem) scale(0.3441, 0.3441) rotate(31.7deg);
    transform: translate(-2.2rem, -1.96rem) scale(0.3441, 0.3441) rotate(31.7deg);
    opacity: 0;
  }

  8.33% {
    -webkit-transform: translate(-0.73rem, -0.65rem) scale(0.7107, 0.7107) rotate(31.7deg);
    transform: translate(-0.73rem, -0.65rem) scale(0.7107, 0.7107) rotate(31.7deg);
    opacity: 1;
  }

  12.5% {
    -webkit-transform: translate(0rem, 0rem) scale(0.8941, 0.8941) rotate(31.7deg);
    transform: translate(0rem, 0rem) scale(0.8941, 0.8941) rotate(31.7deg);
    opacity: 1;
  }

  16.67% {
    -webkit-transform: translate(0rem, 0rem) scale(0.8942, 0.8942) rotate(31.7deg);
    transform: translate(0rem, 0rem) scale(0.8942, 0.8942) rotate(31.7deg);
    opacity: 0.85;
  }

  20.83% {
    -webkit-transform: translate(0rem, 0rem) scale(0.8944, 0.8944) rotate(31.7deg);
    transform: translate(0rem, 0rem) scale(0.8944, 0.8944) rotate(31.7deg);
    opacity: 0.5;
  }

  25% {
    -webkit-transform: translate(0rem, 0rem) scale(0.8945, 0.8945) rotate(31.7deg);
    transform: translate(0rem, 0rem) scale(0.8945, 0.8945) rotate(31.7deg);
    opacity: 1;
  }

  51.67% {
    -webkit-transform: translate(0rem, 0rem) scale(0.8955, 0.8955) rotate(31.7deg);
    transform: translate(0rem, 0rem) scale(0.8955, 0.8955) rotate(31.7deg);
    opacity: 1;
  }

  91.67% {
    -webkit-transform: translate(0rem, 0rem) scale(0.897, 0.897) rotate(31.7deg);
    transform: translate(0rem, 0rem) scale(0.897, 0.897) rotate(31.7deg);
    opacity: 0.17;
  }

  100% {
    -webkit-transform: translate(0rem, 0rem) scale(0.897, 0.897) rotate(31.7deg);
    transform: translate(0rem, 0rem) scale(0.897, 0.897) rotate(31.7deg);
    opacity: 0;
  }
}

@-webkit-keyframes zanyajindutiaozuo1_anim {
  0% {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    opacity: 1;
  }

  64.52% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }

  80.65% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0;
  }
}

@keyframes zanyajindutiaozuo1_anim {
  0% {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    opacity: 1;
  }

  64.52% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }

  80.65% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0;
  }
}

@-webkit-keyframes zanyajindutiaoyou2_anim {
  0% {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    opacity: 1;
  }

  64.52% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }

  80.65% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0;
  }
}

@keyframes zanyajindutiaoyou2_anim {
  0% {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    opacity: 1;
  }

  64.52% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }

  80.65% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0;
  }
}

.zbea995f91b39fa864bd1c2b61d1effad8f0817e13c3c4_eXVauA_fw1200webp_c_png2 {
  position: absolute;
  left: 7.76rem;
  top: -1rem;
  height: 4rem;
  width: 5rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform: scale(1.78, 1.78);
  transform: scale(1.78, 1.78);
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/bea995f91b39fa864bd1c2b61d1effad8f0817e13c3c4_086d5002.png);
  background-size: 100% 100%;
}

@-webkit-keyframes zbea995f91b39fa864bd1c2b61d1effad8f0817e13c3c4_eXVauA_fw1200webp_c_png2_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0rem, 0rem) scale(1.78, 1.78);
    transform: translate(0rem, 0rem) scale(1.78, 1.78);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  40.91% {
    -webkit-transform: translate(-5.54rem, 1.88rem) scale(1.78, 1.78);
    transform: translate(-5.54rem, 1.88rem) scale(1.78, 1.78);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  59.09% {
    -webkit-transform: translate(-5.54rem, 1.88rem) scale(1.78, 1.78);
    transform: translate(-5.54rem, 1.88rem) scale(1.78, 1.78);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  100% {
    -webkit-transform: translate(0rem, 0rem) scale(1.78, 1.78);
    transform: translate(0rem, 0rem) scale(1.78, 1.78);
  }
}

@keyframes zbea995f91b39fa864bd1c2b61d1effad8f0817e13c3c4_eXVauA_fw1200webp_c_png2_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0rem, 0rem) scale(1.78, 1.78);
    transform: translate(0rem, 0rem) scale(1.78, 1.78);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  40.91% {
    -webkit-transform: translate(-5.54rem, 1.88rem) scale(1.78, 1.78);
    transform: translate(-5.54rem, 1.88rem) scale(1.78, 1.78);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  59.09% {
    -webkit-transform: translate(-5.54rem, 1.88rem) scale(1.78, 1.78);
    transform: translate(-5.54rem, 1.88rem) scale(1.78, 1.78);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  100% {
    -webkit-transform: translate(0rem, 0rem) scale(1.78, 1.78);
    transform: translate(0rem, 0rem) scale(1.78, 1.78);
  }
}

@-webkit-keyframes zbea995f91b39fa864bd1c2b61d1effad8f0817e13c3c4_eXVauA_fw1200webp_c_png2_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  13.64% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
  }

  40.91% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
  }

  63.64% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
  }

  86.36% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zbea995f91b39fa864bd1c2b61d1effad8f0817e13c3c4_eXVauA_fw1200webp_c_png2_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  13.64% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
  }

  40.91% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
  }

  63.64% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
  }

  86.36% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 0;
  }
}

.z598119fe821b59b1c41c59dabaa0dd19ada3b0cd13535_GkyMkq_fw658_c_png3 {
  position: absolute;
  left: 7.79rem;
  top: 9.61rem;
  height: 3.76rem;
  width: 6.58rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform: scale(1.4985, 1.4985);
  transform: scale(1.4985, 1.4985);
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/598119fe821b59b1c41c59dabaa0dd19ada3b0cd13535_c938e35e.png);
  background-size: 100% 100%;
}

@-webkit-keyframes z598119fe821b59b1c41c59dabaa0dd19ada3b0cd13535_GkyMkq_fw658_c_png3_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0rem, 0rem) scale(1.4985, 1.4985);
    transform: translate(0rem, 0rem) scale(1.4985, 1.4985);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  40.91% {
    -webkit-transform: translate(-4.94rem, -2.02rem) scale(1.4985, 1.4985);
    transform: translate(-4.94rem, -2.02rem) scale(1.4985, 1.4985);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  59.09% {
    -webkit-transform: translate(-4.94rem, -2.02rem) scale(1.4985, 1.4985);
    transform: translate(-4.94rem, -2.02rem) scale(1.4985, 1.4985);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  100% {
    -webkit-transform: translate(0rem, 0rem) scale(1.4985, 1.4985);
    transform: translate(0rem, 0rem) scale(1.4985, 1.4985);
  }
}

@keyframes z598119fe821b59b1c41c59dabaa0dd19ada3b0cd13535_GkyMkq_fw658_c_png3_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0rem, 0rem) scale(1.4985, 1.4985);
    transform: translate(0rem, 0rem) scale(1.4985, 1.4985);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  40.91% {
    -webkit-transform: translate(-4.94rem, -2.02rem) scale(1.4985, 1.4985);
    transform: translate(-4.94rem, -2.02rem) scale(1.4985, 1.4985);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  59.09% {
    -webkit-transform: translate(-4.94rem, -2.02rem) scale(1.4985, 1.4985);
    transform: translate(-4.94rem, -2.02rem) scale(1.4985, 1.4985);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  100% {
    -webkit-transform: translate(0rem, 0rem) scale(1.4985, 1.4985);
    transform: translate(0rem, 0rem) scale(1.4985, 1.4985);
  }
}

@-webkit-keyframes z598119fe821b59b1c41c59dabaa0dd19ada3b0cd13535_GkyMkq_fw658_c_png3_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  13.64% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
  }

  40.91% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
  }

  63.64% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
  }

  86.36% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 0;
  }
}

@keyframes z598119fe821b59b1c41c59dabaa0dd19ada3b0cd13535_GkyMkq_fw658_c_png3_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  13.64% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
  }

  40.91% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
  }

  63.64% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
  }

  86.36% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 0;
  }
}

.z65981cd195794d32f9857113ea8c6478ba6644215daae_WnS355_fw1200webp_c_png4 {
  position: absolute;
  left: -9.26rem;
  top: 3.33rem;
  height: 13.43rem;
  width: 11.48rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/65981cd195794d32f9857113ea8c6478ba6644215daae_3dbf25dc.png);
  background-size: 100% 100%;
}

@-webkit-keyframes z65981cd195794d32f9857113ea8c6478ba6644215daae_WnS355_fw1200webp_c_png4_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0rem, 0rem);
    transform: translate(0rem, 0rem);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  40.91% {
    -webkit-transform: translate(6.06rem, -1.72rem);
    transform: translate(6.06rem, -1.72rem);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  59.09% {
    -webkit-transform: translate(6.06rem, -1.72rem);
    transform: translate(6.06rem, -1.72rem);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  100% {
    -webkit-transform: translate(0rem, 0rem);
    transform: translate(0rem, 0rem);
  }
}

@keyframes z65981cd195794d32f9857113ea8c6478ba6644215daae_WnS355_fw1200webp_c_png4_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0rem, 0rem);
    transform: translate(0rem, 0rem);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  40.91% {
    -webkit-transform: translate(6.06rem, -1.72rem);
    transform: translate(6.06rem, -1.72rem);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  59.09% {
    -webkit-transform: translate(6.06rem, -1.72rem);
    transform: translate(6.06rem, -1.72rem);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  100% {
    -webkit-transform: translate(0rem, 0rem);
    transform: translate(0rem, 0rem);
  }
}

@-webkit-keyframes z65981cd195794d32f9857113ea8c6478ba6644215daae_WnS355_fw1200webp_c_png4_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  13.64% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
  }

  40.91% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
  }

  63.64% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
  }

  86.36% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 0;
  }
}

@keyframes z65981cd195794d32f9857113ea8c6478ba6644215daae_WnS355_fw1200webp_c_png4_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  13.64% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
  }

  40.91% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
  }

  63.64% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
  }

  86.36% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 0;
  }
}

.z80e1fbb08cb9d5b171c0efe502903d1f3d51bc8d8a9925_clFRDN_fw1200webp_c_png5 {
  position: absolute;
  left: -8.62rem;
  top: -1.32rem;
  height: 7.66rem;
  width: 12rem;
  mix-blend-mode: normal;
  opacity: 0;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/80e1fbb08cb9d5b171c0efe502903d1f3d51bc8d8a9925_6011dde1.png);
  background-size: 100% 100%;
}

@-webkit-keyframes z80e1fbb08cb9d5b171c0efe502903d1f3d51bc8d8a9925_clFRDN_fw1200webp_c_png5_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0rem, 0rem);
    transform: translate(0rem, 0rem);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  40.91% {
    -webkit-transform: translate(5.88rem, 0.52rem);
    transform: translate(5.88rem, 0.52rem);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  59.09% {
    -webkit-transform: translate(5.88rem, 0.52rem);
    transform: translate(5.88rem, 0.52rem);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  100% {
    -webkit-transform: translate(0rem, 0rem);
    transform: translate(0rem, 0rem);
  }
}

@keyframes z80e1fbb08cb9d5b171c0efe502903d1f3d51bc8d8a9925_clFRDN_fw1200webp_c_png5_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0rem, 0rem);
    transform: translate(0rem, 0rem);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  40.91% {
    -webkit-transform: translate(5.88rem, 0.52rem);
    transform: translate(5.88rem, 0.52rem);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  59.09% {
    -webkit-transform: translate(5.88rem, 0.52rem);
    transform: translate(5.88rem, 0.52rem);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  100% {
    -webkit-transform: translate(0rem, 0rem);
    transform: translate(0rem, 0rem);
  }
}

@-webkit-keyframes z80e1fbb08cb9d5b171c0efe502903d1f3d51bc8d8a9925_clFRDN_fw1200webp_c_png5_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  13.64% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
  }

  40.91% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
  }

  63.64% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
  }

  86.36% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 0;
  }
}

@keyframes z80e1fbb08cb9d5b171c0efe502903d1f3d51bc8d8a9925_clFRDN_fw1200webp_c_png5_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  13.64% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
  }

  40.91% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
  }

  63.64% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
  }

  86.36% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 0;
  }
}

.z69f02651fb0618e80e2e506b44d2a11f200c1bcb113fc1_mDvnYd_fw1200webp_c_png6 {
  position: absolute;
  left: 4.58rem;
  top: 3.15rem;
  height: 8.07rem;
  width: 12rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(1.41, 1.41);
  transform: scale(1.41, 1.41);
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/69f02651fb0618e80e2e506b44d2a11f200c1bcb113fc1_bad78f21.png);
  background-size: 100% 100%;
}

@-webkit-keyframes z69f02651fb0618e80e2e506b44d2a11f200c1bcb113fc1_mDvnYd_fw1200webp_c_png6_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0rem, 0rem) scale(1.41, 1.41);
    transform: translate(0rem, 0rem) scale(1.41, 1.41);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  40.91% {
    -webkit-transform: translate(-3.86rem, -1.14rem) scale(1.41, 1.41);
    transform: translate(-3.86rem, -1.14rem) scale(1.41, 1.41);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  59.09% {
    -webkit-transform: translate(-3.86rem, -1.14rem) scale(1.41, 1.41);
    transform: translate(-3.86rem, -1.14rem) scale(1.41, 1.41);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  100% {
    -webkit-transform: translate(0rem, 0rem) scale(1.41, 1.41);
    transform: translate(0rem, 0rem) scale(1.41, 1.41);
  }
}

@keyframes z69f02651fb0618e80e2e506b44d2a11f200c1bcb113fc1_mDvnYd_fw1200webp_c_png6_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0rem, 0rem) scale(1.41, 1.41);
    transform: translate(0rem, 0rem) scale(1.41, 1.41);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  40.91% {
    -webkit-transform: translate(-3.86rem, -1.14rem) scale(1.41, 1.41);
    transform: translate(-3.86rem, -1.14rem) scale(1.41, 1.41);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  59.09% {
    -webkit-transform: translate(-3.86rem, -1.14rem) scale(1.41, 1.41);
    transform: translate(-3.86rem, -1.14rem) scale(1.41, 1.41);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.51, 1);
  }

  100% {
    -webkit-transform: translate(0rem, 0rem) scale(1.41, 1.41);
    transform: translate(0rem, 0rem) scale(1.41, 1.41);
  }
}

@-webkit-keyframes z69f02651fb0618e80e2e506b44d2a11f200c1bcb113fc1_mDvnYd_fw1200webp_c_png6_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  13.64% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
  }

  40.91% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
  }

  63.64% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
  }

  86.36% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 0;
  }
}

@keyframes z69f02651fb0618e80e2e506b44d2a11f200c1bcb113fc1_mDvnYd_fw1200webp_c_png6_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  13.64% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.83);
  }

  40.91% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 1);
  }

  63.64% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
    animation-timing-function: cubic-bezier(0.37, 0, 0.83, 0.86);
  }

  86.36% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes map-ani-show {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes map-ani-show {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.page-xrqd {
  height: 12.92rem;
}

.page-xrqd.ani-show .tit .titbg {
  -webkit-animation: z_banbenqianzhan_000_anim 1s 0s linear both, z_banbenqianzhan_000_transform_bezier_anim 1s 0s both;
  animation: z_banbenqianzhan_000_anim 1s 0s linear both, z_banbenqianzhan_000_transform_bezier_anim 1s 0s both;
}

.page-xrqd.ani-show .tit .mlight .z_chensede_000-under-svg {
  -webkit-animation: sprite_z_chensede_000 1s 0s steps(1) both;
  animation: sprite_z_chensede_000 1s 0s steps(1) both;
}

.page-xrqd.ani-show .swiper-slide-active {
  -webkit-animation: zzhongtu21_anim 0.792s 0.1s linear both;
  animation: zzhongtu21_anim 0.792s 0.1s linear both;
}

.page-xrqd.ani-show .xrqd-swiper-pagination {
  -webkit-animation: zlunbo1_anim 0.5s 0.5s linear both;
  animation: zlunbo1_anim 0.5s 0.5s linear both;
}

.page-xrqd .tit {
  position: relative;
  width: 100%;
  height: 2.6rem;
  margin: 0 auto;
}

.page-xrqd .tit::after {
  position: absolute;
  top: -2.16rem;
  left: 0;
  content: "";
  width: 7.5rem;
  height: 11.86rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/title_bg_390df083.png) center no-repeat;
  background-size: contain;
}

.page-xrqd .tit .titbg {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  mix-blend-mode: normal;
  width: 7.5rem;
  height: 2.6rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/title_0b9272e6.png) center no-repeat;
  background-size: contain;
}

.page-xrqd .tit .mlight {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5.2rem;
  height: 2.32rem;
  mix-blend-mode: normal;
  margin-top: calc(-2.32rem / 2);
  margin-left: calc(-5.2rem / 2);
}

.page-xrqd .tit .mlight .z_chensede_000-under-svg {
  width: 520px;
  height: 232px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite_z_chensede_000_523b77ff.png);
  background-size: 500% 500%;
}

.page-xrqd .delay-dom {
  height: auto;
}

.page-xrqd #scene .xrqd-list {
  position: absolute;
  top: 2.8rem;
  right: 0;
  width: 7.5rem;
  height: 12rem;
  overflow: unset;
}

.page-xrqd #scene .xrqd-list .swiper-wrapper {
  position: static;
}

.page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
  text-align: center;
  z-index: 0;
  opacity: 0;
  pointer-events: all;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide .imgbox {
  position: relative;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: opacity 0.3s, z-index 0s, -webkit-transform 0.5s;
  transition: opacity 0.3s, z-index 0s, -webkit-transform 0.5s;
  transition: opacity 0.3s, transform 0.5s, z-index 0s;
  transition: opacity 0.3s, transform 0.5s, z-index 0s, -webkit-transform 0.5s;
  width: 7.5rem;
  height: 8.89rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/img_bg_abdedd65.png) center no-repeat;
  background-size: contain;
}

.page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide .imgbox .swiper-bg {
  position: absolute;
  top: 0.36rem;
  left: 0.82rem;
  width: 5.84rem;
  height: 8.2rem;
}

.page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide:nth-child(1) {
  -webkit-animation: none;
  animation: none;
  -webkit-transform: translate3d(0, 0, 3rem);
  transform: translate3d(0, 0, 3rem);
  opacity: 0;
  z-index: 3;
  pointer-events: none;
}

.page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide:nth-child(1) .imgbox {
  -webkit-transform: translateZ(0.03rem);
  transform: translateZ(0.03rem);
}

.page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide:nth-child(2) {
  -webkit-animation: none;
  animation: none;
  -webkit-transform: translate3d(0, 0, 2rem);
  transform: translate3d(0, 0, 2rem);
  opacity: 1;
  z-index: 2;
}

.page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide:nth-child(2) .imgbox {
  -webkit-transform: translateZ(0.02rem);
  transform: translateZ(0.02rem);
}

.page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide:nth-child(3) {
  -webkit-transform: translate3d(0, 0, 1rem);
  transform: translate3d(0, 0, 1rem);
  opacity: 0.6;
  z-index: 1;
}

.page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide:nth-child(3) .imgbox {
  -webkit-transform: rotateY(21deg) translateY(-0.2rem) rotateZ(3deg) translateX(0.15rem) translateZ(0.01rem);
  transform: rotateY(21deg) translateY(-20px) rotateZ(3deg) translateX(15px) translateZ(0.01rem);
}

.page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide:nth-child(3) .imgbox:after {
  display: block;
}

.page-xrqd #scene .xrqd-list .txt {
  position: absolute;
  top: 6.8rem;
  right: 0.57rem;
  width: 5.94rem;
  height: 1.16rem;
  z-index: 6;
}

.page-xrqd #scene .xrqd-list .txt img {
  position: absolute;
  top: 0.22rem;
  right: 0;
  z-index: 1;
  opacity: 1;
  display: block;
  height: 1.16rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.page-xrqd #scene .xrqd-list .txt img.on {
  z-index: 1;
  opacity: 1;
}

.xrqd-opt {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

.xrqd-opt::after {
  position: absolute;
  bottom: -1.4rem;
  left: 0;
  content: "";
  width: 7.49rem;
  height: 3.84rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/zs_61bcf5f6.png) center no-repeat;
  background-size: contain;
}

.xrqd-opt .prev-wrap,
.xrqd-opt .next-wrap {
  position: absolute;
  top: 6.4rem;
}

.xrqd-opt .prev-wrap {
  left: 0;
  pointer-events: auto;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -3.13rem -11.39rem;
  width: 1.23rem;
  height: 1.48rem;
}

.xrqd-opt .prev-wrap .xrqd-button-prev {
  top: 0;
  left: 0;
  right: auto;
  margin-top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.xrqd-opt .next-wrap {
  right: 0;
  pointer-events: auto;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -0.57rem -11.39rem;
  width: 1.26rem;
  height: 1.48rem;
}

.xrqd-opt .next-wrap .xrqd-button-next {
  top: 0;
  right: 0;
  left: auto;
  margin-top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.xrqd-opt .xrqd-swiper-pagination {
  position: absolute;
  top: 12rem;
  left: 0;
  width: 100%;
  z-index: 1;
  font-size: 0;
  text-align: center;
  pointer-events: auto;
}

.xrqd-opt .xrqd-swiper-pagination span {
  display: inline-block;
  margin: 0 .12rem;
  opacity: 1;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -16.72rem -14.61rem;
  width: 0.41rem;
  height: 0.41rem;
}

.xrqd-opt .xrqd-swiper-pagination span.swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -15.65rem -10.78rem;
  width: 0.41rem;
  height: 0.41rem;
}

@-webkit-keyframes zlunbo1_anim {
  0% {
    opacity: 0;
  }

  83.33% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes zlunbo1_anim {
  0% {
    opacity: 0;
  }

  83.33% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes zzhongtu21_anim {
  0% {
    opacity: 0;
  }

  47.37% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes zzhongtu21_anim {
  0% {
    opacity: 0;
  }

  47.37% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.page-yxts {
  height: 13.46rem;
}

.page-yxts.ani-show .tit .titbg {
  -webkit-animation: z_banbenqianzhan_000_anim 1s 0s linear both, z_banbenqianzhan_000_transform_bezier_anim 1s 0s both;
  animation: z_banbenqianzhan_000_anim 1s 0s linear both, z_banbenqianzhan_000_transform_bezier_anim 1s 0s both;
}

.page-yxts.ani-show .tit .mlight .z_chensede_000-under-svg {
  -webkit-animation: sprite_z_chensede_000 1s 0s steps(1) both;
  animation: sprite_z_chensede_000 1s 0s steps(1) both;
}

.page-yxts.ani-show .swiper-slide-active {
  -webkit-animation: sprite_yuhecheng_4_hecheng_1_1 0.67s 0s steps(1) both;
  animation: sprite_yuhecheng_4_hecheng_1_1 0.67s 0s steps(1) both;
}

.page-yxts.ani-show .swiper-pagination {
  -webkit-animation: zlunbo1_anim 0.5s 0.5s linear both;
  animation: zlunbo1_anim 0.5s 0.5s linear both;
}

.page-yxts .tit {
  position: relative;
  width: 100%;
  height: 2.6rem;
  margin: 0 auto;
}

.page-yxts .tit .titbg {
  margin: 0 auto;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  mix-blend-mode: normal;
  width: 7.5rem;
  height: 2.6rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/title_e330b360.png) center no-repeat;
  background-size: contain;
}

.page-yxts .tit .mlight {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5.2rem;
  height: 2.32rem;
  mix-blend-mode: normal;
  margin-top: calc(-2.32rem / 2);
  margin-left: calc(-5.2rem / 2);
}

.page-yxts .tit .mlight .z_chensede_000-under-svg {
  width: 520px;
  height: 232px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite_z_lansede_000_20a4bf59.png);
  background-size: 500% 500%;
}

.page-yxts .yxts-button-next,
.page-yxts .yxts-button-prev {
  display: none;
}

.page-yxts .yxts-list {
  position: absolute;
  top: 2.62rem;
  left: 0;
  width: 100%;
  height: 9.1rem;
  overflow: unset;
}

.page-yxts .yxts-list .pagebox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: -0.14rem;
  left: 50%;
  z-index: 2;
  padding-top: 0.4rem;
  margin-left: -2.98rem;
  font-size: 0;
  font-family: "fzqkbys";
  color: #fff;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -3.24rem -4.64rem;
  width: 2.63rem;
  height: 1.6rem;
}

.page-yxts .yxts-list .pagebox .cur {
  display: inline-block;
  width: 0.66rem;
  font-size: 0.84rem;
  margin-left: 0.54rem;
  text-align: center;
}

.page-yxts .yxts-list .pagebox .tol {
  -webkit-transform: translateX(0.15rem) translateY(-0.15rem);
  transform: translateX(0.15rem) translateY(-0.15rem);
  display: inline-block;
  font-size: 0.48rem;
}

.page-yxts .yxts-list .zs {
  position: absolute;
  bottom: 4.2rem;
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.page-yxts .yxts-list .zs::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -0 -0;
  width: 3.22rem;
  height: 6.46rem;
}

.page-yxts .yxts-list .swiper-slide {
  width: 5.48rem;
  height: 8.81rem;
  z-index: 1;
}

.page-yxts .yxts-list .swiper-slide .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-yxts .yxts-list .swiper-slide.swiper-slide-active {
  z-index: 3;
  -webkit-mask: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite_yuhecheng_4_hecheng_1_1_abcf0ded.png) no-repeat;
  mask: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite_yuhecheng_4_hecheng_1_1_abcf0ded.png) no-repeat;
  -webkit-mask-size: 29.6rem 35.92rem;
  mask-size: 29.6rem 35.92rem;
}

.page-yxts .yxts-list .swiper-slide.swiper-slide-active .img-title {
  opacity: 1;
}

.page-yxts .yxts-list .swiper-slide .swiper-slide-prev {
  z-index: 1;
}

.page-yxts .yxts-list .swiper-slide.swiper-slide-prev:after,
.page-yxts .yxts-list .swiper-slide.swiper-slide-next:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(254, 216, 176, 0.5);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}

.page-yxts .yxts-list .swiper-slide.swiper-slide-prev .bg,
.page-yxts .yxts-list .swiper-slide.swiper-slide-next .bg {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}

.page-yxts .yxts-list .swiper-slide.swiper-slide-prev:after {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

.page-yxts .yxts-list .swiper-slide.swiper-slide-prev .bg {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

.page-yxts .yxts-list .swiper-slide.swiper-slide-next:after {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

.page-yxts .yxts-list .swiper-slide.swiper-slide-next .bg {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

.page-yxts .yxts-list .swiper-slide .img-title {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  font-family: "fzqkbys";
  padding-left: 0.2rem;
  opacity: 0;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -3.24rem -3.4rem;
  width: 5.53rem;
  height: 1.22rem;
}

.page-yxts .yxts-list .swiper-slide .img-title .img-title1 {
  font-size: 0.44rem;
  line-height: 0.72rem;
}

.page-yxts .yxts-list .swiper-slide .img-title .img-title2 {
  font-size: 0.38rem;
}

.page-yxts .yxts-opt {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.page-yxts .yxts-opt .yxts-button-next,
.page-yxts .yxts-opt .yxts-button-prev {
  display: block;
  top: 6.98rem;
  z-index: 8;
}

.page-yxts .yxts-opt .yxts-button-next {
  right: 0;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -1.85rem -11.39rem;
  width: 1.26rem;
  height: 1.48rem;
}

.page-yxts .yxts-opt .yxts-button-prev {
  left: 0;
  width: 1.26rem;
  height: 1.48rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/l_bf0b2d28.png) center no-repeat;
  background-size: contain;
}

.page-yxts .yxts-opt .swiper-pagination {
  position: absolute;
  bottom: 0rem;
  left: 0.45rem;
  right: 0.45rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  opacity: 0;
}

.page-yxts .yxts-opt .swiper-pagination span {
  display: block;
  opacity: 1;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -17.56rem -12.18rem;
  width: 0.24rem;
  height: 0.24rem;
}

.page-yxts .yxts-opt .swiper-pagination span.swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -15.65rem -11.21rem;
  width: 0.38rem;
  height: 0.38rem;
}

@keyframes zlunbo1_anim {
  0% {
    opacity: 0;
  }

  83.33% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes sprite_yuhecheng_4_hecheng_1_1 {
  0% {
    -webkit-mask-position: 0rem 0rem;
    mask-position: 0rem 0rem;
  }

  6.3% {
    -webkit-mask-position: -7.4rem 0rem;
    mask-position: -7.4rem 0rem;
  }

  12.5% {
    -webkit-mask-position: -14.8rem 0rem;
    mask-position: -14.8rem 0rem;
  }

  18.8% {
    -webkit-mask-position: -22.2rem 0rem;
    mask-position: -22.2rem 0rem;
  }

  25% {
    -webkit-mask-position: 0rem -8.98rem;
    mask-position: 0rem -8.98rem;
  }

  31.3% {
    -webkit-mask-position: -7.4rem -8.98rem;
    mask-position: -7.4rem -8.98rem;
  }

  37.5% {
    -webkit-mask-position: -14.8rem -8.98rem;
    mask-position: -14.8rem -8.98rem;
  }

  43.8% {
    -webkit-mask-position: -22.2rem -8.98rem;
    mask-position: -22.2rem -8.98rem;
  }

  50% {
    -webkit-mask-position: 0rem -17.96rem;
    mask-position: 0rem -17.96rem;
  }

  56.3% {
    -webkit-mask-position: -7.4rem -17.96rem;
    mask-position: -7.4rem -17.96rem;
  }

  62.5% {
    -webkit-mask-position: -14.8rem -17.96rem;
    mask-position: -14.8rem -17.96rem;
  }

  68.8% {
    -webkit-mask-position: -22.2rem -17.96rem;
    mask-position: -22.2rem -17.96rem;
  }

  75% {
    -webkit-mask-position: 0rem -26.94rem;
    mask-position: 0rem -26.94rem;
  }

  81.3% {
    -webkit-mask-position: -7.4rem -26.94rem;
    mask-position: -7.4rem -26.94rem;
  }

  87.5% {
    -webkit-mask-position: -14.8rem -26.94rem;
    mask-position: -14.8rem -26.94rem;
  }

  93.8% {
    -webkit-mask-position: -22.2rem -26.94rem;
    mask-position: -22.2rem -26.94rem;
  }

  100% {
    -webkit-mask-position: -22.2rem -26.94rem;
    mask-position: -22.2rem -26.94rem;
  }
}

@keyframes sprite_yuhecheng_4_hecheng_1_1 {
  0% {
    -webkit-mask-position: 0rem 0rem;
    mask-position: 0rem 0rem;
  }

  6.3% {
    -webkit-mask-position: -7.4rem 0rem;
    mask-position: -7.4rem 0rem;
  }

  12.5% {
    -webkit-mask-position: -14.8rem 0rem;
    mask-position: -14.8rem 0rem;
  }

  18.8% {
    -webkit-mask-position: -22.2rem 0rem;
    mask-position: -22.2rem 0rem;
  }

  25% {
    -webkit-mask-position: 0rem -8.98rem;
    mask-position: 0rem -8.98rem;
  }

  31.3% {
    -webkit-mask-position: -7.4rem -8.98rem;
    mask-position: -7.4rem -8.98rem;
  }

  37.5% {
    -webkit-mask-position: -14.8rem -8.98rem;
    mask-position: -14.8rem -8.98rem;
  }

  43.8% {
    -webkit-mask-position: -22.2rem -8.98rem;
    mask-position: -22.2rem -8.98rem;
  }

  50% {
    -webkit-mask-position: 0rem -17.96rem;
    mask-position: 0rem -17.96rem;
  }

  56.3% {
    -webkit-mask-position: -7.4rem -17.96rem;
    mask-position: -7.4rem -17.96rem;
  }

  62.5% {
    -webkit-mask-position: -14.8rem -17.96rem;
    mask-position: -14.8rem -17.96rem;
  }

  68.8% {
    -webkit-mask-position: -22.2rem -17.96rem;
    mask-position: -22.2rem -17.96rem;
  }

  75% {
    -webkit-mask-position: 0rem -26.94rem;
    mask-position: 0rem -26.94rem;
  }

  81.3% {
    -webkit-mask-position: -7.4rem -26.94rem;
    mask-position: -7.4rem -26.94rem;
  }

  87.5% {
    -webkit-mask-position: -14.8rem -26.94rem;
    mask-position: -14.8rem -26.94rem;
  }

  93.8% {
    -webkit-mask-position: -22.2rem -26.94rem;
    mask-position: -22.2rem -26.94rem;
  }

  100% {
    -webkit-mask-position: -22.2rem -26.94rem;
    mask-position: -22.2rem -26.94rem;
  }
}

.page-gftt {
  width: 100%;
  height: 14.46rem;
  padding-top: 0.01rem;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.page-gftt.ani-show {
  opacity: 1;
}

.page-gftt.ani-show .tit .titbg {
  -webkit-animation: z_banbenqianzhan_000_anim 1s 0s linear both, z_banbenqianzhan_000_transform_bezier_anim 1s 0s both;
  animation: z_banbenqianzhan_000_anim 1s 0s linear both, z_banbenqianzhan_000_transform_bezier_anim 1s 0s both;
}

.page-gftt.ani-show .tit .mlight .z_chensede_000-under-svg {
  -webkit-animation: sprite_z_chensede_000 1s 0s steps(1) both;
  animation: sprite_z_chensede_000 1s 0s steps(1) both;
}

.page-gftt.ani-show .swiper-slide-active .btn-link {
  -webkit-animation: zi__kaobei2_anim 7.9s 0.1s linear both;
  animation: zi__kaobei2_anim 7.9s 0.1s linear both;
}

.page-gftt.ani-show .swiper-slide-active .btn-play {
  -webkit-animation: zi_bofangshipin_kaobei_141_anim 7.9s 0.1s linear both;
  animation: zi_bofangshipin_kaobei_141_anim 7.9s 0.1s linear both;
}

.page-gftt.ani-show .swiper-slide-active .name,
.page-gftt.ani-show .swiper-slide-active .info {
  -webkit-animation: zi_mingzi3_anim 8s 0s linear both;
  animation: zi_mingzi3_anim 8s 0s linear both;
}

.page-gftt.ani-show .swiper-slide-active::after {
  -webkit-animation: zi_qianjing_kaobei4_anim 8s 0s linear both;
  animation: zi_qianjing_kaobei4_anim 8s 0s linear both;
}

.page-gftt.ani-show .swiper-slide-active::before {
  -webkit-animation: zyanyifashi5_anim 8s 0s linear both;
  animation: zyanyifashi5_anim 8s 0s linear both;
}

.page-gftt .tit {
  position: relative;
  width: 100%;
  height: 2.6rem;
  margin: 0 auto;
}

.page-gftt .tit .titbg {
  margin: 0 auto;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  mix-blend-mode: normal;
  width: 7.5rem;
  height: 2.6rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/title_453f6752.png) center no-repeat;
  background-size: contain;
}

.page-gftt .tit .mlight {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5.2rem;
  height: 2.32rem;
  mix-blend-mode: normal;
  margin-top: calc(-2.32rem / 2);
  margin-left: calc(-5.2rem / 2);
}

.page-gftt .tit .mlight .z_chensede_000-under-svg {
  width: 520px;
  height: 232px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite_z_chensede_000_523b77ff.png);
  background-size: 500% 500%;
}

.page-gftt .gftt-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 15.47rem;
}

.page-gftt .gftt-list .swiper-slide {
  position: relative;
}

.page-gftt .gftt-list .swiper-slide[data-type="wra"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/wra_198c2226.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="wra"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-wra_b62b2eb6.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="wra"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -11.32rem -0;
  width: 0.79rem;
  height: 3.46rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="yyfs"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/yyfs_62533140.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="yyfs"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-yyfs_e4865cb8.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="yyfs"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -12.13rem -7.8rem;
  width: 0.54rem;
  height: 3.47rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zwz"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/zwz_33f3ddeb.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="zwz"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-zwz_a258a560.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="zwz"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -16.18rem -0;
  width: 0.52rem;
  height: 3.83rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="ylp"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/ylp_09025617.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="ylp"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-ylp_47772f76.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="ylp"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -0 -11.39rem;
  width: 0.55rem;
  height: 3.64rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="fhcq"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/fhcq_22f7f428.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="fhcq"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-fhcq_698b95a4.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="fhcq"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -12.69rem -7.8rem;
  width: 0.53rem;
  height: 3.3rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="tsy"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/tsy_2bd13b37.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="tsy"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-tsy_891f2897.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="tsy"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -16.18rem -11.47rem;
  width: 0.51rem;
  height: 3.51rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="sdd"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sdd_1e7319d8.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="sdd"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-sdd_a3b18dbb.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="sdd"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -16.72rem -9.71rem;
  width: 0.54rem;
  height: 3.18rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="hyb"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/hyb_72c3c92a.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="hyb"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-hyb_a12dae2b.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="hyb"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -15.65rem -0;
  width: 0.51rem;
  height: 3.91rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="hxy"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/hxy_889edff3.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="hxy"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-hxy_7529063f.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="hxy"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -14.61rem -4.08rem;
  width: 0.51rem;
  height: 4.05rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="gdz"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/gdz_cba49085.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="gdz"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-gdz_7ae9a9b3.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="gdz"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -14.61rem -0;
  width: 0.51rem;
  height: 4.06rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="trr"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/trr_53f34c18.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="trr"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-trr_e1f14128.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="trr"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -17.28rem -3.15rem;
  width: 0.54rem;
  height: 3.11rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="cqn"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/cqn_e92c5177.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="cqn"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-cqn_7a642157.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="cqn"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -17.28rem -0;
  width: 0.54rem;
  height: 3.13rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zj"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/zj_311b8bb7.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="zj"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-zj_16ed09c0.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="zj"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -16.72rem -6.49rem;
  width: 0.54rem;
  height: 3.2rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="bbhk"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/bbhk_e1c9bf55.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="bbhk"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-bbhk_0f262418.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="bbhk"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -12.13rem -1.77rem;
  width: 0.54rem;
  height: 4.35rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="lyh"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/lyh_3aef067c.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="lyh"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-lyh_3053ec82.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="lyh"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -16.72rem -3.26rem;
  width: 0.54rem;
  height: 3.21rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zzf"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/zzf_9f3851e7.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="zzf"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-zzf_61f85e4e.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="zzf"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -16.72rem -0;
  width: 0.54rem;
  height: 3.24rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="hss"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/hss_0978eecd.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="hss"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-hss_c0e689be.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="hss"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -17.28rem -6.28rem;
  width: 0.54rem;
  height: 3.11rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="lzx"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/lzx_99c1e3a2.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="lzx"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-lzx_feae904b.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="lzx"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -15.65rem -3.93rem;
  width: 0.48rem;
  height: 3.53rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="sw"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sw_a22d748c.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="sw"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-sw_76cd5de4.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="sw"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -15.14rem -0;
  width: 0.49rem;
  height: 4.15rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="lm"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/lm_7208868e.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="lm"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-lm_d5e1b080.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="lm"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -12.69rem -1.77rem;
  width: 0.51rem;
  height: 4.2rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zsy"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/zsy_8ca9d90f.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="zsy"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-zsy_bd499f67.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="zsy"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -13.55rem -0;
  width: 0.51rem;
  height: 4.2rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="wxr"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/wxr_e0ffd95a.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="wxr"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-wxr_e21f898b.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="wxr"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -11.32rem -3.48rem;
  width: 0.51rem;
  height: 4.87rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="yzm"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/yzm_f974b36c.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="yzm"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-yzm_cdfb7e32.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="yzm"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -13.55rem -4.22rem;
  width: 0.51rem;
  height: 4.2rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="yl"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/yl_235ea1c6.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="yl"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-yl_be3fc64d.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="yl"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -16.18rem -3.85rem;
  width: 0.52rem;
  height: 3.82rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="cjy"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/cjy_34031679.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="cjy"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-cjy_be8da5e3.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="cjy"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -16.18rem -7.69rem;
  width: 0.51rem;
  height: 3.76rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="hl"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/hl_3bed6d6e.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="hl"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-hl_dfc4ea76.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="hl"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -14.08rem -0;
  width: 0.51rem;
  height: 4.13rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zwt"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/zwt_bdef9e3b.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="zwt"] .name {
  width: 2.89rem;
  height: 5.28rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/name-zwt_9f5b891a.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-list .swiper-slide[data-type="zwt"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -14.08rem -4.15rem;
  width: 0.51rem;
  height: 4.13rem;
}

.page-gftt .gftt-list .swiper-slide::after {
  position: absolute;
  top: 5.92rem;
  left: 0;
  pointer-events: none;
}

.page-gftt .gftt-list .swiper-slide::before {
  position: absolute;
  top: -0.22rem;
  left: 0;
  content: "";
}

.page-gftt .gftt-list .swiper-slide .details {
  position: absolute;
  top: 0;
  right: 0.27rem;
  will-change: transform;
}

.page-gftt .gftt-list .swiper-slide .details .btn-play {
  position: absolute;
  left: 50%;
  z-index: 2;
  margin-left: calc(-0.64rem / 2);
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -14.51rem -16.06rem;
  width: 0.64rem;
  height: 0.68rem;
}

.page-gftt .gftt-list .swiper-slide .details .info {
  margin: 0 auto;
}

.page-gftt .gftt-list .swiper-slide .details .btn-link {
  position: absolute;
  top: 0;
  right: -0.48rem;
  z-index: 2;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -15.65rem -13.47rem;
  width: 0.34rem;
  height: 0.32rem;
}

.page-gftt .gftt-list .swiper-slide .name {
  position: absolute;
  top: 3.02rem;
  left: 0;
}

.page-gftt .gftt-list .swiper-slide.swiper-slide-active .btn-link {
  opacity: 0;
}

.page-gftt .gftt-list .swiper-slide.swiper-slide-active .btn-play {
  opacity: 0;
  -webkit-transform-origin: 51% 50%;
  transform-origin: 51% 50%;
}

.page-gftt .gftt-list .swiper-slide.swiper-slide-active .name,
.page-gftt .gftt-list .swiper-slide.swiper-slide-active .info {
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.page-gftt .gftt-list .swiper-slide.swiper-slide-active::after {
  opacity: 0;
}

.page-gftt .gftt-list .swiper-slide.swiper-slide-active::before {
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.page-gftt .gftt-list .swiper-slide[data-type="cjy"] .btn-link,
.page-gftt .gftt-list .swiper-slide[data-type="hl"] .btn-link,
.page-gftt .gftt-list .swiper-slide[data-type="zsy"] .btn-link,
.page-gftt .gftt-list .swiper-slide[data-type="hss"] .btn-link,
.page-gftt .gftt-list .swiper-slide[data-type="zzf"] .btn-link,
.page-gftt .gftt-list .swiper-slide[data-type="gdz"] .btn-link,
.page-gftt .gftt-list .swiper-slide[data-type="tsy"] .btn-link,
.page-gftt .gftt-list .swiper-slide[data-type="yyfs"] .btn-link,
.page-gftt .gftt-list .swiper-slide[data-type="wra"] .btn-link {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -15.65rem -13.13rem;
  width: 0.34rem;
  height: 0.32rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="wra"] .details {
  top: 4.68rem;
  right: 0.72rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="wra"] .details .btn-play {
  top: 2.62rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="wra"] .details .btn-link {
  top: 1.28rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="yyfs"] .details {
  top: 5.96rem;
  right: 0.72rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="yyfs"] .details .btn-play {
  top: 2.78rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="yyfs"] .details .btn-link {
  top: 1.42rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zwz"] .details {
  top: 5.28rem;
  right: 0.66rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zwz"] .details .btn-play {
  top: 2.92rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zwz"] .details .btn-link {
  top: 1.48rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="ylp"] .details {
  top: 5.16rem;
  right: 0.66rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="ylp"] .details .btn-play {
  top: 2.44rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="ylp"] .details .btn-link {
  top: 1.78rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="fhcq"] .details {
  top: 4.28rem;
  right: 0.66rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="fhcq"] .details .btn-play {
  top: 3.02rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="fhcq"] .details .btn-link {
  top: 1.52rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zwt"] .details {
  top: 4.96rem;
  right: 0.66rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zwt"] .details .btn-play {
  top: 3.24rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zwt"] .details .btn-link {
  top: 1.8rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="hl"] .details {
  top: 4.58rem;
  right: 0.66rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="hl"] .details .btn-play {
  top: 3.26rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="hl"] .details .btn-link {
  top: 1.78rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="lzx"] .details {
  top: 4.94rem;
  right: 0.62rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="lzx"] .details .btn-play {
  top: 3.08rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="lzx"] .details .btn-link {
  top: 2.06rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="tsy"] .details {
  top: 5.42rem;
  right: 0.66rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="tsy"] .details .btn-play {
  top: 2.66rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="tsy"] .details .btn-link {
  top: 1.46rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="sdd"] .details {
  top: 6.06rem;
  right: 0.62rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="sdd"] .details .btn-play {
  top: 2.62rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="sdd"] .details .btn-link {
  top: 1.22rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="hyb"] .details {
  top: 5.32rem;
  right: 0.66rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="hyb"] .details .btn-play {
  top: 3.12rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="hyb"] .details .btn-link {
  top: 1.88rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="hxy"] .details {
  top: 5.14rem;
  right: 0.68rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="hxy"] .details .btn-play {
  top: 3.22rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="hxy"] .details .btn-link {
  top: 2.08rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="yl"] .details {
  top: 5.14rem;
  right: 0.68rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="yl"] .details .btn-play {
  top: 3.22rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="yl"] .details .btn-link {
  top: 2.08rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="gdz"] .details {
  top: 5.64rem;
  right: 0.68rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="gdz"] .details .btn-play {
  top: 3.38rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="gdz"] .details .btn-link {
  top: 1.44rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="sw"] .details {
  top: 5.42rem;
  right: 0.68rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="sw"] .details .btn-play {
  top: 3.48rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="sw"] .details .btn-link {
  top: 1.54rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="trr"] .details {
  top: 6.06rem;
  right: 0.72rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="trr"] .details .btn-play {
  top: 2.44rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="trr"] .details .btn-link {
  top: 1.02rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="cqn"] .details {
  top: 5.8rem;
  right: 0.68rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="cqn"] .details .btn-play {
  top: 2.46rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="cqn"] .details .btn-link {
  top: 1.12rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zj"] .details {
  top: 5.58rem;
  right: 0.74rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zj"] .details .btn-play {
  top: 2.44rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zj"] .details .btn-link {
  top: 1.12rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="bbhk"] .details {
  top: 5.42rem;
  right: 0.68rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="bbhk"] .details .btn-play {
  top: 3.8rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="bbhk"] .details .btn-link {
  top: 1.72rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="lyh"] .details {
  top: 5.68rem;
  right: 0.68rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="lyh"] .details .btn-play {
  top: 2.6rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="lyh"] .details .btn-link {
  top: 1.26rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zzf"] .details {
  top: 5.72rem;
  right: 0.68rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zzf"] .details .btn-play {
  top: 2.66rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zzf"] .details .btn-link {
  top: 1.12rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="hss"] .details {
  top: 6.2rem;
  right: 0.66rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="hss"] .details .btn-play {
  top: 2.6rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="hss"] .details .btn-link {
  top: 1.26rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="yzm"] .details {
  top: 4.54rem;
  right: 0.66rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="yzm"] .details .btn-play {
  top: 3.64rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="yzm"] .details .btn-link {
  top: 1.44rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="wxr"] .details {
  top: 4.36rem;
  right: 0.66rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="wxr"] .details .btn-play {
  top: 4.14rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="wxr"] .details .btn-link {
  top: 1.68rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="cjy"] .details {
  top: 4.94rem;
  right: 0.66rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="cjy"] .details .btn-play {
  top: 2.96rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="cjy"] .details .btn-link {
  top: 1.48rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zsy"] .details {
  top: 4.18rem;
  right: 0.68rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zsy"] .details .btn-play {
  top: 3.62rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="zsy"] .details .btn-link {
  top: 1.46rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="lm"] .details {
  top: 4.72rem;
  right: 0.66rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="lm"] .details .btn-play {
  top: 3.64rem;
}

.page-gftt .gftt-list .swiper-slide[data-type="lm"] .details .btn-link {
  top: 1.44rem;
}

.page-gftt .gftt-tab-box {
  position: absolute;
  top: 5.94rem;
  left: 0;
  z-index: 2;
  pointer-events: none;
  width: 7.5rem;
  height: 10.4rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/page_mask_af6fad95.png) center no-repeat;
  background-size: contain;
}

.page-gftt .gftt-tab-box .gftt-nav,
.page-gftt .gftt-tab-box .gftt-button-prev,
.page-gftt .gftt-tab-box .gftt-button-next {
  display: none;
}

.page-gftt .gftt-tab {
  position: absolute;
  top: 5.86rem;
  left: 0.2rem;
  z-index: 1;
  width: 7.1rem;
  height: 2.08rem;
  pointer-events: all;
  -webkit-transform: rotate(-6deg);
  transform: rotate(-6deg);
}

.page-gftt .gftt-tab .item {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 100%;
  pointer-events: none;
  -webkit-transform: rotate(6deg);
  transform: rotate(6deg);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.page-gftt .gftt-tab .item.on {
  margin-top: 0;
  margin-left: -0.7rem;
  pointer-events: inherit;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: 0.8s all;
  -moz-transition: 0.8s all;
  -ms-transition: 0.8s all;
  -o-transition: 0.8s all;
  transition: 0.8s all;
}

.page-gftt .gftt-tab .item.on a[data-type="wra"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -14.96rem -15.05rem;
  width: 0.86rem;
  height: 0.98rem;
}

.page-gftt .gftt-tab .item.on a[data-type="yyfs"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -7.37rem -11.39rem;
  width: 0.86rem;
  height: 1.33rem;
}

.page-gftt .gftt-tab .item.on a[data-type="zwz"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -6.16rem -15.05rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab .item.on a[data-type="ylp"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -11.05rem -12.89rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab .item.on a[data-type="fhcq"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -9.13rem -11.39rem;
  width: 0.86rem;
  height: 1.3rem;
}

.page-gftt .gftt-tab .item.on a[data-type="tsy"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -5.77rem -12.89rem;
  width: 0.86rem;
  height: 1rem;
}

.page-gftt .gftt-tab .item.on a[data-type="sdd"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -0 -15.05rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab .item.on a[data-type="hyb"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -11.93rem -12.89rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab .item.on a[data-type="hxy"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -1.55rem -16.06rem;
  width: 0.86rem;
  height: 0.97rem;
}

.page-gftt .gftt-tab .item.on a[data-type="gdz"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -8.34rem -4.64rem;
  width: 0.86rem;
  height: 1rem;
}

.page-gftt .gftt-tab .item.on a[data-type="trr"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -10.01rem -11.39rem;
  width: 0.86rem;
  height: 1rem;
}

.page-gftt .gftt-tab .item.on a[data-type="cqn"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -5.28rem -15.05rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab .item.on a[data-type="zj"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -10.17rem -12.89rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab .item.on a[data-type="bbhk"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -8.25rem -11.39rem;
  width: 0.86rem;
  height: 1.33rem;
}

.page-gftt .gftt-tab .item.on a[data-type="lyh"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -10.89rem -11.39rem;
  width: 0.86rem;
  height: 1rem;
}

.page-gftt .gftt-tab .item.on a[data-type="zzf"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -11.77rem -11.39rem;
  width: 0.86rem;
  height: 1rem;
}

.page-gftt .gftt-tab .item.on a[data-type="hss"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -1.76rem -15.05rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab .item.on a[data-type="lzx"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -16.72rem -15.05rem;
  width: 0.86rem;
  height: 0.98rem;
}

.page-gftt .gftt-tab .item.on a[data-type="sw"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -8.69rem -8.31rem;
  width: 0.86rem;
  height: 0.78rem;
}

.page-gftt .gftt-tab .item.on a[data-type="lm"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -8.8rem -15.05rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab .item.on a[data-type="zsy"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -9.68rem -15.05rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab .item.on a[data-type="wxr"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -10.56rem -15.05rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab .item.on a[data-type="yzm"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -8.41rem -12.89rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab .item.on a[data-type="yl"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -9.29rem -12.89rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab .item.on a[data-type="cjy"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -13.53rem -11.39rem;
  width: 0.86rem;
  height: 1rem;
}

.page-gftt .gftt-tab .item.on a[data-type="hl"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -8.79rem -3.4rem;
  width: 0.86rem;
  height: 1rem;
}

.page-gftt .gftt-tab .item.on a[data-type="zwt"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -1.37rem -12.89rem;
  width: 0.86rem;
  height: 1rem;
}

.page-gftt .gftt-tab .item.p1 {
  margin-top: 0;
  margin-left: -2.04rem;
  pointer-events: inherit;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: 0.8s all;
  -moz-transition: 0.8s all;
  -ms-transition: 0.8s all;
  -o-transition: 0.8s all;
  transition: 0.8s all;
}

.page-gftt .gftt-tab .item.p2 {
  margin-top: 0;
  margin-left: -3.3rem;
  pointer-events: inherit;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: 0.8s all;
  -moz-transition: 0.8s all;
  -ms-transition: 0.8s all;
  -o-transition: 0.8s all;
  transition: 0.8s all;
}

.page-gftt .gftt-tab .item.p3 {
  margin-top: 0;
  margin-left: -4.6rem;
  -webkit-transition: 0.8s all;
  -moz-transition: 0.8s all;
  -ms-transition: 0.8s all;
  -o-transition: 0.8s all;
  transition: 0.8s all;
}

.page-gftt .gftt-tab .item.p4 {
  margin-top: 0;
  margin-left: -5.7rem;
  -webkit-transition: 0.8s all;
  -moz-transition: 0.8s all;
  -ms-transition: 0.8s all;
  -o-transition: 0.8s all;
  transition: 0.8s all;
}

.page-gftt .gftt-tab .item.n1 {
  margin-top: 0;
  margin-left: 0.64rem;
  pointer-events: inherit;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: 0.8s all;
  -moz-transition: 0.8s all;
  -ms-transition: 0.8s all;
  -o-transition: 0.8s all;
  transition: 0.8s all;
}

.page-gftt .gftt-tab .item.n2 {
  margin-top: 0;
  margin-left: 1.9rem;
  pointer-events: inherit;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: 0.8s all;
  -moz-transition: 0.8s all;
  -ms-transition: 0.8s all;
  -o-transition: 0.8s all;
  transition: 0.8s all;
}

.page-gftt .gftt-tab .item.n3 {
  margin-top: 0;
  margin-left: 3.2rem;
  -webkit-transition: 0.8s all;
  -moz-transition: 0.8s all;
  -ms-transition: 0.8s all;
  -o-transition: 0.8s all;
  transition: 0.8s all;
}

.page-gftt .gftt-tab .item.n4 {
  margin-top: 0;
  margin-left: 4.3rem;
  -webkit-transition: 0.8s all;
  -moz-transition: 0.8s all;
  -ms-transition: 0.8s all;
  -o-transition: 0.8s all;
  transition: 0.8s all;
}

.page-gftt .gftt-tab a {
  display: block;
  margin: 0 auto;
  font-size: 0;
}

.page-gftt .gftt-tab a[data-type="wra"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -15.84rem -15.05rem;
  width: 0.86rem;
  height: 0.98rem;
}

.page-gftt .gftt-tab a[data-type="yyfs"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -6.49rem -11.39rem;
  width: 0.86rem;
  height: 1.33rem;
}

.page-gftt .gftt-tab a[data-type="zwz"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -14.57rem -12.89rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab a[data-type="ylp"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -12.81rem -12.89rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab a[data-type="fhcq"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -0 -16.06rem;
  width: 0.65rem;
  height: 1.3rem;
}

.page-gftt .gftt-tab a[data-type="tsy"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -3.13rem -12.89rem;
  width: 0.86rem;
  height: 1rem;
}

.page-gftt .gftt-tab a[data-type="sdd"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -2.64rem -15.05rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab a[data-type="hyb"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -3.52rem -15.05rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab a[data-type="hxy"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -0.67rem -16.06rem;
  width: 0.86rem;
  height: 0.97rem;
}

.page-gftt .gftt-tab a[data-type="gdz"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -4.01rem -12.89rem;
  width: 0.86rem;
  height: 1rem;
}

.page-gftt .gftt-tab a[data-type="trr"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -4.89rem -12.89rem;
  width: 0.86rem;
  height: 1rem;
}

.page-gftt .gftt-tab a[data-type="cqn"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -7.04rem -15.05rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab a[data-type="zj"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -7.92rem -15.05rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab a[data-type="bbhk"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -5.61rem -11.39rem;
  width: 0.86rem;
  height: 1.33rem;
}

.page-gftt .gftt-tab a[data-type="lyh"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -6.65rem -12.89rem;
  width: 0.86rem;
  height: 1rem;
}

.page-gftt .gftt-tab a[data-type="zzf"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -7.53rem -12.89rem;
  width: 0.86rem;
  height: 1rem;
}

.page-gftt .gftt-tab a[data-type="hss"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -11.44rem -15.05rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab a[data-type="lzx"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -14.08rem -15.05rem;
  width: 0.86rem;
  height: 0.98rem;
}

.page-gftt .gftt-tab a[data-type="sw"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -2.43rem -16.06rem;
  width: 0.86rem;
  height: 0.78rem;
}

.page-gftt .gftt-tab a[data-type="lm"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -13.2rem -15.05rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab a[data-type="zsy"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -12.32rem -15.05rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab a[data-type="wxr"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -4.4rem -15.05rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab a[data-type="yzm"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -0.88rem -15.05rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab a[data-type="yl"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -13.69rem -12.89rem;
  width: 0.86rem;
  height: 0.99rem;
}

.page-gftt .gftt-tab a[data-type="cjy"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -2.25rem -12.89rem;
  width: 0.86rem;
  height: 1rem;
}

.page-gftt .gftt-tab a[data-type="hl"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -12.65rem -11.39rem;
  width: 0.86rem;
  height: 1rem;
}

.page-gftt .gftt-tab a[data-type="zwt"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -14.41rem -11.39rem;
  width: 0.86rem;
  height: 1rem;
}

@-webkit-keyframes zi__kaobei2_anim {
  0% {
    opacity: 0;
  }

  4.64% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes zi__kaobei2_anim {
  0% {
    opacity: 0;
  }

  4.64% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes zi_bofangshipin_kaobei_141_anim {
  0% {
    opacity: 0;
  }

  4.64% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes zi_bofangshipin_kaobei_141_anim {
  0% {
    opacity: 0;
  }

  4.64% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes zi_mingzi3_anim {
  0% {
    -webkit-transform: translate(0rem, -0.62rem);
    transform: translate(0rem, -0.62rem);
    opacity: 0;
  }

  4.58% {
    -webkit-transform: translate(0rem, 0rem);
    transform: translate(0rem, 0rem);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0rem, 0rem);
    transform: translate(0rem, 0rem);
    opacity: 1;
  }
}

@keyframes zi_mingzi3_anim {
  0% {
    -webkit-transform: translate(0rem, -0.62rem);
    transform: translate(0rem, -0.62rem);
    opacity: 0;
  }

  4.58% {
    -webkit-transform: translate(0rem, 0rem);
    transform: translate(0rem, 0rem);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0rem, 0rem);
    transform: translate(0rem, 0rem);
    opacity: 1;
  }
}

@-webkit-keyframes zyanyifashi5_anim {
  0% {
    opacity: 0;
  }

  2.29% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes zyanyifashi5_anim {
  0% {
    opacity: 0;
  }

  2.29% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes zi_qianjing_kaobei4_anim {
  0% {
    opacity: 0;
  }

  2.29% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes zi_qianjing_kaobei4_anim {
  0% {
    opacity: 0;
  }

  2.29% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.page-jhlp {
  height: 14.38rem;
}

.page-jhlp.ani-show .tit .titbg {
  -webkit-animation: z_banbenqianzhan_000_anim 1s 0s linear both, z_banbenqianzhan_000_transform_bezier_anim 1s 0s both;
  animation: z_banbenqianzhan_000_anim 1s 0s linear both, z_banbenqianzhan_000_transform_bezier_anim 1s 0s both;
}

.page-jhlp.ani-show .tit .mlight .z_chensede_000-under-svg {
  -webkit-animation: sprite_z_chensede_000 1s 0s steps(1) both;
  animation: sprite_z_chensede_000 1s 0s steps(1) both;
}

.page-jhlp.ani-show .swiper-slide-active {
  -webkit-animation: sprite_mask_2 1s 0s steps(1) both;
  animation: sprite_mask_2 1s 0s steps(1) both;
}

.page-jhlp .tit {
  position: relative;
  width: 100%;
  height: 2.6rem;
  margin: 0 auto;
}

.page-jhlp .tit::after {
  position: absolute;
  top: -0.6rem;
  left: 0;
  content: "";
  width: 7.5rem;
  height: 4.54rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/title_bg_208fec34.png) center no-repeat;
  background-size: contain;
}

.page-jhlp .tit .titbg {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  mix-blend-mode: normal;
  width: 7.5rem;
  height: 2.6rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/title_824a14e9.png) center no-repeat;
  background-size: contain;
}

.page-jhlp .tit .mlight {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5.2rem;
  height: 2.32rem;
  mix-blend-mode: normal;
  margin-top: calc(-2.32rem / 2);
  margin-left: calc(-5.2rem / 2);
}

.page-jhlp .tit .mlight .z_chensede_000-under-svg {
  width: 520px;
  height: 232px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite_z_lansede_000_20a4bf59.png);
  background-size: 500% 500%;
}

.page-jhlp .word-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  pointer-events: none;
}

.page-jhlp .jhlp-swiper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 16.24rem;
}

.page-jhlp .jhlp-swiper .swiper-slide-active {
  -webkit-mask: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite_mask_2_fe86a22e.png) center center no-repeat;
  mask: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite_mask_2_fe86a22e.png) center center no-repeat;
  -webkit-mask-size: 30rem 56rem;
  mask-size: 30rem 56rem;
}

.page-jhlp .jhlp-swiper .swiper-slide-active .link-icon i {
  pointer-events: none;
  -webkit-animation: bounce 1.2s infinite 0.5s;
  animation: bounce 1.2s infinite 0.5s;
}

.page-jhlp .jhlp-swiper .swiper-slide-active .role-name {
  opacity: 1;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination {
  position: absolute;
  top: 11.28rem;
  margin: 0 auto;
  width: 100%;
  height: 0.72rem;
  font-size: 0;
  text-align: center;
  padding: 0;
  z-index: 1;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination::after {
  position: absolute;
  top: 1.28rem;
  left: 0;
  content: "";
  width: 7.5rem;
  height: 3.72rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/pagi-mask_da26870f.png) center no-repeat;
  background-size: contain;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination .swiper-pagination-bullet {
  position: relative;
  z-index: 2;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 0.68rem;
  height: 0.7rem;
  vertical-align: top;
  background-color: transparent;
  background-repeat: no-repeat;
  opacity: 1 !important;
  background-size: contain;
  background-position: top;
  margin: 0 0.12rem;
  border-radius: 0;
  -webkit-transition: background-image 0.2s;
  transition: background-image 0.2s;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination .swiper-pagination-bullet.xuanji {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -12.41rem -16.06rem;
  width: 0.68rem;
  height: 0.7rem;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination .swiper-pagination-bullet.xuanji.swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -11.71rem -16.06rem;
  width: 0.68rem;
  height: 0.7rem;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination .swiper-pagination-bullet.longyin {
  -webkit-transform: translate(0, 0.33rem);
  transform: translate(0, 0.33rem);
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -10.31rem -16.06rem;
  width: 0.68rem;
  height: 0.7rem;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination .swiper-pagination-bullet.longyin.swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -13.81rem -16.06rem;
  width: 0.68rem;
  height: 0.7rem;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination .swiper-pagination-bullet.suwen {
  -webkit-transform: translate(0, 0.55rem);
  transform: translate(0, 0.55rem);
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -13.11rem -16.06rem;
  width: 0.68rem;
  height: 0.7rem;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination .swiper-pagination-bullet.suwen.swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -11.01rem -16.06rem;
  width: 0.68rem;
  height: 0.7rem;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination .swiper-pagination-bullet.jiulin {
  -webkit-transform: translate(0, 0.66rem);
  transform: translate(0, 0.66rem);
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -3.31rem -16.06rem;
  width: 0.68rem;
  height: 0.7rem;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination .swiper-pagination-bullet.jiulin.swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -4.01rem -16.06rem;
  width: 0.68rem;
  height: 0.7rem;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination .swiper-pagination-bullet.shenxiang {
  -webkit-transform: translate(0, 0.66rem);
  transform: translate(0, 0.66rem);
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -4.71rem -16.06rem;
  width: 0.68rem;
  height: 0.7rem;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination .swiper-pagination-bullet.shenxiang.swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -5.41rem -16.06rem;
  width: 0.68rem;
  height: 0.7rem;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination .swiper-pagination-bullet.xuehe {
  -webkit-transform: translate(0, 0.55rem);
  transform: translate(0, 0.55rem);
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -6.11rem -16.06rem;
  width: 0.68rem;
  height: 0.7rem;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination .swiper-pagination-bullet.xuehe.swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -6.81rem -16.06rem;
  width: 0.68rem;
  height: 0.7rem;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination .swiper-pagination-bullet.suimeng {
  -webkit-transform: translate(0, 0.33rem);
  transform: translate(0, 0.33rem);
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -7.51rem -16.06rem;
  width: 0.68rem;
  height: 0.7rem;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination .swiper-pagination-bullet.suimeng.swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -8.21rem -16.06rem;
  width: 0.68rem;
  height: 0.7rem;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination .swiper-pagination-bullet.tieyi {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -8.91rem -16.06rem;
  width: 0.68rem;
  height: 0.7rem;
}

.page-jhlp .jhlp-swiper .jhlp-swiper-pagination .swiper-pagination-bullet.tieyi.swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -9.61rem -16.06rem;
  width: 0.68rem;
  height: 0.7rem;
}

.page-jhlp .role {
  position: relative;
  width: 7.5rem;
  height: 100%;
}

.page-jhlp .role-detail {
  position: absolute;
  left: 0;
  top: 0;
}

.page-jhlp .role .role-main {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-jhlp .role .role-name {
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.page-jhlp .role .link-icon {
  position: absolute;
  z-index: 2;
}

.page-jhlp .role .link-icon i {
  display: block;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -15.65rem -10.2rem;
  width: 0.48rem;
  height: 0.56rem;
}

.page-jhlp .role .play-icon {
  position: absolute;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -9.22rem -4.64rem;
  width: 0.62rem;
  height: 0.64rem;
}

.page-jhlp .role.xuanji .role-name {
  width: 7.5rem;
  height: 2.88rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/xuanji_fba1e388.png) center no-repeat;
  background-size: contain;
}

.page-jhlp .role.xuanji .role-main {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/xuanji_2ca54908.png) center top no-repeat;
  background-size: 100% auto;
}

.page-jhlp .role.longyin .role-name {
  width: 7.5rem;
  height: 3.26rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/longyin_36511647.png) center no-repeat;
  background-size: contain;
}

.page-jhlp .role.longyin .role-main {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/longyin_088a46f1.png) center top no-repeat;
  background-size: 100% auto;
}

.page-jhlp .role.suwen .role-name {
  width: 7.5rem;
  height: 2.53rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/suwen_f4cc940e.png) center no-repeat;
  background-size: contain;
}

.page-jhlp .role.suwen .role-main {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/suwen_46370842.png) center top no-repeat;
  background-size: 100% auto;
}

.page-jhlp .role.shenxiang .role-name {
  width: 7.5rem;
  height: 2.38rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/shenxiang_a20300c7.png) center no-repeat;
  background-size: contain;
}

.page-jhlp .role.shenxiang .role-main {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/shenxiang_d9292423.png) center top no-repeat;
  background-size: 100% auto;
}

.page-jhlp .role.xuehe .role-name {
  width: 7.5rem;
  height: 2.43rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/xuehe_a78dac48.png) center no-repeat;
  background-size: contain;
}

.page-jhlp .role.xuehe .role-main {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/xuehe_d236375f.png) center top no-repeat;
  background-size: 100% auto;
}

.page-jhlp .role.suimeng .role-name {
  width: 7.5rem;
  height: 2.58rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/suimeng_61b32140.png) center no-repeat;
  background-size: contain;
}

.page-jhlp .role.suimeng .role-main {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/suimeng_ea681869.png) center top no-repeat;
  background-size: 100% auto;
}

.page-jhlp .role.tieyi .role-name {
  width: 7.5rem;
  height: 2.57rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/tieyi_8642f4bf.png) center no-repeat;
  background-size: contain;
}

.page-jhlp .role.tieyi .role-main {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/tieyi_66594962.png) center top no-repeat;
  background-size: 100% auto;
}

.page-jhlp .role.jiulin .role-name {
  width: 7.5rem;
  height: 2.37rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/jiulin_acec19ea.png) center no-repeat;
  background-size: contain;
}

.page-jhlp .role.jiulin .role-main {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/jiulin_1b6303a6.png) center top no-repeat;
  background-size: 100% auto;
}

.page-jhlp .role.xuanji .role-name {
  top: 3.08rem;
}

.page-jhlp .role.xuanji .link-icon {
  top: 5.04rem;
  left: 6.82rem;
}

.page-jhlp .role.xuanji .play-icon {
  top: 5.72rem;
  left: 5.8rem;
}

.page-jhlp .role.longyin .role-name {
  top: 3.32rem;
}

.page-jhlp .role.longyin .link-icon {
  top: 5.2rem;
  left: 2.52rem;
}

.page-jhlp .role.longyin .play-icon {
  top: 5.88rem;
  left: 1.64rem;
}

.page-jhlp .role.suwen .role-name {
  top: 3.28rem;
}

.page-jhlp .role.suwen .link-icon {
  top: 5.08rem;
  left: 2.26rem;
}

.page-jhlp .role.suwen .play-icon {
  top: 5.82rem;
  left: 1.38rem;
}

.page-jhlp .role.jiulin .role-name {
  top: 3.04rem;
}

.page-jhlp .role.jiulin .link-icon {
  top: 4.34rem;
  left: 6.36rem;
}

.page-jhlp .role.jiulin .play-icon {
  top: 5.38rem;
  left: 5.66rem;
}

.page-jhlp .role.shenxiang .role-name {
  top: 3.34rem;
}

.page-jhlp .role.shenxiang .link-icon {
  top: 5.02rem;
  left: 2.2rem;
}

.page-jhlp .role.shenxiang .play-icon {
  top: 5.8rem;
  left: 1.4rem;
}

.page-jhlp .role.xuehe .role-name {
  top: 2.98rem;
}

.page-jhlp .role.xuehe .link-icon {
  top: 4.78rem;
  left: 6.88rem;
}

.page-jhlp .role.xuehe .play-icon {
  top: 5.48rem;
  left: 6.22rem;
}

.page-jhlp .role.suimeng .role-name {
  top: 2.94rem;
}

.page-jhlp .role.suimeng .link-icon {
  top: 4.44rem;
  left: 6.44rem;
}

.page-jhlp .role.suimeng .play-icon {
  top: 5.28rem;
  left: 5.88rem;
}

.page-jhlp .role.tieyi .role-name {
  top: 3.02rem;
}

.page-jhlp .role.tieyi .link-icon {
  top: 4.84rem;
  left: 6.76rem;
}

.page-jhlp .role.tieyi .play-icon {
  top: 5.56rem;
  left: 4.84rem;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(0.1rem);
    transform: translateX(0.1rem);
  }

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

@keyframes bounce {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(0.1rem);
    transform: translateX(0.1rem);
  }

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

@-webkit-keyframes sprite_mask_2 {
  0% {
    -webkit-mask-position: 0rem 0rem;
    mask-position: 0rem 0rem;
  }

  6.7% {
    -webkit-mask-position: -7.5rem 0rem;
    mask-position: -7.5rem 0rem;
  }

  13.3% {
    -webkit-mask-position: -15rem 0rem;
    mask-position: -15rem 0rem;
  }

  20% {
    -webkit-mask-position: -22.5rem 0rem;
    mask-position: -22.5rem 0rem;
  }

  26.7% {
    -webkit-mask-position: 0rem -14rem;
    mask-position: 0rem -14rem;
  }

  33.3% {
    -webkit-mask-position: -7.5rem -14rem;
    mask-position: -7.5rem -14rem;
  }

  40% {
    -webkit-mask-position: -15rem -14rem;
    mask-position: -15rem -14rem;
  }

  46.7% {
    -webkit-mask-position: -22.5rem -14rem;
    mask-position: -22.5rem -14rem;
  }

  53.3% {
    -webkit-mask-position: 0rem -28rem;
    mask-position: 0rem -28rem;
  }

  60% {
    -webkit-mask-position: -7.5rem -28rem;
    mask-position: -7.5rem -28rem;
  }

  66.7% {
    -webkit-mask-position: -15rem -28rem;
    mask-position: -15rem -28rem;
  }

  73.3% {
    -webkit-mask-position: -22.5rem -28rem;
    mask-position: -22.5rem -28rem;
  }

  80% {
    -webkit-mask-position: 0rem -42rem;
    mask-position: 0rem -42rem;
  }

  86.7% {
    -webkit-mask-position: -7.5rem -42rem;
    mask-position: -7.5rem -42rem;
  }

  93.3% {
    -webkit-mask-position: -15rem -42rem;
    mask-position: -15rem -42rem;
  }

  100% {
    -webkit-mask-position: -15rem -42rem;
    mask-position: -15rem -42rem;
  }
}

@keyframes sprite_mask_2 {
  0% {
    -webkit-mask-position: 0rem 0rem;
    mask-position: 0rem 0rem;
  }

  6.7% {
    -webkit-mask-position: -7.5rem 0rem;
    mask-position: -7.5rem 0rem;
  }

  13.3% {
    -webkit-mask-position: -15rem 0rem;
    mask-position: -15rem 0rem;
  }

  20% {
    -webkit-mask-position: -22.5rem 0rem;
    mask-position: -22.5rem 0rem;
  }

  26.7% {
    -webkit-mask-position: 0rem -14rem;
    mask-position: 0rem -14rem;
  }

  33.3% {
    -webkit-mask-position: -7.5rem -14rem;
    mask-position: -7.5rem -14rem;
  }

  40% {
    -webkit-mask-position: -15rem -14rem;
    mask-position: -15rem -14rem;
  }

  46.7% {
    -webkit-mask-position: -22.5rem -14rem;
    mask-position: -22.5rem -14rem;
  }

  53.3% {
    -webkit-mask-position: 0rem -28rem;
    mask-position: 0rem -28rem;
  }

  60% {
    -webkit-mask-position: -7.5rem -28rem;
    mask-position: -7.5rem -28rem;
  }

  66.7% {
    -webkit-mask-position: -15rem -28rem;
    mask-position: -15rem -28rem;
  }

  73.3% {
    -webkit-mask-position: -22.5rem -28rem;
    mask-position: -22.5rem -28rem;
  }

  80% {
    -webkit-mask-position: 0rem -42rem;
    mask-position: 0rem -42rem;
  }

  86.7% {
    -webkit-mask-position: -7.5rem -42rem;
    mask-position: -7.5rem -42rem;
  }

  93.3% {
    -webkit-mask-position: -15rem -42rem;
    mask-position: -15rem -42rem;
  }

  100% {
    -webkit-mask-position: -15rem -42rem;
    mask-position: -15rem -42rem;
  }
}

.page-jhqbj {
  height: 9.92rem;
}

.page-jhqbj.ani-show .tit .titbg {
  -webkit-animation: z_banbenqianzhan_000_anim 1s 0s linear both, z_banbenqianzhan_000_transform_bezier_anim 1s 0s both;
  animation: z_banbenqianzhan_000_anim 1s 0s linear both, z_banbenqianzhan_000_transform_bezier_anim 1s 0s both;
}

.page-jhqbj.ani-show .tit .mlight .z_chensede_000-under-svg {
  -webkit-animation: sprite_z_chensede_000 1s 0s steps(1) both;
  animation: sprite_z_chensede_000 1s 0s steps(1) both;
}

.page-jhqbj.ani-show .list a {
  -webkit-animation: zi_biaoti_kaobei_62_png2_anim 1s 0s linear both;
  animation: zi_biaoti_kaobei_62_png2_anim 1s 0s linear both;
}

.page-jhqbj .tit {
  position: relative;
  width: 100%;
  height: 2.6rem;
  margin: 0 auto;
}

.page-jhqbj .tit::after {
  position: absolute;
  top: -0.84rem;
  left: 0;
  content: "";
  width: 7.5rem;
  height: 4.49rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/title_bg_81103ff9.png) center no-repeat;
  background-size: contain;
}

.page-jhqbj .tit .titbg {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  mix-blend-mode: normal;
  width: 7.5rem;
  height: 2.6rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/title_53828733.png) center no-repeat;
  background-size: contain;
}

.page-jhqbj .tit .mlight {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5.2rem;
  height: 2.32rem;
  mix-blend-mode: normal;
  margin-top: calc(-2.32rem / 2);
  margin-left: calc(-5.2rem / 2);
}

.page-jhqbj .tit .mlight .z_chensede_000-under-svg {
  width: 520px;
  height: 232px;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite_z_lansede_000_20a4bf59.png);
  background-size: 500% 500%;
}

.page-jhqbj .list {
  position: relative;
  margin: 0.32rem auto 0;
}

.page-jhqbj .list a {
  position: absolute;
  z-index: 3;
  opacity: 0;
}

.page-jhqbj .list a.btn-douyin {
  top: 0;
  left: 0.52rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -12.13rem -6.14rem;
  width: 1.37rem;
  height: 1.64rem;
}

.page-jhqbj .list a.btn-weixin {
  top: 0.26rem;
  left: 2.88rem;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -1.47rem -9.6rem;
  width: 1.47rem;
  height: 1.7rem;
}

.page-jhqbj .list a.btn-weibo {
  top: 0;
  left: 5.4rem;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -9.86rem -7.96rem;
  width: 1.43rem;
  height: 1.58rem;
}

.page-jhqbj .list a.btn-xhs {
  top: 2.66rem;
  left: 1.26rem;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -9.86rem -0;
  width: 1.44rem;
  height: 2.12rem;
}

.page-jhqbj .list a.btn-tap {
  top: 2.68rem;
  left: 4.46rem;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -3.13rem -6.48rem;
  width: 1.72rem;
  height: 1.81rem;
}

.page-jhqbj .list a.btn-kuaishou {
  top: 5.16rem;
  left: 0.62rem;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -0 -9.6rem;
  width: 1.45rem;
  height: 1.77rem;
}

.page-jhqbj .list a.btn-bilibili {
  top: 5.18rem;
  left: 3.98rem;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -12.13rem -0;
  width: 1.4rem;
  height: 1.75rem;
}

@-webkit-keyframes zi_biaoti_kaobei_62_png2_anim {
  0% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes zi_biaoti_kaobei_62_png2_anim {
  0% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.pop,
.alert {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.8);
  z-index: -1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.pop.on,
.alert.on {
  pointer-events: all;
  z-index: 999;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

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

.pop .close,
.alert .close,
.pop .alert-close,
.alert .alert-close {
  width: 0.84rem;
  height: 0.9rem;
  position: absolute;
  top: -0.08rem;
  right: 0.2rem;
  background-size: 100% auto;
}

#pop-gzh[data-type="wx"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -0.57rem -12.89rem;
  width: 0.78rem;
  height: 1.64rem;
}

#pop-gzh[data-type="xhs"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -16.72rem -12.91rem;
  width: 0.31rem;
  height: 1.68rem;
}

#pop-gzh[data-type="dy"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -15.65rem -7.48rem;
  width: 0.33rem;
  height: 1.34rem;
}

#pop-gzh[data-type="ks"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -15.65rem -8.84rem;
  width: 0.31rem;
  height: 1.34rem;
}

#pop-gzh .inner {
  width: 100%;
  height: 100%;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/pop-gzh_8ba8d9e5.jpg) center no-repeat;
  background-size: cover;
}

#pop-gzh .con {
  width: 7.5rem;
  height: 3.5rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1.75rem;
  text-align: center;
  font-size: 0;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/code-border-zs_46e0472c.png) center no-repeat;
  background-size: 5.14rem auto;
}

#pop-gzh .con .name {
  display: inline-block;
  vertical-align: top;
  margin: 0 0.1rem;
}

#pop-gzh .con .code {
  position: relative;
  display: inline-block;
  margin: 0 0.1rem;
  vertical-align: top;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -0 -6.48rem;
  width: 3.11rem;
  height: 3.1rem;
}

#pop-gzh .con .code .img {
  width: 2.96rem;
  height: 2.96rem;
  position: absolute;
  top: 0.07rem;
  left: 0.07rem;
}

#pop-gzh .con .code .img img {
  width: 100%;
  -webkit-touch-callout: default;
}

#pop-gchl .close {
  position: absolute;
  top: 0.6rem;
  right: 0.8rem;
  z-index: 2;
  width: 0.37rem;
  height: 0.36rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -15.65rem -12.75rem;
  width: 0.37rem;
  height: 0.36rem;
}

#pop-gchl .code {
  display: none;
}

#pop-gchl .gchl-tab {
  position: absolute;
  top: 0.42rem;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -3.3rem;
}

#pop-gchl .gchl-tab[data-type="0"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -3.24rem -0;
  width: 6.6rem;
  height: 1.68rem;
}

#pop-gchl .gchl-tab[data-type="1"] {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -3.24rem -1.7rem;
  width: 6.6rem;
  height: 1.68rem;
}

#pop-gchl .gchl-tab > a {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
}

#pop-gchl .gift-img[data-type="0"] {
  width: 6.91rem;
  height: 11.22rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/gc-gift-znq_a325de5b.png) center no-repeat;
  background-size: contain;
}

#pop-gchl .gift-img[data-type="1"] {
  width: 6.91rem;
  height: 11.22rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/gc-gift_e1dbcdb0.png) center no-repeat;
  background-size: contain;
}

#pop-gchl .btn-query-fuli {
  position: absolute;
  top: 9.3rem;
  left: 50%;
}

#pop-gchl .btn-query-fuli[data-type="0"] {
  margin-left: -2.05rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -5.58rem -9.13rem;
  width: 4.1rem;
  height: 0.36rem;
}

#pop-gchl .btn-query-fuli[data-type="1"] {
  display: none;
  margin-left: -2.31rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -4.87rem -7.73rem;
  width: 4.62rem;
  height: 0.36rem;
}

#pop-gchl .btn-download {
  position: absolute;
  top: 9.9rem;
  left: 50%;
  margin-left: -1.165rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -8.54rem -9.6rem;
  width: 2.33rem;
  height: 0.61rem;
}

#pop-jqqd .close {
  position: absolute;
  top: 0.46rem;
  right: 0.68rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -15.65rem -12.75rem;
  width: 0.37rem;
  height: 0.36rem;
}

#pop-jqqd .inner {
  width: 6.87rem;
  height: 3.76rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/pop-bg_ed6b4b2f.png) no-repeat;
  background-size: 100% auto;
}

#pop-jqqd .con {
  padding-top: 1rem;
}

#pop-jqqd .tit {
  margin: 0 auto;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -7.32rem -6.48rem;
  width: 2.43rem;
  height: 1.23rem;
}

#pop-xzzy-1 .close,
#pop-xzzy-2 .close,
#pop-czzy .close {
  position: absolute;
  top: 0.46rem;
  right: 0.68rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -15.65rem -12.75rem;
  width: 0.37rem;
  height: 0.36rem;
}

#pop-xzzy-1 .inner,
#pop-xzzy-2 .inner,
#pop-czzy .inner {
  width: 6.87rem;
  height: 4.27rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/pop-bg-2_0f69eb7f.png) no-repeat;
  background-size: 100% auto;
}

#pop-xzzy-1 .con,
#pop-xzzy-2 .con,
#pop-czzy .con {
  padding-top: 0.2rem;
}

#pop-xzzy-1 .tit,
#pop-xzzy-2 .tit,
#pop-czzy .tit {
  margin: 0 auto;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -4.87rem -6.48rem;
  width: 2.43rem;
  height: 1.23rem;
}

#pop-xzzy-1 p,
#pop-xzzy-2 p,
#pop-czzy p {
  margin-top: 0.2rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
  color: #2c333a;
  text-align: center;
}

#pop-xzzy-1 p span,
#pop-xzzy-2 p span,
#pop-czzy p span {
  font-size: 0.18rem;
}

#pop-czzy .tit {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-7169bc_7169bc65.png);
  background-size: 17.82rem 17.36rem;
  background-position: -3.13rem -8.31rem;
  width: 2.43rem;
  height: 1.23rem;
}
#znqyaosu {
  position: relative;
  z-index: 1;
}

#wrap {
  z-index: 2;
  height: 81.8rem;
  background-image: url(https://h.res.netease.com/pc/zt/20230619195840/img/bg__nowebp_bf340a10.png);
}

#wrap.no-topbar {
  background-image: url(https://h.res.netease.com/pc/zt/20230619195840/img/bg-notopbar__nowebp_ba7e6aeb.png);
}

#wrap.no-topbar #app .header {
  display: none;
}

#wrap.no-topbar #app .main .page-home {
  height: 15.56rem;
}

#wrap.no-topbar #app .main .page-home .kv {
  top: -0.86rem;
}

#wrap.no-topbar #app .main .page-home .slogan {
  top: 4.26rem;
}

#wrap.no-topbar #app .main .page-home .btn-satellite a {
  top: 4.34rem;
}

#wrap.no-topbar #app .main .page-home .btn-activity a {
  top: 4.88rem;
}

#wrap.no-topbar #app .main .page-home #leihuo-top {
  top: 0.08rem;
}

#wrap.no-topbar #app .main .page-home .btn-taphelp a {
  top: 4.28rem;
}

#wrap.no-topbar #app .main .page-home .btn-fulil {
  top: 11.22rem;
}

#wrap.no-topbar #app .main .page-home .btn-download {
  top: 12.5rem;
}

#wrap.no-topbar #app .main .page-home .btn-group {
  top: 14.4rem;
}

#wrap.no-topbar #app .main .page-home .arrow-guide {
  top: 9.14rem;
}

#wrap.no-topbar #app .main .page-home #yaosu {
  top: 11.76rem;
}

#wrap.no-topbar #app .main .page-yxts {
  height: 13.12rem;
}

.header {
  position: absolute;
  background-image: url(https://h.res.netease.com/pc/zt/20230619195840/img/top-bar__nowebp_deaa549e.png);
}

.header .icon {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -17.95rem -12.31rem;
  width: 2.44rem;
  height: 0.87rem;
}

.header .btn-top-download {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -20.86rem -19.38rem;
  width: 2.45rem;
  height: 0.67rem;
}

.main .page-home {
  height: 13.5rem;
}

.main .page-home .kv {
  background-image: url(https://h.res.netease.com/pc/zt/20230619195840/img/poster_99f07ae9.jpg);
}

.main .page-home .slogan {
  top: 5.12rem;
  left: 0.2rem;
  margin: 0;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -7.52rem -12.55rem;
  width: 5.34rem;
  height: 0.5rem;
}

.main .page-home .slogan .subslogan {
  display: none;
}

.main .page-home .slogan .btn-play {
  top: -1.64rem;
  left: -0.5rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -17.95rem -13.2rem;
  width: 1.42rem;
  height: 1.44rem;
}

.main .page-home .btn-satellite a {
  top: 5.2rem;
  -webkit-transform: scale(0.82);
  transform: scale(0.82);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.main .page-home .btn-activity a {
  top: 5.74rem;
}

.main .page-home #leihuo-top #leihuo-top-wrap #btn_audio {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -13.34rem -13.07rem;
  width: 0.64rem;
  height: 0.64rem;
}

.main .page-home #leihuo-top #leihuo-top-wrap #btn_audio.pause {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -12.68rem -13.07rem;
  width: 0.64rem;
  height: 0.64rem;
}

.main .page-home #leihuo-top #leihuo-top-wrap #leihuo_top_content #btn_gw {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -25.51rem -16.6rem;
  width: 0.64rem;
  height: 0.64rem;
}

.main .page-home .btn-taphelp a {
  top: 5.2rem;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.main .page-home .btn-fulil {
  top: 8.6rem;
  left: 0.06rem;
  width: 3.43rem;
  height: 2.87rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/btn-home-fuli2_26eab781.png) center no-repeat;
  background-size: contain;
}

.main .page-home .btn-download {
  width: 3.58rem;
  height: 1.56rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/btn-home-download_b76c47d5.png) center no-repeat;
  background-size: contain;
}

.main .page-home .btn-group > a:last-of-type::after {
  display: none;
}

.main .page-home .btn-group .pay-btn {
  margin-right: 0.08rem;
  width: 2.94rem;
  height: 0.64rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/pay_btn_long_aae422a5.png) center no-repeat;
  background-size: contain;
}

.main .page-home .btn-group .game-btn {
  width: 2.94rem;
  height: 0.64rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/game_btn_long_2bce57f3.png) center no-repeat;
  background-size: contain;
}

.main .page-home .btn-group .game-btn::after {
  display: none;
}

.main .page-home .arrow-guide {
  top: 12.44rem;
  margin-left: -0.605rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -19.39rem -13.2rem;
  width: 1.21rem;
  height: 1.34rem;
}

.main .page-home #yaosu #leihuo-app-sys-info .leihuo-sys-pop-btn .iconfont-app-info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -25.23rem -19.51rem;
  width: 1.26rem;
  height: 0.24rem;
}

.main .page-xrqd .tit::after,
.main .page-gftt .tit::after,
.main .page-jhlp .tit::after,
.main .page-yxts .tit::after,
.main .page-jhqbj .tit::after {
  display: none;
}

.main .page-xrqd .tit .mlight,
.main .page-gftt .tit .mlight,
.main .page-jhlp .tit .mlight,
.main .page-yxts .tit .mlight,
.main .page-jhqbj .tit .mlight {
  display: none;
}

.main .page-xrqd .tit .pclight,
.main .page-gftt .tit .pclight,
.main .page-jhlp .tit .pclight,
.main .page-yxts .tit .pclight,
.main .page-jhqbj .tit .pclight {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -110px;
  margin-left: -235px;
  width: 470px;
  height: 220px;
  mix-blend-mode: normal;
  pointer-events: none;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: 51% 57%;
  transform-origin: 51% 57%;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite_z_biaotixiaodongxiao_000_547dfa58.png);
  background-size: 500% 500%;
}

.main .page-xrqd.ani-show .tit .pclight,
.main .page-gftt.ani-show .tit .pclight,
.main .page-jhlp.ani-show .tit .pclight,
.main .page-yxts.ani-show .tit .pclight,
.main .page-jhqbj.ani-show .tit .pclight {
  -webkit-animation: sprite_z_biaotixiaodongxiao_000 1s 0s steps(1) normal;
  animation: sprite_z_biaotixiaodongxiao_000 1s 0s steps(1) normal;
}

.main .page-xrqd {
  height: 12.46rem;
}

.main .page-xrqd .tit .titbg {
  position: absolute;
  top: -1rem;
  left: 0;
  width: 7.5rem;
  height: 4.49rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/title_0741212c.png) center no-repeat;
  background-size: contain;
}

.main .page-xrqd #scene .xrqd-list {
  top: 1.6rem;
  height: 12rem;
}

.main .page-xrqd #scene .xrqd-list::before {
  display: none;
}

.main .page-xrqd #scene .xrqd-list .swiper-wrapper {
  position: static;
}

.main .page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
  text-align: center;
  z-index: 0;
  opacity: 0;
  pointer-events: all;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.main .page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide .imgbox {
  position: relative;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: opacity 0.3s, z-index 0s, -webkit-transform 0.5s;
  transition: opacity 0.3s, z-index 0s, -webkit-transform 0.5s;
  transition: opacity 0.3s, transform 0.5s, z-index 0s;
  transition: opacity 0.3s, transform 0.5s, z-index 0s, -webkit-transform 0.5s;
  width: 7.5rem;
  height: 10.91rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/img_bg_536fc823.png) center no-repeat;
  background-size: contain;
}

.main .page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide .imgbox .swiper-bg {
  position: absolute;
  top: 1.38rem;
  left: 0.8rem;
  width: 5.84rem;
  height: 8.2rem;
}

.main .page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide:nth-child(1) {
  -webkit-animation: none;
  animation: none;
  -webkit-transform: translate3d(0, 0, 3rem);
  transform: translate3d(0, 0, 3rem);
  opacity: 0;
  z-index: 3;
  pointer-events: none;
}

.main .page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide:nth-child(1) .imgbox {
  -webkit-transform: translateZ(0.03rem);
  transform: translateZ(0.03rem);
}

.main .page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide:nth-child(2) {
  -webkit-animation: none;
  animation: none;
  -webkit-transform: translate3d(0, 0, 2rem);
  transform: translate3d(0, 0, 2rem);
  opacity: 1;
  z-index: 2;
}

.main .page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide:nth-child(2) .imgbox {
  -webkit-transform: translateZ(0.02rem);
  transform: translateZ(0.02rem);
}

.main .page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide:nth-child(3) {
  -webkit-transform: translate3d(0, 0, 1rem);
  transform: translate3d(0, 0, 1rem);
  opacity: 1;
  z-index: 1;
}

.main .page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide:nth-child(3) .imgbox {
  -webkit-transform: rotateY(21deg) translateY(-0.2rem) rotateZ(3deg) translateX(0.15rem) translateZ(0.01rem);
  transform: rotateY(21deg) translateY(-20px) rotateZ(3deg) translateX(15px) translateZ(0.01rem);
}

.main .page-xrqd #scene .xrqd-list .swiper-wrapper .swiper-slide:nth-child(3) .imgbox:after {
  display: block;
}

.main .page-xrqd #scene .xrqd-list .txt {
  top: 8.1rem;
  right: 0.57rem;
  width: 5.94rem;
  height: 1.16rem;
}

.main .page-xrqd #scene .xrqd-list .txt .zs {
  position: absolute;
  top: -0.34rem;
  right: -0.52rem;
  z-index: 2;
  content: "";
}

.main .page-xrqd #scene .xrqd-list .txt img {
  right: 0;
  z-index: 1;
  opacity: 1;
}

.main .page-xrqd #scene .xrqd-opt::after {
  display: none;
}

.main .page-xrqd #scene .xrqd-opt .prev-wrap,
.main .page-xrqd #scene .xrqd-opt .next-wrap {
  top: 6.08rem;
}

.main .page-xrqd #scene .xrqd-opt .prev-wrap {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -8.81rem -13.07rem;
  width: 1.27rem;
  height: 1.5rem;
}

.main .page-xrqd #scene .xrqd-opt .next-wrap {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -10.1rem -13.07rem;
  width: 1.27rem;
  height: 1.5rem;
}

.main .page-xrqd #scene .xrqd-opt .xrqd-swiper-pagination {
  top: 11.6rem;
}

.main .page-xrqd #scene .xrqd-opt .xrqd-swiper-pagination span {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -27.19rem -17.48rem;
  width: 0.4rem;
  height: 0.41rem;
}

.main .page-xrqd #scene .xrqd-opt .xrqd-swiper-pagination span.swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -27.19rem -17.91rem;
  width: 0.4rem;
  height: 0.41rem;
}

.main .page-gftt {
  height: 13.76rem;
}

.main .page-gftt .tit .titbg {
  position: absolute;
  top: -1rem;
  left: 0;
  width: 7.5rem;
  height: 4.19rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/title_56e36a52.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="wra"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/wra_4fa9e615.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="wra"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -17.95rem -5.3rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="wra"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -20.86rem -15.9rem;
  width: 0.79rem;
  height: 3.46rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="yyfs"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/yyfs_6cc023c0.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="yyfs"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -2.91rem -14.94rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="yyfs"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -22.64rem -20.24rem;
  width: 0.54rem;
  height: 3.47rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="zwz"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/zwz_613e0c47.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="zwz"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -8.73rem -14.94rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="zwz"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -17.22rem -10.6rem;
  width: 0.54rem;
  height: 3.65rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="ylp"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/ylp_cf8e1ad9.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="ylp"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -14.55rem -14.94rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="ylp"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -21.5rem -20.24rem;
  width: 0.56rem;
  height: 4.43rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="fhcq"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/fhcq_827d6a2b.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="fhcq"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -20.86rem -0;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="fhcq"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -27.19rem -12.34rem;
  width: 0.53rem;
  height: 2.76rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="tsy"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/tsy_a031a312.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="tsy"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -20.86rem -10.6rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="tsy"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -23.2rem -20.24rem;
  width: 0.54rem;
  height: 3.46rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="sdd"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sdd_328ef7eb.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="sdd"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -23.77rem -5.3rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="sdd"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -25.44rem -20.24rem;
  width: 0.54rem;
  height: 3.18rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="hyb"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/hyb_d5884314.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="hyb"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -0 -20.24rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="hyb"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -27.19rem -9.41rem;
  width: 0.54rem;
  height: 2.91rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="hxy"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/hxy_0cd0e119.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="hxy"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -5.82rem -20.24rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="hxy"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -26rem -20.24rem;
  width: 0.54rem;
  height: 3.15rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="gdz"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/gdz_f2e61f79.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="gdz"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -11.64rem -20.24rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="gdz"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -16.66rem -10.6rem;
  width: 0.54rem;
  height: 3.83rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="trr"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/trr_f53c2e92.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="trr"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -8.73rem -20.24rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="trr"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -27.19rem -6.28rem;
  width: 0.54rem;
  height: 3.11rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="cqn"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/cqn_c1ce2dc8.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="cqn"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -20.86rem -5.3rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="cqn"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -27.19rem -0;
  width: 0.54rem;
  height: 3.13rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="zj"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/zj_0653e7d8.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="zj"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -0 -14.94rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="zj"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -24.88rem -20.24rem;
  width: 0.54rem;
  height: 3.2rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="bbhk"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/bbhk_0d0f9e45.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="bbhk"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -17.95rem -0;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="bbhk"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -22.08rem -20.24rem;
  width: 0.54rem;
  height: 4.35rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="lyh"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/lyh_d12f70c8.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="lyh"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -5.82rem -14.94rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="lyh"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -24.32rem -20.24rem;
  width: 0.54rem;
  height: 3.21rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="zzf"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/zzf_0977e88b.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="zzf"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -17.46rem -20.24rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="zzf"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -23.76rem -20.24rem;
  width: 0.54rem;
  height: 3.24rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="hss"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/hss_016eb610.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="hss"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -23.77rem -0;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="hss"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -27.19rem -3.15rem;
  width: 0.54rem;
  height: 3.11rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="lzx"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/lzx_642b3a3e.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="lzx"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -15.04rem -0;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="lzx"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -27.19rem -15.12rem;
  width: 0.48rem;
  height: 2.34rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="sw"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sw_0a8991d1.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="sw"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -15.04rem -5.3rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="sw"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -26.68rem -0;
  width: 0.49rem;
  height: 3.64rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="lm"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/lm_05d4a40d.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="lm"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -11.64rem -14.94rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="lm"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -15.6rem -10.6rem;
  width: 0.51rem;
  height: 4.2rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="zsy"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/zsy_20bd7fc3.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="zsy"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -17.46rem -14.94rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="zsy"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -20.94rem -20.24rem;
  width: 0.54rem;
  height: 5.05rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="wxr"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/wxr_3af30aaf.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="wxr"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -14.55rem -20.24rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="wxr"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -20.37rem -20.24rem;
  width: 0.55rem;
  height: 5.25rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="yzm"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/yzm_f5f2d2e1.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="yzm"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -2.91rem -20.24rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="yzm"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -16.13rem -10.6rem;
  width: 0.51rem;
  height: 4.2rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="yl"]::before {
  width: 7.5rem;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/yl_3347efda.png) center no-repeat;
  background-size: contain;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="yl"] .name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -23.77rem -10.6rem;
  width: 2.89rem;
  height: 5.28rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="yl"] .info {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -15.04rem -10.6rem;
  width: 0.54rem;
  height: 4.32rem;
}

.main .page-gftt .gftt-list .swiper-slide::before {
  top: -0.72rem;
}

.main .page-gftt .gftt-list .swiper-slide .details .btn-play {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 2;
  margin: 0;
  margin-left: -0.32rem;
  background-image: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -25.51rem -15.9rem;
  width: 0.64rem;
  height: 0.68rem;
}

.main .page-gftt .gftt-list .swiper-slide .details .btn-link {
  top: 50%;
  right: -0.4rem;
  bottom: auto;
  left: auto;
  margin: 0;
  margin-top: -0.165rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -27.19rem -18.34rem;
  width: 0.33rem;
  height: 0.33rem;
}

.main .page-gftt .gftt-list .swiper-slide .name {
  top: 2.42rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="wra"] .details {
  top: 3.6rem;
  right: 0.5rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="wra"] .details .btn-play {
  bottom: 0.12rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="yyfs"] .details {
  top: 4.72rem;
  right: 0.6rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="zwz"] .details {
  top: 6.12rem;
  right: 0.74rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="zwz"] .details .btn-play {
  bottom: 0.22rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="ylp"] .details {
  top: 4.82rem;
  right: 0.74rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="ylp"] .details .btn-play {
  bottom: 1rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="fhcq"] .details {
  top: 4.12rem;
  right: 0.74rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="lzx"] .details {
  top: 5.48rem;
  right: 0.72rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="lzx"] .details .btn-play {
  bottom: -0.26rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="tsy"] .details {
  top: 6rem;
  right: 0.72rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="tsy"] .details .btn-play {
  bottom: 0.22rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="sdd"] .details {
  top: 7.08rem;
  right: 0.72rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="sdd"] .details .btn-play {
  bottom: -0.12rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="hyb"] .details {
  top: 5.62rem;
  right: 0.72rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="hyb"] .details .btn-play {
  bottom: -0.2rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="hxy"] .details {
  top: 4.48rem;
  right: 0.72rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="yl"] .details {
  top: 4.88rem;
  right: 0.72rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="yl"] .details .btn-play {
  bottom: -0.18rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="gdz"] .details {
  top: 4.86rem;
  right: 0.74rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="sw"] .details {
  top: 6rem;
  right: 0.74rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="sw"] .details .btn-play {
  bottom: -0.52rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="trr"] .details {
  top: 5.22rem;
  right: 0.72rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="cqn"] .details {
  top: 4.68rem;
  right: 0.62rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="zj"] .details {
  top: 4.82rem;
  right: 0.72rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="bbhk"] .details {
  top: 5rem;
  right: 0.72rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="bbhk"] .details .btn-play {
  bottom: -0.08rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="lyh"] .details {
  top: 5.08rem;
  right: 0.7rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="lyh"] .details .btn-play {
  bottom: -0.06rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="zzf"] .details {
  top: 5.48rem;
  right: 0.72rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="hss"] .details {
  top: 5.52rem;
  right: 0.72rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="hss"] .details .btn-play {
  bottom: -0.08rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="yzm"] .details {
  top: 3.6rem;
  right: 0.72rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="yzm"] .details .btn-play {
  bottom: -0.06rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="wxr"] .details {
  top: 3.88rem;
  right: 0.72rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="wxr"] .details .btn-play {
  bottom: -0.2rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="zsy"] .details {
  top: 3.42rem;
  right: 0.72rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="lm"] .details {
  top: 4rem;
  right: 0.72rem;
}

.main .page-gftt .gftt-list .swiper-slide[data-type="lm"] .details .btn-play {
  bottom: -0.04rem;
}

.main .page-gftt .gftt-tab-box {
  top: 11.34rem;
  height: 2.4rem;
  background: none;
}

.main .page-gftt .gftt-tab-box .gftt-tab {
  top: 0;
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

.main .page-gftt .gftt-tab-box .gftt-tab .item {
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
}

.main .page-gftt .gftt-tab-box .gftt-tab .item.on {
  margin-top: 0;
}

.main .page-gftt .gftt-tab-box .gftt-tab .item.p1 {
  margin-top: 0;
}

.main .page-gftt .gftt-tab-box .gftt-tab .item.p2 {
  margin-top: 0;
}

.main .page-gftt .gftt-tab-box .gftt-tab .item.p3 {
  margin-top: 0;
}

.main .page-gftt .gftt-tab-box .gftt-tab .item.p4 {
  margin-top: 0;
}

.main .page-gftt .gftt-tab-box .gftt-tab .item.n1 {
  margin-top: 0;
}

.main .page-gftt .gftt-tab-box .gftt-tab .item.n2 {
  margin-top: 0;
}

.main .page-gftt .gftt-tab-box .gftt-tab .item.n3 {
  margin-top: 0;
}

.main .page-gftt .gftt-tab-box .gftt-tab .item.n4 {
  margin-top: 0;
}

.main .page-jhlp {
  height: 13.74rem;
}

.main .page-jhlp .tit .titbg {
  position: absolute;
  top: -1rem;
  left: 0;
  width: 7.5rem;
  height: 4.49rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/title_d32b7c7d.png) center no-repeat;
  background-size: contain;
}

.main .page-jhlp .jhlp-swiper .jhlp-swiper-pagination {
  top: 10.48rem;
}

.main .page-jhlp .jhlp-swiper .jhlp-swiper-pagination::after {
  display: none;
}

.main .page-jhlp .role .role-main {
  top: -0.62rem;
}

.main .page-jhlp .role.xuanji .role-name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -0 -4.61rem;
  width: 7.5rem;
  height: 2.88rem;
}

.main .page-jhlp .role.xuanji .role-main {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/xuanji_9fc1762a.png) center top no-repeat;
  background-size: cover;
}

.main .page-jhlp .role.longyin .role-name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -7.52rem -0;
  width: 7.5rem;
  height: 3.26rem;
}

.main .page-jhlp .role.longyin .role-main {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/longyin_291419fb.png) center top no-repeat;
  background-size: cover;
}

.main .page-jhlp .role.suwen .role-name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -7.52rem -7.51rem;
  width: 7.5rem;
  height: 2.53rem;
}

.main .page-jhlp .role.suwen .role-main {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/suwen_f11252d9.png) center top no-repeat;
  background-size: cover;
}

.main .page-jhlp .role.shenxiang .role-name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -7.52rem -10.1rem;
  width: 7.5rem;
  height: 2.38rem;
}

.main .page-jhlp .role.shenxiang .role-main {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/shenxiang_e80aac66.png) center top no-repeat;
  background-size: cover;
}

.main .page-jhlp .role.xuehe .role-name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -0 -10.1rem;
  width: 7.5rem;
  height: 2.43rem;
}

.main .page-jhlp .role.xuehe .role-main {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/xuehe_c3969ac4.png) center top no-repeat;
  background-size: cover;
}

.main .page-jhlp .role.suimeng .role-name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -7.52rem -4.61rem;
  width: 7.5rem;
  height: 2.58rem;
}

.main .page-jhlp .role.suimeng .role-main {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/suimeng_c820e01d.png) center top no-repeat;
  background-size: cover;
}

.main .page-jhlp .role.tieyi .role-name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -0 -7.51rem;
  width: 7.5rem;
  height: 2.57rem;
}

.main .page-jhlp .role.tieyi .role-main {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/tieyi_83e11f63.png) center top no-repeat;
  background-size: cover;
}

.main .page-jhlp .role.jiulin .role-name {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -0 -12.55rem;
  width: 7.5rem;
  height: 2.37rem;
}

.main .page-jhlp .role.jiulin .role-main {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/jiulin_deac248a.png) center top no-repeat;
  background-size: cover;
}

.main .page-jhlp .role.xuanji .role-name {
  top: 2.42rem;
}

.main .page-jhlp .role.xuanji .link-icon {
  top: 4.2rem;
  left: 6.6rem;
}

.main .page-jhlp .role.xuanji .play-icon {
  top: 5.12rem;
  left: 5.8rem;
}

.main .page-jhlp .role.longyin .role-name {
  top: 2.42rem;
}

.main .page-jhlp .role.longyin .link-icon {
  top: 4.22rem;
  left: 2.3rem;
}

.main .page-jhlp .role.longyin .play-icon {
  top: 5.22rem;
  left: 1.4rem;
}

.main .page-jhlp .role.suwen .role-name {
  top: 2.66rem;
}

.main .page-jhlp .role.suwen .link-icon {
  top: 4.32rem;
  left: 2.6rem;
}

.main .page-jhlp .role.suwen .play-icon {
  top: 5.32rem;
  left: 1.88rem;
}

.main .page-jhlp .role.jiulin .role-name {
  top: 2.32rem;
}

.main .page-jhlp .role.jiulin .link-icon {
  top: 3.6rem;
  left: 6.12rem;
}

.main .page-jhlp .role.jiulin .play-icon {
  top: 4.68rem;
  left: 5.6rem;
}

.main .page-jhlp .role.shenxiang .role-name {
  top: 2.62rem;
}

.main .page-jhlp .role.shenxiang .link-icon {
  top: 4.12rem;
  left: 2.2rem;
}

.main .page-jhlp .role.shenxiang .play-icon {
  top: 5.02rem;
  left: 1.45rem;
}

.main .page-jhlp .role.xuehe .role-name {
  top: 2.78rem;
}

.main .page-jhlp .role.xuehe .link-icon {
  top: 4.54rem;
  left: 6.72rem;
}

.main .page-jhlp .role.xuehe .play-icon {
  top: 5.2rem;
  left: 6.12rem;
}

.main .page-jhlp .role.suimeng .role-name {
  top: 2.58rem;
}

.main .page-jhlp .role.suimeng .link-icon {
  top: 4.06rem;
  left: 6.36rem;
}

.main .page-jhlp .role.suimeng .play-icon {
  top: 4.98rem;
  left: 5.88rem;
}

.main .page-jhlp .role.tieyi .role-name {
  top: 2.54rem;
}

.main .page-jhlp .role.tieyi .link-icon {
  top: 4.36rem;
  left: 6.86rem;
}

.main .page-jhlp .role.tieyi .play-icon {
  top: 5.12rem;
  left: 6.04rem;
}

.main .page-yxts {
  height: 14.12rem;
}

.main .page-yxts .tit .titbg {
  position: absolute;
  top: -1rem;
  left: 0;
  width: 7.5rem;
  height: 4.49rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/title_c112902e.png) center no-repeat;
  background-size: contain;
}

.main .page-yxts .yxts-list .zs {
  bottom: 0.8rem;
  left: 0.12rem;
}

.main .page-yxts .yxts-list .zs::before {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -13.08rem -3.28rem;
  width: 1.49rem;
  height: 0.79rem;
}

.main .page-yxts .yxts-list .pagebox {
  margin-left: -2.92rem;
  width: 2.4rem;
  height: 1.64rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/pagebg_fef5ffc4.png) left top no-repeat;
  background-size: 1.66rem 100%;
}

.main .page-yxts .yxts-list .pagebox .cur {
  margin-left: 0.44rem;
}

.main .page-yxts .yxts-list .swiper-slide .img-title {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -7.52rem -3.28rem;
  width: 5.54rem;
  height: 1.19rem;
}

.main .page-yxts .yxts-opt:before,
.main .page-yxts .yxts-opt::after {
  display: none;
}

.main .page-yxts .yxts-opt .yxts-button-next {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -7.52rem -13.07rem;
  width: 1.27rem;
  height: 1.5rem;
}

.main .page-yxts .yxts-opt .yxts-button-prev {
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -11.39rem -13.07rem;
  width: 1.27rem;
  height: 1.5rem;
}

.main .page-jhqbj {
  height: 14.22rem;
}

.main .page-jhqbj .tit .titbg {
  position: absolute;
  top: -1rem;
  left: 0;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -0 -0;
  width: 7.5rem;
  height: 4.59rem;
}

.main .page-jhqbj .list {
  margin: 0.6rem auto 0;
}

.main .page-jhqbj .list.bili-remove a.btn-douyin {
  top: 0.23rem;
  left: 0.55rem;
}

.main .page-jhqbj .list.bili-remove a.btn-weixin {
  top: 0.42rem;
  left: 3.02rem;
}

.main .page-jhqbj .list.bili-remove a.btn-weibo {
  top: 0.31rem;
  left: 5.49rem;
}

.main .page-jhqbj .list.bili-remove a.btn-xhs {
  top: 2.78rem;
  left: 0.55rem;
}

.main .page-jhqbj .list.bili-remove a.btn-tap {
  top: 2.74rem;
  left: 3.02rem;
}

.main .page-jhqbj .list.bili-remove a.btn-kuaishou {
  top: 2.74rem;
  left: 5.49rem;
}

.main .page-jhqbj .list.bili-remove a.btn-bilibili {
  display: none;
}

.main .page-jhqbj .list a.btn-douyin {
  top: 0.23rem;
  left: 0.55rem;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -19.44rem -10.6rem;
  width: 1.37rem;
  height: 1.64rem;
}

.main .page-jhqbj .list a.btn-weixin {
  top: 0.42rem;
  left: 3.02rem;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -17.95rem -10.6rem;
  width: 1.47rem;
  height: 1.69rem;
}

.main .page-jhqbj .list a.btn-weibo {
  top: 0.31rem;
  left: 5.49rem;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -21.67rem -17.69rem;
  width: 1.44rem;
  height: 1.58rem;
}

.main .page-jhqbj .list a.btn-xhs {
  top: 2.78rem;
  left: 1.43rem;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -23.77rem -17.74rem;
  width: 1.44rem;
  height: 2.12rem;
}

.main .page-jhqbj .list a.btn-tap {
  top: 2.74rem;
  left: 4.6rem;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -23.77rem -15.9rem;
  width: 1.72rem;
  height: 1.82rem;
}

.main .page-jhqbj .list a.btn-kuaishou {
  top: 5.3rem;
  left: 0.73rem;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -21.67rem -15.9rem;
  width: 1.45rem;
  height: 1.77rem;
}

.main .page-jhqbj .list a.btn-bilibili {
  top: 5.31rem;
  left: 4.03rem;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  background: url(https://h.res.netease.com/pc/zt/20230619195840/img/sprite-58a242_58a242e1.png);
  background-size: 27.73rem 25.52rem;
  background-position: -25.23rem -17.74rem;
  width: 1.4rem;
  height: 1.75rem;
}

.main .page-footer {
  background: none !important;
}

@-webkit-keyframes sprite_z_biaotixiaodongxiao_000 {
  0% {
    background-position: 0px 0px;
  }

  4.2% {
    background-position: -470px 0px;
  }

  8.3% {
    background-position: -940px 0px;
  }

  12.5% {
    background-position: -1410px 0px;
  }

  16.7% {
    background-position: -1880px 0px;
  }

  20.8% {
    background-position: 0px -220px;
  }

  25% {
    background-position: -470px -220px;
  }

  29.2% {
    background-position: -940px -220px;
  }

  33.3% {
    background-position: -1410px -220px;
  }

  37.5% {
    background-position: -1880px -220px;
  }

  41.7% {
    background-position: 0px -440px;
  }

  45.8% {
    background-position: -470px -440px;
  }

  50% {
    background-position: -940px -440px;
  }

  54.2% {
    background-position: -1410px -440px;
  }

  58.3% {
    background-position: -1880px -440px;
  }

  62.5% {
    background-position: 0px -660px;
  }

  66.7% {
    background-position: -470px -660px;
  }

  70.8% {
    background-position: -940px -660px;
  }

  75% {
    background-position: -1410px -660px;
  }

  79.2% {
    background-position: -1880px -660px;
  }

  83.3% {
    background-position: 0px -880px;
  }

  87.5% {
    background-position: -470px -880px;
  }

  91.7% {
    background-position: -940px -880px;
  }

  95.8% {
    background-position: -1410px -880px;
  }

  100% {
    background-position: -1410px -880px;
  }
}

@keyframes sprite_z_biaotixiaodongxiao_000 {
  0% {
    background-position: 0px 0px;
  }

  4.2% {
    background-position: -470px 0px;
  }

  8.3% {
    background-position: -940px 0px;
  }

  12.5% {
    background-position: -1410px 0px;
  }

  16.7% {
    background-position: -1880px 0px;
  }

  20.8% {
    background-position: 0px -220px;
  }

  25% {
    background-position: -470px -220px;
  }

  29.2% {
    background-position: -940px -220px;
  }

  33.3% {
    background-position: -1410px -220px;
  }

  37.5% {
    background-position: -1880px -220px;
  }

  41.7% {
    background-position: 0px -440px;
  }

  45.8% {
    background-position: -470px -440px;
  }

  50% {
    background-position: -940px -440px;
  }

  54.2% {
    background-position: -1410px -440px;
  }

  58.3% {
    background-position: -1880px -440px;
  }

  62.5% {
    background-position: 0px -660px;
  }

  66.7% {
    background-position: -470px -660px;
  }

  70.8% {
    background-position: -940px -660px;
  }

  75% {
    background-position: -1410px -660px;
  }

  79.2% {
    background-position: -1880px -660px;
  }

  83.3% {
    background-position: 0px -880px;
  }

  87.5% {
    background-position: -470px -880px;
  }

  91.7% {
    background-position: -940px -880px;
  }

  95.8% {
    background-position: -1410px -880px;
  }

  100% {
    background-position: -1410px -880px;
  }
}