@charset "utf-8";

/** mixins **/

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

/* Noto黑体简体 */

@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff') format('woff');
  font-weight: 700;
}

/* Noto黑体繁体 */

@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-500.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-700.woff') format('woff');
  font-weight: 700;
}

/* Noto黑体日语 */

@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-300.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-500.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-700.woff') format('woff');
  font-weight: 700;
}

/* Noto黑体韩语 */

@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff') format('woff');
  font-weight: 700;
}

/* Noto黑体泰语 */

@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-300.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-500.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-700.woff') format('woff');
  font-weight: 700;
}

html {
  font-family: "Noto Sans SC", sans-serif;
}

[lang|="zh-hant"],
[lang|="zh-hans"],
[lang|="zh-cht"],
[lang=zh-hk],
[lang=zh-tw] {
  font-family: "Noto Sans TC", sans-serif;
}

[lang|="jp"] {
  font-family: "Noto Sans JP", sans-serif;
}

[lang|="kr"] {
  font-family: "Noto Sans KR", sans-serif;
}

[lang|="th"] {
  font-family: "Noto Sans Thai", 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 {
  font-weight: normal;
  font-style: normal;
}

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

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

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

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

a,
button {
  cursor: pointer;
}

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

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

body,
textarea,
input,
button {
  color: #62a1c9;
}

html,
body {
  width: 100%;
  min-height: 9.3rem;
  height: auto;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #454545;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #454545;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #454545;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #454545;
}

/*宽度限制板块*/

.wbox {
  width: 12rem;
  margin: 0 auto;
  clear: both;
}

.wbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.wbox {
  display: inline-block;
}

/* Hides from IE-mac \*/

* html .wbox {
  zoom: 1;
}

.wbox {
  display: block;
  position: relative;
}

/* End hide from IE-mac */

body {
  width: 100%;
  min-width: 12.74rem;
}

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

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

.hide {
  display: none;
}

/**** DEMO单行
.text-overflow-ellipsis(1);
多行
 .text-overflow-ellipsis(2);
****/

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

body {
  font-size: 0.16rem;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  font-family: 'NotoSansSC', sans-serif;
}

#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.container-index {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.container-index .el-tabs__item:focus.is-active.is-focus:not(:active) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.container-index .social-media {
  position: fixed;
  right: 0;
  top: 1.67rem;
  z-index: 3;
}

.container-index .social-media .expend {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -0 -0;
  width: 2.22rem;
  height: 5.8rem;
  padding: 0.61rem 0 0 1.03rem;
}

.container-index .social-media .expend .follow {
  position: absolute;
  top: 0.63rem;
  left: 0.57rem;
  font-family: NotoSansSC, sans-serif;
  width: 0.26rem;
  color: #30416b;
  line-height: 0.18rem;
  letter-spacing: 0.02rem;
  font-size: 0.16rem;
  z-index: 2;
  cursor: pointer;
}

.container-index .social-media .expend .follow .icon {
  margin-top: 0.1rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -20.7rem -4.02rem;
  width: 0.18rem;
  height: 0.17rem;
}

.container-index .social-media .expend .follow:hover .icon {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -20.7rem -4.23rem;
  width: 0.18rem;
  height: 0.17rem;
}

.container-index .social-media .expend .channel .channel-item {
  position: relative;
  width: 1.03rem;
  height: 1.03rem;
  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;
  -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;
  margin-bottom: 0.13rem;
  z-index: 2;
}

.container-index .social-media .expend .channel .channel-item a {
  width: 1.03rem;
  height: 1.03rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -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;
}

.container-index .social-media .expend .channel .channel-item:hover .qrcode {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.container-index .social-media .expend .channel .channel-item .text {
  font-size: 0.16rem;
  line-height: 0.32rem;
  color: #6b6b6b;
}

.container-index .social-media .expend .channel .channel-item .qrcode {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.container-index .social-media .expend .channel .channel-item .qrcode img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.container-index .expand-btn {
  position: fixed;
  right: 0;
  top: 1.48rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -14.99rem -5.46rem;
  width: 0.87rem;
  height: 2.65rem;
  z-index: 3;
}

.container-index .expand-btn .follow {
  position: absolute;
  top: 0.85rem;
  left: 0.6rem;
  font-family: NotoSansSC, sans-serif;
  width: 0.26rem;
  color: #30416b;
  line-height: 0.18rem;
  letter-spacing: 0.02rem;
  font-size: 0.16rem;
  z-index: 2;
  cursor: pointer;
}

.container-index .expand-btn .follow .icon {
  margin-top: 0.1rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -20.7rem -4.44rem;
  width: 0.17rem;
  height: 0.17rem;
}

.container-index .expand-btn .follow:hover .icon {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -20.54rem -4.76rem;
  width: 0.17rem;
  height: 0.17rem;
}

.container-index .mainSwiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.container-index .page {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.container-index .page.page1 .video-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.container-index .page.page1 .video-box video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.container-index .page.page1 .slogan {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/slogan_8e8486bc.png);
  width: 5.86rem;
  height: 2.26rem;
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9;
}

.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: 5rem;
  height: 4rem;
  background: white;
  color: red;
}

.pop-bg .pop-close {
  position: absolute;
  top: -0.2rem;
  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: 4rem;
  height: 2rem;
  color: black;
}

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

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

.nav-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.74rem;
  line-height: 0.74rem;
  text-align: right;
  padding-right: 0.5rem;
  background-color: #ecf2f6;
  color: #000;
  z-index: 2;
  cursor: pointer;
  -webkit-box-shadow: 0 0 0.09rem 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 0.09rem 0 rgba(0, 0, 0, 0.08);
}

.nav-list .logo {
  position: absolute;
  top: 50%;
  left: 0.19rem;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -19.21rem -4.76rem;
  width: 0.66rem;
  height: 0.59rem;
  z-index: 9;
}

.nav-list::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 17.46rem;
  height: 0.01rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(229, 233, 239, 0.5)), color-stop(95%, rgba(229, 233, 239, 0.1)), color-stop(99%, rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(229, 233, 239, 0.5) 50%, rgba(229, 233, 239, 0.1) 95%, rgba(0, 0, 0, 0) 99%);
}

.nav-list .nav-item {
  position: relative;
  opacity: 0.7;
  margin-right: 0.58rem;
  cursor: pointer;
  padding-bottom: 0.25rem;
}

.nav-list .nav-item::after {
  width: 0;
  content: '';
  height: 0.02rem;
  background: #4784ed;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  left: 50%;
  top: 100%;
}

.nav-list .nav-item.active,
.nav-list .nav-item:hover {
  color: #2966bf;
  font-weight: 600;
}

.nav-list .nav-item.active::after,
.nav-list .nav-item:hover::after {
  width: 100%;
  left: 0;
}

.nav-list .el-dropdown {
  color: #000;
  z-index: 2;
  margin: unset !important;
  opacity: unset !important;
  font-size: unset !important;
}

.nav-list .el-dropdown.joinus .el-dropdown-menu {
  left: -0.17rem !important;
}

.nav-list .el-dropdown .skipLink {
  display: block;
  width: 100%;
}

.top-bar-new {
  display: none;
}

.el-dropdown-menu {
  top: 0.6rem !important;
  left: -0.24rem !important;
}

.el-dropdown-menu .popper__arrow {
  display: none !important;
}

.el-dropdown-menu__item {
  text-align: center;
  font-size: 0.14rem;
}

.el-dropdown-menu__item.skipLink {
  position: relative;
}

.el-dropdown-menu__item.skipLink a::before {
  content: '';
  position: absolute;
  left: 0;
  height: 100%;
  width: 0.2rem;
}

.el-dropdown-menu__item.skipLink a::after {
  content: '';
  position: absolute;
  right: 0;
  height: 100%;
  width: 0.2rem;
}

#copyright {
  display: none;
}

#copyright .footer {
  background: rgba(0, 0, 0, 0.7);
  max-width: 19.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#copyright .btn-copyright {
  color: #000 !important;
}

#copyright .btn-copyright.active {
  color: #97a9b1 !important;
}

.page1 .home {
  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;
  width: 100%;
  height: 100%;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/bg_6e6d8199.jpg) center center no-repeat;
  background-size: cover;
}

.page1 .home .logo {
  position: absolute;
  top: 0.15rem;
  left: 0.19rem;
  display: inline-block;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -19.21rem -4.76rem;
  width: 0.66rem;
  height: 0.59rem;
  z-index: 9;
}

.page1 .home .zshiliangzhinengduixiang_kaobei_3_0_shouyeslogangai_psd_hecheng_212 {
  position: absolute;
  right: 0.7rem;
  top: -0.21rem;
  height: 0.46rem;
  width: 0.8rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: -136% 285%;
  transform-origin: -136% 285%;
  -webkit-animation: sprite_shiliangzhinengduixiang_kaobei_3_0_shouyeslogangai_psd_hecheng_2_12 1s 0s steps(1) infinite normal;
  animation: sprite_shiliangzhinengduixiang_kaobei_3_0_shouyeslogangai_psd_hecheng_2_12 1s 0s steps(1) infinite normal;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite_shiliangzhinengduixiang_kaobei_3_0_shouyeslogangai_psd_hecheng_2_12_6aff43d2.png);
  background-size: 500% 500%;
}

.page1 .home .zi_slogan_220 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 2.06rem;
  width: 5.93rem;
  mix-blend-mode: normal;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/i_slogan_2_20_8e8486bc.png);
  background-size: 100% 100%;
}

.page1 .home .zyuhecheng_51 {
  position: absolute;
  left: calc(50% + 2rem);
  top: calc(50% - 0.88rem);
  height: 0.72rem;
  width: 0.72rem;
  cursor: pointer;
  mix-blend-mode: normal;
  -webkit-transform-origin: 49% 46%;
  transform-origin: 49% 46%;
  -webkit-animation: sprite_yuhecheng_3_2 4s 0s steps(1) infinite normal, zyuhecheng_32_anim 4s 0s linear infinite;
  animation: sprite_yuhecheng_3_2 4s 0s steps(1) infinite normal, zyuhecheng_32_anim 4s 0s linear infinite;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite_yuhecheng_3_2_9d48cbaf.png);
  background-size: 800% 800%;
}

.page1 .home .zyuhecheng_51 .zshiliangzhinengduixiang2 {
  display: none;
  position: absolute;
  left: -0.12rem;
  top: -0.12rem;
  height: 0.96rem;
  width: 0.96rem;
}

.page1 .home .zyuhecheng_51:hover .zshiliangzhinengduixiang2 {
  display: block;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 49% 49%;
  transform-origin: 49% 49%;
  -webkit-animation: zshiliangzhinengduixiang2_anim 1.6s 0s linear infinite, sprite_yuhecheng_4_hecheng_1_1 1.6s 0s steps(1) infinite normal;
  animation: zshiliangzhinengduixiang2_anim 1.6s 0s linear infinite, sprite_yuhecheng_4_hecheng_1_1 1.6s 0s steps(1) infinite normal;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite_yuhecheng_4_hecheng_1_1_957556d3.png);
  background-size: 500% 500%;
}

.page1 .video-bg {
  position: absolute;
  top: 0;
  min-width: 19.2rem;
  min-height: 10.8rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

.page1 .slogan {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/slogan_8e8486bc.png);
  width: 5.86rem;
  height: 2.26rem;
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9;
}

.page1 .scroll-tips {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 4.1rem;
  height: 2.46rem;
  z-index: 9;
  cursor: pointer;
}

.page1 .scroll-tips .zx_21 {
  position: absolute;
  left: 2.26rem;
  top: 1.35rem;
  height: 0.02rem;
  width: 0.1rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: -180% 50%;
  transform-origin: -180% 50%;
  -webkit-animation: zx_21_transform_bezier_anim 1.323s 0s infinite;
  animation: zx_21_transform_bezier_anim 1.323s 0s infinite;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/x_2_1_e49063b7.png);
  background-size: 100% 100%;
}

.page1 .scroll-tips .zx2 {
  position: absolute;
  left: 1.8rem;
  top: 1.35rem;
  height: 0.02rem;
  width: 0.1rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 280% 50%;
  transform-origin: 280% 50%;
  -webkit-animation: zx2_transform_bezier_anim 1.323s 0s infinite;
  animation: zx2_transform_bezier_anim 1.323s 0s infinite;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/x_2_631a1f9a.png);
  background-size: 100% 100%;
}

.page1 .scroll-tips .zxingzhuang_13 {
  position: absolute;
  left: 1.88rem;
  top: 1.23rem;
  height: 0.19rem;
  width: 0.4rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 53%;
  transform-origin: 50% 53%;
  -webkit-animation: zxingzhuang_13_transform_bezier_anim 1.323s 0s infinite;
  animation: zxingzhuang_13_transform_bezier_anim 1.323s 0s infinite;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/xingzhuang_1_3_10c3cd56.png);
  background-size: 100% 100%;
}

.page1 .scroll-tips .ztuceng_64 {
  position: absolute;
  left: 0;
  top: 0;
  height: 2.61rem;
  width: 3.95rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/tuceng_6_4_7bd6a5cf.png);
  background-size: 100% 100%;
}

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

  4.2% {
    background-position: -0.8rem 0;
  }

  8.3% {
    background-position: -1.6rem 0;
  }

  12.5% {
    background-position: -2.4rem 0;
  }

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

  20.8% {
    background-position: 0 -0.46rem;
  }

  25% {
    background-position: -0.8rem -0.46rem;
  }

  29.2% {
    background-position: -1.6rem -0.46rem;
  }

  33.3% {
    background-position: -2.4rem -0.46rem;
  }

  37.5% {
    background-position: -3.2rem -0.46rem;
  }

  41.7% {
    background-position: 0 -0.92rem;
  }

  45.8% {
    background-position: -0.8rem -0.92rem;
  }

  50% {
    background-position: -1.6rem -0.92rem;
  }

  54.2% {
    background-position: -2.4rem -0.92rem;
  }

  58.3% {
    background-position: -3.2rem -0.92rem;
  }

  62.5% {
    background-position: 0 -1.38rem;
  }

  66.7% {
    background-position: -0.8rem -1.38rem;
  }

  70.8% {
    background-position: -1.6rem -1.38rem;
  }

  75% {
    background-position: -2.4rem -1.38rem;
  }

  79.2% {
    background-position: -3.2rem -1.38rem;
  }

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

  87.5% {
    background-position: -0.8rem -1.84rem;
  }

  91.7% {
    background-position: -1.6rem -1.84rem;
  }

  95.8% {
    background-position: -2.4rem -1.84rem;
  }

  100% {
    background-position: -2.4rem -1.84rem;
  }
}

@keyframes sprite_shiliangzhinengduixiang_kaobei_3_0_shouyeslogangai_psd_hecheng_2_12 {
  0% {
    background-position: 0 0;
  }

  4.2% {
    background-position: -0.8rem 0;
  }

  8.3% {
    background-position: -1.6rem 0;
  }

  12.5% {
    background-position: -2.4rem 0;
  }

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

  20.8% {
    background-position: 0 -0.46rem;
  }

  25% {
    background-position: -0.8rem -0.46rem;
  }

  29.2% {
    background-position: -1.6rem -0.46rem;
  }

  33.3% {
    background-position: -2.4rem -0.46rem;
  }

  37.5% {
    background-position: -3.2rem -0.46rem;
  }

  41.7% {
    background-position: 0 -0.92rem;
  }

  45.8% {
    background-position: -0.8rem -0.92rem;
  }

  50% {
    background-position: -1.6rem -0.92rem;
  }

  54.2% {
    background-position: -2.4rem -0.92rem;
  }

  58.3% {
    background-position: -3.2rem -0.92rem;
  }

  62.5% {
    background-position: 0 -1.38rem;
  }

  66.7% {
    background-position: -0.8rem -1.38rem;
  }

  70.8% {
    background-position: -1.6rem -1.38rem;
  }

  75% {
    background-position: -2.4rem -1.38rem;
  }

  79.2% {
    background-position: -3.2rem -1.38rem;
  }

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

  87.5% {
    background-position: -0.8rem -1.84rem;
  }

  91.7% {
    background-position: -1.6rem -1.84rem;
  }

  95.8% {
    background-position: -2.4rem -1.84rem;
  }

  100% {
    background-position: -2.4rem -1.84rem;
  }
}

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

  1.7% {
    background-position: -0.72rem 0;
  }

  3.3% {
    background-position: -1.44rem 0;
  }

  5% {
    background-position: -2.16rem 0;
  }

  6.7% {
    background-position: -2.88rem 0;
  }

  8.3% {
    background-position: -3.6rem 0;
  }

  10% {
    background-position: -4.32rem 0;
  }

  11.7% {
    background-position: -5.04rem 0;
  }

  13.3% {
    background-position: 0 -0.72rem;
  }

  15% {
    background-position: -0.72rem -0.72rem;
  }

  16.7% {
    background-position: -1.44rem -0.72rem;
  }

  18.3% {
    background-position: -2.16rem -0.72rem;
  }

  20% {
    background-position: -2.88rem -0.72rem;
  }

  21.7% {
    background-position: -3.6rem -0.72rem;
  }

  23.3% {
    background-position: -4.32rem -0.72rem;
  }

  25% {
    background-position: -5.04rem -0.72rem;
  }

  26.7% {
    background-position: 0 -1.44rem;
  }

  28.3% {
    background-position: -0.72rem -1.44rem;
  }

  30% {
    background-position: -1.44rem -1.44rem;
  }

  31.7% {
    background-position: -2.16rem -1.44rem;
  }

  33.3% {
    background-position: -2.88rem -1.44rem;
  }

  35% {
    background-position: -3.6rem -1.44rem;
  }

  36.7% {
    background-position: -4.32rem -1.44rem;
  }

  38.3% {
    background-position: -5.04rem -1.44rem;
  }

  40% {
    background-position: 0 -2.16rem;
  }

  41.7% {
    background-position: -0.72rem -2.16rem;
  }

  43.3% {
    background-position: -1.44rem -2.16rem;
  }

  45% {
    background-position: -2.16rem -2.16rem;
  }

  46.7% {
    background-position: -2.88rem -2.16rem;
  }

  48.3% {
    background-position: -3.6rem -2.16rem;
  }

  50% {
    background-position: -4.32rem -2.16rem;
  }

  51.7% {
    background-position: -5.04rem -2.16rem;
  }

  53.3% {
    background-position: 0 -2.88rem;
  }

  55% {
    background-position: -0.72rem -2.88rem;
  }

  56.7% {
    background-position: -1.44rem -2.88rem;
  }

  58.3% {
    background-position: -2.16rem -2.88rem;
  }

  60% {
    background-position: -2.88rem -2.88rem;
  }

  61.7% {
    background-position: -3.6rem -2.88rem;
  }

  63.3% {
    background-position: -4.32rem -2.88rem;
  }

  65% {
    background-position: -5.04rem -2.88rem;
  }

  66.7% {
    background-position: 0 -3.6rem;
  }

  68.3% {
    background-position: -0.72rem -3.6rem;
  }

  70% {
    background-position: -1.44rem -3.6rem;
  }

  71.7% {
    background-position: -2.16rem -3.6rem;
  }

  73.3% {
    background-position: -2.88rem -3.6rem;
  }

  75% {
    background-position: -3.6rem -3.6rem;
  }

  76.7% {
    background-position: -4.32rem -3.6rem;
  }

  78.3% {
    background-position: -5.04rem -3.6rem;
  }

  80% {
    background-position: 0 -4.32rem;
  }

  81.7% {
    background-position: -0.72rem -4.32rem;
  }

  83.3% {
    background-position: -1.44rem -4.32rem;
  }

  85% {
    background-position: -2.16rem -4.32rem;
  }

  86.7% {
    background-position: -2.88rem -4.32rem;
  }

  88.3% {
    background-position: -3.6rem -4.32rem;
  }

  90% {
    background-position: -4.32rem -4.32rem;
  }

  91.7% {
    background-position: -5.04rem -4.32rem;
  }

  93.3% {
    background-position: 0 -5.04rem;
  }

  95% {
    background-position: -0.72rem -5.04rem;
  }

  96.7% {
    background-position: -1.44rem -5.04rem;
  }

  98.3% {
    background-position: -2.16rem -5.04rem;
  }

  100% {
    background-position: -2.16rem -5.04rem;
  }
}

