@charset "utf-8";

* {
  -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;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei", 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;
}

button,
a,
select {
  border: none;
  outline: none;
}

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

input,
textarea {
  outline: none;
}

textarea {
  overflow: auto;
  resize: 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: 'fzcjljt';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzcjljt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body {
  margin: 0 auto;
  width: 100%;
  font-size: 0.26rem;
  background: #374659;
}

#appInfo {
  position: absolute !important;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 15 !important;
}

.container-index {
  position: relative;
  width: 100%;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/bg-top_93f80009.jpg) no-repeat center top / 100%, url(https://h.res.netease.com/pc/zt/20230619200436/assets/bg-center_17a18dee.jpg) no-repeat center / 100% calc(100% - 53.8rem), url(https://h.res.netease.com/pc/zt/20230619200436/assets/bg-bot_0f4bdecc.jpg) no-repeat center bottom / 100%;
  background-position: center top, center 28.35rem, center bottom;
  background-size: 100% 13.61rem, 100% calc(100% - 53.56rem), 100% 25.21rem;
}

.container-index .topbar {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.29rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/bg-topbar_d5c38926.png) no-repeat center top / 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.2rem 0.3rem 0;
}

.container-index .topbar .icon {
  display: block;
  width: 0.76rem;
  height: 0.76rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/icon_b369cb5c.png) no-repeat center top / 100%;
}

.container-index .topbar .game-text {
  margin-top: 0.05rem;
  width: 3.3rem;
}

.container-index .topbar .game-text .title {
  font-size: 0.28rem;
  color: #c2eaff;
  font-family: 'fzcjljt';
}

.container-index .topbar .game-text .desc {
  font-style: 0.24rem;
  color: #c2eaff;
}

.container-index .topbar .btn-down {
  display: block;
  width: 2.45rem;
  height: 0.67rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/btn-down_cfde4001.png) no-repeat center top / 100%;
}

.container-index .kv {
  position: relative;
  padding-top: 2rem;
}

.container-index .kv .slogan {
  position: relative;
  left: -0.3rem;
  margin: 0 auto;
  width: 1.93rem;
  height: 3.26rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/slogan_7239b180.png) no-repeat center top / 100%;
}

.container-index .kv .slogan .btn-video {
  position: absolute;
  left: 0.4rem;
  bottom: 0.2rem;
  display: block;
  width: 0.67rem;
  height: 0.67rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/btn-video_64f714e6.png) no-repeat center top / 100%;
}

.container-index .kv .btn-main-down {
  margin: 2rem auto 0;
  display: block;
  width: 6.4rem;
  height: 2.56rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/btn-main-down_00bd164e.png) no-repeat center top / 100%;
}

.container-index .kv .scrollTip {
  position: absolute;
  left: 50%;
  bottom: -0.8rem;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 0.65rem;
  height: 1.43rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/icon-scroll_8302d696.png) no-repeat center top / 100%;
  -webkit-animation: scroll 1.5s linear infinite;
  animation: scroll 1.5s linear infinite;
}

.container-index .qd-box {
  position: relative;
  margin-top: 4rem;
}

.container-index .qd-box::before {
  position: absolute;
  z-index: 2;
  left: 0;
  top: -1.5rem;
  content: '';
  width: 100%;
  height: 3.82rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/qd-cover_3379fa8a.png) no-repeat center top / 100%;
  pointer-events: none;
}

.container-index .qd-box .tit {
  position: relative;
  z-index: 10;
  margin: 0 auto 0;
  width: 2.7rem;
  height: 1.7rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/title-qd_c01b63ef.png) no-repeat center top / 100%;
}

.container-index .qd-box .qdSwiper {
  margin-top: -1.75rem;
  margin-top: -1.33rem;
  width: 100%;
  height: 15.82rem;
}

.container-index .qd-box .qdSwiper .fea-slide {
  width: 100%;
  height: 100%;
}

