@charset "utf-8";
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.flex {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html,
body {
  width: 100%;
}
body {
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei", STHeiTi, sans-serif;
}
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu,
select {
  margin: 0;
  padding: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: normal;
  font-style: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
li {
  list-style: none;
}
input,
textarea {
  outline: none;
}
button,
a,
div,
select {
  border: none;
  outline: none;
}
input,
textarea,
button,
a {
  font: inherit;
  color: inherit;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: none;
}
a,
button {
  cursor: pointer;
}
a,
a:hover {
  text-decoration: none;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 999999s;
  -webkit-transition: color 999999s ease-out, background-color 999999s ease-out;
}
#NIE-warning-dialog {
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}
#NIE-topBar {
  z-index: 999 !important;
}
#NIE-topBar * {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
@font-face {
  font-family: 'fzssksjt';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzssksjt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzssksjtextra';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzssksjtextra.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzdsjt';
  src: url(https://n.res.netease.com/pc/zt/20220616171243/font/fzdsjt_a8501640.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
html,
body {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 1200px;
  min-height: 1080px;
}
body {
  max-width: 1920px;
  font-size: 16px;
}
.container-index.female .switch-btn {
  margin-left: -650px;
  top: 140px;
}
.container-index.female .tips {
  top: 120px;
  margin-left: 30px;
}
.container-index.female .subtitle {
  margin-top: -2px;
  margin-left: 139px;
}
.container-index.female .shapeshift-btn {
  top: 120px;
  margin-left: -500px;
}
.container-index.female .video-btn {
  top: 602px;
  margin-left: 265px;
}
.video-cnt {
  position: absolute;
  width: 100%;
  height: 1080px;
  overflow: hidden;
}
.video-cnt video {
  width: 1920px;
  height: 1080px;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.no-webp .switch-btn {background:url(https://n.res.netease.com/pc/zt/20220616171243/img/sprite-681ab0_681ab0ef.png) no-repeat;background-size:195px 262px;
background-position:-128px -0px}
.webp .switch-btn {background:url(https://n.res.netease.com/pc/zt/20220616171243/img/sprite-681ab0_681ab0ef.webp) no-repeat;background-size:195px 262px;
background-position:-128px -0px}
.no-webp .switch-btn {background-size:195px 262px}
.webp .switch-btn {background-size:195px 262px}
.no-webp .switch-btn {background-position:-128px -0px}
.webp .switch-btn {background-position:-128px -0px}
.switch-btn {
  position: absolute;
  top: 330px;
width:67px;
height:145px;

  left: 50%;
  margin-left: 650px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.switch-btn > div {
  width: 100%;
  height: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 32px;
  font-family: 'fzdsjt';
}
.switch-btn > div span {
  position: relative;
}
.switch-btn > div.active {
  color: #000;
}
.no-webp .switch-btn > div.active::before {background:url(https://n.res.netease.com/pc/zt/20220616171243/img/sprite-681ab0_681ab0ef.png) no-repeat;background-size:195px 262px;
background-position:-0px -0px}
.webp .switch-btn > div.active::before {background:url(https://n.res.netease.com/pc/zt/20220616171243/img/sprite-681ab0_681ab0ef.webp) no-repeat;background-size:195px 262px;
background-position:-0px -0px}
.no-webp .switch-btn > div.active::before {background-size:195px 262px}
.webp .switch-btn > div.active::before {background-size:195px 262px}
.no-webp .switch-btn > div.active::before {background-position:-0px -0px}
.webp .switch-btn > div.active::before {background-position:-0px -0px}
.switch-btn > div.active::before {
  position: absolute;
  display: block;
  content: '';
width:126px;
height:125px;

}
.shapeshift-btn {
  position: absolute;
  top: 120px;
  left: 50%;
  margin-left: -250px;
  width: 500px;
  height: 800px;
  opacity: 0.3;
  cursor: pointer;
}
.no-webp .video-btn {background:url(https://n.res.netease.com/pc/zt/20220616171243/img/sprite-681ab0_681ab0ef.png) no-repeat;background-size:195px 262px;
background-position:-0px -127px}
.webp .video-btn {background:url(https://n.res.netease.com/pc/zt/20220616171243/img/sprite-681ab0_681ab0ef.webp) no-repeat;background-size:195px 262px;
background-position:-0px -127px}
.no-webp .video-btn {background-size:195px 262px}
.webp .video-btn {background-size:195px 262px}
.no-webp .video-btn {background-position:-0px -127px}
.webp .video-btn {background-position:-0px -127px}
.video-btn {
width:115px;
height:135px;

  position: absolute;
  top: 602px;
  left: 50%;
  margin-left: -515px;
  cursor: pointer;
}
.video-btn:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.no-webp .subtitle {background:url(https://n.res.netease.com/pc/zt/20220616171243/img/subtitle_f917a169.png) no-repeat}
.webp .subtitle {background:url(https://n.res.netease.com/pc/zt/20220616171243/img/subtitle_f917a169.webp) no-repeat}
.subtitle {
  width: 158px;
  height: 321px;
  position: absolute;
  top: 346px;
  left: 50%;
  margin-left: -634px;
}
.tips {
  font-family: 'fzdsjt';
  position: absolute;
  color: #fff;
  font-size: 22px;
  width: 22px;
  top: 124px;
  left: 50%;
  margin-left: 295px;
}
.no-webp .tips::after {background:url(https://n.res.netease.com/pc/zt/20220616171243/img/sprite-681ab0_681ab0ef.png) no-repeat;background-size:195px 262px;
background-position:-128px -147px}
.webp .tips::after {background:url(https://n.res.netease.com/pc/zt/20220616171243/img/sprite-681ab0_681ab0ef.webp) no-repeat;background-size:195px 262px;
background-position:-128px -147px}
.no-webp .tips::after {background-size:195px 262px}
.webp .tips::after {background-size:195px 262px}
.no-webp .tips::after {background-position:-128px -147px}
.webp .tips::after {background-position:-128px -147px}
.tips::after {
  display: block;
  content: '';
width:26px;
height:10px;

  margin-left: -6px;
  -webkit-animation: lineAnim linear 0.3s infinite alternate;
  -moz-animation: lineAnim linear 0.3s infinite alternate;
  -ms-animation: lineAnim linear 0.3s infinite alternate;
  animation: lineAnim linear 0.3s infinite alternate;
}
@-webkit-keyframes lineAnim {
  from {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
  to {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
}
@keyframes lineAnim {
  from {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
  to {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
}
.no-webp .loading-0 {background:url(https://n.res.netease.com/pc/zt/20220616171243/img/loading-bg-1_d237d5bd.png) no-repeat center top}
.webp .loading-0 {background:url(https://n.res.netease.com/pc/zt/20220616171243/img/loading-bg-1_d237d5bd.webp) no-repeat center top}
.loading-0 {
  width: 100%;
  height: 1080px;
}
.no-webp .loading-1 {background:url(https://n.res.netease.com/pc/zt/20220616171243/img/loading-bg-2_f94234ba.png) no-repeat center top}
.webp .loading-1 {background:url(https://n.res.netease.com/pc/zt/20220616171243/img/loading-bg-2_f94234ba.webp) no-repeat center top}
.loading-1 {
  width: 100%;
  height: 1080px;
}
.no-webp .loading-anim {background-size:800% 700%}
.webp .loading-anim {background-size:800% 700%}
.loading-anim {
  position: absolute;
  left: 400px;
  top: 151px;
  height: 780px;
  width: 900px;
  -webkit-animation: zloading5_anim 24s linear forwards, sprite_loading_5 2.2s steps(1) forwards;
          animation: zloading5_anim 24s linear forwards, sprite_loading_5 2.2s steps(1) forwards;
  background: url(https://n.res.netease.com/pc/zt/20220616171243/img/sprite_loading_5__nowebp_df3a41f5.png);
  -webkit-transform-origin: 62% 50%;
          transform-origin: 62% 50%;
}
@-webkit-keyframes zloading5_anim {
  0% {
    opacity: 1;
  }
  8.51% {
    opacity: 1;
  }
  9.2% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zloading5_anim {
  0% {
    opacity: 1;
  }
  8.51% {
    opacity: 1;
  }
  9.2% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes sprite_loading_5 {
  0% {
    background-position: 0px 0px;
  }
  1.9% {
    background-position: -900px 0px;
  }
  3.8% {
    background-position: -1800px 0px;
  }
  5.7% {
    background-position: -2700px 0px;
  }
  7.5% {
    background-position: -3600px 0px;
  }
  9.4% {
    background-position: -4500px 0px;
  }
  11.3% {
    background-position: -5400px 0px;
  }
  13.2% {
    background-position: -6300px 0px;
  }
  15.1% {
    background-position: 0px -780px;
  }
  17% {
    background-position: -900px -780px;
  }
  18.9% {
    background-position: -1800px -780px;
  }
  20.8% {
    background-position: -2700px -780px;
  }
  22.6% {
    background-position: -3600px -780px;
  }
  24.5% {
    background-position: -4500px -780px;
  }
  26.4% {
    background-position: -5400px -780px;
  }
  28.3% {
    background-position: -6300px -780px;
  }
  30.2% {
    background-position: 0px -1560px;
  }
  32.1% {
    background-position: -900px -1560px;
  }
  34% {
    background-position: -1800px -1560px;
  }
  35.8% {
    background-position: -2700px -1560px;
  }
  37.7% {
    background-position: -3600px -1560px;
  }
  39.6% {
    background-position: -4500px -1560px;
  }
  41.5% {
    background-position: -5400px -1560px;
  }
  43.4% {
    background-position: -6300px -1560px;
  }
  45.3% {
    background-position: 0px -2340px;
  }
  47.2% {
    background-position: -900px -2340px;
  }
  49.1% {
    background-position: -1800px -2340px;
  }
  50.9% {
    background-position: -2700px -2340px;
  }
  52.8% {
    background-position: -3600px -2340px;
  }
  54.7% {
    background-position: -4500px -2340px;
  }
  56.6% {
    background-position: -5400px -2340px;
  }
  58.5% {
    background-position: -6300px -2340px;
  }
  60.4% {
    background-position: 0px -3120px;
  }
  62.3% {
    background-position: -900px -3120px;
  }
  64.2% {
    background-position: -1800px -3120px;
  }
  66% {
    background-position: -2700px -3120px;
  }
  67.9% {
    background-position: -3600px -3120px;
  }
  69.8% {
    background-position: -4500px -3120px;
  }
  71.7% {
    background-position: -5400px -3120px;
  }
  73.6% {
    background-position: -6300px -3120px;
  }
  75.5% {
    background-position: 0px -3900px;
  }
  77.4% {
    background-position: -900px -3900px;
  }
  79.2% {
    background-position: -1800px -3900px;
  }
  81.1% {
    background-position: -2700px -3900px;
  }
  83% {
    background-position: -3600px -3900px;
  }
  84.9% {
    background-position: -4500px -3900px;
  }
  86.8% {
    background-position: -5400px -3900px;
  }
  88.7% {
    background-position: -6300px -3900px;
  }
  90.6% {
    background-position: 0px -4680px;
  }
  92.5% {
    background-position: -900px -4680px;
  }
  94.3% {
    background-position: -1800px -4680px;
  }
  96.2% {
    background-position: -2700px -4680px;
  }
  98.1% {
    background-position: -3600px -4680px;
  }
  100% {
    background-position: -3600px -4680px;
  }
}
@keyframes sprite_loading_5 {
  0% {
    background-position: 0px 0px;
  }
  1.9% {
    background-position: -900px 0px;
  }
  3.8% {
    background-position: -1800px 0px;
  }
  5.7% {
    background-position: -2700px 0px;
  }
  7.5% {
    background-position: -3600px 0px;
  }
  9.4% {
    background-position: -4500px 0px;
  }
  11.3% {
    background-position: -5400px 0px;
  }
  13.2% {
    background-position: -6300px 0px;
  }
  15.1% {
    background-position: 0px -780px;
  }
  17% {
    background-position: -900px -780px;
  }
  18.9% {
    background-position: -1800px -780px;
  }
  20.8% {
    background-position: -2700px -780px;
  }
  22.6% {
    background-position: -3600px -780px;
  }
  24.5% {
    background-position: -4500px -780px;
  }
  26.4% {
    background-position: -5400px -780px;
  }
  28.3% {
    background-position: -6300px -780px;
  }
  30.2% {
    background-position: 0px -1560px;
  }
  32.1% {
    background-position: -900px -1560px;
  }
  34% {
    background-position: -1800px -1560px;
  }
  35.8% {
    background-position: -2700px -1560px;
  }
  37.7% {
    background-position: -3600px -1560px;
  }
  39.6% {
    background-position: -4500px -1560px;
  }
  41.5% {
    background-position: -5400px -1560px;
  }
  43.4% {
    background-position: -6300px -1560px;
  }
  45.3% {
    background-position: 0px -2340px;
  }
  47.2% {
    background-position: -900px -2340px;
  }
  49.1% {
    background-position: -1800px -2340px;
  }
  50.9% {
    background-position: -2700px -2340px;
  }
  52.8% {
    background-position: -3600px -2340px;
  }
  54.7% {
    background-position: -4500px -2340px;
  }
  56.6% {
    background-position: -5400px -2340px;
  }
  58.5% {
    background-position: -6300px -2340px;
  }
  60.4% {
    background-position: 0px -3120px;
  }
  62.3% {
    background-position: -900px -3120px;
  }
  64.2% {
    background-position: -1800px -3120px;
  }
  66% {
    background-position: -2700px -3120px;
  }
  67.9% {
    background-position: -3600px -3120px;
  }
  69.8% {
    background-position: -4500px -3120px;
  }
  71.7% {
    background-position: -5400px -3120px;
  }
  73.6% {
    background-position: -6300px -3120px;
  }
  75.5% {
    background-position: 0px -3900px;
  }
  77.4% {
    background-position: -900px -3900px;
  }
  79.2% {
    background-position: -1800px -3900px;
  }
  81.1% {
    background-position: -2700px -3900px;
  }
  83% {
    background-position: -3600px -3900px;
  }
  84.9% {
    background-position: -4500px -3900px;
  }
  86.8% {
    background-position: -5400px -3900px;
  }
  88.7% {
    background-position: -6300px -3900px;
  }
  90.6% {
    background-position: 0px -4680px;
  }
  92.5% {
    background-position: -900px -4680px;
  }
  94.3% {
    background-position: -1800px -4680px;
  }
  96.2% {
    background-position: -2700px -4680px;
  }
  98.1% {
    background-position: -3600px -4680px;
  }
  100% {
    background-position: -3600px -4680px;
  }
}
#leihuo_top_content.pc {
  width: 100px!important;
}
#leihuo-top {
  position: relative;
  z-index: 100;
}
#leihuo-top #leihuo-top-wrap {
  display: block;
  position: relative;
}
#leihuo-top #logo {
  position: absolute;
  top: 43px;
  left: 61px;
  font-size: 0;
}
#leihuo-top #logo img {
  height: 240px;
}
#leihuo-top #leihuo_top_content.ver {
  display: block;
  position: absolute;
  top: 298px;
  left: 94px;
  height: auto;
  z-index: 5;
}
#leihuo-top #leihuo_top_content.ver #btn_download .qr-code:has(img[src^='data:image/gif;base64,R0lGODlhAQABAI']) {
  display: none !important;
}
#leihuo-top #leihuo_top_content.ver .label {
  display: none !important;
}
#leihuo-top #leihuo_top_content.ver > a {
  margin: 0 0 20px !important;
}
#leihuo-top #leihuo_top_content.ver > a:last-child {
  margin-bottom: 0 !important;
}
#leihuo-top #leihuo_top_content.ver #btn_audio .audio_line {
  left: 50%;
  top: 50%;
  width: 92%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.no-webp .leihuo-copyright .footer {background:rgba(0, 0, 0, 0.6)}
.webp .leihuo-copyright .footer {background:rgba(0, 0, 0, 0.6)}
.leihuo-copyright .footer {
}
.leihuo-copyright .btn-copyright.active {
  color: #ffffff !important;
}
#leihuo-age {
  display: none;
}