@keyframes sprite_yuhecheng_3_2 {
  0% {
    background-position: 0 0;
  }

  1.7% {
    background-position: -0.72rem 0;
  }

  3.3% {
    background-position: -1.44rem 0;
  }

  5% {
    background-position: -2.16rem 0;
  }

  6.7% {
    background-position: -2.88rem 0;
  }

  8.3% {
    background-position: -3.6rem 0;
  }

  10% {
    background-position: -4.32rem 0;
  }

  11.7% {
    background-position: -5.04rem 0;
  }

  13.3% {
    background-position: 0 -0.72rem;
  }

  15% {
    background-position: -0.72rem -0.72rem;
  }

  16.7% {
    background-position: -1.44rem -0.72rem;
  }

  18.3% {
    background-position: -2.16rem -0.72rem;
  }

  20% {
    background-position: -2.88rem -0.72rem;
  }

  21.7% {
    background-position: -3.6rem -0.72rem;
  }

  23.3% {
    background-position: -4.32rem -0.72rem;
  }

  25% {
    background-position: -5.04rem -0.72rem;
  }

  26.7% {
    background-position: 0 -1.44rem;
  }

  28.3% {
    background-position: -0.72rem -1.44rem;
  }

  30% {
    background-position: -1.44rem -1.44rem;
  }

  31.7% {
    background-position: -2.16rem -1.44rem;
  }

  33.3% {
    background-position: -2.88rem -1.44rem;
  }

  35% {
    background-position: -3.6rem -1.44rem;
  }

  36.7% {
    background-position: -4.32rem -1.44rem;
  }

  38.3% {
    background-position: -5.04rem -1.44rem;
  }

  40% {
    background-position: 0 -2.16rem;
  }

  41.7% {
    background-position: -0.72rem -2.16rem;
  }

  43.3% {
    background-position: -1.44rem -2.16rem;
  }

  45% {
    background-position: -2.16rem -2.16rem;
  }

  46.7% {
    background-position: -2.88rem -2.16rem;
  }

  48.3% {
    background-position: -3.6rem -2.16rem;
  }

  50% {
    background-position: -4.32rem -2.16rem;
  }

  51.7% {
    background-position: -5.04rem -2.16rem;
  }

  53.3% {
    background-position: 0 -2.88rem;
  }

  55% {
    background-position: -0.72rem -2.88rem;
  }

  56.7% {
    background-position: -1.44rem -2.88rem;
  }

  58.3% {
    background-position: -2.16rem -2.88rem;
  }

  60% {
    background-position: -2.88rem -2.88rem;
  }

  61.7% {
    background-position: -3.6rem -2.88rem;
  }

  63.3% {
    background-position: -4.32rem -2.88rem;
  }

  65% {
    background-position: -5.04rem -2.88rem;
  }

  66.7% {
    background-position: 0 -3.6rem;
  }

  68.3% {
    background-position: -0.72rem -3.6rem;
  }

  70% {
    background-position: -1.44rem -3.6rem;
  }

  71.7% {
    background-position: -2.16rem -3.6rem;
  }

  73.3% {
    background-position: -2.88rem -3.6rem;
  }

  75% {
    background-position: -3.6rem -3.6rem;
  }

  76.7% {
    background-position: -4.32rem -3.6rem;
  }

  78.3% {
    background-position: -5.04rem -3.6rem;
  }

  80% {
    background-position: 0 -4.32rem;
  }

  81.7% {
    background-position: -0.72rem -4.32rem;
  }

  83.3% {
    background-position: -1.44rem -4.32rem;
  }

  85% {
    background-position: -2.16rem -4.32rem;
  }

  86.7% {
    background-position: -2.88rem -4.32rem;
  }

  88.3% {
    background-position: -3.6rem -4.32rem;
  }

  90% {
    background-position: -4.32rem -4.32rem;
  }

  91.7% {
    background-position: -5.04rem -4.32rem;
  }

  93.3% {
    background-position: 0 -5.04rem;
  }

  95% {
    background-position: -0.72rem -5.04rem;
  }

  96.7% {
    background-position: -1.44rem -5.04rem;
  }

  98.3% {
    background-position: -2.16rem -5.04rem;
  }

  100% {
    background-position: -2.16rem -5.04rem;
  }
}

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

  49.82% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

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

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

  49.82% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

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

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

  3.18% {
    opacity: 1;
  }

  97.37% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

  3.18% {
    opacity: 1;
  }

  97.37% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

  4.2% {
    background-position: -0.96rem 0;
  }

  8.3% {
    background-position: -1.92rem 0;
  }

  12.5% {
    background-position: -2.88rem 0;
  }

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

  20.8% {
    background-position: 0 -0.96rem;
  }

  25% {
    background-position: -0.96rem -0.96rem;
  }

  29.2% {
    background-position: -1.92rem -0.96rem;
  }

  33.3% {
    background-position: -2.88rem -0.96rem;
  }

  37.5% {
    background-position: -3.84rem -0.96rem;
  }

  41.7% {
    background-position: 0 -1.92rem;
  }

  45.8% {
    background-position: -0.96rem -1.92rem;
  }

  50% {
    background-position: -1.92rem -1.92rem;
  }

  54.2% {
    background-position: -2.88rem -1.92rem;
  }

  58.3% {
    background-position: -3.84rem -1.92rem;
  }

  62.5% {
    background-position: 0 -2.88rem;
  }

  66.7% {
    background-position: -0.96rem -2.88rem;
  }

  70.8% {
    background-position: -1.92rem -2.88rem;
  }

  75% {
    background-position: -2.88rem -2.88rem;
  }

  79.2% {
    background-position: -3.84rem -2.88rem;
  }

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

  87.5% {
    background-position: -0.96rem -3.84rem;
  }

  91.7% {
    background-position: -1.92rem -3.84rem;
  }

  95.8% {
    background-position: -2.88rem -3.84rem;
  }

  100% {
    background-position: -2.88rem -3.84rem;
  }
}

@keyframes sprite_yuhecheng_4_hecheng_1_1 {
  0% {
    background-position: 0 0;
  }

  4.2% {
    background-position: -0.96rem 0;
  }

  8.3% {
    background-position: -1.92rem 0;
  }

  12.5% {
    background-position: -2.88rem 0;
  }

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

  20.8% {
    background-position: 0 -0.96rem;
  }

  25% {
    background-position: -0.96rem -0.96rem;
  }

  29.2% {
    background-position: -1.92rem -0.96rem;
  }

  33.3% {
    background-position: -2.88rem -0.96rem;
  }

  37.5% {
    background-position: -3.84rem -0.96rem;
  }

  41.7% {
    background-position: 0 -1.92rem;
  }

  45.8% {
    background-position: -0.96rem -1.92rem;
  }

  50% {
    background-position: -1.92rem -1.92rem;
  }

  54.2% {
    background-position: -2.88rem -1.92rem;
  }

  58.3% {
    background-position: -3.84rem -1.92rem;
  }

  62.5% {
    background-position: 0 -2.88rem;
  }

  66.7% {
    background-position: -0.96rem -2.88rem;
  }

  70.8% {
    background-position: -1.92rem -2.88rem;
  }

  75% {
    background-position: -2.88rem -2.88rem;
  }

  79.2% {
    background-position: -3.84rem -2.88rem;
  }

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

  87.5% {
    background-position: -0.96rem -3.84rem;
  }

  91.7% {
    background-position: -1.92rem -3.84rem;
  }

  95.8% {
    background-position: -2.88rem -3.84rem;
  }

  100% {
    background-position: -2.88rem -3.84rem;
  }
}

@-webkit-keyframes zx_21_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  51.9% {
    -webkit-transform: translate(0.07rem, 0);
    transform: translate(0.07rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

@keyframes zx_21_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  51.9% {
    -webkit-transform: translate(0.07rem, 0);
    transform: translate(0.07rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

@-webkit-keyframes zx2_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  51.9% {
    -webkit-transform: translate(-0.08rem, 0);
    transform: translate(-0.08rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

@keyframes zx2_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  51.9% {
    -webkit-transform: translate(-0.08rem, 0);
    transform: translate(-0.08rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

@-webkit-keyframes zxingzhuang_13_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  51.9% {
    -webkit-transform: translate(0, 0.1rem);
    transform: translate(0, 0.1rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

@keyframes zxingzhuang_13_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  51.9% {
    -webkit-transform: translate(0, 0.1rem);
    transform: translate(0, 0.1rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

.page2 {
  position: relative;
  width: 100%;
}

.page2 .page2-tab {
  position: absolute;
  top: 0.9rem;
  right: 0.74rem;
}

.page2 .page2-tab.el-tabs--card > .el-tabs__header {
  border-bottom: none;
}

.page2 .page2-tab.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: none;
  border-bottom: none;
}

.page2 .page2-tab.el-tabs--card > .el-tabs__header .el-tabs__item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-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;
  width: 1.8rem;
  height: 0.6rem;
  font-size: 0.28rem;
  color: #30416b;
  border-left: none;
}

.page2 .page2-tab.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/tab-bg_bc9002d4.png) no-repeat;
  background-size: cover;
  border-bottom-color: transparent;
  color: #fff;
}

.page2 .about {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10.8rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/bg_2b2cf1a4.png) no-repeat;
  background-size: cover;
  margin: 0 auto;
}

.page2 .about .z_zi_000 {
  position: absolute;
  left: 0;
  top: 0.34rem;
  height: 10.8rem;
  width: 19.2rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 51% 15%;
  transform-origin: 51% 15%;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_zi_000_5b49875a.png);
  background-size: 100% 100%;
}

.page2 .about .z_i_renwu_000 {
  position: absolute;
  left: 0;
  top: 0;
  width: 19.2rem;
  height: 10.8rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-animation: z_i_renwu_000_transform_bezier_anim 2.25s 0.733s both, z_i_renwu_000_opacity_bezier_anim 2.25s 0.733s both;
  animation: z_i_renwu_000_transform_bezier_anim 2.25s 0.733s both, z_i_renwu_000_opacity_bezier_anim 2.25s 0.733s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_i_renwu_000-2k_c40bf3a0.png);
  background-size: 100%;
}

.page2 .about .z_i_lansemozu_000 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3.96rem;
  -webkit-animation: z_i_lansemozu_000_anim 2.483s 0.5s linear both, z_i_lansemozu_000_transform_bezier_anim 2.483s 0.5s both;
  animation: z_i_lansemozu_000_anim 2.483s 0.5s linear both, z_i_lansemozu_000_transform_bezier_anim 2.483s 0.5s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/bottom-bg_c93efc7a.png) no-repeat center center;
  background-size: 100% 100%;
}

.page2 .about .z_daduanwenzi_000 {
  position: absolute;
  left: 2.41rem;
  top: 7.87rem;
  height: 1.06rem;
  width: 14.33rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: z_daduanwenzi_000_transform_bezier_anim 2.533s 0.45s both, z_daduanwenzi_000_opacity_bezier_anim 2.533s 0.45s both;
  animation: z_daduanwenzi_000_transform_bezier_anim 2.533s 0.45s both, z_daduanwenzi_000_opacity_bezier_anim 2.533s 0.45s both;
  background-size: 100% 100%;
}

.page2 .about .z_yuhecheng_1_000 {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_biaoti_000_anim1 2.433s 0.55s linear both, z_biaoti_000_transform_bezier_anim1 2.433s 0.55s both;
  animation: z_biaoti_000_anim1 2.433s 0.55s linear both, z_biaoti_000_transform_bezier_anim1 2.433s 0.55s both;
}

.page2 .about .z_leihuomowang_000 {
  position: absolute;
  left: 4.74rem;
  top: 0.28rem;
  height: 3.22rem;
  width: 10.06rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 48% 165%;
  transform-origin: 48% 165%;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_leihuomowang_000_a8c2cfb9.png);
  background-size: 100% 100%;
}

.page2 .about .leihuowuwang {
  position: absolute;
  top: 0.6rem;
  left: 50%;
  margin-left: -9.6rem;
}

.page2 .about .z_guang_zhengli_24_png_000 {
  position: absolute;
  left: 1.47rem;
  top: -6.25rem;
  height: 15.76rem;
  width: 16.12rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  -webkit-animation: z_guang_zhengli_24_png_000_anim 0.8s 1.2s linear both;
  animation: z_guang_zhengli_24_png_000_anim 0.8s 1.2s linear both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/guang_zhengli_24_png_692c1c59.png);
  background-size: 100% 100%;
}

.page2 .about .z_guang_zhengli_24_png_001 {
  position: absolute;
  left: 1.47rem;
  top: -6.25rem;
  height: 15.76rem;
  width: 16.12rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  -webkit-animation: z_guang_zhengli_24_png_001_anim 0.75s 0.6s linear both;
  animation: z_guang_zhengli_24_png_001_anim 0.75s 0.6s linear both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/guang_zhengli_24_png_692c1c59.png);
  background-size: 100% 100%;
}

.page2 .about .z_guang_zhengli_24_png_002 {
  position: absolute;
  left: 1.47rem;
  top: -6.25rem;
  height: 15.76rem;
  width: 16.12rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  -webkit-animation: z_guang_zhengli_24_png_002_anim 0.75s 0s linear both;
  animation: z_guang_zhengli_24_png_002_anim 0.75s 0s linear both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/guang_zhengli_24_png_692c1c59.png);
  background-size: 100% 100%;
}

.page2 .about .desc {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3.96rem;
}

.page2 .about .desc .bottom-text {
  position: relative;
  width: 14.33rem;
  height: 100%;
  margin: 0 auto;
}

.page2 .about .desc .name {
  margin-top: 0.2rem;
  font-size: 0.36rem;
  color: #fff;
  max-width: 14.6rem;
  letter-spacing: 0;
  font-weight: 700;
  vertical-align: bottom;
}

.page2 .about .desc .name .en {
  font-size: 0.24rem;
  font-weight: 500;
  color: #0a285a;
  line-height: 0.4rem;
  opacity: 0.7;
  vertical-align: sub;
}

.page2 .about .desc .name .en::before {
  position: relative;
  content: "";
  margin: 0 0.16rem;
  width: 0.04rem;
  height: 0.24rem;
  border: solid 0.01rem #092759;
  opacity: 0.7;
  vertical-align: text-bottom;
}

.page2 .about .desc .content {
  position: absolute;
  left: 0;
  top: 0.65rem;
  font-size: 0.16rem;
  line-height: 0.3rem;
  opacity: 0.8;
  font-weight: 500;
  width: 12.31rem;
  color: #fff;
}

.page2 .about .desc .values {
  position: absolute;
  right: 0;
  top: 0.36rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -15.9rem -5.46rem;
  width: 1.48rem;
  height: 1.48rem;
  -webkit-animation: z_daduanwenzi_000_transform_bezier_anim 2.533s 0.45s both, z_daduanwenzi_000_opacity_bezier_anim 2.533s 0.45s both;
  animation: z_daduanwenzi_000_transform_bezier_anim 2.533s 0.45s both, z_daduanwenzi_000_opacity_bezier_anim 2.533s 0.45s both;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  18.89% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  18.89% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_i_renwu_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.78rem);
    transform: translate(0, 0.78rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.22, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.22, 1);
  }

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

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

@keyframes z_i_renwu_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.78rem);
    transform: translate(0, 0.78rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.22, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.22, 1);
  }

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

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

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

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

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

  100% {
    opacity: 1;
  }
}

@keyframes z_i_renwu_000_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);
  }

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

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

  100% {
    opacity: 1;
  }
}

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

  14.77% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  14.77% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_i_lansemozu_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.55rem);
    transform: translate(0, 0.55rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.2, 0.98);
    animation-timing-function: cubic-bezier(0.33, 0, 0.2, 0.98);
  }

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

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