.container-index .qd-box .qdSwiper .fea-slide img {
  display: block;
  width: 100%;
  height: 100%;
}

.container-index .qd-box .btn-qd-left,
.container-index .qd-box .btn-qd-right {
  width: 0.84rem;
  height: 0.84rem;
  margin-top: -0.14rem;
  -webkit-tap-highlight-color: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
}

.container-index .qd-box .btn-qd-left {
  left: 0.2rem;
  background: none !important;
  pointer-events: all;
}

.container-index .qd-box .btn-qd-left i {
  position: absolute;
  left: -0.2rem;
  top: -2.6rem;
  display: block;
  width: 2.69rem;
  height: 6.37rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/swiper-left_77707d3a.png) no-repeat center top / 100%;
  pointer-events: none;
}

.container-index .qd-box .btn-qd-right {
  right: 0.2rem;
  background: none !important;
  pointer-events: all;
}

.container-index .qd-box .btn-qd-right i {
  position: absolute;
  right: -0.2rem;
  top: -2.45rem;
  display: block;
  width: 3.01rem;
  height: 6.45rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/swiper-right_6c0d3ae3.png) no-repeat center top / 100%;
  pointer-events: none;
}

.container-index .qd-box .qd-pagination {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 1.05rem;
  width: 100%;
  text-align: center;
  font-size: 0;
}

.container-index .qd-box .qd-pagination span {
  margin: 0 0.05rem;
  display: inline-block;
  opacity: 1;
  width: 0.42rem;
  height: 0.42rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/fea-page_5305e45a.png) no-repeat center top / 100%;
}

.container-index .qd-box .qd-pagination span.swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/fea-page-on_8c9cdc8c.png) no-repeat center top / 100%;
}

.container-index .gift-box {
  position: relative;
  margin-top: 0.98rem;
  width: 100%;
}

.container-index .gift-box::before {
  position: absolute;
  z-index: 2;
  left: 0;
  top: -2.4rem;
  content: '';
  width: 100%;
  height: 3.82rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/qd-cover_3379fa8a.png) no-repeat center top / 100%;
  pointer-events: none;
}

.container-index .gift-box .tit {
  position: relative;
  z-index: 10;
  margin: 0 auto;
  width: 4.74rem;
  height: 1.7rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/title-gift_75a6a4dd.png) no-repeat center top / 100%;
}

.container-index .gift-box .gift {
  margin-top: -0.52rem;
  width: 100%;
  height: 11.4rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/gift_82a6b89a.png) no-repeat center top / 100%;
}

.container-index .job-box {
  position: relative;
  margin-top: 2.18rem;
}

.container-index .job-box .tit {
  margin: 0 auto;
  width: 2.54rem;
  height: 1.7rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/title-job_24a172b3.png) no-repeat center top / 100%;
}

.container-index .job-box .jobSwiper {
  margin-top: -2.04rem;
  width: 100%;
  height: 16.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/bg-job_66233cba.png) no-repeat center top / 100%;
}

.container-index .job-box .job-slide {
  position: relative;
  width: 100%;
  height: 16.24rem;
}

.container-index .job-box .job-slide .job-bg {
  display: block;
  width: 100%;
  height: 100%;
}

.container-index .job-box .job-slide .btn-sex {
  position: absolute;
  z-index: 100;
  right: 0;
  top: 1.85rem;
  display: block;
  width: 2.4rem;
  height: 2.68rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/btn-m_3bc25b50.png) no-repeat center / 100%;
}

.container-index .job-box .job-slide .btn-sex.sex-wm {
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/btn-wm_f0b22d9f.png) no-repeat center / 100%;
}