@keyframes z_i_lansemozu_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.55rem);
    transform: translate(0, 0.55rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.2, 0.98);
    animation-timing-function: cubic-bezier(0.33, 0, 0.2, 0.98);
  }

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

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

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

  12.5% {
    -webkit-transform: translate(0, 0.32rem);
    transform: translate(0, 0.32rem);
    -webkit-animation-timing-function: cubic-bezier(0.31, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.31, 0, 0.34, 1);
  }

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

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

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

  12.5% {
    -webkit-transform: translate(0, 0.32rem);
    transform: translate(0, 0.32rem);
    -webkit-animation-timing-function: cubic-bezier(0.31, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.31, 0, 0.34, 1);
  }

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

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

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

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

  12.5% {
    opacity: 0.01;
    -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);
    animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);
  }

  15.79% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.2, 1.01);
    animation-timing-function: cubic-bezier(0.33, 0, 0.2, 1.01);
  }

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

  100% {
    opacity: 0.8;
  }
}

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

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

  12.5% {
    opacity: 0.01;
    -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);
    animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);
  }

  15.79% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.2, 1.01);
    animation-timing-function: cubic-bezier(0.33, 0, 0.2, 1.01);
  }

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

  100% {
    opacity: 0.8;
  }
}

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

  5.48% {
    opacity: 0;
  }

  28.08% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  5.48% {
    opacity: 0;
  }

  28.08% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_biaoti_000_transform_bezier_anim1 {
  0% {
    -webkit-transform: translate(0, 0.53rem);
    transform: translate(0, 0.53rem);
    -webkit-animation-timing-function: cubic-bezier(0.31, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.31, 0, 0.34, 1);
  }

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

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

@keyframes z_biaoti_000_transform_bezier_anim1 {
  0% {
    -webkit-transform: translate(0, 0.53rem);
    transform: translate(0, 0.53rem);
    -webkit-animation-timing-function: cubic-bezier(0.31, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.31, 0, 0.34, 1);
  }

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

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

.development-history {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/timeline-bg_5ca49daf.png) no-repeat;
  background-size: cover;
}

.development-history .event {
  position: absolute;
  top: 0.55rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-top: 0.7rem;
  height: 5.8rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.development-history .event-title {
  margin: 0 auto;
}

.development-history .event-detail {
  width: 13.83rem;
  height: 4.22rem;
  position: relative;
  margin: 0.5rem auto 0;
}

.development-history .event-detail .event-detail-cnt {
  position: absolute;
  top: 0;
  left: 0;
  width: 13.83rem;
  height: 4.22rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/bg_1054d6e8.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-date {
  position: absolute;
  top: 0.64rem;
  left: 1.06rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20075 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -8.6rem -1.34rem;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20114 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -8.6rem -2.68rem;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20164 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -8.6rem -4.02rem;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20165 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -8.6rem -5.36rem;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20179 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -8.6rem -6.7rem;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-201711 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -0 -5.84rem;
  width: 6.35rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20186 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -2.26rem -1.36rem;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20188 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -2.26rem -2.7rem;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20196 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -2.26rem -4.04rem;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-201911 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -0 -7.18rem;
  width: 6.35rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20201 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -0 -8.52rem;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20211 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -5.95rem -8.52rem;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20213 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -0 -9.86rem;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20217 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -5.95rem -9.86rem;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20219 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -0 -11.2rem;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-202112 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -8.6rem -0;
  width: 6.35rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20236 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -5.95rem -11.2rem;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20238 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -0 -12.54rem;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20247 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -5.95rem -12.54rem;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20249 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -14.99rem -0;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20252 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -14.99rem -1.34rem;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20255 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -2.26rem -0;
  width: 6.3rem;
  height: 1.32rem;
}

.development-history .event-detail .event-detail-cnt .event-date-20247-2 {
  top: 0.97rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -14.99rem -2.68rem;
  width: 5.91rem;
  height: 1.3rem;
}

.development-history .event-detail .event-detail-cnt .event-date-yjwjm {
  top: 0.97rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -0 -13.88rem;
  width: 6.29rem;
  height: 0.54rem;
}

.development-history .event-detail .event-detail-cnt .img-cnt {
  position: absolute;
  bottom: 0.54rem;
  left: 5.35rem;
  width: 9.64rem;
  height: 4.39rem;
  overflow: hidden;
}

.development-history .event-detail .event-detail-cnt .event-img {
  position: absolute;
  bottom: 0;
  left: -0.2rem;
  width: 9.64rem;
  height: 4.39rem;
}

.development-history .event-detail .event-detail-cnt .event-img-20075 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20075-img_5b9419a6.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20114 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20114-img_dc73b733.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20164 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20164-img_3acab179.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20165 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20165-img_cd239140.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20179 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20179-img_b817f354.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-201711 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/201711-img_718031da.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20186 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20186-img_5fa43e0a.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20188 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20188-img_5d0c1335.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20196 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20196-img_07e44292.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-201911 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/201911-img_cfaf7412.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20201 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20201-img_551a0281.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20211 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20211-img_d99bf4eb.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20213 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20213-img_ef192d0e.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20217 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20217-img_8a4755eb.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20219 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20219-img_1e586627.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-202112 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/202112-img_8f842794.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20236 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20236-img_da2c769f.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20238 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20238-img_7253f3d7.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20247 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20247-img_f2aba153.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20249 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20249-img_2c38cfb8.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20252 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20252-img_5eae89a9.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20255 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20255-img_af6d7146.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-20247-2 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/20247-2-img_66409d96.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-img-yjwjm {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/yjwjm-img_f2aba153.png) no-repeat;
  background-size: 100%;
}

.development-history .event-detail .event-detail-cnt .event-name {
  position: absolute;
  font-size: 0.22rem;
  top: 1.85rem;
  left: 1.06rem;
  font-weight: bold;
  padding-bottom: 0.3rem;
  color: #292b3b;
}

.development-history .event-detail .event-detail-cnt .event-name::after {
  display: block;
  content: "";
  width: 0.2rem;
  height: 0.04rem;
  background: #6298f3;
  position: absolute;
  bottom: 0;
  left: 0;
}

.development-history .event-detail .event-detail-cnt .event-intro {
  font-size: 0.16rem;
  position: absolute;
  top: 2.6rem;
  left: 1.06rem;
  width: 4.7rem;
  color: #666;
}

.development-history .event-timeline {
  width: 100%;
  position: absolute;
  bottom: -0.3rem;
  left: 0;
  height: 1rem;
  overflow: hidden;
}

.development-history .event-timeline-cnt {
  width: 19.2rem;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 100%;
}

.development-history .event-timeline-cnt::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 0.01rem;
  border-bottom: 0.01rem solid #b5b5b5;
}

.development-history .event-timeline-cnt .scroll {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  max-width: 13.6rem;
  overflow: hidden;
  height: 100%;
  z-index: 2;
}

.development-history .event-timeline-cnt.stage-2 .scroll {
  left: -19.2rem;
}

.development-history .event-timeline-cnt.stage-3 .scroll {
  left: -38.4rem;
}

.development-history .event-timeline-cnt .part {
  width: 19.2rem;
  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-transform: translateX(6.45rem);
  transform: translateX(6.45rem);
}

.development-history .event-timeline-cnt .part.part-2 .tag::after,
.development-history .event-timeline-cnt .part.part-3 .tag::after {
  width: 1rem;
}

.development-history .event-timeline-cnt .part.part-2 .point::after,
.development-history .event-timeline-cnt .part.part-3 .point::after {
  width: 1rem;
}

.development-history .event-timeline-cnt .part.part-3 .tag::after,
.development-history .event-timeline-cnt .part.part-3 .point::after {
  width: 1.57rem;
}

.development-history .event-timeline-cnt .part.part-3::after {
  margin-top: -0.05rem;
}

.development-history .event-timeline-cnt .part.part-3 .year:nth-last-child(2) .tag::after {
  width: 6.8rem;
}

.development-history .event-timeline-cnt .part.part-3 .year:last-child .tag {
  font-size: 0.16rem;
  position: relative;
  top: -0.02rem;
}

.development-history .event-timeline-cnt .part::before,
.development-history .event-timeline-cnt .part::after {
  display: block;
  content: "";
  width: 3.06rem;
  border-bottom: 0.01rem solid #b5b5b5;
}

.development-history .event-timeline-cnt .part::after {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.development-history .event-timeline-cnt .part .year {
  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;
}

.development-history .event-timeline-cnt .part .tag {
  font-size: 0.14rem;
  color: #b5b5b5;
  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;
  width: 0.52rem;
  background-color: #f1f4f7;
}

.development-history .event-timeline-cnt .part .tag.active {
  color: #4e89ed;
  font-weight: bold;
}

.development-history .event-timeline-cnt .part .tag::after {
  display: block;
  content: "";
  width: 0.72rem;
}

.development-history .event-timeline-cnt .part .point {
  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;
  position: relative;
  cursor: pointer;
  margin-right: 0;
  margin-left: -50%;
}

.development-history .event-timeline-cnt .part .point .triangle {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -20.28rem -4.97rem;
  width: 0.09rem;
  height: 0.1rem;
  position: relative;
}

.development-history .event-timeline-cnt .part .point .triangle::after {
  display: block;
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.development-history .event-timeline-cnt .part .point::after {
  display: block;
  content: "";
  width: 0.72rem;
}

.development-history .event-timeline-cnt .part .point:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.development-history .event-timeline-cnt .part .point.active .ico {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.development-history .event-timeline-cnt .part .point.active .month {
  opacity: 1;
}

.development-history .event-timeline-cnt .part .point .ico {
  width: 0.46rem;
  height: 0.46rem;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 0.02rem solid #fff;
  border-radius: 0.15rem;
  -webkit-box-shadow: 0 0 0.1rem rgba(0, 82, 206, 0.8);
  box-shadow: 0 0 0.1rem rgba(0, 82, 206, 0.8);
}

.development-history .event-timeline-cnt .part .point .ico-20075 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20075_94a06b51.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-20114 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20114_02c0e827.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-20164 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20164_54e76795.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-20165 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20165_b988565b.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-20179 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20179_cbe7f067.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-201711 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-201711_78368b20.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-20186 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20186_d66d917e.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-20188 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20188_f3e457b0.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-20196 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20196_f66b3c40.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-201911 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-201911_df0e24cf.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-20201 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20201_060eec29.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-20211 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20211_6b63d24c.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-20213 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20213_f8fdd979.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-20217 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20217_82b5b107.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-20219 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20219_7cc7eb1c.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-202112 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-202112_75ff356a.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-20236 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20236_6dbd731a.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-20238 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20238_89766e9d.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-20247 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20247_5b0e1458.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-20249 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20249_e0221b58.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-20252 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20252_326c06a6.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-20255 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20255_a88bb676.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.development-history .event-timeline-cnt .part .point .ico-20247-2 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/ico-20247-2_a5835505.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .ico-yjwjm {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/icon-yjwjm_5b0e1458.png) no-repeat;
  background-size: 100% 100%;
}

.development-history .event-timeline-cnt .part .point .month {
  position: relative;
  white-space: nowrap;
  color: #888;
  font-weight: bold;
  font-size: 0.14rem;
  background-color: #f1f4f7;
  padding: 0 0.23rem 0 0.06rem;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.development-history .event-timeline-cnt .part .point .month::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0.09rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -20.28rem -4.97rem;
  width: 0.09rem;
  height: 0.1rem;
}

.development-history .event-timeline .timeline-next-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

.development-history .event-timeline .timeline-prev-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.development-history .data {
  position: absolute;
  bottom: 0;
  height: 3.96rem;
  width: 100%;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/bottom-bg_c93efc7a.png) no-repeat center center;
  background-size: 100% 100%;
  color: #fff;
}

.development-history .data__cnt {
  width: 12.95rem;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -ms-flex-pack: justify;
}

.development-history .data-item {
  text-align: center;
  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;
  -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;
  height: 2.09rem;
}

.development-history .data-item--1 {
  width: 1.9rem;
}

.development-history .data-item--2 {
  width: 0.8rem;
}

.development-history .data-item--3 {
  width: 1rem;
}

.development-history .data-item--4 {
  width: 2.85rem;
}

.development-history .data-item__num {
  font-size: 0.8rem;
  font-weight: bold;
}

.development-history .data-item__text {
  height: 0.3rem;
}

/** 插入过程 **/

.event-enter-active {
  -webkit-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
}

.event-enter-active .event-img {
  -webkit-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
}

.event-enter-active .event-date {
  -webkit-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
}

.event-enter-active .event-name {
  -webkit-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
}

.event-enter-active .event-intro {
  -webkit-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
}

/** 移除过程 **/

.event-leave-active {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

/*** 开始插入、移除结束的位置变化 ***/

.event-enter {
  opacity: 0;
}

.event-enter .event-img {
  opacity: 0;
  -webkit-transform: translate(0, 60%);
  transform: translate(0, 60%);
}

.event-enter .event-date {
  -webkit-transform: translate(0.3rem, 0);
  transform: translate(0.3rem, 0);
}

.event-enter .event-name {
  opacity: 0;
  -webkit-transform: translate(0, -0.2rem);
  transform: translate(0, -0.2rem);
}

.event-enter .event-intro {
  opacity: 0;
  -webkit-transform: translate(0, -0.4rem);
  transform: translate(0, -0.4rem);
}

.event-leave-to {
  opacity: 0;
  -webkit-transform: translateX(-2rem);
  transform: translateX(-2rem);
}

.circle-btn {
  cursor: pointer;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -19.61rem -5.46rem;
  width: 0.64rem;
  height: 0.65rem;
}

.circle-btn.prev {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png) no-repeat;
  background-size: 20.94rem 19.73rem;
  background-position: -19.44rem -6.2rem;
  width: 0.64rem;
  height: 0.65rem;
}

.circle-btn.disabled {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  pointer-events: none;
}

.circle-btn .circle-anim {
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.circle-btn .circle-anim:hover .fragment.tl span {
  -webkit-transition: 0.1s 0.3s linear;
  transition: 0.1s 0.3s linear;
}

.circle-btn .circle-anim:hover .fragment.bl span {
  -webkit-transition: 0.1s 0.2s linear;
  transition: 0.1s 0.2s linear;
}

.circle-btn .circle-anim:hover .fragment.br span {
  -webkit-transition: 0.1s 0.1s linear;
  transition: 0.1s 0.1s linear;
}

.circle-btn .circle-anim:hover .fragment.tr span {
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}

.circle-btn .circle-anim:hover .fragment.tr span,
.circle-btn .circle-anim:hover .fragment.tl span,
.circle-btn .circle-anim:hover .fragment.br span,
.circle-btn .circle-anim:hover .fragment.bl span {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.circle-btn .circle-anim .fragment {
  width: 0.23rem;
  height: 0.23rem;
  overflow: hidden;
}

.circle-btn .circle-anim .fragment span {
  width: 0.23rem;
  height: 0.23rem;
  overflow: hidden;
  display: block;
  position: relative;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.circle-btn .circle-anim .fragment span::after {
  content: '';
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border: 0.03rem solid #4e89ed;
  border-radius: 50%;
  position: absolute;
}

.circle-btn .circle-anim .fragment.tl {
  position: absolute;
  top: 0;
  left: 0;
}

.circle-btn .circle-anim .fragment.tl span {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}

.circle-btn .circle-anim .fragment.tl span::after {
  bottom: -0.23rem;
  right: -0.23rem;
}

.circle-btn .circle-anim .fragment.tr {
  position: absolute;
  top: 0;
  right: 0;
}

.circle-btn .circle-anim .fragment.tr span {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transition: 0.1s 0.3s linear;
  transition: 0.1s 0.3s linear;
}

.circle-btn .circle-anim .fragment.tr span::after {
  bottom: -0.23rem;
  left: -0.23rem;
}

.circle-btn .circle-anim .fragment.bl {
  position: absolute;
  left: 0;
  bottom: 0;
}

.circle-btn .circle-anim .fragment.bl span {
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: 0.1s 0.1s linear;
  transition: 0.1s 0.1s linear;
}

.circle-btn .circle-anim .fragment.bl span::after {
  top: -0.23rem;
  right: -0.23rem;
}

.circle-btn .circle-anim .fragment.br {
  position: absolute;
  bottom: 0;
  right: 0;
}

.circle-btn .circle-anim .fragment.br span {
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: 0.1s 0.2s linear;
  transition: 0.1s 0.2s linear;
}

.circle-btn .circle-anim .fragment.br span::after {
  top: -0.23rem;
  left: -0.23rem;
}

.about .title {
  position: absolute;
  top: 0.6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 19.2rem;
}

.about .title .z_i__000 {
  position: absolute;
  left: 15.88rem;
  top: 1.8rem;
  height: 0.28rem;
  width: 0.28rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_i__000_opacity_bezier_anim 0.933s 1.7s both;
  animation: z_i__000_opacity_bezier_anim 0.933s 1.7s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_i__000_d7d696f5.png);
  background-size: 100% 100%;
}

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

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
  }
}

.about .title .z_i__001 {
  position: absolute;
  left: 3.04rem;
  top: 1.22rem;
  height: 0.28rem;
  width: 0.28rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_i__001_opacity_bezier_anim 0.933s 1.7s both;
  animation: z_i__001_opacity_bezier_anim 0.933s 1.7s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_i__001_1309ea4b.png);
  background-size: 100% 100%;
}

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

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
  }
}

.about .title .z_i_xiayigeshiwunianrangquanshijiekanjian_12_hecheng_001 {
  position: absolute;
  left: 3.93rem;
  top: 1.52rem;
  height: 0.3rem;
  width: 0.32rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_i_xiayigeshiwunianrangquanshijiekanjian_12_hecheng_001_transform_bezier_anim 2.033s 0.733s both, z_i_xiayigeshiwunianrangquanshijiekanjian_12_hecheng_001_opacity_bezier_anim 2.033s 0.733s both;
  animation: z_i_xiayigeshiwunianrangquanshijiekanjian_12_hecheng_001_transform_bezier_anim 2.033s 0.733s both, z_i_xiayigeshiwunianrangquanshijiekanjian_12_hecheng_001_opacity_bezier_anim 2.033s 0.733s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_i_xiayigeshiwunianrangquanshijiekanjian_12_hecheng_001_d2660e86.png);
  background-size: 100% 100%;
}

@-webkit-keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_12_hecheng_001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.28rem);
    transform: translate(0, 0.28rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

@keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_12_hecheng_001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.28rem);
    transform: translate(0, 0.28rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

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

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
  }
}

.about .title .z_i_xiayigeshiwunianrangquanshijiekanjian_11_hecheng_001 {
  position: absolute;
  left: 4.84rem;
  top: 1.62rem;
  height: 0.06rem;
  width: 0.32rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_i_xiayigeshiwunianrangquanshijiekanjian_11_hecheng_001_transform_bezier_anim 1.967s 0.8s both, z_i_xiayigeshiwunianrangquanshijiekanjian_11_hecheng_001_opacity_bezier_anim 1.967s 0.8s both;
  animation: z_i_xiayigeshiwunianrangquanshijiekanjian_11_hecheng_001_transform_bezier_anim 1.967s 0.8s both, z_i_xiayigeshiwunianrangquanshijiekanjian_11_hecheng_001_opacity_bezier_anim 1.967s 0.8s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_i_xiayigeshiwunianrangquanshijiekanjian_11_hecheng_001_00e064c7.png);
  background-size: 100% 100%;
}

@-webkit-keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_11_hecheng_001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.28rem);
    transform: translate(0, 0.28rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

@keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_11_hecheng_001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.28rem);
    transform: translate(0, 0.28rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

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

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
  }
}

.about .title .z_i_xiayigeshiwunianrangquanshijiekanjian_10_hecheng_001 {
  position: absolute;
  left: 5.75rem;
  top: 1.49rem;
  height: 0.32rem;
  width: 0.34rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_i_xiayigeshiwunianrangquanshijiekanjian_10_hecheng_001_transform_bezier_anim 1.9s 0.867s both, z_i_xiayigeshiwunianrangquanshijiekanjian_10_hecheng_001_opacity_bezier_anim 1.9s 0.867s both;
  animation: z_i_xiayigeshiwunianrangquanshijiekanjian_10_hecheng_001_transform_bezier_anim 1.9s 0.867s both, z_i_xiayigeshiwunianrangquanshijiekanjian_10_hecheng_001_opacity_bezier_anim 1.9s 0.867s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_i_xiayigeshiwunianrangquanshijiekanjian_10_hecheng_001_fc6757a5.png);
  background-size: 100% 100%;
}

@-webkit-keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_10_hecheng_001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.28rem);
    transform: translate(0, 0.28rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

@keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_10_hecheng_001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.28rem);
    transform: translate(0, 0.28rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

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

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
  }
}

.about .title .z_i_xiayigeshiwunianrangquanshijiekanjian_9_hecheng__001 {
  position: absolute;
  left: 6.69rem;
  top: 1.49rem;
  height: 0.34rem;
  width: 0.32rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_i_xiayigeshiwunianrangquanshijiekanjian_9_hecheng__001_transform_bezier_anim 1.833s 0.933s both, z_i_xiayigeshiwunianrangquanshijiekanjian_9_hecheng__001_opacity_bezier_anim 1.833s 0.933s both;
  animation: z_i_xiayigeshiwunianrangquanshijiekanjian_9_hecheng__001_transform_bezier_anim 1.833s 0.933s both, z_i_xiayigeshiwunianrangquanshijiekanjian_9_hecheng__001_opacity_bezier_anim 1.833s 0.933s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_i_xiayigeshiwunianrangquanshijiekanjian_9_hecheng__001_9991b146.png);
  background-size: 100% 100%;
}

@-webkit-keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_9_hecheng__001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.28rem);
    transform: translate(0, 0.28rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

@keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_9_hecheng__001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.28rem);
    transform: translate(0, 0.28rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

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

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
  }
}

.about .title .z_i_xiayigeshiwunianrangquanshijiekanjian_8_hecheng__001 {
  position: absolute;
  left: 7.61rem;
  top: 1.52rem;
  height: 0.28rem;
  width: 0.32rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_i_xiayigeshiwunianrangquanshijiekanjian_8_hecheng__001_transform_bezier_anim 1.767s 1s both, z_i_xiayigeshiwunianrangquanshijiekanjian_8_hecheng__001_opacity_bezier_anim 1.767s 1s both;
  animation: z_i_xiayigeshiwunianrangquanshijiekanjian_8_hecheng__001_transform_bezier_anim 1.767s 1s both, z_i_xiayigeshiwunianrangquanshijiekanjian_8_hecheng__001_opacity_bezier_anim 1.767s 1s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_i_xiayigeshiwunianrangquanshijiekanjian_8_hecheng__001_26681f12.png);
  background-size: 100% 100%;
}

@-webkit-keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_8_hecheng__001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.28rem);
    transform: translate(0, 0.28rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

@keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_8_hecheng__001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.28rem);
    transform: translate(0, 0.28rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

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

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
  }
}

.about .title .z_i_xiayigeshiwunianrangquanshijiekanjian_7_hecheng__001 {
  position: absolute;
  left: 8.52rem;
  top: 1.49rem;
  height: 0.34rem;
  width: 0.32rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_i_xiayigeshiwunianrangquanshijiekanjian_7_hecheng__001_transform_bezier_anim 1.7s 1.067s both, z_i_xiayigeshiwunianrangquanshijiekanjian_7_hecheng__001_opacity_bezier_anim 1.7s 1.067s both;
  animation: z_i_xiayigeshiwunianrangquanshijiekanjian_7_hecheng__001_transform_bezier_anim 1.7s 1.067s both, z_i_xiayigeshiwunianrangquanshijiekanjian_7_hecheng__001_opacity_bezier_anim 1.7s 1.067s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_i_xiayigeshiwunianrangquanshijiekanjian_7_hecheng__001_23a84c89.png);
  background-size: 100% 100%;
}

@-webkit-keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_7_hecheng__001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.28rem);
    transform: translate(0, 0.28rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

@keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_7_hecheng__001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.28rem);
    transform: translate(0, 0.28rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

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

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
  }
}

.about .title .z_i_xiayigeshiwunianrangquanshijiekanjian_6_hecheng__001 {
  position: absolute;
  left: 9.47rem;
  top: 1.7rem;
  height: 0.14rem;
  width: 0.1rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_i_xiayigeshiwunianrangquanshijiekanjian_6_hecheng__001_transform_bezier_anim 1.633s 1s both, z_i_xiayigeshiwunianrangquanshijiekanjian_6_hecheng__001_opacity_bezier_anim 1.633s 1s both;
  animation: z_i_xiayigeshiwunianrangquanshijiekanjian_6_hecheng__001_transform_bezier_anim 1.633s 1s both, z_i_xiayigeshiwunianrangquanshijiekanjian_6_hecheng__001_opacity_bezier_anim 1.633s 1s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_i_xiayigeshiwunianrangquanshijiekanjian_6_hecheng__001_97c3bda8.png);
  background-size: 100% 100%;
}

@-webkit-keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_6_hecheng__001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.28rem);
    transform: translate(0, 0.28rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

@keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_6_hecheng__001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.28rem);
    transform: translate(0, 0.28rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

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

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
  }
}

.about .title .z_i_xiayigeshiwunianrangquanshijiekanjian_5_hecheng__001 {
  position: absolute;
  left: 10.35rem;
  top: 1.49rem;
  height: 0.32rem;
  width: 0.32rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_i_xiayigeshiwunianrangquanshijiekanjian_5_hecheng__001_transform_bezier_anim 1.333s 1.3s both, z_i_xiayigeshiwunianrangquanshijiekanjian_5_hecheng__001_opacity_bezier_anim 1.333s 1.3s both;
  animation: z_i_xiayigeshiwunianrangquanshijiekanjian_5_hecheng__001_transform_bezier_anim 1.333s 1.3s both, z_i_xiayigeshiwunianrangquanshijiekanjian_5_hecheng__001_opacity_bezier_anim 1.333s 1.3s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_i_xiayigeshiwunianrangquanshijiekanjian_5_hecheng__001_df266af9.png);
  background-size: 100% 100%;
}

@-webkit-keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_5_hecheng__001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem);
    transform: translate(0, -0.42rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

@keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_5_hecheng__001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem);
    transform: translate(0, -0.42rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

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

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
  }
}

.about .title .z_i_xiayigeshiwunianrangquanshijiekanjian_4_hecheng__001 {
  position: absolute;
  left: 11.26rem;
  top: 1.48rem;
  height: 0.32rem;
  width: 0.34rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_i_xiayigeshiwunianrangquanshijiekanjian_4_hecheng__001_transform_bezier_anim 1.267s 1.367s both, z_i_xiayigeshiwunianrangquanshijiekanjian_4_hecheng__001_opacity_bezier_anim 1.267s 1.367s both;
  animation: z_i_xiayigeshiwunianrangquanshijiekanjian_4_hecheng__001_transform_bezier_anim 1.267s 1.367s both, z_i_xiayigeshiwunianrangquanshijiekanjian_4_hecheng__001_opacity_bezier_anim 1.267s 1.367s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_i_xiayigeshiwunianrangquanshijiekanjian_4_hecheng__001_86e114df.png);
  background-size: 100% 100%;
}

@-webkit-keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_4_hecheng__001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.41rem);
    transform: translate(0, -0.41rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

@keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_4_hecheng__001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.41rem);
    transform: translate(0, -0.41rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

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

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
  }
}

.about .title .z_i_xiayigeshiwunianrangquanshijiekanjian_3_hecheng__001 {
  position: absolute;
  left: 12.19rem;
  top: 1.49rem;
  height: 0.3rem;
  width: 0.32rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_i_xiayigeshiwunianrangquanshijiekanjian_3_hecheng__001_transform_bezier_anim 1.2s 1.433s both, z_i_xiayigeshiwunianrangquanshijiekanjian_3_hecheng__001_opacity_bezier_anim 1.2s 1.433s both;
  animation: z_i_xiayigeshiwunianrangquanshijiekanjian_3_hecheng__001_transform_bezier_anim 1.2s 1.433s both, z_i_xiayigeshiwunianrangquanshijiekanjian_3_hecheng__001_opacity_bezier_anim 1.2s 1.433s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_i_xiayigeshiwunianrangquanshijiekanjian_3_hecheng__001_02c2bb78.png);
  background-size: 100% 100%;
}

@-webkit-keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_3_hecheng__001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem);
    transform: translate(0, -0.42rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

@keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_3_hecheng__001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem);
    transform: translate(0, -0.42rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

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

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
  }
}

.about .title .z_i_xiayigeshiwunianrangquanshijiekanjian_2_hecheng__001 {
  position: absolute;
  left: 13.11rem;
  top: 1.49rem;
  height: 0.32rem;
  width: 0.32rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_i_xiayigeshiwunianrangquanshijiekanjian_2_hecheng__001_transform_bezier_anim 1.133s 1.5s both, z_i_xiayigeshiwunianrangquanshijiekanjian_2_hecheng__001_opacity_bezier_anim 1.133s 1.5s both;
  animation: z_i_xiayigeshiwunianrangquanshijiekanjian_2_hecheng__001_transform_bezier_anim 1.133s 1.5s both, z_i_xiayigeshiwunianrangquanshijiekanjian_2_hecheng__001_opacity_bezier_anim 1.133s 1.5s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_i_xiayigeshiwunianrangquanshijiekanjian_2_hecheng__001_b4f04511.png);
  background-size: 100% 100%;
}

@-webkit-keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_2_hecheng__001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.41rem);
    transform: translate(0, -0.41rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

@keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_2_hecheng__001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.41rem);
    transform: translate(0, -0.41rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

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

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
  }
}

.about .title .z_i_xiayigeshiwunianrangquanshijiekanjian_13_hecheng_001 {
  position: absolute;
  left: 14.02rem;
  top: 1.49rem;
  height: 0.32rem;
  width: 0.32rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_i_xiayigeshiwunianrangquanshijiekanjian_13_hecheng_001_transform_bezier_anim 1.133s 1.5s both, z_i_xiayigeshiwunianrangquanshijiekanjian_13_hecheng_001_opacity_bezier_anim 1.133s 1.5s both;
  animation: z_i_xiayigeshiwunianrangquanshijiekanjian_13_hecheng_001_transform_bezier_anim 1.133s 1.5s both, z_i_xiayigeshiwunianrangquanshijiekanjian_13_hecheng_001_opacity_bezier_anim 1.133s 1.5s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_i_xiayigeshiwunianrangquanshijiekanjian_13_hecheng_001_64d4428e.png);
  background-size: 100% 100%;
}

@-webkit-keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_13_hecheng_001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem);
    transform: translate(0, -0.42rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

@keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_13_hecheng_001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem);
    transform: translate(0, -0.42rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

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

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
  }
}

.about .title .z_i_xiayigeshiwunianrangquanshijiekanjian_hecheng_1_001 {
  position: absolute;
  left: 14.93rem;
  top: 1.51rem;
  height: 0.3rem;
  width: 0.34rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_i_xiayigeshiwunianrangquanshijiekanjian_hecheng_1_001_transform_bezier_anim 1.067s 1.567s both, z_i_xiayigeshiwunianrangquanshijiekanjian_hecheng_1_001_opacity_bezier_anim 1.067s 1.567s both;
  animation: z_i_xiayigeshiwunianrangquanshijiekanjian_hecheng_1_001_transform_bezier_anim 1.067s 1.567s both, z_i_xiayigeshiwunianrangquanshijiekanjian_hecheng_1_001_opacity_bezier_anim 1.067s 1.567s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_i_xiayigeshiwunianrangquanshijiekanjian_hecheng_1_001_ffa04dd0.png);
  background-size: 100% 100%;
}

@-webkit-keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_hecheng_1_001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem);
    transform: translate(0, -0.42rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

@keyframes z_i_xiayigeshiwunianrangquanshijiekanjian_hecheng_1_001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem);
    transform: translate(0, -0.42rem);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

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

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

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

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
  }
}

.page3 {
  position: relative;
  width: 100%;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/bg_6fd7fd81.png) no-repeat center center;
  background-size: cover;
  padding-left: 1rem;
}

.page3 .right-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 4.57rem;
  height: 100%;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/right-bg_3a2ef3c2.png) no-repeat;
  background-size: cover;
}

.page3 .title {
  position: absolute;
  top: 0.9rem;
  color: #222c45;
  font-size: 0.36rem;
  font-family: "fzltdh", sans-serif;
  font-weight: 700;
  z-index: 2;
}

.page3 .title .sub-title {
  display: inline-block;
  font-size: 0.24rem;
  color: #292b3b;
  font-family: "NotoSansSC", sans-serif;
  font-weight: 500;
  letter-spacing: 0;
}

.page3 .text-box {
  position: absolute;
  top: 0.47rem;
  left: 0;
  white-space: nowrap;
}

.page3 .text-box .text {
  display: inline-block;
  width: 19.2rem;
  height: 6.05rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/text-bg_ccb504f9.png) no-repeat;
  background-size: contain;
  -webkit-animation: text_anim 20s 0s linear infinite;
  animation: text_anim 20s 0s linear infinite;
}

.page3 .z_youhujuzhen_000 {
  height: 0.35rem;
  width: 1.44rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 51%;
  transform-origin: 50% 51%;
  -webkit-animation: z_youhujuzhen_000_anim 1s 0s linear both,
      z_youhujuzhen_000_transform_bezier_anim 1s 0s both;
  animation: z_youhujuzhen_000_anim 1s 0s linear both,
      z_youhujuzhen_000_transform_bezier_anim 1s 0s both;
  background-size: 100% 100%;
}

.page3 .z_s_xingzhuang_560_hecheng_1_000 {
  position: absolute;
  left: 1.66rem;
  top: 0.13rem;
  height: 0.26rem;
  width: 0.02rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_s_xingzhuang_560_hecheng_1_000_anim 0.967s 0.033s linear both, z_s_xingzhuang_560_hecheng_1_000_transform_bezier_anim 0.967s 0.033s both;
  animation: z_s_xingzhuang_560_hecheng_1_000_anim 0.967s 0.033s linear both, z_s_xingzhuang_560_hecheng_1_000_transform_bezier_anim 0.967s 0.033s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_s_xingzhuang_560_hecheng_1_000_6d4e5a5d.png);
  background-size: 100% 100%;
}

.page3 .z_tansuoduoyanghuashijie_000 {
  position: absolute;
  left: 1.8rem;
  top: 0.1rem;
  height: 0.24rem;
  width: 1.7rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_tansuoduoyanghuashijie_000_anim 0.95s 0.05s linear both, z_tansuoduoyanghuashijie_000_transform_bezier_anim 0.95s 0.05s both;
  animation: z_tansuoduoyanghuashijie_000_anim 0.95s 0.05s linear both, z_tansuoduoyanghuashijie_000_transform_bezier_anim 0.95s 0.05s both;
  background-size: 100% 100%;
}

.page3 .nav {
  position: absolute;
  top: 2.4rem;
  z-index: 2;
}

.page3 .nav .z_i_xingzhuang_584_2_youhujuzhen_zhengli02_psd_hecheng_1_000 {
  position: absolute;
  left: 0;
  top: 0;
  mix-blend-mode: normal;
  -webkit-animation: z_i_xingzhuang_584_2_youhujuzhen_zhengli02_psd_hecheng_1_000_anim 0.833s 0.167s linear both;
  animation: z_i_xingzhuang_584_2_youhujuzhen_zhengli02_psd_hecheng_1_000_anim 0.833s 0.167s linear both;
  opacity: 0;
}

.page3 .nav .z_i_xingzhuang_584_2_youhujuzhen_zhengli02_psd_hecheng_1_000.tab-0 {
  top: 0.3rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -0.36rem -14.46rem;
  width: 0.02rem;
  height: 5rem;
}

.page3 .nav .z_i_xingzhuang_584_2_youhujuzhen_zhengli02_psd_hecheng_1_000.tab-1 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -0 -14.46rem;
  width: 0.02rem;
  height: 5.23rem;
}

.page3 .nav .z_i_xingzhuang_584_2_youhujuzhen_zhengli02_psd_hecheng_1_000.tab-2 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -0.06rem -14.46rem;
  width: 0.02rem;
  height: 5.23rem;
}

.page3 .nav .z_i_xingzhuang_584_2_youhujuzhen_zhengli02_psd_hecheng_1_000.tab-3 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -0.12rem -14.46rem;
  width: 0.02rem;
  height: 5.23rem;
}

.page3 .nav .z_i_xingzhuang_584_2_youhujuzhen_zhengli02_psd_hecheng_1_000.tab-4 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -0.18rem -14.46rem;
  width: 0.02rem;
  height: 5.23rem;
}

.page3 .nav .z_i_xingzhuang_584_2_youhujuzhen_zhengli02_psd_hecheng_1_000.tab-5 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -0.24rem -14.46rem;
  width: 0.02rem;
  height: 5.23rem;
}

.page3 .nav .z_i_xingzhuang_584_2_youhujuzhen_zhengli02_psd_hecheng_1_000.tab-6 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -0.3rem -14.46rem;
  width: 0.02rem;
  height: 5.23rem;
}

.page3 .nav .list {
  position: relative;
  padding-left: 0.21rem;
}

.page3 .nav .list .gameBtn {
  position: absolute;
  display: block;
  font-style: normal;
  color: #292b3b;
  margin-bottom: 0.4rem;
  font-size: 0.14rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 51% 53%;
  transform-origin: 51% 53%;
  -webkit-animation: z_yongjiemojian_000_anim 0.8s 0.2s linear both;
  animation: z_yongjiemojian_000_anim 0.8s 0.2s linear both;
  background-size: 100% 100%;
  cursor: default;
}

.page3 .nav .list .gameBtn:nth-child(1) {
  top: 0;
}

.page3 .nav .list .gameBtn:nth-child(2) {
  top: 0.62rem;
}

.page3 .nav .list .gameBtn:nth-child(3) {
  top: 1.33rem;
}

.page3 .nav .list .gameBtn:nth-child(4) {
  top: 2.04rem;
}

.page3 .nav .list .gameBtn:nth-child(5) {
  top: 2.77rem;
}

.page3 .nav .list .gameBtn:nth-child(6) {
  top: 3.55rem;
}

.page3 .nav .list .gameBtn:nth-child(7) {
  top: 4.26rem;
}

.page3 .nav .list .gameBtn.on {
  position: relative;
  font-size: 0.2rem;
  color: #1150ad;
  font-weight: 700;
  letter-spacing: 0.01rem;
  opacity: 1;
}

.page3 .nav .list .gameBtn.on .left {
  display: inline-block;
  height: 100%;
  vertical-align: top;
}

.page3 .nav .list .gameBtn.on .arrow {
  position: absolute;
  left: -0.25rem;
  top: 0.06rem;
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 0.12rem;
  background-color: #1150ad;
}

.page3 .nav .list .gameBtn.on .text {
  display: inline-block;
}

.page3 .nav .list .gameBtn.on .icon {
  font-size: 0.12rem;
  display: inline-block;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -20.03rem -4.97rem;
  width: 0.08rem;
  height: 0.13rem;
  margin-left: 0.05rem;
}

.page3 .nav .list .gameBtn .left {
  position: relative;
  cursor: pointer;
}

.page3 .nav .list .gameBtn .left::before,
.page3 .nav .list .gameBtn .left::after {
  content: '';
  height: 0.1rem;
  width: 100%;
  position: absolute;
  left: 0;
}

.page3 .nav .list .gameBtn .left::before {
  top: -0.1rem;
  height: 0.2rem;
}

.page3 .nav .list .gameBtn .left::after {
  height: 0.2rem;
  bottom: -0.1rem;
}

.page3 .nav .list .gameBtn.z_nishuihan_000 {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 800% 1565%;
  transform-origin: 800% 1565%;
  -webkit-animation: z_nishuihan_000_anim 0.833s 0.167s linear both;
  animation: z_nishuihan_000_anim 0.833s 0.167s linear both;
  background-size: 100% 100%;
}

.page3 .nav .list .sub-nav {
  display: inline-block;
}

.page3 .nav .list .sub-nav li {
  position: relative;
  display: block;
  white-space: nowrap;
  font-size: 0.14rem;
  color: #292b3b;
  line-height: 0.32rem;
  opacity: 0.5;
  z-index: 99999999999999999;
  cursor: pointer;
}

.page3 .nav .list .sub-nav li.on {
  color: #30416b;
  opacity: 1;
}

.page3 .person {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8.8rem;
  margin-top: -4.7rem;
  height: 100%;
}

.page3 .person img {
  height: 100%;
}

.page3 .z_i_nishuihanduanyou_hecheng_1_000 {
  mix-blend-mode: normal;
  opacity: 0.01;
  -webkit-animation: z_i_nishuihanduanyou_hecheng_1_000_anim 2s 0s linear both, z_i_nishuihanduanyou_hecheng_1_000_transform_bezier_anim 2s 0s both;
  animation: z_i_nishuihanduanyou_hecheng_1_000_anim 2s 0s linear both, z_i_nishuihanduanyou_hecheng_1_000_transform_bezier_anim 2s 0s both;
}

.page3 .desc {
  position: absolute;
  top: 1.25rem;
  right: -0.1rem;
  width: 6.64rem;
  height: 7.74rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/desc-bg_48670f17.png) no-repeat;
  background-size: cover;
  padding: 1.1rem 0 0 0.47rem;
}

.page3 .desc.lx,
.page3 .desc.jdyy,
.page3 .desc.yjwj,
.page3 .desc.yjwjm,
.page3 .desc.qn,
.page3 .desc.qmx,
.page3 .desc.wxd {
  padding-top: 0.8rem;
}

.page3 .desc.lx .desc-content,
.page3 .desc.jdyy .desc-content,
.page3 .desc.yjwj .desc-content,
.page3 .desc.yjwjm .desc-content,
.page3 .desc.qn .desc-content,
.page3 .desc.qmx .desc-content,
.page3 .desc.wxd .desc-content {
  margin-top: 0.1rem;
}

.page3 .desc.xhyqt .btn,
.page3 .desc.wzxy .btn {
  top: 3.19rem;
}

.page3 .desc .desc-title {
  position: absolute;
  top: 0.8rem;
  font-size: 0.48rem;
  color: #1150ad;
  font-weight: 700;
  letter-spacing: 0.01rem;
}

.page3 .desc .desc-title .name {
  position: relative;
  top: 0.04rem;
  font-size: 0.24rem;
  font-weight: 500;
  color: #30416b;
}

.page3 .desc .desc-title .name::before {
  content: "";
  width: 0.02rem;
  height: 0.24rem;
  background-color: #30416b;
  display: inline-block;
  margin: 0.05rem 0.18rem 0;
  vertical-align: text-top;
}

.page3 .desc .z_biaoti_000 {
  mix-blend-mode: normal;
  opacity: 0.01;
  -webkit-animation: z_biaoti_000_anim 1.5s 0s linear both, z_biaoti_000_transform_bezier_anim 1.5s 0s both;
  animation: z_biaoti_000_anim 1.5s 0s linear both, z_biaoti_000_transform_bezier_anim 1.5s 0s both;
  background-size: 100% 100%;
}

.page3 .desc .desc-content {
  position: absolute;
  top: 1.54rem;
  color: #292b3b;
  font-size: 0.16rem;
  letter-spacing: 0;
  line-height: 0.32rem;
  max-width: 5.05rem;
}

.page3 .desc .z_wenzi_000 {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: z_wenzi_000_anim 1.417s 0.083s linear both, z_wenzi_000_transform_bezier_anim 1.417s 0.083s both;
  animation: z_wenzi_000_anim 1.417s 0.083s linear both, z_wenzi_000_transform_bezier_anim 1.417s 0.083s both;
  background-size: 100% 100%;
}

.page3 .desc .btn {
  position: absolute;
  top: 2.89rem;
  margin: 0.23rem 0 0.66rem;
  cursor: pointer;
}

.page3 .desc .btn.z_qianwangguanwang_shang_000 {
  height: 0.5rem;
  width: 2.3rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_qianwangguanwang_shang_000_anim 1.233s 0.267s linear both, z_qianwangguanwang_shang_000_transform_bezier_anim 1.233s 0.267s both;
  animation: z_qianwangguanwang_shang_000_anim 1.233s 0.267s linear both, z_qianwangguanwang_shang_000_transform_bezier_anim 1.233s 0.267s both;
}

.page3 .desc .btn:hover .z_xingzhuang_1_hecheng_1_001 {
  -webkit-animation: z_xingzhuang_1_hecheng_1_001_transform_bezier_anim 0.733s 0s both;
  animation: z_xingzhuang_1_hecheng_1_001_transform_bezier_anim 0.733s 0s both;
}

.page3 .desc .btn:hover .z_xingzhuang_1_hecheng_1_000 {
  display: block;
}

.page3 .desc .btn .z_BG_001 {
  position: absolute;
  left: 0;
  top: 0;
  height: 0.5rem;
  width: 2.3rem;
  mix-blend-mode: normal;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_BG_001_aecdb744.png);
  background-size: 100% 100%;
  font-size: 0.16rem;
  color: #30416b;
  line-height: 0.5rem;
  padding-left: 0.24rem;
  font-weight: 700;
}

.page3 .desc .btn .z_tuoyuan_1_hecheng_1_001 {
  position: absolute;
  left: 1.84rem;
  top: 0.04rem;
  height: 0.42rem;
  width: 0.42rem;
  mix-blend-mode: normal;
  background: #195aba;
  border-radius: 100%;
  overflow: hidden;
}

.page3 .desc .btn .z_xingzhuang_1_hecheng_1_001 {
  position: absolute;
  left: 0.15rem;
  top: 0.12rem;
  height: 0.2rem;
  width: 0.12rem;
  mix-blend-mode: normal;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_xingzhuang_1_hecheng_1_000_ccd1f67e.png);
  background-size: 100% 100%;
}

.page3 .desc .btn .z_xingzhuang_1_hecheng_1_000 {
  display: none;
  position: absolute;
  left: 0.15rem;
  top: 0.12rem;
  height: 0.2rem;
  width: 0.12rem;
  mix-blend-mode: normal;
  -webkit-animation: z_xingzhuang_1_hecheng_1_000_transform_bezier_anim 1.5s 0s both;
  animation: z_xingzhuang_1_hecheng_1_000_transform_bezier_anim 1.5s 0s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_xingzhuang_1_hecheng_1_000_ccd1f67e.png);
  background-size: 100% 100%;
}

.page3 .desc .game-container {
  position: absolute;
  top: 4.1rem;
  left: 0.27rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 3.43rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 2.77rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/short-bg_f019a1a3.png) no-repeat;
  background-size: contain;
  padding: 0.13rem 0.13rem 0.13rem 0.15rem;
}

.page3 .desc .game-container .game-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 3.18rem;
  border-radius: 0.3rem;
  overflow: hidden;
}

.page3 .desc .game-container .game-box-0,
.page3 .desc .game-container .game-box-4,
.page3 .desc .game-container .game-box-6,
.page3 .desc .game-container .game-box-5 {
  width: 4.14rem;
}

.page3 .desc .game-container-0,
.page3 .desc .game-container-4,
.page3 .desc .game-container-6,
.page3 .desc .game-container-5 {
  width: 4.39rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/nsh-bg_249a7f38.png) no-repeat;
}

.page3 .desc .game-container .left-arrow,
.page3 .desc .game-container .right-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.12rem;
  height: 0.2rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/left-arrow_1d82c3db.png) no-repeat;
  background-size: contain;
  z-index: 9;
  cursor: pointer;
}

.page3 .desc .game-container .left-arrow {
  left: 0.34rem;
}

.page3 .desc .game-container .right-arrow {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/right-arrow_447012e1.png) no-repeat;
  background-size: contain;
  right: 0.18rem;
}

.page3 .desc .pagination {
  position: absolute;
  top: 6.99rem;
  left: 0.27rem;
  width: 4.39rem;
  text-align: center;
}

.page3 .desc .pagination-1,
.page3 .desc .pagination-2,
.page3 .desc .pagination-3,
.page3 .desc .pagination-4 {
  width: 3.43rem;
}

.page3 .desc .pagination .page {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 0.17rem;
  margin: 0 0.05rem;
  cursor: pointer;
}

.page3 .desc .pagination .page .circle {
  position: absolute;
  display: inline-block;
  width: 0.17rem;
  height: 0.05rem;
  background-color: #fff;
  border-radius: 0.03rem;
  opacity: 0.6;
}

.page3 .desc .pagination .page::before {
  content: '';
  display: inline-block;
  margin-top: -0.225rem;
  height: 0.5rem;
  width: 100%;
}

.page3 .desc .pagination .page.on {
  width: 0.61rem;
}

.page3 .desc .pagination .page.on .circle {
  width: 0.61rem;
  background-color: #195aba;
}

.page3 .desc .z_juzhen_zhengli03_000 {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_juzhen_zhengli03_000_anim 1.1s 0.4s linear both;
  animation: z_juzhen_zhengli03_000_anim 1.1s 0.4s linear both;
  background-size: 100% 100%;
}

.page3 .desc .box {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
  width: 0.8rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.1);
  line-height: 0;
  margin-left: 0.1rem;
}

.page3 .desc .box:nth-child(1) {
  border-radius: 0.3rem 0 0 0.3rem;
  margin-left: 0;
}

.page3 .desc .box:nth-child(1) .zz {
  border-radius: 0.3rem 0 0 0.3rem;
}

.page3 .desc .box .zz {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.51rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/zz_606dda62.png) no-repeat;
  background-size: 100% 100%;
  z-index: 9;
  opacity: 1;
}

.page3 .desc .box .logo {
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  right: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 0.12rem;
  text-align: center;
  white-space: nowrap;
  z-index: 1;
}

.page3 .desc .box .logo img {
  margin-bottom: 0.12rem;
  width: 0.31rem;
  height: 0.31rem;
}

.page3 .desc .box .logo .text {
  color: #fff;
  opacity: 0.8;
}

.page3 .desc .box .bottom-zz {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.5rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/zz-active_409239a2.png) no-repeat;
  background-size: 100% 100%;
  z-index: 10;
}

.page3 .desc .box.active {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 42%;
  -ms-flex: 1 1 42%;
  flex: 1 1 42%;
}

.page3 .desc .box.active img {
  width: 100%;
  height: 100%;
}

.page3 .desc .box.active .zz {
  opacity: 0;
  -webkit-animation: zz_show 0.5s 0s linear;
  animation: zz_show 0.5s 0s linear;
}

.page3 .desc .box.active .logo {
  z-index: 11;
}

.page3 .desc .box.active .logo img {
  width: 0.31rem;
  height: 0.32rem;
  margin-bottom: 0.12rem;
}

.page3 .desc .box.active .logo .text {
  color: #fff;
  opacity: 1;
}

.page3 .desc .box > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.page3 .desc .box:hover {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 42%;
  -ms-flex: 1 1 42%;
  flex: 1 1 42%;
}

.page3 .desc .box:hover .zz {
  opacity: 0;
  -webkit-animation: zz_show 0.5s 0s linear;
  animation: zz_show 0.5s 0s linear;
}

.page3 .desc .box:hover > img {
  width: 100%;
  height: 100%;
}

@-webkit-keyframes text_anim {
  100% {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
  }
}

@keyframes text_anim {
  100% {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
  }
}

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

  37.5% {
    opacity: 0.5;
  }

  100% {
    opacity: 0.5;
  }
}

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

  37.5% {
    opacity: 0.5;
  }

  100% {
    opacity: 0.5;
  }
}

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

  36% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  36% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  36% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  36% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  33.33% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  33.33% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

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

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

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

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

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

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

  49.12% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  49.12% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_tansuoduoyanghuashijie_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(-0.57rem, 0);
    transform: translate(-0.57rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.24, 0, 0.58, 0.66);
    animation-timing-function: cubic-bezier(0.24, 0, 0.58, 0.66);
  }

  33.33% {
    -webkit-transform: translate(-0.1rem, 0);
    transform: translate(-0.1rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.31, 1, 0.65, 1);
    animation-timing-function: cubic-bezier(0.31, 1, 0.65, 1);
  }

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

@keyframes z_tansuoduoyanghuashijie_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(-0.57rem, 0);
    transform: translate(-0.57rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.24, 0, 0.58, 0.66);
    animation-timing-function: cubic-bezier(0.24, 0, 0.58, 0.66);
  }

  33.33% {
    -webkit-transform: translate(-0.1rem, 0);
    transform: translate(-0.1rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.31, 1, 0.65, 1);
    animation-timing-function: cubic-bezier(0.31, 1, 0.65, 1);
  }

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

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

  0.01% {
    opacity: 0.01;
  }

  18.97% {
    opacity: 0;
  }

  48.28% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  0.01% {
    opacity: 0.01;
  }

  18.97% {
    opacity: 0;
  }

  48.28% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_s_xingzhuang_560_hecheng_1_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(-0.32rem, 0);
    transform: translate(-0.32rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.25, 0, 0.56, 1);
    animation-timing-function: cubic-bezier(0.25, 0, 0.56, 1);
  }

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

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