.container-index .job-box .job-slide .job-fm {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.container-index .job-box .job-slide .jobDesc {
  position: absolute;
  top: 2.03rem;
  left: 0.95rem;
  width: 1.78rem;
  height: 2.76rem;
}

.container-index .job-box .job-slide .jobDesc .jobTitle {
  display: block;
  width: 100%;
  height: 100%;
}

.container-index .job-box .job-slide .jobDesc .btn-video {
  position: absolute;
  left: 0.96rem;
  bottom: -0.5rem;
  display: block;
  width: 0.61rem;
  height: 0.64rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/btn-video_3e4e81f2.png) no-repeat center top / 100%;
}

.container-index .job-box .job-slide .jobDesc .left {
  position: absolute;
  top: 1.8rem;
  right: -0.35rem;
  display: block;
  width: 0.41rem;
  height: 0.51rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/left_63fc77c3.png) no-repeat center top / 100%;
  -webkit-animation: yd 1s linear infinite;
  animation: yd 1s linear infinite;
}

.container-index .job-box .job-slide .jobDesc.xueh .btn-video {
  left: 0.96rem;
  bottom: -0.8rem;
}

.container-index .job-box .job-slide .jobDesc.tiey {
  width: 1.71rem;
  height: 2.51rem;
  top: 2.23rem;
  left: 4.7rem;
}

.container-index .job-box .job-slide .jobDesc.tiey .btn-video {
  left: 0.96rem;
  bottom: -0.8rem;
}

.container-index .job-box .job-slide .jobDesc.tiey .left {
  right: -0.45rem;
}

.container-index .job-box .job-slide .jobDesc.shenx .btn-video {
  left: 0.96rem;
  bottom: -0.6rem;
}

.container-index .job-box .job-slide .jobDesc.jiul .btn-video {
  left: 0.96rem;
  bottom: -0.75rem;
}

.container-index .job-box .job-slide .jobDesc.sum .btn-video {
  left: 0.96rem;
  bottom: -0.8rem;
}

.container-index .job-box .job-slide .jobDesc.longy {
  width: 1.9rem;
  height: 2.8rem;
  top: 2.36rem;
  left: 0.84rem;
}

.container-index .job-box .job-pagination {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.36rem;
}

.container-index .job-box .job-pagination span {
  position: relative;
  display: block;
  width: 0.68rem;
  height: 0.7rem;
  opacity: 1;
  border-radius: 0;
}

.container-index .job-box .job-pagination span:nth-child(1) {
  top: -0.78rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/7_ff2af6e4.png) no-repeat center top / 100%;
}

.container-index .job-box .job-pagination span:nth-child(1).swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/7-on_98ca6135.png) no-repeat center top / 100%;
}

.container-index .job-box .job-pagination span:nth-child(2) {
  top: -0.41rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/1_667f10aa.png) no-repeat center top / 100%;
}

.container-index .job-box .job-pagination span:nth-child(2).swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/1-on_cb51f0dd.png) no-repeat center top / 100%;
}

.container-index .job-box .job-pagination span:nth-child(3) {
  top: -0.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/2_813806c5.png) no-repeat center top / 100%;
}

.container-index .job-box .job-pagination span:nth-child(3).swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/2-on_d3a16e59.png) no-repeat center top / 100%;
}

.container-index .job-box .job-pagination span:nth-child(4) {
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/3_85565ff1.png) no-repeat center top / 100%;
}

.container-index .job-box .job-pagination span:nth-child(4).swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/3-on_8f25d501.png) no-repeat center top / 100%;
}

.container-index .job-box .job-pagination span:nth-child(5) {
  top: -0.24rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/4_4111cb85.png) no-repeat center top / 100%;
}

.container-index .job-box .job-pagination span:nth-child(5).swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/4-on_4ea11bf8.png) no-repeat center top / 100%;
}

.container-index .job-box .job-pagination span:nth-child(6) {
  top: -0.41rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/5_41e92059.png) no-repeat center top / 100%;
}

.container-index .job-box .job-pagination span:nth-child(6).swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/5-on_ec078424.png) no-repeat center top / 100%;
}

.container-index .job-box .job-pagination span:nth-child(7) {
  top: -0.78rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/6_ef026d24.png) no-repeat center top / 100%;
}