@keyframes z_s_xingzhuang_560_hecheng_1_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(-0.32rem, 0);
    transform: translate(-0.32rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.25, 0, 0.56, 1);
    animation-timing-function: cubic-bezier(0.25, 0, 0.56, 1);
  }

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

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

@-webkit-keyframes z_biaoti_000_anim {
  0% {
    opacity: 0.01;
  }

  7.78% {
    opacity: 0;
  }

  34.44% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_biaoti_000_anim {
  0% {
    opacity: 0.01;
  }

  7.78% {
    opacity: 0;
  }

  34.44% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_biaoti_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0.18rem, 0);
    transform: translate(0.18rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    animation-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
  }

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

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

@keyframes z_biaoti_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0.18rem, 0);
    transform: translate(0.18rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    animation-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
  }

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

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

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

  0.01% {
    opacity: 0.01;
  }

  2.35% {
    opacity: 0.01;
  }

  10.59% {
    opacity: 0;
  }

  38.82% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  0.01% {
    opacity: 0.01;
  }

  2.35% {
    opacity: 0.01;
  }

  10.59% {
    opacity: 0;
  }

  38.82% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  2.35% {
    -webkit-transform: translate(0.27rem, 0);
    transform: translate(0.27rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.23, 0, 0.35, 1);
    animation-timing-function: cubic-bezier(0.23, 0, 0.35, 1);
  }

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

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

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

  2.35% {
    -webkit-transform: translate(0.27rem, 0);
    transform: translate(0.27rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.23, 0, 0.35, 1);
    animation-timing-function: cubic-bezier(0.23, 0, 0.35, 1);
  }

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

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

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

  8.11% {
    opacity: 0;
  }

  35.14% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  8.11% {
    opacity: 0;
  }

  35.14% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_qianwangguanwang_shang_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0.11rem, 0);
    transform: translate(0.11rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.23, 0, 0.35, 1);
    animation-timing-function: cubic-bezier(0.23, 0, 0.35, 1);
  }

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

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

@keyframes z_qianwangguanwang_shang_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0.11rem, 0);
    transform: translate(0.11rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.23, 0, 0.35, 1);
    animation-timing-function: cubic-bezier(0.23, 0, 0.35, 1);
  }

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

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

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

  30.3% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  30.3% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_xingzhuang_1_hecheng_1_001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.69, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.69, 0, 0.67, 1);
  }

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

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

@keyframes z_xingzhuang_1_hecheng_1_001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.69, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.69, 0, 0.67, 1);
  }

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

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

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

  27.27% {
    -webkit-transform: translate(-0.39rem, 0);
    transform: translate(-0.39rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.37, 0.82);
    animation-timing-function: cubic-bezier(0.35, 0, 0.37, 0.82);
  }

  68.18% {
    -webkit-transform: translate(0.01rem, 0);
    transform: translate(0.01rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.27, 2.19, 0.45, 1);
    animation-timing-function: cubic-bezier(0.27, 2.19, 0.45, 1);
  }

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

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

  27.27% {
    -webkit-transform: translate(-0.39rem, 0);
    transform: translate(-0.39rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.37, 0.82);
    animation-timing-function: cubic-bezier(0.35, 0, 0.37, 0.82);
  }

  68.18% {
    -webkit-transform: translate(0.01rem, 0);
    transform: translate(0.01rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.27, 2.19, 0.45, 1);
    animation-timing-function: cubic-bezier(0.27, 2.19, 0.45, 1);
  }

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

@-webkit-keyframes z_i_nishuihanduanyou_hecheng_1_000_anim {
  0% {
    opacity: 0.01;
  }

  9.17% {
    opacity: 0;
  }

  28.33% {
    opacity: 1;
  }

  99.99% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_i_nishuihanduanyou_hecheng_1_000_anim {
  0% {
    opacity: 0.01;
  }

  9.17% {
    opacity: 0;
  }

  28.33% {
    opacity: 1;
  }

  99.99% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_i_nishuihanduanyou_hecheng_1_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(-1.24rem, 0);
    transform: translate(-1.24rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.29, 0, 0.39, -0.01);
    animation-timing-function: cubic-bezier(0.29, 0, 0.39, -0.01);
  }

  20% {
    -webkit-transform: translate(-0.31rem, 0);
    transform: translate(-0.31rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.26, 1, 0.45, 1);
    animation-timing-function: cubic-bezier(0.26, 1, 0.45, 1);
  }

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

@keyframes z_i_nishuihanduanyou_hecheng_1_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(-1.24rem, 0);
    transform: translate(-1.24rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.29, 0, 0.39, -0.01);
    animation-timing-function: cubic-bezier(0.29, 0, 0.39, -0.01);
  }

  20% {
    -webkit-transform: translate(-0.31rem, 0);
    transform: translate(-0.31rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.26, 1, 0.45, 1);
    animation-timing-function: cubic-bezier(0.26, 1, 0.45, 1);
  }

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

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

  49.12% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  49.12% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes zz_show {
  0% {
    opacity: 1;
  }

  49.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes zz_show {
  0% {
    opacity: 1;
  }

  49.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.page4 {
  position: relative;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/bg_0bf82965.png) center center no-repeat;
  background-size: cover;
  padding-left: 1rem;
}

.page4 .text-box {
  position: absolute;
  top: 1.17rem;
  left: 0;
  white-space: nowrap;
}

.page4 .text-box .text {
  display: inline-block;
  width: 19.2rem;
  height: 6.05rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/text-bg_ccb504f9.png) no-repeat;
  background-size: contain;
  -webkit-animation: text_anim 20s 0s linear infinite;
  animation: text_anim 20s 0s linear infinite;
}

.page4 .title {
  position: absolute;
  top: 0.9rem;
  color: #222c45;
  font-size: 0.36rem;
  font-family: "fzltdh", sans-serif;
  font-weight: 700;
}

.page4 .title .sub-title {
  display: inline-block;
  font-size: 0.24rem;
  color: #292b3b;
  font-family: "NotoSansSC", sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  vertical-align: bottom;
}

.page4 .title .z_s_xingzhuang_560_hecheng_2_000 {
  position: absolute;
  left: 1.66rem;
  top: 0.17rem;
  height: 0.26rem;
  width: 0.02rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_s_xingzhuang_560_hecheng_2_000_anim 0.967s 0.033s linear both, z_s_xingzhuang_560_hecheng_2_000_transform_bezier_anim 0.967s 0.033s both;
  animation: z_s_xingzhuang_560_hecheng_2_000_anim 0.967s 0.033s linear both, z_s_xingzhuang_560_hecheng_2_000_transform_bezier_anim 0.967s 0.033s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_s_xingzhuang_560_hecheng_2_000_6d4e5a5d.png);
  background-size: 100% 100%;
}

.page4 .title .z_jishushili_000 {
  position: absolute;
  left: 1rem;
  top: 0.52rem;
  height: 0.35rem;
  width: 1.41rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 50% 51%;
  transform-origin: 50% 51%;
  -webkit-animation: z_jishushili_000_anim 1s 0s linear both,
        z_jishushili_000_transform_bezier_anim 1s 0s both;
  animation: z_jishushili_000_anim 1s 0s linear both,
        z_jishushili_000_transform_bezier_anim 1s 0s both;
  background-size: 100% 100%;
}

.page4 .title .z_youhujishuchuangzaowanjialequ_000 {
  position: absolute;
  left: 1.8rem;
  top: 0.14rem;
  height: 0.24rem;
  letter-spacing: 0;
  width: 11.3rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_youhujishuchuangzaowanjialequ_000_anim 0.95s 0.05s linear both, z_youhujishuchuangzaowanjialequ_000_transform_bezier_anim 0.95s 0.05s both;
  animation: z_youhujishuchuangzaowanjialequ_000_anim 0.95s 0.05s linear both, z_youhujishuchuangzaowanjialequ_000_transform_bezier_anim 0.95s 0.05s both;
  background-size: 100% 100%;
}

.page4 .nav {
  position: absolute;
  top: 2.65rem;
  z-index: 3;
}

.page4 .nav .z_i_xingzhuang_584_2_youhujuzhen_zhengli02_psd_hecheng_1_000 {
  position: absolute;
  left: 0;
  top: 0.07rem;
  mix-blend-mode: normal;
  -webkit-animation: z_i_xingzhuang_584_2_youhujuzhen_zhengli02_psd_hecheng_1_000_anim 0.833s 0.167s linear both;
  animation: z_i_xingzhuang_584_2_youhujuzhen_zhengli02_psd_hecheng_1_000_anim 0.833s 0.167s linear both;
  opacity: 0;
  background-size: 100% 100%;
}

.page4 .nav .z_i_xingzhuang_584_2_youhujuzhen_zhengli02_psd_hecheng_1_000.tab-0 {
  top: 0.3rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -0.54rem -14.46rem;
  width: 0.02rem;
  height: 2.11rem;
}

.page4 .nav .z_i_xingzhuang_584_2_youhujuzhen_zhengli02_psd_hecheng_1_000.tab-1 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -0.42rem -14.46rem;
  width: 0.02rem;
  height: 2.37rem;
}

.page4 .nav .z_i_xingzhuang_584_2_youhujuzhen_zhengli02_psd_hecheng_1_000.tab-2 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -0.48rem -14.46rem;
  width: 0.02rem;
  height: 2.37rem;
}

.page4 .nav .list {
  padding-left: 0.21rem;
}

.page4 .nav .list .gameBtn {
  position: absolute;
  top: 0;
  display: block;
  font-style: normal;
  color: #292b3b;
  margin-bottom: 0.5rem;
  font-size: 0.14rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 51% 53%;
  transform-origin: 51% 53%;
  -webkit-animation: z_yongjiemojian_000_anim 0.8s 0.2s linear both;
  animation: z_yongjiemojian_000_anim 0.8s 0.2s linear both;
  background-size: 100% 100%;
}

.page4 .nav .list .gameBtn:nth-child(2) {
  top: 0.66rem;
}

.page4 .nav .list .gameBtn:nth-child(3) {
  top: 1.39rem;
}

.page4 .nav .list .gameBtn.on {
  position: relative;
  font-size: 0.2rem;
  color: #1150ad;
  font-weight: 700;
  letter-spacing: 0.01rem;
  opacity: 1;
}

.page4 .nav .list .gameBtn.on .left {
  display: inline-block;
  height: 100%;
  vertical-align: top;
}

.page4 .nav .list .gameBtn.on .arrow {
  position: absolute;
  left: -0.25rem;
  top: 0.09rem;
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 0.12rem;
  background-color: #1150ad;
}

.page4 .nav .list .gameBtn.on .text {
  display: inline-block;
}

.page4 .nav .list .gameBtn.on .icon {
  font-size: 0.12rem;
  display: inline-block;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -20.03rem -4.97rem;
  width: 0.08rem;
  height: 0.13rem;
  margin-left: 0.05rem;
}

.page4 .nav .list .gameBtn .left {
  position: relative;
  cursor: pointer;
}

.page4 .nav .list .gameBtn .left::before,
.page4 .nav .list .gameBtn .left::after {
  content: '';
  height: 0.1rem;
  width: 100%;
  position: absolute;
  left: 0;
}

.page4 .nav .list .gameBtn .left::before {
  top: -0.1rem;
  height: 0.2rem;
}

.page4 .nav .list .gameBtn .left::after {
  height: 0.2rem;
  bottom: -0.1rem;
}

.page4 .nav .list .gameBtn.z_nishuihan_000 {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 800% 1565%;
  transform-origin: 800% 1565%;
  -webkit-animation: z_nishuihan_000_anim 0.833s 0.167s linear both;
  animation: z_nishuihan_000_anim 0.833s 0.167s linear both;
  background-size: 100% 100%;
}

.page4 .nav .list .gameBtn .expect {
  display: inline-block;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -19.91rem -4.76rem;
  width: 0.59rem;
  height: 0.17rem;
  vertical-align: middle;
}

.page4 .nav .list .gameBtn .sub-nav {
  display: inline-block;
}

.page4 .nav .list .gameBtn .sub-nav li {
  position: relative;
  display: block;
  white-space: nowrap;
  font-size: 0.14rem;
  color: #292b3b;
  line-height: 0.32rem;
  opacity: 0.5;
  z-index: 99999999999999999;
  cursor: pointer;
}

.page4 .nav .list .gameBtn .sub-nav li.on {
  color: #30416b;
  opacity: 1;
}

.page4 .container {
  position: absolute;
  top: 2.22rem;
  left: 0.7rem;
  width: 100%;
  height: 100%;
  height: 5.78rem;
}

.page4 .container .item-box1 {
  position: absolute;
  left: 2.4rem;
  top: -0.9rem;
  width: 5.96rem;
  height: 6.96rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/box_c900b130.png) no-repeat;
  background-size: contain;
  z-index: 2;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: ztuceng_49_anim 0.533s 0.33s linear both, ztuceng_49_transform_bezier_anim 0.533s 0.33s both;
  animation: ztuceng_49_anim 0.533s 0.33s linear both, ztuceng_49_transform_bezier_anim 0.533s 0.33s both;
}

.page4 .container .item-box1 .sub-title {
  position: absolute;
  top: 2.02rem;
  left: 1.71rem;
  font-size: 0.26rem;
  font-weight: 700;
  width: 2.99rem;
  line-height: 0.41rem;
  letter-spacing: 0.02rem;
  color: #222c45;
}

.page4 .container .item-box1 .zjuxing_3_hecheng_15 {
  position: absolute;
  top: 1.83rem;
  left: 1.69rem;
  height: 0.06rem;
  width: 0.48rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 1085% 3333%;
  transform-origin: 1085% 3333%;
  -webkit-animation: zjuxing_3_hecheng_15_anim 0.5s 0.33s linear both;
  animation: zjuxing_3_hecheng_15_anim 0.5s 0.33s linear both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/juxing_3_hecheng_1_5_b340acb0.png);
  background-size: 100% 100%;
}

.page4 .container .item-box1 .sub-desc {
  position: absolute;
  top: 3.7rem;
  left: 1.71rem;
  width: 2.92rem;
  font-size: 0.12rem;
  line-height: 0.22rem;
  letter-spacing: 0.01rem;
  color: #292b3b;
}

.page4 .container .item-box1 .sub-desc.npc {
  top: 3.2rem;
}

.page4 .container .item-box1 .sub-desc.art {
  top: 2rem;
}

.page4 .container .item-box1 .sub-desc.action {
  top: 3.2rem;
}

.page4 .container .swiper-container {
  position: relative;
  width: 14.1rem;
  height: 100%;
  overflow: visible;
}

.page4 .container .swiper-container.isArt {
  margin-left: -0.2rem;
}

.page4 .container .swiper-container.isArt .swiper-pagination {
  left: calc(50% + 3.37rem);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.page4 .container .swiper-container .swiper-slide {
  width: 100%;
  height: 100%;
  margin-right: 0.05rem;
}

.page4 .container .swiper-container .swiper-slide .item-box {
  position: absolute;
  left: 0;
  top: -0.93rem;
  width: 5.96rem;
  height: 6.96rem;
  display: none;
}

.page4 .container .swiper-container .swiper-slide .item-box .sub-title {
  position: absolute;
  top: 2.02rem;
  left: 1.71rem;
  font-size: 0.26rem;
  font-weight: 700;
  width: 2.99rem;
  line-height: 0.41rem;
  letter-spacing: 0.02rem;
  color: #222c45;
}

.page4 .container .swiper-container .swiper-slide .item-box .zjuxing_3_hecheng_15 {
  position: absolute;
  top: 1.83rem;
  left: 1.69rem;
  height: 0.06rem;
  width: 0.48rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 1085% 3333%;
  transform-origin: 1085% 3333%;
  -webkit-animation: zjuxing_3_hecheng_15_anim 0.5s 0.33s linear both;
  animation: zjuxing_3_hecheng_15_anim 0.5s 0.33s linear both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/juxing_3_hecheng_1_5_b340acb0.png);
  background-size: 100% 100%;
}

.page4 .container .swiper-container .swiper-slide .item-box .sub-desc {
  position: absolute;
  top: 3.7rem;
  left: 1.71rem;
  width: 2.92rem;
  font-size: 0.12rem;
  line-height: 0.22rem;
  letter-spacing: 0.01rem;
  color: #292b3b;
}

.page4 .container .swiper-container .swiper-slide .item-box .sub-desc.npc {
  top: 3.2rem;
}

.page4 .container .swiper-container .swiper-slide .item-box .sub-desc.art {
  top: 2.9rem;
}

.page4 .container .swiper-container .swiper-slide .item-box .sub-desc.action {
  top: 3.2rem;
}

.page4 .container .swiper-container .swiper-slide .ztuceng_49 {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/box_c900b130.png) no-repeat;
  background-size: contain;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: ztuceng_49_anim 0.533s 0.33s linear both, ztuceng_49_transform_bezier_anim 0.533s 0.33s both;
  animation: ztuceng_49_anim 0.533s 0.33s linear both, ztuceng_49_transform_bezier_anim 0.533s 0.33s both;
}

.page4 .container .swiper-container .swiper-slide .zfasi6 {
  position: absolute;
  left: 4.5rem;
  top: 3.93rem;
  height: 1.08rem;
  width: 2.79rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: zfasi6_anim 0.5s 0.363s linear both, zfasi6_transform_bezier_anim 0.5s 0.363s both;
  animation: zfasi6_anim 0.5s 0.363s linear both, zfasi6_transform_bezier_anim 0.5s 0.363s both;
}

.page4 .container .swiper-container .swiper-slide .zhuanyuan7 {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: zhuanyuan7_anim 0.417s 0.447s linear both, zhuanyuan7_transform_bezier_anim 0.417s 0.447s both;
  animation: zhuanyuan7_anim 0.417s 0.447s linear both, zhuanyuan7_transform_bezier_anim 0.417s 0.447s both;
}

.page4 .container .swiper-container .swiper-slide .pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 9.98rem;
  height: 5.78rem;
}

.page4 .container .swiper-container .swiper-slide .pic video,
.page4 .container .swiper-container .swiper-slide .pic .contentImg {
  position: absolute;
  left: 0.09rem;
  top: 0.08rem;
  width: 9.6rem;
  height: 5.4rem;
  z-index: 2;
  border-radius: 0.2rem;
}

.page4 .container .swiper-container .swiper-slide .pic .bg-img {
  position: absolute;
  right: 0;
  width: 3.74rem;
  height: 5.78rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: z_maskshiyi_000_transform_bezier_anim 0.883s 0s both;
  animation: z_maskshiyi_000_transform_bezier_anim 0.883s 0s both;
}

.page4 .container .swiper-container .swiper-slide .z_s_juxing_564_hecheng_1_000 {
  mix-blend-mode: normal;
  -webkit-transform-origin: 49% 48%;
  transform-origin: 49% 48%;
  -webkit-animation: z_s_juxing_564_hecheng_1_000_anim 0.167s 0s linear both, z_s_juxing_564_hecheng_1_000_transform_bezier_anim 0.167s 0s both;
  animation: z_s_juxing_564_hecheng_1_000_anim 0.167s 0s linear both, z_s_juxing_564_hecheng_1_000_transform_bezier_anim 0.167s 0s both;
}

.page4 .container .swiper-container .swiper-slide .pic-zz {
  position: absolute;
  left: 0.08rem;
  top: 0.08rem;
  width: 9.6rem;
  height: 5.4rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/tech-zz_87588776.png) no-repeat;
  background-size: 100%;
  z-index: 3;
}

.page4 .container .swiper-container .swiper-slide .tag {
  position: absolute;
  right: 0.28rem;
  top: 0.29rem;
  width: 1.59rem;
  height: 0.34rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/tag-bg_a2ed1dab.png) no-repeat;
  background-size: contain;
  text-align: center;
  line-height: 0.34rem;
  color: #fff;
  letter-spacing: 0.01rem;
  opacity: 0;
}

.page4 .container .swiper-container .swiper-slide .icon {
  position: absolute;
  bottom: 0.5rem;
  right: 0.41rem;
  display: none;
}

.page4 .container .swiper-container .swiper-slide-active {
  mix-blend-mode: normal;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: z_kong_1_000_transform_bezier_anim 0.883s 0s both;
  animation: z_kong_1_000_transform_bezier_anim 0.883s 0s both;
}

.page4 .container .swiper-container .swiper-slide-active .pic {
  left: unset;
  right: 0;
}

.page4 .container .swiper-container .swiper-slide-active .z_yinying_000 {
  overflow: hidden;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 26% 44%;
  transform-origin: 26% 44%;
  -webkit-animation: z_yinying_000_anim 0.383s 0s linear both;
  animation: z_yinying_000_anim 0.383s 0s linear both;
}

.page4 .container .swiper-container .swiper-slide-active .z_yinying_000 .bg-img {
  position: absolute;
  right: 0;
  width: 3.74rem;
  height: 5.78rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: z_maskshiyi_000_transform_bezier_anim 0.883s 0s both;
  animation: z_maskshiyi_000_transform_bezier_anim 0.883s 0s both;
}

.page4 .container .swiper-container .swiper-slide-active .z_yinying_000 .z_icon_kaobei_000 {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_icon_kaobei_000_anim 0.733s 0.15s linear both;
  animation: z_icon_kaobei_000_anim 0.733s 0.15s linear both;
}

.page4 .container .swiper-container .swiper-slide-active .tag {
  -webkit-animation: z_biaoqian_kaobei_4_000_anim 0.733s 0s linear both;
  animation: z_biaoqian_kaobei_4_000_anim 0.733s 0s linear both;
}

.page4 .container .swiper-container .swiper-slide-active .pic-zz {
  display: none;
}

.page4 .container .swiper-container .swiper-slide-active .item-box,
.page4 .container .swiper-container .swiper-slide-active .icon {
  display: block;
}

.page4 .container .swiper-container .swiper-slide-prev {
  opacity: 0;
}

.page4 .container .swiper-container .swiper-slide.z_kong_2_000 {
  mix-blend-mode: normal;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: z_kong_2_000_anim 1s 0s linear both,
            z_kong_2_000_transform_bezier_anim 1s 0s both;
  animation: z_kong_2_000_anim 1s 0s linear both,
            z_kong_2_000_transform_bezier_anim 1s 0s both;
}

.page4 .container .swiper-container .swiper-slide.z_kong_2_0001 {
  mix-blend-mode: normal;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: z_kong_2_000_anim 0.5s 0s linear both, z_kong_2_000_transform_bezier_anim1 0.5s 0s both;
  animation: z_kong_2_000_anim 0.5s 0s linear both, z_kong_2_000_transform_bezier_anim1 0.5s 0s both;
}

.page4 .container .swiper-container .swiper-pagination {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.page4 .container .swiper-container .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  width: 0.19rem;
  height: 0.06rem;
  border-radius: 0;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/pagination-icon_25c0301e.png) no-repeat;
  background-size: 100%;
  opacity: 1;
  margin-right: 0.2rem;
}

.page4 .container .swiper-container .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}

.page4 .container .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 0.66rem;
  height: 0.06rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/pagination-icon-2_e635890f.png) no-repeat;
  background-size: 100%;
}

.page4 .container .swiper-container .swiper-pagination .swiper-pagination-bullet::after,
.page4 .container .swiper-container .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  position: absolute;
  width: 0.3rem;
  height: 0.2rem;
}

.page4 .container .swiper-container .swiper-pagination .swiper-pagination-bullet::before {
  left: -0.1rem;
}

.page4 .container .swiper-container .swiper-pagination .swiper-pagination-bullet::after {
  right: -0.1rem;
}

.page4 .container .swiper-button-prev,
.page4 .container .swiper-button-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -14.99rem -9.31rem;
  width: 1.11rem;
  height: 1.11rem;
}

.page4 .container .swiper-button-prev:hover,
.page4 .container .swiper-button-next:hover {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -16.14rem -9.31rem;
  width: 1.11rem;
  height: 1.11rem;
}

.page4 .container .swiper-button-prev {
  left: 50%;
  -webkit-transform: translate(-6.7rem, -50%);
  transform: translate(-6.7rem, -50%);
}

.page4 .container .swiper-button-next {
  left: 50%;
  -webkit-transform: translate(6.6rem, -50%);
  transform: translate(6.6rem, -50%);
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -18.49rem -8.15rem;
  width: 1.11rem;
  height: 1.11rem;
}

.page4 .container .swiper-button-next.isArt {
  right: 4.35rem;
}

.page4 .container .swiper-button-next:hover {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -19.64rem -8.15rem;
  width: 1.11rem;
  height: 1.11rem;
}

@-webkit-keyframes z_kong_1_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(3.91rem, 0);
    transform: translate(3.91rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.26, 0, 0.33, 1);
    animation-timing-function: cubic-bezier(0.26, 0, 0.33, 1);
  }

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

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

@keyframes z_kong_1_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(3.91rem, 0);
    transform: translate(3.91rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.26, 0, 0.33, 1);
    animation-timing-function: cubic-bezier(0.26, 0, 0.33, 1);
  }

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

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

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

  61.36% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  61.36% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_maskshiyi_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.26, 0, 0.29, 1);
    animation-timing-function: cubic-bezier(0.26, 0, 0.29, 1);
  }

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

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

@keyframes z_maskshiyi_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.26, 0, 0.29, 1);
    animation-timing-function: cubic-bezier(0.26, 0, 0.29, 1);
  }

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

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

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

  61.36% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  61.36% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_kong_2_000_anim {
  0% {
    opacity: 1;
  }

  56.67% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_kong_2_000_anim {
  0% {
    opacity: 1;
  }

  56.67% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes z_kong_2_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(4.49rem, 0);
    transform: translate(4.49rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.26, 0, 0.33, 1);
    animation-timing-function: cubic-bezier(0.26, 0, 0.33, 1);
  }

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

@keyframes z_kong_2_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(4.49rem, 0);
    transform: translate(4.49rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.26, 0, 0.33, 1);
    animation-timing-function: cubic-bezier(0.26, 0, 0.33, 1);
  }

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

@-webkit-keyframes z_kong_2_000_transform_bezier_anim1 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.26, 0, 0.33, 1);
    animation-timing-function: cubic-bezier(0.26, 0, 0.33, 1);
  }

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

@keyframes z_kong_2_000_transform_bezier_anim1 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.26, 0, 0.33, 1);
    animation-timing-function: cubic-bezier(0.26, 0, 0.33, 1);
  }

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

@-webkit-keyframes z_s_juxing_564_hecheng_1_000_anim {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_s_juxing_564_hecheng_1_000_anim {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes z_s_juxing_564_hecheng_1_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.42, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.42, 1);
  }

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

@keyframes z_s_juxing_564_hecheng_1_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.37, 0, 0.42, 1);
    animation-timing-function: cubic-bezier(0.37, 0, 0.42, 1);
  }

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

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

  100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 1;
  }
}

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

  36% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  36% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  0.01% {
    opacity: 0.01;
  }

  18.97% {
    opacity: 0;
  }

  48.28% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  0.01% {
    opacity: 0.01;
  }

  18.97% {
    opacity: 0;
  }

  48.28% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_s_xingzhuang_560_hecheng_2_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(-0.42rem, 0);
    transform: translate(-0.42rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.36, 1);
    animation-timing-function: cubic-bezier(0.3, 0, 0.36, 1);
  }

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

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

@keyframes z_s_xingzhuang_560_hecheng_2_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(-0.42rem, 0);
    transform: translate(-0.42rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.36, 1);
    animation-timing-function: cubic-bezier(0.3, 0, 0.36, 1);
  }

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

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

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

  33.33% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  33.33% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_jishushili_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(-0.31rem, 0);
    transform: translate(-0.31rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.29, 0, 0.33, 1);
    animation-timing-function: cubic-bezier(0.29, 0, 0.33, 1);
  }

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

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

@keyframes z_jishushili_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(-0.31rem, 0);
    transform: translate(-0.31rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.29, 0, 0.33, 1);
    animation-timing-function: cubic-bezier(0.29, 0, 0.33, 1);
  }

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

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

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

  15.25% {
    opacity: 0;
  }

  71.19% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  15.25% {
    opacity: 0;
  }

  71.19% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_wenziceng_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(-0.26rem, 0);
    transform: translate(-0.26rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.69, 0.83);
    animation-timing-function: cubic-bezier(0.4, 0, 0.69, 0.83);
  }

  15.25% {
    -webkit-transform: translate(-0.1rem, 0);
    transform: translate(-0.1rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.31, 0.98, 0.62, 1);
    animation-timing-function: cubic-bezier(0.31, 0.98, 0.62, 1);
  }

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

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

@keyframes z_wenziceng_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(-0.26rem, 0);
    transform: translate(-0.26rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.69, 0.83);
    animation-timing-function: cubic-bezier(0.4, 0, 0.69, 0.83);
  }

  15.25% {
    -webkit-transform: translate(-0.1rem, 0);
    transform: translate(-0.1rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.31, 0.98, 0.62, 1);
    animation-timing-function: cubic-bezier(0.31, 0.98, 0.62, 1);
  }

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

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

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

  49.12% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  49.12% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_youhujishuchuangzaowanjialequ_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(-0.63rem, 0);
    transform: translate(-0.63rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.47, 0.8);
    animation-timing-function: cubic-bezier(0.35, 0, 0.47, 0.8);
  }

  33.33% {
    -webkit-transform: translate(-0.06rem, 0);
    transform: translate(-0.06rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.28, 1, 0.6, 1);
    animation-timing-function: cubic-bezier(0.28, 1, 0.6, 1);
  }

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

@keyframes z_youhujishuchuangzaowanjialequ_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(-0.63rem, 0);
    transform: translate(-0.63rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.47, 0.8);
    animation-timing-function: cubic-bezier(0.35, 0, 0.47, 0.8);
  }

  33.33% {
    -webkit-transform: translate(-0.06rem, 0);
    transform: translate(-0.06rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.28, 1, 0.6, 1);
    animation-timing-function: cubic-bezier(0.28, 1, 0.6, 1);
  }

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

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

  40.63% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  40.63% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes ztuceng_49_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0.72rem, 0);
    transform: translate(0.72rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);
    animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);
  }

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

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

@keyframes ztuceng_49_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0.72rem, 0);
    transform: translate(0.72rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);
    animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);
  }

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

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

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

  40% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  40% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  13.33% {
    opacity: 0;
  }

  53.33% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  13.33% {
    opacity: 0;
  }

  53.33% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes zfasi6_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0.63rem, 0);
    transform: translate(0.63rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.38, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.38, 1);
  }

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

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

@keyframes zfasi6_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0.63rem, 0);
    transform: translate(0.63rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.38, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.38, 1);
  }

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

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

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

  16% {
    opacity: 0;
  }

  64% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  16% {
    opacity: 0;
  }

  64% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes zhuanyuan7_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0.63rem, 0);
    transform: translate(0.63rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.38, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.38, 1);
  }

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

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

@keyframes zhuanyuan7_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0.63rem, 0);
    transform: translate(0.63rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.38, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.38, 1);
  }

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

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

@keyframes text_anim {
  100% {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
  }
}

.page5 {
  position: relative;
  width: 100%;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/bg_29c9aea6.png) no-repeat top center;
  background-size: cover;
  padding-left: 1rem;
}

.page5 .title {
  position: absolute;
  top: 0.9rem;
  color: #222c45;
  font-size: 0.36rem;
  font-family: "fzltdh", sans-serif;
  font-weight: 700;
}

.page5 .title .sub-title {
  display: inline-block;
  font-size: 0.24rem;
  color: #292b3b;
  font-family: "NotoSansSC", sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  vertical-align: bottom;
}

.page5 .title .z_s_xingzhuang_560_hecheng_2_000 {
  position: absolute;
  left: 1.66rem;
  top: 0.17rem;
  height: 0.26rem;
  width: 0.02rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_s_xingzhuang_560_hecheng_2_000_anim 0.967s 0.033s linear both, z_s_xingzhuang_560_hecheng_2_000_transform_bezier_anim 0.967s 0.033s both;
  animation: z_s_xingzhuang_560_hecheng_2_000_anim 0.967s 0.033s linear both, z_s_xingzhuang_560_hecheng_2_000_transform_bezier_anim 0.967s 0.033s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_s_xingzhuang_560_hecheng_2_000_6d4e5a5d.png);
  background-size: 100% 100%;
}

.page5 .title .z_jishushili_000 {
  position: absolute;
  left: 1rem;
  top: 0.52rem;
  height: 0.35rem;
  width: 1.41rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 50% 51%;
  transform-origin: 50% 51%;
  -webkit-animation: z_jishushili_000_anim 1s 0s linear both,
        z_jishushili_000_transform_bezier_anim 1s 0s both;
  animation: z_jishushili_000_anim 1s 0s linear both,
        z_jishushili_000_transform_bezier_anim 1s 0s both;
  background-size: 100% 100%;
}

.page5 .title .z_youhujishuchuangzaowanjialequ_000 {
  position: absolute;
  left: 1.8rem;
  top: 0.14rem;
  height: 0.24rem;
  letter-spacing: 0;
  width: 5.3rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_youhujishuchuangzaowanjialequ_000_anim 0.95s 0.05s linear both, z_youhujishuchuangzaowanjialequ_000_transform_bezier_anim 0.95s 0.05s both;
  animation: z_youhujishuchuangzaowanjialequ_000_anim 0.95s 0.05s linear both, z_youhujishuchuangzaowanjialequ_000_transform_bezier_anim 0.95s 0.05s both;
  background-size: 100% 100%;
}

.page5 .content {
  margin: 3rem 0 0 -1rem;
  text-align: center;
}

.page5 .content .section {
  position: relative;
  display: inline-block;
  margin-right: 0.45rem;
  width: 4.46rem;
  height: 3.84rem;
  text-align: left;
  padding: 0.51rem 0 0 0.34rem;
  border-radius: 0.2rem;
  overflow: hidden;
}

.page5 .content .section-school {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_A_000_anim 0.65s 0s linear both, z_A_000_transform_bezier_anim 0.65s 0s both;
  animation: z_A_000_anim 0.65s 0s linear both, z_A_000_transform_bezier_anim 0.65s 0s both;
}

.page5 .content .section-school .mask {
  -webkit-mask-image: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/practice-bg_27948cf4.png);
  mask-image: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/practice-bg_27948cf4.png);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.page5 .content .section-society {
  background-size: 100%;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_A_000_anim 0.583s 0.067s linear both, z_A_000_transform_bezier_anim 0.583s 0.067s both;
  animation: z_A_000_anim 0.583s 0.067s linear both, z_A_000_transform_bezier_anim 0.583s 0.067s both;
}

.page5 .content .section-society .mask {
  -webkit-mask-image: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/practice-bg_27948cf4.png);
  mask-image: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/practice-bg_27948cf4.png);
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.page5 .content .section-practice {
  margin-right: 0;
  background-size: 100%;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_A_000_anim 0.517s 0.133s linear both, z_A_000_transform_bezier_anim 0.517s 0.133s both;
  animation: z_A_000_anim 0.517s 0.133s linear both, z_A_000_transform_bezier_anim 0.517s 0.133s both;
}

.page5 .content .section-practice .mask {
  -webkit-mask-image: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/practice-bg_27948cf4.png);
  mask-image: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/practice-bg_27948cf4.png);
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.page5 .content .section img {
  position: absolute;
  top: -0.02rem;
  left: 0;
  width: 4.47rem;
  height: 3.86rem;
}

.page5 .content .section::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/mask_6783d2b4.png) no-repeat;
  background-size: 100%;
  z-index: 999;
}

.page5 .content .section:hover img {
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: z_tuceng_885_kaobei_000_transform_bezier_anim 0.517s 0s both;
  animation: z_tuceng_885_kaobei_000_transform_bezier_anim 0.517s 0s both;
}

.page5 .content .section:hover::after {
  -webkit-transform-origin: 24% 50%;
  transform-origin: 24% 50%;
  -webkit-animation: z_juxing_715_000_opacity_bezier_anim 0.517s 0s both;
  animation: z_juxing_715_000_opacity_bezier_anim 0.517s 0s both;
}

.page5 .content .section:hover .btn,
.page5 .content .section:hover .btn-h {
  mix-blend-mode: normal;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -18.89rem -4.02rem;
  width: 1.77rem;
  height: 0.6rem;
}

.page5 .content .section:hover .btn .td,
.page5 .content .section:hover .btn-h .td {
  mix-blend-mode: normal;
  -webkit-transform-origin: 51% 50%;
  transform-origin: 51% 50%;
  -webkit-animation: z_lijitoudi_kaobei_000_transform_bezier_anim 0.517s 0s both;
  animation: z_lijitoudi_kaobei_000_transform_bezier_anim 0.517s 0s both;
}

.page5 .content .section:hover .btn .icon,
.page5 .content .section:hover .btn-h .icon {
  mix-blend-mode: normal;
  -webkit-animation: z_dayu_5_PC_jiaruwomen_zhengli02_psd_hecheng_1_000_transform_bezier_anim 0.517s 0s both;
  animation: z_dayu_5_PC_jiaruwomen_zhengli02_psd_hecheng_1_000_transform_bezier_anim 0.517s 0s both;
}

.page5 .content .section.end img {
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: z_tuceng_885_kaobei_000_transform_bezier_anim1 0.517s 0s both;
  animation: z_tuceng_885_kaobei_000_transform_bezier_anim1 0.517s 0s both;
}

.page5 .content .section.end .btn .td,
.page5 .content .section.end .btn-h .td {
  mix-blend-mode: normal;
  -webkit-transform-origin: 51% 50%;
  transform-origin: 51% 50%;
  -webkit-animation: z_lijitoudi_kaobei_2_000_transform_bezier_anim 0.517s 0s both;
  animation: z_lijitoudi_kaobei_2_000_transform_bezier_anim 0.517s 0s both;
}

.page5 .content .section.end .btn .icon,
.page5 .content .section.end .btn-h .icon {
  mix-blend-mode: normal;
  -webkit-animation: z_dayu_5_PC_jiaruwomen_zhengli02_psd_hecheng_1_000_transform_bezier_anim1 0.517s 0s both;
  animation: z_dayu_5_PC_jiaruwomen_zhengli02_psd_hecheng_1_000_transform_bezier_anim1 0.517s 0s both;
}

.page5 .content .section.end .btn-h {
  mix-blend-mode: normal;
  -webkit-animation: z_ertai_5_PC_jiaruwomen_zhengli02_psd_hecheng_1_000_opacity_bezier_anim 0.333s 0s both;
  animation: z_ertai_5_PC_jiaruwomen_zhengli02_psd_hecheng_1_000_opacity_bezier_anim 0.333s 0s both;
}

.page5 .content .section.end::after {
  -webkit-transform-origin: 24% 50%;
  transform-origin: 24% 50%;
  -webkit-animation: z_juxing_715_000_opacity_bezier_anim1 0.517s 0s both;
  animation: z_juxing_715_000_opacity_bezier_anim1 0.517s 0s both;
}

.page5 .content .section .section-title {
  position: relative;
  font-size: 0.32rem;
  line-height: 0.25rem;
  letter-spacing: 0;
  margin-bottom: 0.13rem;
  color: #fff;
  font-weight: 700;
  z-index: 1000;
}

.page5 .content .section .section-desc {
  position: relative;
  font-size: 0.16rem;
  line-height: 0.21rem;
  letter-spacing: 0;
  padding-top: 0.17rem;
  color: #fff;
  opacity: 0.7;
  z-index: 1000;
}

.page5 .content .section .section-desc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0.24rem;
  border: solid 0.03rem #6298f3;
}

.page5 .content .section .btn {
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 0.6rem;
  font-size: 0.18rem;
  color: #fff;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -16.7rem -4.76rem;
  width: 1.77rem;
  height: 0.6rem;
  text-align: center;
  z-index: 2;
}

.page5 .content .section .btn .td {
  display: inline-block;
}

.page5 .content .section .btn .icon {
  display: inline-block;
  margin-left: 0.15rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -20.75rem -4.76rem;
  width: 0.09rem;
  height: 0.16rem;
  vertical-align: middle;
}

.page5 .more {
  text-align: center;
  margin-left: -1rem;
}

.page5 .more .z_BG_001 {
  display: inline-block;
  position: relative;
  height: 0.5rem;
  width: 2.3rem;
  margin: 0.5rem auto 0;
  text-align: left;
  mix-blend-mode: normal;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_BG_001_aecdb744.png);
  background-size: 100% 100%;
  font-size: 0.16rem;
  color: #30416b;
  line-height: 0.5rem;
  padding-left: 0.24rem;
  font-weight: 700;
}

.page5 .more .z_BG_001:hover .z_xingzhuang_1_hecheng_1_001 {
  -webkit-animation: z_xingzhuang_1_hecheng_1_001_transform_bezier_anim 0.733s 0s both;
  animation: z_xingzhuang_1_hecheng_1_001_transform_bezier_anim 0.733s 0s both;
}

.page5 .more .z_BG_001:hover .z_xingzhuang_1_hecheng_1_000 {
  display: block;
}

.page5 .more .z_tuoyuan_1_hecheng_1_001 {
  display: inline-block;
  position: absolute;
  left: 1.84rem;
  top: 0.04rem;
  height: 0.42rem;
  width: 0.42rem;
  mix-blend-mode: normal;
  background: #195aba;
  border-radius: 100%;
  overflow: hidden;
}

.page5 .more .z_xingzhuang_1_hecheng_1_001 {
  position: absolute;
  left: 0.15rem;
  top: 0.12rem;
  height: 0.2rem;
  width: 0.12rem;
  mix-blend-mode: normal;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_xingzhuang_1_hecheng_1_000_ccd1f67e.png);
  background-size: 100% 100%;
}

.page5 .more .z_xingzhuang_1_hecheng_1_000 {
  display: none;
  position: absolute;
  left: 0.15rem;
  top: 0.12rem;
  height: 0.2rem;
  width: 0.12rem;
  mix-blend-mode: normal;
  -webkit-animation: z_xingzhuang_1_hecheng_1_000_transform_bezier_anim 1.5s 0s both;
  animation: z_xingzhuang_1_hecheng_1_000_transform_bezier_anim 1.5s 0s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_xingzhuang_1_hecheng_1_000_ccd1f67e.png);
  background-size: 100% 100%;
}

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

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

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

  76.92% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  76.92% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

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

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

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

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

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

@-webkit-keyframes z_dayu_5_PC_jiaruwomen_zhengli02_psd_hecheng_1_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
  }

  96.77% {
    -webkit-transform: translate(0.15rem, 0);
    transform: translate(0.15rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

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

@keyframes z_dayu_5_PC_jiaruwomen_zhengli02_psd_hecheng_1_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
  }

  96.77% {
    -webkit-transform: translate(0.15rem, 0);
    transform: translate(0.15rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

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

@-webkit-keyframes z_lijitoudi_kaobei_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
  }

  96.77% {
    -webkit-transform: translate(-0.11rem, 0);
    transform: translate(-0.11rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

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

@keyframes z_lijitoudi_kaobei_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
  }

  96.77% {
    -webkit-transform: translate(-0.11rem, 0);
    transform: translate(-0.11rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

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

@-webkit-keyframes z_lijitoudi_kaobei_2_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(-0.11rem, 0);
    transform: translate(-0.11rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
  }

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

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

@keyframes z_lijitoudi_kaobei_2_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(-0.11rem, 0);
    transform: translate(-0.11rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
  }

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

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

@-webkit-keyframes z_dayu_5_PC_jiaruwomen_zhengli02_psd_hecheng_1_000_transform_bezier_anim1 {
  0% {
    -webkit-transform: translate(0.15rem, 0);
    transform: translate(0.15rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
  }

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

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

@keyframes z_dayu_5_PC_jiaruwomen_zhengli02_psd_hecheng_1_000_transform_bezier_anim1 {
  0% {
    -webkit-transform: translate(0.15rem, 0);
    transform: translate(0.15rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
  }

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

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

@-webkit-keyframes z_tuceng_885_kaobei_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
  }

  96.77% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 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, 1.1);
    transform: scale(1.1, 1.1);
  }
}

@keyframes z_tuceng_885_kaobei_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
  }

  96.77% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 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, 1.1);
    transform: scale(1.1, 1.1);
  }
}

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

  96.77% {
    -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_tuceng_885_kaobei_000_transform_bezier_anim1 {
  0% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
  }

  96.77% {
    -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 z_juxing_715_000_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.42, 1);
  }

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

  100% {
    opacity: 0.8;
  }
}

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

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

  100% {
    opacity: 0.8;
  }
}

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

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
  }
}