.container-index .job-box .job-pagination span:nth-child(7).swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/6-on_4a861e46.png) no-repeat center top / 100%;
}

.container-index .fea-box {
  position: relative;
  margin-top: -1.12rem;
}

.container-index .fea-box::before {
  position: absolute;
  z-index: 2;
  left: 0;
  top: -3rem;
  content: '';
  width: 100%;
  height: 6.41rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/fea-cover_fe160a40.png) no-repeat center top / 100%;
  pointer-events: none;
}

.container-index .fea-box .tit {
  position: relative;
  z-index: 10;
  margin: 0 auto;
  width: 2.54rem;
  height: 1.7rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/title-fea_1831bba4.png) no-repeat center top / 100%;
}

.container-index .fea-box .feaSwiper {
  margin-top: -1.75rem;
  width: 100%;
  height: 13.83rem;
}

.container-index .fea-box .feaSwiper .fea-slide {
  width: 100%;
  height: 13.83rem;
}

.container-index .fea-box .feaSwiper .fea-slide img {
  display: block;
  width: 100%;
  height: 100%;
}

.container-index .fea-box .btn-left,
.container-index .fea-box .btn-right {
  width: 0.84rem;
  height: 0.84rem;
  margin-top: -0.14rem;
  -webkit-tap-highlight-color: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
}

.container-index .fea-box .btn-left {
  left: 0.2rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/btn-left_54de9112.png) no-repeat center top / 100%;
}

.container-index .fea-box .btn-right {
  right: 0.2rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/btn-right_a0ca6f15.png) no-repeat center top / 100%;
}

.container-index .fea-box .fea-pagination {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 1.05rem;
  width: 100%;
  text-align: center;
  font-size: 0;
}

.container-index .fea-box .fea-pagination span {
  margin: 0 0.05rem;
  display: inline-block;
  opacity: 1;
  width: 0.42rem;
  height: 0.42rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/fea-page_5305e45a.png) no-repeat center top / 100%;
}

.container-index .fea-box .fea-pagination span.swiper-pagination-bullet-active {
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/fea-page-on_8c9cdc8c.png) no-repeat center top / 100%;
}

.container-index .section-sns {
  width: 100%;
  height: 1.1rem;
  color: #9fb3b8;
  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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(84, 106, 117, 0.75);
  background: #000;
}

.container-index .section-sns .sns-item {
  position: relative;
  padding: 0.2rem 0.4rem;
  font-size: 0.5rem;
}

.container-index .section-sns .sns-item .qrcode-box {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 100%;
  padding-bottom: 0.16rem;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.container-index .section-sns .sns-item .qrcode-box:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -0.16rem;
  border: 0.16rem solid transparent;
  border-bottom-width: 0;
  border-top-color: #9fb3b8;
}

.container-index .section-sns .sns-item .qrcode-box .qrcode {
  width: 2rem;
  height: 2rem;
  background: #9fb3b8;
  padding: 0.02rem;
}

.container-index .section-sns .sns-item .qrcode-box img {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #000000;
}

.container-index .section-sns .sns-item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.16rem;
  height: 0.32rem;
  border-left: 1px solid #65737b;
}

.container-index .section-sns .sns-item:nth-child(1):before {
  display: none;
}

.container-index .section-sns .sns-item:hover .qrcode-box,
.container-index .section-sns .sns-item:active .qrcode-box {
  display: block;
  z-index: 9;
}

.pagination span {
  -webkit-tap-highlight-color: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
}

.pop-video {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pop-video .mask {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.pop-video .view {
  position: absolute;
  z-index: 2;
  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%);
  width: 100%;
}

.pop-video .view video {
  width: 100%;
}

.pop-video .btn-close {
  position: absolute;
  z-index: 3;
  top: -0.6rem;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  font-size: 0.6rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/btn-close_a5e41588.png) no-repeat center top / 100%;
}