.page6 {
  position: relative;
  width: 100%;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/bg_d4930f82.png) no-repeat center center;
  background-size: cover;
  padding-top: 1.95rem;
}

.page6 .tab-title {
  position: absolute;
  top: 0.9rem;
  left: 1rem;
  color: #222c45;
  font-size: 0.36rem;
  font-family: "fzltdh", sans-serif;
  font-weight: 700;
}

.page6 .tab-title .sub-title {
  display: inline-block;
  font-size: 0.24rem;
  color: #292b3b;
  font-family: "NotoSansSC", sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  vertical-align: bottom;
}

.page6 .tab-title .z_s_xingzhuang_560_hecheng_2_000 {
  position: absolute;
  left: 1.66rem;
  top: 0.17rem;
  height: 0.26rem;
  width: 0.02rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_s_xingzhuang_560_hecheng_2_000_anim 0.967s 0.033s linear both, z_s_xingzhuang_560_hecheng_2_000_transform_bezier_anim 0.967s 0.033s both;
  animation: z_s_xingzhuang_560_hecheng_2_000_anim 0.967s 0.033s linear both, z_s_xingzhuang_560_hecheng_2_000_transform_bezier_anim 0.967s 0.033s both;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/z_s_xingzhuang_560_hecheng_2_000_6d4e5a5d.png);
  background-size: 100% 100%;
}

.page6 .tab-title .z_jishushili_000 {
  position: absolute;
  left: 1rem;
  top: 0.52rem;
  height: 0.35rem;
  width: 1.41rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 50% 51%;
  transform-origin: 50% 51%;
  -webkit-animation: z_jishushili_000_anim 1s 0s linear both,
        z_jishushili_000_transform_bezier_anim 1s 0s both;
  animation: z_jishushili_000_anim 1s 0s linear both,
        z_jishushili_000_transform_bezier_anim 1s 0s both;
  background-size: 100% 100%;
}

.page6 .tab-title .z_youhujishuchuangzaowanjialequ_000 {
  position: absolute;
  left: 1.8rem;
  top: 0.14rem;
  height: 0.24rem;
  letter-spacing: 0;
  width: 5.3rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_youhujishuchuangzaowanjialequ_000_anim 0.95s 0.05s linear both, z_youhujishuchuangzaowanjialequ_000_transform_bezier_anim 0.95s 0.05s both;
  animation: z_youhujishuchuangzaowanjialequ_000_anim 0.95s 0.05s linear both, z_youhujishuchuangzaowanjialequ_000_transform_bezier_anim 0.95s 0.05s both;
  background-size: 100% 100%;
}

.page6 .el-tabs {
  max-width: 15.33rem;
  margin: 0 auto;
}

.page6 .el-tabs .el-tabs__nav-wrap::after {
  display: none;
}

.page6 .el-tabs .el-tabs__active-bar {
  display: none;
}

.page6 .el-tabs__header {
  margin: 0 auto;
  max-width: 13.98rem;
}

.page6 .el-tabs__nav {
  width: 100%;
}

.page6 .el-tabs__item {
  height: 0.95rem;
}

.page6 .el-tabs__item.is-top:nth-child(2) {
  position: relative;
  width: 33.33% !important;
}

.page6 .el-tabs__item.is-top:nth-child(2)::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -16.7rem -4.02rem;
  width: 2.15rem;
  height: 0.7rem;
}

.page6 .el-tabs__item.is-top:nth-child(2).is-active::after {
  top: calc(50% + 0.1rem);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -17.42rem -5.46rem;
  width: 2.15rem;
  height: 0.7rem;
}

.page6 .el-tabs__item.is-top:nth-child(3) {
  position: relative;
  width: 33.33% !important;
}

.page6 .el-tabs__item.is-top:nth-child(3)::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -17.42rem -6.2rem;
  width: 0.97rem;
  height: 0.74rem;
}

.page6 .el-tabs__item.is-top:nth-child(3).is-active::after {
  top: calc(50% + 0.1rem);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -18.43rem -6.2rem;
  width: 0.97rem;
  height: 0.74rem;
}

.page6 .el-tabs__content {
  overflow: visible;
}

.page6 .el-tabs__content .el-tab-pane {
  position: absolute;
  margin-top: -1.5rem;
  padding-top: 2.04rem;
  width: 15.33rem;
  height: 7.91rem;
}

.page6 .el-tabs__content .el-tab-pane.fx {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/tab-1_98bbc03f.png) no-repeat;
  background-size: 100%;
}

.page6 .el-tabs__content .el-tab-pane.mattel {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/tab-2_7439833f.png) no-repeat;
  background-size: 100%;
}

.page6 .el-tabs__content .el-tab-pane.mattel .content .item {
  position: relative;
  width: 33.3333%;
}

.page6 .el-tabs__content .el-tab-pane.mattel .content .item::before {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/fx-mask-mattel_85139e07.png) no-repeat;
}

.page6 .el-tabs__content .el-tab-pane.mattel .content .item:hover .mattel-box .expend {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 259% -18%;
  transform-origin: 259% -18%;
  -webkit-animation: z_uno_000_anim 0.517s 0s linear both, z_uno_000_transform_bezier_anim 0.517s 0s both;
  animation: z_uno_000_anim 0.517s 0s linear both, z_uno_000_transform_bezier_anim 0.517s 0s both;
}

.page6 .el-tabs__content .el-tab-pane.mattel .content .item:hover .mattel-box .label {
  mix-blend-mode: normal;
  -webkit-animation: z_UNO__Mobile_kaobei_000_anim 0.333s 0s linear both;
  animation: z_UNO__Mobile_kaobei_000_anim 0.333s 0s linear both;
}

.page6 .el-tabs__content .el-tab-pane.mattel .content .item .mattel-box {
  height: 2rem;
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page6 .el-tabs__content .el-tab-pane.mattel .content .item .mattel-box .expend {
  position: absolute;
  opacity: 0;
}

.page6 .el-tabs__content .el-tab-pane.mattel .content .item .mattel-box .expend .icon {
  margin: 0 auto;
}

.page6 .el-tabs__content .el-tab-pane.mattel .content .item .mattel-box .expend .expend-label {
  position: relative;
  margin-top: 0.13rem;
  padding-top: 0.18rem;
  font-size: 0.32rem;
  font-weight: 700;
  color: #fff;
}

.page6 .el-tabs__content .el-tab-pane.mattel .content .item .mattel-box .expend .expend-label::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1.84rem;
  border: solid 0.01rem #fff;
  opacity: 0.5;
}

.page6 .el-tabs__content .el-tab-pane .title {
  font-size: 0.16rem;
  color: #323232;
  margin-left: 1.57rem;
}

.page6 .el-tabs__content .el-tab-pane .title .more {
  color: #fff;
  width: 1.12rem;
  height: 0.32rem;
  background-color: #2966bf;
  border-radius: 0.16rem;
  margin-left: 0.21rem;
}

.page6 .el-tabs__content .el-tab-pane .title .more::after {
  content: '';
  display: inline-block;
  margin-left: 0.17rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -20.41rem -4.97rem;
  width: 0.06rem;
  height: 0.1rem;
  vertical-align: middle;
}

.page6 .el-tabs__content .el-tab-pane .title .more:hover {
  background-color: #3775d0;
}

.page6 .el-tabs__content .el-tab-pane .content {
  width: 13.62rem;
  height: 4.16rem;
  border-radius: 0.82rem;
  overflow: hidden;
  margin: 0.38rem auto 0;
}

.page6 .el-tabs__content .el-tab-pane .content .item {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-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;
  width: 25%;
  height: 100%;
  vertical-align: top;
  overflow: hidden;
}

.page6 .el-tabs__content .el-tab-pane .content .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 101%;
  height: 100%;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/fx-mask_7e523c27.png) no-repeat;
  background-size: cover;
  z-index: 2;
}

.page6 .el-tabs__content .el-tab-pane .content .item img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.page6 .el-tabs__content .el-tab-pane .content .item.uno .container .icon {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -14.99rem -4.02rem;
  width: 1.67rem;
  height: 1.4rem;
}

.page6 .el-tabs__content .el-tab-pane .content .item.uno .container .mattel-box {
  height: 2.2rem;
}

.page6 .el-tabs__content .el-tab-pane .content .item.uno::before {
  opacity: 1;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/fx-mask-mattel_85139e07.png) no-repeat;
  background-size: 100%;
}

.page6 .el-tabs__content .el-tab-pane .content .item.phase .container {
  width: 100%;
  padding: 0.58rem 0.48rem;
}

.page6 .el-tabs__content .el-tab-pane .content .item.phase .container .icon {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -15.9rem -6.98rem;
  width: 1.34rem;
  height: 1.08rem;
}

.page6 .el-tabs__content .el-tab-pane .content .item.phase::before {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/fx-mask-mattel_85139e07.png) no-repeat;
  background-size: 100%;
}

.page6 .el-tabs__content .el-tab-pane .content .item.skip .container .icon {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -14.99rem -8.15rem;
  width: 1.16rem;
  height: 1.12rem;
}

.page6 .el-tabs__content .el-tab-pane .content .item.skip::before {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/fx-mask-mattel_85139e07.png) no-repeat;
  background-size: 100%;
}

.page6 .el-tabs__content .el-tab-pane .content .item .container {
  padding: 0.58rem;
  z-index: 3;
}

.page6 .el-tabs__content .el-tab-pane .content .item .container .label,
.page6 .el-tabs__content .el-tab-pane .content .item .container .fx-label {
  width: 100%;
  text-align: center;
  font-size: 0.32rem;
  color: #fff;
}

.page6 .el-tabs__content .el-tab-pane .content .item .container .text {
  opacity: 0;
  position: relative;
  display: block;
  font-size: 0.16rem;
  color: #fff;
  padding-top: 0.17rem;
  margin-top: 0.13rem;
  max-height: 0.16rem;
  text-align: center;
}

.page6 .el-tabs__content .el-tab-pane .content .item .container .text::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1.84rem;
  border: 0.01rem solid #fff;
  opacity: 0.5;
}

.page6 .el-tabs__content .el-tab-pane .content .item.end img {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: z_i_yaotai_2_000_transform_bezier_anim 0.317s 0s both;
  animation: z_i_yaotai_2_000_transform_bezier_anim 0.317s 0s both;
}

.page6 .el-tabs__content .el-tab-pane .content .item.end::before {
  mix-blend-mode: normal;
  -webkit-animation: z_cover_2_000_anim 0.317s 0s linear both;
  animation: z_cover_2_000_anim 0.317s 0s linear both;
}

.page6 .el-tabs__content .el-tab-pane .content .item.end .fx-container {
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: z_wangyiyaotai_2_000_transform_bezier_anim1 0.317s 0s both;
  animation: z_wangyiyaotai_2_000_transform_bezier_anim1 0.317s 0s both;
}

.page6 .el-tabs__content .el-tab-pane .content .item.end .fx-container .text {
  mix-blend-mode: normal;
  -webkit-animation: z_xiaobiaoti_2_000_anim 0.217s 0s linear both;
  animation: z_xiaobiaoti_2_000_anim 0.217s 0s linear both;
}

.page6 .el-tabs__content .el-tab-pane .content .item.end .container .label {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_UNO__Mobile_kaobei_2_000_anim1 0.317s 0.2s linear both;
  animation: z_UNO__Mobile_kaobei_2_000_anim1 0.317s 0.2s linear both;
}

.page6 .el-tabs__content .el-tab-pane .content .item.end .container .expend {
  mix-blend-mode: normal;
  -webkit-transform-origin: 259% -18%;
  transform-origin: 259% -18%;
  -webkit-animation: z_uno_000_anim1 0.3s 0s linear both, z_uno_000_transform_bezier_anim1 0.3s 0s both;
  animation: z_uno_000_anim1 0.3s 0s linear both, z_uno_000_transform_bezier_anim1 0.3s 0s both;
}

.page6 .el-tabs__content .el-tab-pane .content .item.end.uno::before,
.page6 .el-tabs__content .el-tab-pane .content .item.end.skip::before,
.page6 .el-tabs__content .el-tab-pane .content .item.end.phase::before {
  mix-blend-mode: normal;
  opacity: 0.6;
  -webkit-transform-origin: 122% 24%;
  transform-origin: 122% 24%;
  -webkit-animation: z_juxing_25_kaobei_2_6_PC_hezuohuoban0621_zhengli03__000_anim1 0.517s 0s linear both;
  animation: z_juxing_25_kaobei_2_6_PC_hezuohuoban0621_zhengli03__000_anim1 0.517s 0s linear both;
}

.page6 .el-tabs__content .el-tab-pane .content .item.active img,
.page6 .el-tabs__content .el-tab-pane .content .item:hover img {
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: z_i_yaotai_000_transform_bezier_anim 0.517s 0s both;
  animation: z_i_yaotai_000_transform_bezier_anim 0.517s 0s both;
}

.page6 .el-tabs__content .el-tab-pane .content .item.active .fx-container,
.page6 .el-tabs__content .el-tab-pane .content .item:hover .fx-container {
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: z_wangyiyaotai_000_transform_bezier_anim1 0.517s 0s both;
  animation: z_wangyiyaotai_000_transform_bezier_anim1 0.517s 0s both;
}

.page6 .el-tabs__content .el-tab-pane .content .item.active .container .label,
.page6 .el-tabs__content .el-tab-pane .content .item:hover .container .label {
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: z_wangyiyaotai_000_transform_bezier_anim 0.517s 0s both;
  animation: z_wangyiyaotai_000_transform_bezier_anim 0.517s 0s both;
}

.page6 .el-tabs__content .el-tab-pane .content .item.active .container .text,
.page6 .el-tabs__content .el-tab-pane .content .item:hover .container .text {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_xiaobiaoti_000_anim 0.317s 0.2s linear both;
  animation: z_xiaobiaoti_000_anim 0.317s 0.2s linear both;
}

.page6 .el-tabs__content .el-tab-pane .content .item.active::before,
.page6 .el-tabs__content .el-tab-pane .content .item:hover::before {
  mix-blend-mode: normal;
  -webkit-animation: z_cover_000_anim 0.517s 0s linear both;
  animation: z_cover_000_anim 0.517s 0s linear both;
}

.page6 .el-tabs__content .el-tab-pane .content .item.active.uno .label,
.page6 .el-tabs__content .el-tab-pane .content .item:hover.uno .label {
  position: relative;
}

.page6 .el-tabs__content .el-tab-pane .content .item.active.uno::before,
.page6 .el-tabs__content .el-tab-pane .content .item:hover.uno::before {
  mix-blend-mode: normal;
  -webkit-transform-origin: 122% 24%;
  transform-origin: 122% 24%;
  -webkit-animation: z_juxing_25_kaobei_2_6_PC_hezuohuoban0621_zhengli03__000_anim 0.517s 0s linear both;
  animation: z_juxing_25_kaobei_2_6_PC_hezuohuoban0621_zhengli03__000_anim 0.517s 0s linear both;
}

.page6 .el-tabs__content .el-tab-pane .content .item.active.phase::before,
.page6 .el-tabs__content .el-tab-pane .content .item:hover.phase::before {
  mix-blend-mode: normal;
  -webkit-transform-origin: 122% 24%;
  transform-origin: 122% 24%;
  -webkit-animation: z_juxing_25_kaobei_2_6_PC_hezuohuoban0621_zhengli03__000_anim 0.517s 0s linear both;
  animation: z_juxing_25_kaobei_2_6_PC_hezuohuoban0621_zhengli03__000_anim 0.517s 0s linear both;
}

.page6 .el-tabs__content .el-tab-pane .content .item.active.phase .icon,
.page6 .el-tabs__content .el-tab-pane .content .item:hover.phase .icon {
  margin: 0 auto 0.13rem;
}

.page6 .el-tabs__content .el-tab-pane .content .item.active.phase .label,
.page6 .el-tabs__content .el-tab-pane .content .item:hover.phase .label {
  position: relative;
}

.page6 .el-tabs__content .el-tab-pane .content .item.active.skip::before,
.page6 .el-tabs__content .el-tab-pane .content .item:hover.skip::before {
  mix-blend-mode: normal;
  -webkit-transform-origin: 122% 24%;
  transform-origin: 122% 24%;
  -webkit-animation: z_juxing_25_kaobei_2_6_PC_hezuohuoban0621_zhengli03__000_anim 0.517s 0s linear both;
  animation: z_juxing_25_kaobei_2_6_PC_hezuohuoban0621_zhengli03__000_anim 0.517s 0s linear both;
}

.page6 .el-tabs__content .el-tab-pane .content .item.active.skip .icon,
.page6 .el-tabs__content .el-tab-pane .content .item:hover.skip .icon {
  margin: 0 auto 0.13rem;
}

.page6 .el-tabs__content .el-tab-pane .content .item.active.skip .label,
.page6 .el-tabs__content .el-tab-pane .content .item:hover.skip .label {
  position: relative;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl {
  width: 13.62rem;
  height: 4.16rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/qkl-big-bg_586248d1.png) no-repeat;
  background-size: 100%;
  margin: 0.38rem auto 0;
  border-radius: 0.82rem;
  overflow: hidden;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 33.3333%;
  height: 2.08rem;
  padding: 0.57rem 0 0 0.55rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item .qkl-item {
  position: absolute;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item .qkl-item-h {
  position: absolute;
  opacity: 0;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item .icon {
  display: inline-block;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item .qkl-text {
  display: inline-block;
  margin-left: 0.27rem;
  max-width: 1.98rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item .qkl-text .label {
  margin-bottom: 0.16rem;
  font-size: 0.22rem;
  font-weight: 700;
  color: #222c45;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item .qkl-text .text {
  font-size: 0.16rem;
  color: #b1b1b1;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item.end .qkl-item {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 195% 17%;
  transform-origin: 195% 17%;
  -webkit-animation: z_zu_164_000_anim1 0.25s 0.183s linear both;
  animation: z_zu_164_000_anim1 0.25s 0.183s linear both;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item.end .qkl-item-h {
  mix-blend-mode: normal;
  -webkit-transform-origin: 169% 21%;
  transform-origin: 169% 21%;
  -webkit-animation: z_zu_165_000_anim1 0.2s 0s linear both;
  animation: z_zu_165_000_anim1 0.2s 0s linear both;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item:hover {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_i_1_000_anim 0.217s 0.1s linear both;
  animation: z_i_1_000_anim 0.217s 0.1s linear both;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item:hover .qkl-item {
  mix-blend-mode: normal;
  -webkit-animation: z_zu_164_000_anim 0.2s 0s linear both;
  animation: z_zu_164_000_anim 0.2s 0s linear both;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item:hover .qkl-item-h {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_zu_165_000_anim 0.217s 0.1s linear both;
  animation: z_zu_165_000_anim 0.217s 0.1s linear both;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-0:hover {
  position: relative;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/qkl-item-bg-h_253b982d.png) no-repeat;
  background-size: 100%;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-0:hover .qkl-item-h .label {
  color: #195aba;
  font-size: 0.24rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-0:hover .qkl-item-h .text {
  color: #5d5e60;
  font-size: 0.16rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-0:hover .qkl-item-h .icon {
  position: absolute;
  top: 0.17rem;
  left: 2.64rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -14.99rem -11.61rem;
  width: 1.04rem;
  height: 1.18rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-0 .icon {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -17.28rem -6.98rem;
  width: 0.76rem;
  height: 0.86rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-1:hover {
  position: relative;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/qkl-item-bg-h_253b982d.png) no-repeat;
  background-size: 100%;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-1:hover .qkl-item-h .label {
  color: #195aba;
  font-size: 0.24rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-1:hover .qkl-item-h .text {
  color: #5d5e60;
  font-size: 0.16rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-1:hover .qkl-item-h .icon {
  position: absolute;
  top: 0.17rem;
  left: 2.64rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -16.07rem -11.61rem;
  width: 1.04rem;
  height: 1.18rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-1 .icon {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -18.08rem -6.98rem;
  width: 0.76rem;
  height: 0.86rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-2:hover {
  position: relative;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/qkl-item-bg-h_253b982d.png) no-repeat;
  background-size: 100%;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-2:hover .qkl-item-h .label {
  color: #195aba;
  font-size: 0.24rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-2:hover .qkl-item-h .text {
  color: #5d5e60;
  font-size: 0.16rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-2:hover .qkl-item-h .icon {
  position: absolute;
  top: 0.17rem;
  left: 2.64rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -17.15rem -11.61rem;
  width: 1.04rem;
  height: 1.18rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-2 .icon {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -19.68rem -6.98rem;
  width: 0.75rem;
  height: 0.85rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-3:hover {
  position: relative;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/qkl-item-bg-h_253b982d.png) no-repeat;
  background-size: 100%;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-3:hover .qkl-item-h .label {
  color: #195aba;
  font-size: 0.24rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-3:hover .qkl-item-h .text {
  color: #5d5e60;
  font-size: 0.16rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-3:hover .qkl-item-h .icon {
  position: absolute;
  top: 0.17rem;
  left: 2.64rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -18.23rem -11.61rem;
  width: 1.04rem;
  height: 1.18rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-3 .icon {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -16.14rem -10.46rem;
  width: 0.75rem;
  height: 0.85rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-4:hover {
  position: relative;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/qkl-item-bg-h_253b982d.png) no-repeat;
  background-size: 100%;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-4:hover .qkl-item-h .label {
  color: #195aba;
  font-size: 0.24rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-4:hover .qkl-item-h .text {
  color: #5d5e60;
  font-size: 0.16rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-4:hover .qkl-item-h .icon {
  position: absolute;
  top: 0.17rem;
  left: 2.64rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -19.31rem -11.61rem;
  width: 1.04rem;
  height: 1.18rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-4 .icon {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -18.88rem -6.98rem;
  width: 0.76rem;
  height: 0.86rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-5:hover {
  position: relative;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/qkl-item-bg-h_253b982d.png) no-repeat;
  background-size: 100%;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-5:hover .qkl-item-h .label {
  color: #195aba;
  font-size: 0.24rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-5:hover .qkl-item-h .text {
  color: #5d5e60;
  font-size: 0.16rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-5:hover .qkl-item-h .icon {
  position: absolute;
  top: 0.17rem;
  left: 2.64rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -6.39rem -5.84rem;
  width: 1.04rem;
  height: 1.18rem;
}

.page6 .el-tabs__content .el-tab-pane .content-qkl .item-5 .icon {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -16.93rem -10.46rem;
  width: 0.74rem;
  height: 0.84rem;
}

@-webkit-keyframes z_wangyiyaotai_2_000_transform_bezier_anim1 {
  0% {
    -webkit-transform: translate(0, -0.21rem);
    transform: translate(0, -0.21rem);
    -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.6, 1);
    animation-timing-function: cubic-bezier(0.6, 0, 0.6, 1);
  }

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

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

@keyframes z_wangyiyaotai_2_000_transform_bezier_anim1 {
  0% {
    -webkit-transform: translate(0, -0.21rem);
    transform: translate(0, -0.21rem);
    -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.6, 1);
    animation-timing-function: cubic-bezier(0.6, 0, 0.6, 1);
  }

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

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

@-webkit-keyframes z_wangyiyaotai_000_transform_bezier_anim1 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
  }

  77.42% {
    -webkit-transform: translate(0, -0.21rem);
    transform: translate(0, -0.21rem);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

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

@keyframes z_wangyiyaotai_000_transform_bezier_anim1 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
  }

  77.42% {
    -webkit-transform: translate(0, -0.21rem);
    transform: translate(0, -0.21rem);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

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

@-webkit-keyframes z_juxing_25_kaobei_2_6_PC_hezuohuoban0621_zhengli03__000_anim1 {
  0% {
    opacity: 0.6;
  }

  74.19% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_juxing_25_kaobei_2_6_PC_hezuohuoban0621_zhengli03__000_anim1 {
  0% {
    opacity: 0.6;
  }

  74.19% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_uno_000_anim1 {
  0% {
    opacity: 1;
  }

  83.33% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_uno_000_anim1 {
  0% {
    opacity: 1;
  }

  83.33% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes z_uno_000_transform_bezier_anim1 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.61, 1);
    animation-timing-function: cubic-bezier(0.6, 0, 0.61, 1);
  }

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

@keyframes z_uno_000_transform_bezier_anim1 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.61, 1);
    animation-timing-function: cubic-bezier(0.6, 0, 0.61, 1);
  }

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

@-webkit-keyframes z_uno_000_anim {
  0% {
    opacity: 1;
  }

  83.33% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_uno_000_anim {
  0% {
    opacity: 1;
  }

  83.33% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes z_uno_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.61, 1);
    animation-timing-function: cubic-bezier(0.6, 0, 0.61, 1);
  }

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

@keyframes z_uno_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.61, 1);
    animation-timing-function: cubic-bezier(0.6, 0, 0.61, 1);
  }

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

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

  94.74% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  94.74% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_UNO__Mobile_kaobei_000_anim {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_UNO__Mobile_kaobei_000_anim {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes z_cover_2_000_anim {
  0% {
    opacity: 0.6;
  }

  94.74% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_cover_2_000_anim {
  0% {
    opacity: 0.6;
  }

  94.74% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_juxing_25_kaobei_2_6_PC_hezuohuoban0621_zhengli03__000_anim {
  0% {
    opacity: 1;
  }

  96.77% {
    opacity: 0.6;
  }

  100% {
    opacity: 0.6;
  }
}

@keyframes z_juxing_25_kaobei_2_6_PC_hezuohuoban0621_zhengli03__000_anim {
  0% {
    opacity: 1;
  }

  96.77% {
    opacity: 0.6;
  }

  100% {
    opacity: 0.6;
  }
}

@-webkit-keyframes z_i_2_000_anim1 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_i_2_000_anim1 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes z_zu_165_000_anim1 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_zu_165_000_anim1 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

  80% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  80% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_xiaobiaoti_2_000_anim {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_xiaobiaoti_2_000_anim {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes z_wangyiyaotai_2_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.6, 1);
    animation-timing-function: cubic-bezier(0.6, 0, 0.6, 1);
  }

  94.74% {
    -webkit-transform: translate(0, 0.21rem);
    transform: translate(0, 0.21rem);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

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

@keyframes z_wangyiyaotai_2_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.6, 1);
    animation-timing-function: cubic-bezier(0.6, 0, 0.6, 1);
  }

  94.74% {
    -webkit-transform: translate(0, 0.21rem);
    transform: translate(0, 0.21rem);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

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

@keyframes z_cover_2_000_anim {
  0% {
    opacity: 0.5;
  }

  94.74% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_i_yaotai_2_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.6, 0, 0.6, 1);
    animation-timing-function: cubic-bezier(0.6, 0, 0.6, 1);
  }

  94.74% {
    -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_i_yaotai_2_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.6, 0, 0.6, 1);
    animation-timing-function: cubic-bezier(0.6, 0, 0.6, 1);
  }

  94.74% {
    -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 z_i_yaotai_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
  }

  96.77% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 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, 1.1);
    transform: scale(1.1, 1.1);
  }
}

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

  96.77% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 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, 1.1);
    transform: scale(1.1, 1.1);
  }
}

@-webkit-keyframes z_cover_000_anim {
  0% {
    opacity: 1;
  }

  48.39% {
    opacity: 0.5;
  }

  100% {
    opacity: 0.5;
  }
}

@keyframes z_cover_000_anim {
  0% {
    opacity: 1;
  }

  48.39% {
    opacity: 0.5;
  }

  100% {
    opacity: 0.5;
  }
}

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

  94.74% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  94.74% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_wangyiyaotai_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.21rem);
    transform: translate(0, 0.21rem);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
  }

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

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

@keyframes z_wangyiyaotai_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.21rem);
    transform: translate(0, 0.21rem);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
  }

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

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

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

  92.31% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  92.31% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  92.31% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  92.31% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_zu_164_000_anim {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_zu_164_000_anim {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

  35.48% {
    opacity: 0;
  }

  77.42% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_uno_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.31rem);
    transform: translate(0, 0.31rem);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.4, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.4, 1);
  }

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

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

.page7 {
  position: relative;
  width: 100%;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/bg_3da6bde7.png) center center no-repeat;
  background-size: cover;
}

.page7 .page7-tab {
  position: absolute;
  top: 0.9rem;
  right: 0.74rem;
  z-index: 3;
}

.page7 .page7-tab.el-tabs--card > .el-tabs__header {
  border-bottom: none;
}

.page7 .page7-tab.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: none;
  border-bottom: none;
}

.page7 .page7-tab.el-tabs--card > .el-tabs__header .el-tabs__item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-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;
  width: 1.8rem;
  height: 0.6rem;
  font-size: 0.28rem;
  color: #30416b;
  border-left: none;
}

.page7 .page7-tab.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/tab-bg_bc9002d4.png) no-repeat;
  background-size: cover;
  border-bottom-color: transparent;
  color: #fff;
}

.page7 .title {
  margin: 0.9rem 0 0 0.99rem;
  font-weight: 700;
  font-size: 0.36rem;
  color: #222c45;
}

.page7 .responsibility {
  height: 0.1rem;
}

.page7 .responsibility .logo {
  position: relative;
  margin: 2.3rem auto 0;
  width: 3.97rem;
  height: 1.05rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/responsibility-logo_ba6a7251.png) no-repeat;
  background-size: 100%;
  z-index: 3;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_wenziB_000_anim 1s 0s linear both;
  animation: z_wenziB_000_anim 1s 0s linear both;
}

.page7 .responsibility .sub-title {
  position: relative;
  width: 3.76rem;
  height: 0.19rem;
  margin: 0.29rem auto 0;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/responsibility-sub-title_e424bff5.png) no-repeat;
  background-size: 100%;
  z-index: 3;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform: scale(0.9, 1);
  transform: scale(0.9, 1);
  -webkit-animation: z_wenziA_000_anim 0.75s 0.25s linear both, z_wenziA_000_transform_bezier_anim 0.75s 0.25s both;
  animation: z_wenziA_000_anim 0.75s 0.25s linear both, z_wenziA_000_transform_bezier_anim 0.75s 0.25s both;
}

.page7 .responsibility .zz {
  position: absolute;
  top: 0;
  left: 0;
  width: 19.2rem;
  height: 10.8rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/responsibility-zz_398079b3.png) no-repeat;
  background-size: contain;
  z-index: 2;
  pointer-events: none;
}

.page7 .responsibility .picture::before {
  content: '';
  position: absolute;
  left: 5.9rem;
  top: 2.05rem;
  width: 9.49rem;
  height: 4.92rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/zw-picture_398079b3.png) no-repeat;
  background-size: 100%;
}

.page7 .responsibility .picture .item {
  overflow: hidden;
  border-radius: 0.2rem;
  z-index: 3;
}

.page7 .responsibility .picture .item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: 2;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.page7 .responsibility .picture .item:hover::before {
  opacity: 0;
}

.page7 .responsibility .picture .item:hover::after {
  opacity: 1;
}

.page7 .responsibility .picture .item:hover .item-text {
  opacity: 1;
}

.page7 .responsibility .picture .item:hover img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.page7 .responsibility .picture .item::after {
  content: '';
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 4.41rem;
  height: 2.03rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/responsibility-picture-zz_7fbb4e24.png) no-repeat;
  background-size: contain;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.page7 .responsibility .picture .item-text {
  position: absolute;
  bottom: 0.17rem;
  left: 0.2rem;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.page7 .responsibility .picture .item .label {
  font-size: 0.2rem;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0.08rem;
}

.page7 .responsibility .picture .item .text {
  font-size: 0.14rem;
  color: #fff;
}

.page7 .responsibility .picture #picture-list .item:nth-child(1) {
  position: absolute;
  top: 1.8rem;
  left: 3.35rem;
  width: 3.4rem;
  height: 2.11rem;
  background-size: contain;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_C3_000_anim 0.533s 0.467s linear both, z_C3_000_transform_bezier_anim 0.533s 0.467s both;
  animation: z_C3_000_anim 0.533s 0.467s linear both, z_C3_000_transform_bezier_anim 0.533s 0.467s both;
}

.page7 .responsibility .picture #picture-list .item:nth-child(3) {
  position: absolute;
  top: 1.28rem;
  left: 10.85rem;
  width: 3.52rem;
  height: 2.19rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_A2_000_anim 0.633s 0.367s linear both, z_A2_000_transform_bezier_anim 0.633s 0.367s both;
  animation: z_A2_000_anim 0.633s 0.367s linear both, z_A2_000_transform_bezier_anim 0.633s 0.367s both;
  z-index: 1;
}

.page7 .responsibility .picture #picture-list .item:nth-child(4) {
  position: absolute;
  top: 4.13rem;
  left: 13.16rem;
  width: 4.41rem;
  height: 2.74rem;
  background-size: contain;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_B1_000_anim 0.75s 0.25s linear both, z_B1_000_transform_bezier_anim 0.75s 0.25s both;
  animation: z_B1_000_anim 0.75s 0.25s linear both, z_B1_000_transform_bezier_anim 0.75s 0.25s both;
  z-index: 1;
}

.page7 .responsibility .picture #picture-list .item:nth-child(5) {
  position: absolute;
  top: 6.02rem;
  left: 9.44rem;
  width: 3.11rem;
  height: 1.93rem;
  background-size: contain;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_A1_000_anim 0.633s 0.367s linear both, z_A1_000_transform_bezier_anim 0.633s 0.367s both;
  animation: z_A1_000_anim 0.633s 0.367s linear both, z_A1_000_transform_bezier_anim 0.633s 0.367s both;
}

.page7 .responsibility .picture #picture-list .item:nth-child(6) {
  position: absolute;
  top: 6.49rem;
  left: 5.94rem;
  width: 2.81rem;
  height: 1.76rem;
  background-size: contain;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_B2_000_anim 0.75s 0.25s linear both, z_B2_000_transform_bezier_anim 0.75s 0.25s both;
  animation: z_B2_000_anim 0.75s 0.25s linear both, z_B2_000_transform_bezier_anim 0.75s 0.25s both;
}

.page7 .responsibility .picture #picture-list .item:nth-child(7) {
  position: absolute;
  top: 4.31rem;
  left: 1.62rem;
  width: 4.01rem;
  height: 2.49rem;
  background-size: contain;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_A3_000_anim 0.633s 0.367s linear both, z_A3_000_transform_bezier_anim 0.633s 0.367s both;
  animation: z_A3_000_anim 0.633s 0.367s linear both, z_A3_000_transform_bezier_anim 0.633s 0.367s both;
}

.page7 .responsibility .picture #picture-list .item:nth-child(2) {
  position: absolute;
  top: 1.44rem;
  left: 7.53rem;
  width: 2.3rem;
  height: 1.43rem;
  background-size: contain;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_A3_000_anim 0.75s 0.25s linear both, z_A3_000_transform_bezier_anim 0.75s 0.25s both;
  animation: z_A3_000_anim 0.75s 0.25s linear both, z_A3_000_transform_bezier_anim 0.75s 0.25s both;
}

.page7 .responsibility .picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.page7 .responsibility .picture-zw2 {
  position: absolute;
  top: 3.15rem;
  left: 13.9rem;
  width: 1.49rem;
  height: 1.33rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/responsibility-zw2_b3bde7f6.png) no-repeat;
  background-size: contain;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_A3_000_anim 0.533s 0.467s linear both, z_A3_000_transform_bezier_anim 0.533s 0.467s both;
  animation: z_A3_000_anim 0.533s 0.467s linear both, z_A3_000_transform_bezier_anim 0.533s 0.467s both;
  pointer-events: none;
  z-index: 0;
}

.page7 .responsibility .picture-zw2::before {
  display: none;
}

.page7 .responsibility .picture-zw3 {
  position: absolute;
  top: 5.66rem;
  left: 5.9rem;
  width: 0.84rem;
  height: 0.81rem;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/responsibility-zw3_9de7444c.png) no-repeat;
  background-size: contain;
  pointer-events: none;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_A3_000_anim 0.533s 0.467s linear both, z_A3_000_transform_bezier_anim 0.533s 0.467s both;
  animation: z_A3_000_anim 0.533s 0.467s linear both, z_A3_000_transform_bezier_anim 0.533s 0.467s both;
}

.page7 .responsibility .picture-zw3::before {
  display: none;
}

.page7 .news {
  position: relative;
  width: 100%;
  max-width: 16.74rem;
  margin: 0 auto;
  margin-top: 0.93rem;
  text-align: center;
}

.page7 .news a {
  display: inline-block;
  cursor: default;
}

.page7 .news .news-item {
  position: relative;
  display: inline-block;
  width: 4.3rem;
  margin: 0.3rem;
  z-index: 3;
  cursor: pointer;
}

.page7 .news .news-item .bg {
  position: absolute;
  top: -0.55rem;
  left: -0.7rem;
  height: 5.55rem;
  width: 5.7rem;
  opacity: 0;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/news-bg_ccd8e020.png) no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}

.page7 .news .news-item:nth-child(1) {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_kapian1_000_transform_bezier_anim 0.65s 0s both, z_kapian1_000_opacity_bezier_anim 0.65s 0s both;
  animation: z_kapian1_000_transform_bezier_anim 0.65s 0s both, z_kapian1_000_opacity_bezier_anim 0.65s 0s both;
}

.page7 .news .news-item:nth-child(2) {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_kapian1_000_transform_bezier_anim 0.583s 0.067s both, z_kapian1_000_opacity_bezier_anim 0.583s 0.067s both;
  animation: z_kapian1_000_transform_bezier_anim 0.583s 0.067s both, z_kapian1_000_opacity_bezier_anim 0.583s 0.067s both;
}

.page7 .news .news-item:nth-child(3) {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_kapian1_000_transform_bezier_anim 0.517s 0.133s both, z_kapian1_000_opacity_bezier_anim 0.517s 0.133s both;
  animation: z_kapian1_000_transform_bezier_anim 0.517s 0.133s both, z_kapian1_000_opacity_bezier_anim 0.517s 0.133s both;
}

.page7 .news .news-item:hover .bg {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: z_i_de_2tai_2_000_anim 0.583s 0s linear both;
  animation: z_i_de_2tai_2_000_anim 0.583s 0s linear both;
}

.page7 .news .news-item:hover .bottom .icon {
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-animation: z_i_2tai_2_000_anim 0.583s 0s linear both;
  animation: z_i_2tai_2_000_anim 0.583s 0s linear both;
  color: #fff;
  background-color: #2966bf;
  border-radius: 0.32rem;
}

.page7 .news .news-item img {
  width: 4.3rem;
  height: 2.66rem;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.2rem;
  pointer-events: none;
}

.page7 .news .news-item .news-title {
  margin-top: 0.31rem;
  max-width: 4.3rem;
  text-align: left;
  color: #292b3b;
  font-size: 0.16rem;
  height: 0.41rem;
  pointer-events: none;
}

.page7 .news .news-item .bottom {
  width: 4.3rem;
  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;
  margin-top: 0.45rem;
  height: 0.32rem;
  line-height: 0.32rem;
  pointer-events: none;
}

.page7 .news .news-item .bottom .date {
  color: #b2b2b2;
}

.page7 .news .news-item .bottom .icon {
  width: 0.32rem;
  height: 0.32rem;
  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;
}

.page7 .news .news-item .bottom .icon i {
  font-size: 0.2rem;
}

.page7 .news .slide {
  width: 100%;
  position: absolute;
  top: 32%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}

.page7 .news .slide .prev {
  position: relative;
  z-index: 3;
  float: left;
  cursor: pointer;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -14.99rem -9.31rem;
  width: 1.11rem;
  height: 1.11rem;
}

.page7 .news .slide .prev:hover {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -16.14rem -9.31rem;
  width: 1.11rem;
  height: 1.11rem;
}

.page7 .news .slide .prev.disabled {
  pointer-events: none;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -17.29rem -9.31rem;
  width: 1.11rem;
  height: 1.11rem;
}

.page7 .news .slide .next {
  position: relative;
  z-index: 3;
  cursor: pointer;
  float: right;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -18.44rem -9.31rem;
  width: 1.11rem;
  height: 1.11rem;
}

.page7 .news .slide .next:hover {
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -19.59rem -9.31rem;
  width: 1.11rem;
  height: 1.11rem;
}

.page7 .news .slide .next.disabled {
  pointer-events: none;
  background: url(https://leihuo.res.netease.com/pc/gw/202404241408100/keep_origin/assets/sprite-ca67c9_ca67c91d.png);
  background-size: 20.94rem 19.73rem;
  background-position: -14.99rem -10.46rem;
  width: 1.11rem;
  height: 1.11rem;
}

.page7 .news-pagination {
  position: relative;
  margin-top: 0.2rem;
  margin-left: -0.87rem;
  z-index: 3;
}

.page7 .news-pagination .number {
  background-color: transparent;
  color: #9aa4ac;
  font-size: 0.16rem;
  font-family: NotoSansSC, sans-serif;
  font-weight: 500;
}

.page7 .news-pagination .number.active {
  color: #2966bf;
}

.page7 .news-pagination .el-icon-more,
.page7 .news-pagination .el-icon-d-arrow-right,
.page7 .news-pagination .el-icon-d-arrow-left {
  background-color: transparent;
  color: #9aa4ac;
}

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

  15.56% {
    opacity: 0;
  }

  86.67% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  15.56% {
    opacity: 0;
  }

  86.67% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  86.67% {
    -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_wenziA_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(0.9, 1);
    transform: scale(0.9, 1);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
  }

  86.67% {
    -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 z_i_2tai_2_000_anim {
  0% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  40% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_wenziB_000_anim {
  0% {
    -webkit-transform: translate(0, 0.13rem);
    transform: translate(0, 0.13rem);
    opacity: 0;
  }

  36.67% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0.51;
  }

  71.67% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

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

@keyframes z_wenziB_000_anim {
  0% {
    -webkit-transform: translate(0, 0.13rem);
    transform: translate(0, 0.13rem);
    opacity: 0;
  }

  36.67% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0.51;
  }

  71.67% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

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

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

  100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_kapian1_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.38rem);
    transform: translate(0, 0.38rem);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
  }

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

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

@keyframes z_kapian1_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.38rem);
    transform: translate(0, 0.38rem);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
  }

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

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

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

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
  }
}

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

  84.21% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  84.21% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_A1_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.23rem);
    transform: translate(0, 0.23rem);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
  }

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

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

@keyframes z_A1_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.23rem);
    transform: translate(0, 0.23rem);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
  }

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

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

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

  84.21% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  84.21% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_A2_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.23rem);
    transform: translate(0, 0.23rem);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
  }

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

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

@keyframes z_A2_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.23rem);
    transform: translate(0, 0.23rem);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
  }

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

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

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

  84.21% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  84.21% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_A3_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.23rem);
    transform: translate(0, 0.23rem);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
  }

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

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

@keyframes z_A3_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.23rem);
    transform: translate(0, 0.23rem);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
  }

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

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

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

  71.11% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  71.11% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_B1_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.23rem);
    transform: translate(0, 0.23rem);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
  }

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

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

@keyframes z_B1_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.23rem);
    transform: translate(0, 0.23rem);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
  }

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

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

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

  71.11% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

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

  71.11% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_B2_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.23rem);
    transform: translate(0, 0.23rem);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
  }

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

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

@keyframes z_B2_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.23rem);
    transform: translate(0, 0.23rem);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
  }

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

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

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

  100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_C3_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.23rem);
    transform: translate(0, 0.23rem);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
  }

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

@keyframes z_C3_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 0.23rem);
    transform: translate(0, 0.23rem);
    -webkit-animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.39, 0, 0.3, 1);
  }

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