@-webkit-keyframes scroll {
  0% {
    bottom: -0.8rem;
  }

  50% {
    bottom: -2rem;
  }

  100% {
    bottom: -0.8rem;
  }
}

@keyframes scroll {
  0% {
    bottom: -0.8rem;
  }

  50% {
    bottom: -2rem;
  }

  100% {
    bottom: -0.8rem;
  }
}

@-webkit-keyframes yd {
  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);
  }

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

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

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

  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 yd {
  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);
  }

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

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

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

  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);
  }
}

#leihuo-top {
  position: absolute;
  top: 1.88rem;
  left: 0;
  width: 100%;
}

#leihuo-top .leihuo-top-wrap {
  width: 100%;
}

#leihuo-top #logo {
  position: absolute;
  top: 1.37rem;
  left: 0.3rem;
  width: 0.78rem;
  display: none;
}

#leihuo-top #logo img {
  display: block;
  width: 100%;
}

#leihuo-top #leihuo_top_content {
  position: relative;
  width: 100%;
}

#leihuo-top #leihuo_top_content #btn_gw {
  position: absolute;
  top: 1.57rem;
  right: 0.16rem;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background: url(https://h.res.netease.com/pc/zt/20230619200436/assets/btn-gw_955a3d3f.png) no-repeat center top / 100%;
}

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

#leihuo-top #leihuo_top_content #btn_download {
  display: none;
}

#leihuo-top #leihuo_top_content .j-btn-share {
  display: none;
}

.btn-copyright {
  display: none;
}

.leihuo-copyright.layout-toggle .footer {
  position: relative !important;
  display: block !important;
  background: #000;
}

.leihuo-copyright.layout-toggle .footer .copyright-mask {
  display: none;
}

.leihuo-copyright.layout-toggle .footer .pop-wrap {
  position: relative !important;
  top: 0 !important;
  margin: 0 !important;
  padding: 0.8rem 0 !important;
  background: #000;
}

.leihuo-copyright.layout-toggle .footer .pop-wrap .btn-close {
  display: none;
}

.leihuo-copyright.layout-toggle .footer .pop-wrap::after {
  display: none !important;
}

.leihuo-copyright.layout-toggle .footer .pop-wrap::before {
  display: none !important;
}

@font-face {
  font-family: "leihuoicon-sns";
  /* Project id 3362268 */
  src: url(https://h.res.netease.com/pc/zt/20230619200436/assets/leihuoicon-sns_5e1d137b.woff2) format('woff2'), url(https://h.res.netease.com/pc/zt/20230619200436/assets/leihuoicon-sns_77ccda78.woff) format('woff');
}

.leihuoicon-sns {
  font-family: "leihuoicon-sns" !important;
  font-size: 1em;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.leihuoicon-sns-bilibili:before {
  content: "\E621";
}

.leihuoicon-sns-weibo:before {
  content: "\E61D";
}

.leihuoicon-sns-wechat:before {
  content: "\E61E";
}

.leihuoicon-sns-baidu:before {
  content: "\E61F";
}

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

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

.el-message-box {
  max-width: 80%;
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}

.pop-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 6.5rem;
  height: 5rem;
  font-size: 0.26rem;
  background: white;
  color: red;
}

.pop-bg .pop-close {
  position: absolute;
  top: -0.4rem;
  right: 0;
  -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;
}

.pop-bg .pop-close:before {
  content: 'x';
}

.pop-bg .pop-close:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.msg-pop {
  padding: 0.4rem 0.2rem;
  width: 5rem;
  height: 3rem;
  color: black;
}

.msg-pop .message-title {
  text-align: center;
  font-size: 0.3rem;
}

.msg-pop .message-content {
  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;
}

.msg-pop .message-content.center {
  text-align: center;
}

.msg-pop .message-btns {
  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-top: 0.4rem;
}

.msg-pop .message-btns button {
  margin: 0 0.1rem;
}