@charset "utf-8";
/* 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;
  width: 100%;
  min-width: 1440px;
}
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;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
a,
a:hover {
  text-decoration: none;
}
.no-webp .bottom-link {background:-webkit-gradient(linear, left top, left bottom, from(#e8f0ff), to(#d4e4ff))}
.webp .bottom-link {background:-webkit-gradient(linear, left top, left bottom, from(#e8f0ff), to(#d4e4ff))}
.no-webp .bottom-link {background:linear-gradient(#e8f0ff, #d4e4ff)}
.webp .bottom-link {background:linear-gradient(#e8f0ff, #d4e4ff)}
.bottom-link {
  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;
  border-radius: 8px;
  padding: 24px 60px;
  margin-top: 10px;
}
.bottom-link .link-item {
  text-align: center;
}
.bottom-link .title {
  font-weight: bold;
  color: #344260;
  font-size: 14px;
  line-height: 14px;
}
.bottom-link .dec {
  font-size: 12px;
  color: #8aa4c4;
  line-height: 12px;
  margin: 10px 0 ;
}
.bottom-link .link-img {
  width: 112px;
  height: 112px;
}
body,
textarea,
input,
button {
  color: #000;
}
.no-webp html, 
.no-webp body {background:#fff}
.webp html, 
.webp body {background:#fff}
html,
body {
  width: 100%;
  min-width: 1440px;
  max-width: 1920px;
  min-height: 900px;
  height: auto;
  font-family: 'NotoSansSC';
  line-height: 1.5;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #454545;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #454545;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #454545;
}
/* 宽度限制板块 */
.wbox {
  width: 1200px;
  display: block;
  position: relative;
  margin: 0 auto;
  clear: both;
}
.wbox::after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Hides from IE-mac \ */
* html .wbox {
  zoom: 1;
}
/* End hide from IE-mac */
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hide {
  display: none;
}
/**** DEMO单行
.text-overflow-ellipsis(1);
多行
 .text-overflow-ellipsis(2);
****/
@font-face {
  font-family: 'NotoSansSC';
  src: url("https://nie.res.netease.com/comm/js/leihuo/fonts/noto-sans-sc-v12-latin_chinese-simplified-regular.woff2") format('woff2'), url("https://nie.res.netease.com/comm/js/leihuo/fonts/noto-sans-sc-v12-latin_chinese-simplified-regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'notosanssc';
  src: url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff2") format('woff2'), url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff") format('woff');
  font-weight: 500;
  font-style: normal;
}
.no-webp html, 
.no-webp body {background:#fff}
.webp html, 
.webp body {background:#fff}
html,
body {
  margin: 0 auto;
  font-size: 14px;
}
html.frozen,
body.frozen {
  overflow: hidden;
}
body {
  height: auto;
}
.bold {
  font-family: 'NotoSansSC';
}
.normal {
  font-family: 'NotoSansSC';
}
.no-webp .red-tip {background:rgba(212, 99, 47, 0.23)}
.webp .red-tip {background:rgba(212, 99, 47, 0.23)}
.red-tip {
  display: inline-block;
  padding: 0 6px;
  height: 18px;
  border-radius: 6px;
  font-size: 12px;
  font-family: 'NotoSansSC';
  font-weight: 400;
  color: #E44C37;
  text-align: center;
}
.no-webp .green-tip {background:rgba(38, 188, 76, 0.23)}
.webp .green-tip {background:rgba(38, 188, 76, 0.23)}
.green-tip {
  display: inline-block;
  padding: 0 6px;
  height: 18px;
  border-radius: 6px;
  font-size: 12px;
  font-family: 'NotoSansSC';
  font-weight: 400;
  color: #46A061;
}
.no-webp .yellow-tip {background:#FFEFDA}
.webp .yellow-tip {background:#FFEFDA}
.yellow-tip {
  display: inline-block;
  padding: 0 11px;
  height: 22px;
  line-height: 22px;
  border-radius: 11px;
  font-size: 15px;
  font-family: 'NotoSansSC';
  font-weight: 400;
  color: #FF9936;
}
.no-webp .blue-tip {background:#E3EBFF}
.webp .blue-tip {background:#E3EBFF}
.blue-tip {
  display: inline-block;
  padding: 0 11px;
  height: 22px;
  line-height: 22px;
  border-radius: 11px;
  font-size: 15px;
  font-family: 'NotoSansSC';
  font-weight: 400;
  color: #5883FF;
}
.no-webp .index {background:#fff}
.webp .index {background:#fff}
.no-webp .index {background:#f6fbff url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/position-bg_88dc8aa7.jpg) center top no-repeat}
.webp .index {background:#f6fbff url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/position-bg_88dc8aa7.webp) center top no-repeat}
.index {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}
.no-webp .section-contact {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/contact-bg_cc125999.png) no-repeat}
.webp .section-contact {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/contact-bg_cc125999.webp) no-repeat}
.section-contact {
  margin-top: 60px;
  padding-top: 60px;
  margin-bottom: 30px;
}
.no-webp .section-contact .gongzhonghao {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/account-gongzhonghao_db28e137.png)}
.webp .section-contact .gongzhonghao {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/account-gongzhonghao_db28e137.webp)}
.section-contact .gongzhonghao {
}
.no-webp .section-contact .gongzhonghao:hover {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/qrcode-gongzhonghao_0db2b9f3.png)}
.webp .section-contact .gongzhonghao:hover {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/qrcode-gongzhonghao_0db2b9f3.webp)}
.section-contact .gongzhonghao:hover {
}
.no-webp .section-contact .xhs {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/account-xhs_a62fdff0.png)}
.webp .section-contact .xhs {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/account-xhs_a62fdff0.webp)}
.section-contact .xhs {
}
.no-webp .section-contact .xhs:hover {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/qrcode-xhs_ca577bfc.png)}
.webp .section-contact .xhs:hover {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/qrcode-xhs_ca577bfc.webp)}
.section-contact .xhs:hover {
}
.no-webp .section-contact .weibo {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/account-weibo_1f9efcde.png)}
.webp .section-contact .weibo {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/account-weibo_1f9efcde.webp)}
.section-contact .weibo {
}
.no-webp .section-contact .weibo:hover {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/qrcode-weibo_9639c1cc.png)}
.webp .section-contact .weibo:hover {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/qrcode-weibo_9639c1cc.webp)}
.section-contact .weibo:hover {
}
.no-webp .section-contact .blibli {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/account-blibli_c8eef89b.png)}
.webp .section-contact .blibli {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/account-blibli_c8eef89b.webp)}
.section-contact .blibli {
}
.no-webp .section-contact .blibli:hover {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/qrcode-blibli_596b774a.png)}
.webp .section-contact .blibli:hover {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/qrcode-blibli_596b774a.webp)}
.section-contact .blibli:hover {
}
.no-webp .section-contact .zhihu {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/account-zhihu_343e72cc.png)}
.webp .section-contact .zhihu {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/account-zhihu_343e72cc.webp)}
.section-contact .zhihu {
}
.no-webp .section-contact .zhihu:hover {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/qrcode-zhihu_4563099a.png)}
.webp .section-contact .zhihu:hover {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/qrcode-zhihu_4563099a.webp)}
.section-contact .zhihu:hover {
}
body {
  position: relative;
}
.no-webp body .leihuo-copyright {background:#F6FBFF}
.webp body .leihuo-copyright {background:#F6FBFF}
body .leihuo-copyright {
}
.no-webp .com-btn1 {background:-webkit-gradient(linear, left bottom, left top, from(#FDE69F), to(#FFD57D))}
.webp .com-btn1 {background:-webkit-gradient(linear, left bottom, left top, from(#FDE69F), to(#FFD57D))}
.no-webp .com-btn1 {background:linear-gradient(0deg, #FDE69F 0%, #FFD57D 100%)}
.webp .com-btn1 {background:linear-gradient(0deg, #FDE69F 0%, #FFD57D 100%)}
.com-btn1 {
  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;
  width: 150px;
  height: 40px;
  font-size: 16px;
  border-radius: 20px;
  font-weight: 500;
  color: #7F5216;
  cursor: pointer;
}
.no-webp .com-btn1:hover {background:-webkit-gradient(linear, left top, left bottom, from(#ffdb90), to(#ffeebb))}
.webp .com-btn1:hover {background:-webkit-gradient(linear, left top, left bottom, from(#ffdb90), to(#ffeebb))}
.no-webp .com-btn1:hover {background:linear-gradient(180deg, #ffdb90 0%, #ffeebb 100%)}
.webp .com-btn1:hover {background:linear-gradient(180deg, #ffdb90 0%, #ffeebb 100%)}
.com-btn1:hover {
}
.no-webp .com-btn1.hasicon::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-3045px -207px}
.webp .com-btn1.hasicon::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-3045px -207px}
.no-webp .com-btn1.hasicon::after {background-size:3054px 3036px}
.webp .com-btn1.hasicon::after {background-size:3054px 3036px}
.no-webp .com-btn1.hasicon::after {background-position:-3045px -207px}
.webp .com-btn1.hasicon::after {background-position:-3045px -207px}
.com-btn1.hasicon::after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 15px;

  margin-left: 8px;
  margin-top: 2px;
}
.flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.com-imgs {
  width: 628px;
  height: 380px;
  position: relative;
}
.no-webp .com-imgs::before {background:#DFEEF6}
.webp .com-imgs::before {background:#DFEEF6}
.com-imgs::before {
  content: '';
  display: block;
  width: 588px;
  height: 330px;
  border-radius: 24px;
  bottom: -16px;
  left: 20px;
  position: absolute;
  z-index: 1;
}
.no-webp .com-imgs::after {background:#BCDAF0}
.webp .com-imgs::after {background:#BCDAF0}
.com-imgs::after {
  content: '';
  display: block;
  width: 612px;
  height: 330px;
  border-radius: 24px;
  bottom: -8px;
  left: 8px;
  position: absolute;
  z-index: 2;
}
.no-webp .com-imgs .swiper-container {background:#fff}
.webp .com-imgs .swiper-container {background:#fff}
.com-imgs .swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
  -webkit-box-shadow: 0px 5px 18px 0px rgba(29, 88, 118, 0.18);
          box-shadow: 0px 5px 18px 0px rgba(29, 88, 118, 0.18);
  border-radius: 24px;
}
.no-webp .mask {background:rgba(0, 0, 0, 0.4)}
.webp .mask {background:rgba(0, 0, 0, 0.4)}
.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}
.qa-content {
  padding: 100px 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
}
.no-webp .qa-content .qa-page {background:#FFFFFF}
.webp .qa-content .qa-page {background:#FFFFFF}
.qa-content .qa-page {
  width: 1000px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 38px;
  margin: 0 auto;
  border-radius: 7px;
  border-top-right-radius: 120px;
  padding-bottom: 34px;
  position: relative;
}
.no-webp .qa-content .qa-page::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -350px}
.webp .qa-content .qa-page::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -350px}
.no-webp .qa-content .qa-page::after {background-size:3054px 3036px}
.webp .qa-content .qa-page::after {background-size:3054px 3036px}
.no-webp .qa-content .qa-page::after {background-position:-2658px -350px}
.webp .qa-content .qa-page::after {background-position:-2658px -350px}
.qa-content .qa-page::after {
  content: '';
  display: inline-block;
  width: 161px;
  height: 202px;
  position: absolute;
  right: -13px;
  top: -54px;

}
.qa-content .qa-header {
  height: 50px;
  width: 100%;
  font-size: 22px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: bold;
  color: #000;
  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;
  padding-bottom: 14px;
  border-bottom: 1px solid #EFEFEF;
}
.qa-content .qa-header span {
  margin: 18px 0 0 0;
}
.no-webp .qa-content .qa-header .close {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2965px -1594px}
.webp .qa-content .qa-header .close {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2965px -1594px}
.no-webp .qa-content .qa-header .close {background-size:3054px 3036px}
.webp .qa-content .qa-header .close {background-size:3054px 3036px}
.no-webp .qa-content .qa-header .close {background-position:-2965px -1594px}
.webp .qa-content .qa-header .close {background-position:-2965px -1594px}
.qa-content .qa-header .close {
  width: 32px;
  height: 32px;
  position: absolute;
  right: -50px;
  z-index: 10;
  top: 0;
  margin-top: 0;

  cursor: pointer;
}
.no-webp .qa-content .qa-header .close:hover {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:3054px 3036px;
background-position:-2999px -1594px}
.webp .qa-content .qa-header .close:hover {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:3054px 3036px;
background-position:-2999px -1594px}
.no-webp .qa-content .qa-header .close:hover {background-size:3054px 3036px}
.webp .qa-content .qa-header .close:hover {background-size:3054px 3036px}
.no-webp .qa-content .qa-header .close:hover {background-position:-2999px -1594px}
.webp .qa-content .qa-header .close:hover {background-position:-2999px -1594px}
.qa-content .qa-header .close:hover {
width:32px;
height:32px;

}
.qa-content .qa-navs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0 42px 0;
}
.no-webp .qa-content .qa-navs li {background:#ECECEC}
.webp .qa-content .qa-navs li {background:#ECECEC}
.qa-content .qa-navs li {
  width: 100px;
  height: 35px;
  border-radius: 20px;
  margin: 0 16px 0 0;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
  color: #333333;
}
.no-webp .qa-content .qa-navs li:hover, 
.no-webp .qa-content .qa-navs li.active {background:-webkit-gradient(linear, left bottom, left top, from(#7AABFE), to(#4382EE))}
.webp .qa-content .qa-navs li:hover, 
.webp .qa-content .qa-navs li.active {background:-webkit-gradient(linear, left bottom, left top, from(#7AABFE), to(#4382EE))}
.no-webp .qa-content .qa-navs li:hover, 
.no-webp .qa-content .qa-navs li.active {background:linear-gradient(0deg, #7AABFE 0%, #4382EE 100%)}
.webp .qa-content .qa-navs li:hover, 
.webp .qa-content .qa-navs li.active {background:linear-gradient(0deg, #7AABFE 0%, #4382EE 100%)}
.qa-content .qa-navs li:hover,
.qa-content .qa-navs li.active {
  color: #FFFFFF;
}
.qa-content .qa-cnt .left-m {
  margin-left: 23px;
}
.qa-content .qa-cnt .neitui-qrcode {
  width: 200px;
  height: 200px;
}
.qa-content .qa-cnt a {
  text-decoration: underline;
}
.qa-content .qa-cnt.fuxi-qa-cnt {
  margin-top: 30px;
}
.qa-content .qa-cnt li {
  line-height: 24px;
  margin-bottom: 24px;
}
.qa-content .qa-cnt li p {
  color: #A2A7AD;
  font-family: 'NotoSansSC';
  font-weight: 400;
  word-break: break-all;
}
.qa-content .qa-cnt li p.bold {
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #585D64;
}
.qa-content .qa-cnt li p.normal {
  color: #585D64;
}
.qa-content .qa-cnt li a,
.qa-content .qa-cnt li .sp {
  color: #75A5F9;
}
.qa-content .qa-cnt .img-1 {
  display: block;
  width: 500px;
  height: auto;
  margin: -20px auto;
}
.qa-content .qa-cnt .img-2 {
  display: block;
  width: 156px;
  margin: 0 auto 10px;
}
.qa-content .qa-cnt .img-2-tip {
  text-align: center;
  font-family: 'NotoSansSC';
  font-weight: 400;
  color: #585D64;
}
@-webkit-keyframes btn1 {
  0% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
  1.15% {
    -webkit-transform: scale(0.95, 0.85);
            transform: scale(0.95, 0.85);
    opacity: 1;
  }
  11.49% {
    -webkit-transform: scale(1.01, 1.01);
            transform: scale(1.01, 1.01);
    opacity: 1;
  }
  22.99% {
    -webkit-transform: scale(1.08, 1.18);
            transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  25.29% {
    -webkit-transform: scale(1.09, 1.22);
            transform: scale(1.09, 1.22);
    opacity: 0;
  }
  39.08% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@-moz-keyframes btn1 {
  0% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
  1.15% {
    transform: scale(0.95, 0.85);
    opacity: 1;
  }
  11.49% {
    transform: scale(1.01, 1.01);
    opacity: 1;
  }
  22.99% {
    transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  25.29% {
    transform: scale(1.09, 1.22);
    opacity: 0;
  }
  39.08% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@-ms-keyframes btn1 {
  0% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
  1.15% {
    transform: scale(0.95, 0.85);
    opacity: 1;
  }
  11.49% {
    transform: scale(1.01, 1.01);
    opacity: 1;
  }
  22.99% {
    transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  25.29% {
    transform: scale(1.09, 1.22);
    opacity: 0;
  }
  39.08% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@-o-keyframes btn1 {
  0% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
  1.15% {
    transform: scale(0.95, 0.85);
    opacity: 1;
  }
  11.49% {
    transform: scale(1.01, 1.01);
    opacity: 1;
  }
  22.99% {
    transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  25.29% {
    transform: scale(1.09, 1.22);
    opacity: 0;
  }
  39.08% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@keyframes btn1 {
  0% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
  1.15% {
    -webkit-transform: scale(0.95, 0.85);
            transform: scale(0.95, 0.85);
    opacity: 1;
  }
  11.49% {
    -webkit-transform: scale(1.01, 1.01);
            transform: scale(1.01, 1.01);
    opacity: 1;
  }
  22.99% {
    -webkit-transform: scale(1.08, 1.18);
            transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  25.29% {
    -webkit-transform: scale(1.09, 1.22);
            transform: scale(1.09, 1.22);
    opacity: 0;
  }
  39.08% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@-webkit-keyframes btn1 {
  0% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
  1.15% {
    -webkit-transform: scale(0.95, 0.85);
            transform: scale(0.95, 0.85);
    opacity: 1;
  }
  11.49% {
    -webkit-transform: scale(1.01, 1.01);
            transform: scale(1.01, 1.01);
    opacity: 1;
  }
  22.99% {
    -webkit-transform: scale(1.08, 1.18);
            transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  25.29% {
    -webkit-transform: scale(1.09, 1.22);
            transform: scale(1.09, 1.22);
    opacity: 0;
  }
  39.08% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@-moz-keyframes btn1 {
  0% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
  1.15% {
    transform: scale(0.95, 0.85);
    opacity: 1;
  }
  11.49% {
    transform: scale(1.01, 1.01);
    opacity: 1;
  }
  22.99% {
    transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  25.29% {
    transform: scale(1.09, 1.22);
    opacity: 0;
  }
  39.08% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@-ms-keyframes btn1 {
  0% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
  1.15% {
    transform: scale(0.95, 0.85);
    opacity: 1;
  }
  11.49% {
    transform: scale(1.01, 1.01);
    opacity: 1;
  }
  22.99% {
    transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  25.29% {
    transform: scale(1.09, 1.22);
    opacity: 0;
  }
  39.08% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@-o-keyframes btn1 {
  0% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
  1.15% {
    transform: scale(0.95, 0.85);
    opacity: 1;
  }
  11.49% {
    transform: scale(1.01, 1.01);
    opacity: 1;
  }
  22.99% {
    transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  25.29% {
    transform: scale(1.09, 1.22);
    opacity: 0;
  }
  39.08% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@keyframes btn1 {
  0% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
  1.15% {
    -webkit-transform: scale(0.95, 0.85);
            transform: scale(0.95, 0.85);
    opacity: 1;
  }
  11.49% {
    -webkit-transform: scale(1.01, 1.01);
            transform: scale(1.01, 1.01);
    opacity: 1;
  }
  22.99% {
    -webkit-transform: scale(1.08, 1.18);
            transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  25.29% {
    -webkit-transform: scale(1.09, 1.22);
            transform: scale(1.09, 1.22);
    opacity: 0;
  }
  39.08% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@-webkit-keyframes btn2 {
  1.06% {
    -webkit-transform: scale(0.95, 0.85);
            transform: scale(0.95, 0.85);
    opacity: 1;
  }
  10.64% {
    -webkit-transform: scale(1.01, 1.01);
            transform: scale(1.01, 1.01);
    opacity: 1;
  }
  21.28% {
    -webkit-transform: scale(1.08, 1.18);
            transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  23.4% {
    -webkit-transform: scale(1.09, 1.22);
            transform: scale(1.09, 1.22);
    opacity: 0;
  }
  36.17% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@-moz-keyframes btn2 {
  1.06% {
    transform: scale(0.95, 0.85);
    opacity: 1;
  }
  10.64% {
    transform: scale(1.01, 1.01);
    opacity: 1;
  }
  21.28% {
    transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  23.4% {
    transform: scale(1.09, 1.22);
    opacity: 0;
  }
  36.17% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@-ms-keyframes btn2 {
  1.06% {
    transform: scale(0.95, 0.85);
    opacity: 1;
  }
  10.64% {
    transform: scale(1.01, 1.01);
    opacity: 1;
  }
  21.28% {
    transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  23.4% {
    transform: scale(1.09, 1.22);
    opacity: 0;
  }
  36.17% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@-o-keyframes btn2 {
  1.06% {
    transform: scale(0.95, 0.85);
    opacity: 1;
  }
  10.64% {
    transform: scale(1.01, 1.01);
    opacity: 1;
  }
  21.28% {
    transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  23.4% {
    transform: scale(1.09, 1.22);
    opacity: 0;
  }
  36.17% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@keyframes btn2 {
  1.06% {
    -webkit-transform: scale(0.95, 0.85);
            transform: scale(0.95, 0.85);
    opacity: 1;
  }
  10.64% {
    -webkit-transform: scale(1.01, 1.01);
            transform: scale(1.01, 1.01);
    opacity: 1;
  }
  21.28% {
    -webkit-transform: scale(1.08, 1.18);
            transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  23.4% {
    -webkit-transform: scale(1.09, 1.22);
            transform: scale(1.09, 1.22);
    opacity: 0;
  }
  36.17% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@-webkit-keyframes btn2 {
  1.06% {
    -webkit-transform: scale(0.95, 0.85);
            transform: scale(0.95, 0.85);
    opacity: 1;
  }
  10.64% {
    -webkit-transform: scale(1.01, 1.01);
            transform: scale(1.01, 1.01);
    opacity: 1;
  }
  21.28% {
    -webkit-transform: scale(1.08, 1.18);
            transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  23.4% {
    -webkit-transform: scale(1.09, 1.22);
            transform: scale(1.09, 1.22);
    opacity: 0;
  }
  36.17% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@-moz-keyframes btn2 {
  1.06% {
    transform: scale(0.95, 0.85);
    opacity: 1;
  }
  10.64% {
    transform: scale(1.01, 1.01);
    opacity: 1;
  }
  21.28% {
    transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  23.4% {
    transform: scale(1.09, 1.22);
    opacity: 0;
  }
  36.17% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@-ms-keyframes btn2 {
  1.06% {
    transform: scale(0.95, 0.85);
    opacity: 1;
  }
  10.64% {
    transform: scale(1.01, 1.01);
    opacity: 1;
  }
  21.28% {
    transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  23.4% {
    transform: scale(1.09, 1.22);
    opacity: 0;
  }
  36.17% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@-o-keyframes btn2 {
  1.06% {
    transform: scale(0.95, 0.85);
    opacity: 1;
  }
  10.64% {
    transform: scale(1.01, 1.01);
    opacity: 1;
  }
  21.28% {
    transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  23.4% {
    transform: scale(1.09, 1.22);
    opacity: 0;
  }
  36.17% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@keyframes btn2 {
  1.06% {
    -webkit-transform: scale(0.95, 0.85);
            transform: scale(0.95, 0.85);
    opacity: 1;
  }
  10.64% {
    -webkit-transform: scale(1.01, 1.01);
            transform: scale(1.01, 1.01);
    opacity: 1;
  }
  21.28% {
    -webkit-transform: scale(1.08, 1.18);
            transform: scale(1.08, 1.18);
    opacity: 0.03;
  }
  23.4% {
    -webkit-transform: scale(1.09, 1.22);
            transform: scale(1.09, 1.22);
    opacity: 0;
  }
  36.17% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0.94, 0.83);
            transform: scale(0.94, 0.83);
    opacity: 0;
  }
}
@-webkit-keyframes scale {
  0%,
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@-moz-keyframes scale {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
}
@-ms-keyframes scale {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
}
@-o-keyframes scale {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
}
@keyframes scale {
  0%,
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@-webkit-keyframes scale {
  0%,
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@-moz-keyframes scale {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
}
@-ms-keyframes scale {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
}
@-o-keyframes scale {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
}
@keyframes scale {
  0%,
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@-webkit-keyframes scale1 {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  70% {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-moz-keyframes scale1 {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  70% {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-ms-keyframes scale1 {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  70% {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-o-keyframes scale1 {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  70% {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@keyframes scale1 {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  70% {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-webkit-keyframes scale1 {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  70% {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-moz-keyframes scale1 {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  70% {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-ms-keyframes scale1 {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  70% {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-o-keyframes scale1 {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  70% {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@keyframes scale1 {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  70% {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(-60deg);
            transform: translate(-50%, -50%) rotateZ(-60deg);
  }
  70% {
    -webkit-transform: translate(-50%, -50%) rotateZ(60deg);
            transform: translate(-50%, -50%) rotateZ(60deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0);
            transform: translate(-50%, -50%) rotateZ(0);
  }
}
@-moz-keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(-60deg);
  }
  70% {
    transform: translate(-50%, -50%) rotateZ(60deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(0);
  }
}
@-ms-keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(-60deg);
  }
  70% {
    transform: translate(-50%, -50%) rotateZ(60deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(0);
  }
}
@-o-keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(-60deg);
  }
  70% {
    transform: translate(-50%, -50%) rotateZ(60deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(0);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(-60deg);
            transform: translate(-50%, -50%) rotateZ(-60deg);
  }
  70% {
    -webkit-transform: translate(-50%, -50%) rotateZ(60deg);
            transform: translate(-50%, -50%) rotateZ(60deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0);
            transform: translate(-50%, -50%) rotateZ(0);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(-60deg);
            transform: translate(-50%, -50%) rotateZ(-60deg);
  }
  70% {
    -webkit-transform: translate(-50%, -50%) rotateZ(60deg);
            transform: translate(-50%, -50%) rotateZ(60deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0);
            transform: translate(-50%, -50%) rotateZ(0);
  }
}
@-moz-keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(-60deg);
  }
  70% {
    transform: translate(-50%, -50%) rotateZ(60deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(0);
  }
}
@-ms-keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(-60deg);
  }
  70% {
    transform: translate(-50%, -50%) rotateZ(60deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(0);
  }
}
@-o-keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(-60deg);
  }
  70% {
    transform: translate(-50%, -50%) rotateZ(60deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(0);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(-60deg);
            transform: translate(-50%, -50%) rotateZ(-60deg);
  }
  70% {
    -webkit-transform: translate(-50%, -50%) rotateZ(60deg);
            transform: translate(-50%, -50%) rotateZ(60deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0);
            transform: translate(-50%, -50%) rotateZ(0);
  }
}
@-webkit-keyframes tips1 {
  0%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  33% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
  }
}
@-moz-keyframes tips1 {
  0%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  33% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
  }
}
@-ms-keyframes tips1 {
  0%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  33% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
  }
}
@-o-keyframes tips1 {
  0%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  33% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
  }
}
@keyframes tips1 {
  0%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  33% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
  }
}
@-webkit-keyframes tips1 {
  0%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  33% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
  }
}
@-moz-keyframes tips1 {
  0%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  33% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
  }
}
@-ms-keyframes tips1 {
  0%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  33% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
  }
}
@-o-keyframes tips1 {
  0%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  33% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
  }
}
@keyframes tips1 {
  0%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  33% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
  }
}
@-webkit-keyframes step1 {
  0% {
    background-position: 0px 0px;
  }
  3.3% {
    background-position: -200px 0px;
  }
  6.7% {
    background-position: -400px 0px;
  }
  10% {
    background-position: -600px 0px;
  }
  13.3% {
    background-position: -800px 0px;
  }
  16.7% {
    background-position: -1000px 0px;
  }
  20% {
    background-position: 0px -200px;
  }
  23.3% {
    background-position: -200px -200px;
  }
  26.7% {
    background-position: -400px -200px;
  }
  30% {
    background-position: -600px -200px;
  }
  33.3% {
    background-position: -800px -200px;
  }
  36.7% {
    background-position: -1000px -200px;
  }
  40% {
    background-position: 0px -400px;
  }
  43.3% {
    background-position: -200px -400px;
  }
  46.7% {
    background-position: -400px -400px;
  }
  50% {
    background-position: -600px -400px;
  }
  53.3% {
    background-position: -800px -400px;
  }
  56.7% {
    background-position: -1000px -400px;
  }
  60% {
    background-position: 0px -600px;
  }
  63.3% {
    background-position: -200px -600px;
  }
  66.7% {
    background-position: -400px -600px;
  }
  70% {
    background-position: -600px -600px;
  }
  73.3% {
    background-position: -800px -600px;
  }
  76.7% {
    background-position: -1000px -600px;
  }
  80% {
    background-position: 0px -800px;
  }
  83.3% {
    background-position: -200px -800px;
  }
  86.7% {
    background-position: -400px -800px;
  }
  90% {
    background-position: -600px -800px;
  }
  93.3% {
    background-position: -800px -800px;
  }
  96.7% {
    background-position: -1000px -800px;
  }
  100% {
    background-position: -1000px -800px;
  }
}
@-moz-keyframes step1 {
  0% {
    background-position: 0px 0px;
  }
  3.3% {
    background-position: -200px 0px;
  }
  6.7% {
    background-position: -400px 0px;
  }
  10% {
    background-position: -600px 0px;
  }
  13.3% {
    background-position: -800px 0px;
  }
  16.7% {
    background-position: -1000px 0px;
  }
  20% {
    background-position: 0px -200px;
  }
  23.3% {
    background-position: -200px -200px;
  }
  26.7% {
    background-position: -400px -200px;
  }
  30% {
    background-position: -600px -200px;
  }
  33.3% {
    background-position: -800px -200px;
  }
  36.7% {
    background-position: -1000px -200px;
  }
  40% {
    background-position: 0px -400px;
  }
  43.3% {
    background-position: -200px -400px;
  }
  46.7% {
    background-position: -400px -400px;
  }
  50% {
    background-position: -600px -400px;
  }
  53.3% {
    background-position: -800px -400px;
  }
  56.7% {
    background-position: -1000px -400px;
  }
  60% {
    background-position: 0px -600px;
  }
  63.3% {
    background-position: -200px -600px;
  }
  66.7% {
    background-position: -400px -600px;
  }
  70% {
    background-position: -600px -600px;
  }
  73.3% {
    background-position: -800px -600px;
  }
  76.7% {
    background-position: -1000px -600px;
  }
  80% {
    background-position: 0px -800px;
  }
  83.3% {
    background-position: -200px -800px;
  }
  86.7% {
    background-position: -400px -800px;
  }
  90% {
    background-position: -600px -800px;
  }
  93.3% {
    background-position: -800px -800px;
  }
  96.7% {
    background-position: -1000px -800px;
  }
  100% {
    background-position: -1000px -800px;
  }
}
@-ms-keyframes step1 {
  0% {
    background-position: 0px 0px;
  }
  3.3% {
    background-position: -200px 0px;
  }
  6.7% {
    background-position: -400px 0px;
  }
  10% {
    background-position: -600px 0px;
  }
  13.3% {
    background-position: -800px 0px;
  }
  16.7% {
    background-position: -1000px 0px;
  }
  20% {
    background-position: 0px -200px;
  }
  23.3% {
    background-position: -200px -200px;
  }
  26.7% {
    background-position: -400px -200px;
  }
  30% {
    background-position: -600px -200px;
  }
  33.3% {
    background-position: -800px -200px;
  }
  36.7% {
    background-position: -1000px -200px;
  }
  40% {
    background-position: 0px -400px;
  }
  43.3% {
    background-position: -200px -400px;
  }
  46.7% {
    background-position: -400px -400px;
  }
  50% {
    background-position: -600px -400px;
  }
  53.3% {
    background-position: -800px -400px;
  }
  56.7% {
    background-position: -1000px -400px;
  }
  60% {
    background-position: 0px -600px;
  }
  63.3% {
    background-position: -200px -600px;
  }
  66.7% {
    background-position: -400px -600px;
  }
  70% {
    background-position: -600px -600px;
  }
  73.3% {
    background-position: -800px -600px;
  }
  76.7% {
    background-position: -1000px -600px;
  }
  80% {
    background-position: 0px -800px;
  }
  83.3% {
    background-position: -200px -800px;
  }
  86.7% {
    background-position: -400px -800px;
  }
  90% {
    background-position: -600px -800px;
  }
  93.3% {
    background-position: -800px -800px;
  }
  96.7% {
    background-position: -1000px -800px;
  }
  100% {
    background-position: -1000px -800px;
  }
}
@-o-keyframes step1 {
  0% {
    background-position: 0px 0px;
  }
  3.3% {
    background-position: -200px 0px;
  }
  6.7% {
    background-position: -400px 0px;
  }
  10% {
    background-position: -600px 0px;
  }
  13.3% {
    background-position: -800px 0px;
  }
  16.7% {
    background-position: -1000px 0px;
  }
  20% {
    background-position: 0px -200px;
  }
  23.3% {
    background-position: -200px -200px;
  }
  26.7% {
    background-position: -400px -200px;
  }
  30% {
    background-position: -600px -200px;
  }
  33.3% {
    background-position: -800px -200px;
  }
  36.7% {
    background-position: -1000px -200px;
  }
  40% {
    background-position: 0px -400px;
  }
  43.3% {
    background-position: -200px -400px;
  }
  46.7% {
    background-position: -400px -400px;
  }
  50% {
    background-position: -600px -400px;
  }
  53.3% {
    background-position: -800px -400px;
  }
  56.7% {
    background-position: -1000px -400px;
  }
  60% {
    background-position: 0px -600px;
  }
  63.3% {
    background-position: -200px -600px;
  }
  66.7% {
    background-position: -400px -600px;
  }
  70% {
    background-position: -600px -600px;
  }
  73.3% {
    background-position: -800px -600px;
  }
  76.7% {
    background-position: -1000px -600px;
  }
  80% {
    background-position: 0px -800px;
  }
  83.3% {
    background-position: -200px -800px;
  }
  86.7% {
    background-position: -400px -800px;
  }
  90% {
    background-position: -600px -800px;
  }
  93.3% {
    background-position: -800px -800px;
  }
  96.7% {
    background-position: -1000px -800px;
  }
  100% {
    background-position: -1000px -800px;
  }
}
@keyframes step1 {
  0% {
    background-position: 0px 0px;
  }
  3.3% {
    background-position: -200px 0px;
  }
  6.7% {
    background-position: -400px 0px;
  }
  10% {
    background-position: -600px 0px;
  }
  13.3% {
    background-position: -800px 0px;
  }
  16.7% {
    background-position: -1000px 0px;
  }
  20% {
    background-position: 0px -200px;
  }
  23.3% {
    background-position: -200px -200px;
  }
  26.7% {
    background-position: -400px -200px;
  }
  30% {
    background-position: -600px -200px;
  }
  33.3% {
    background-position: -800px -200px;
  }
  36.7% {
    background-position: -1000px -200px;
  }
  40% {
    background-position: 0px -400px;
  }
  43.3% {
    background-position: -200px -400px;
  }
  46.7% {
    background-position: -400px -400px;
  }
  50% {
    background-position: -600px -400px;
  }
  53.3% {
    background-position: -800px -400px;
  }
  56.7% {
    background-position: -1000px -400px;
  }
  60% {
    background-position: 0px -600px;
  }
  63.3% {
    background-position: -200px -600px;
  }
  66.7% {
    background-position: -400px -600px;
  }
  70% {
    background-position: -600px -600px;
  }
  73.3% {
    background-position: -800px -600px;
  }
  76.7% {
    background-position: -1000px -600px;
  }
  80% {
    background-position: 0px -800px;
  }
  83.3% {
    background-position: -200px -800px;
  }
  86.7% {
    background-position: -400px -800px;
  }
  90% {
    background-position: -600px -800px;
  }
  93.3% {
    background-position: -800px -800px;
  }
  96.7% {
    background-position: -1000px -800px;
  }
  100% {
    background-position: -1000px -800px;
  }
}
@-webkit-keyframes step1 {
  0% {
    background-position: 0px 0px;
  }
  3.3% {
    background-position: -200px 0px;
  }
  6.7% {
    background-position: -400px 0px;
  }
  10% {
    background-position: -600px 0px;
  }
  13.3% {
    background-position: -800px 0px;
  }
  16.7% {
    background-position: -1000px 0px;
  }
  20% {
    background-position: 0px -200px;
  }
  23.3% {
    background-position: -200px -200px;
  }
  26.7% {
    background-position: -400px -200px;
  }
  30% {
    background-position: -600px -200px;
  }
  33.3% {
    background-position: -800px -200px;
  }
  36.7% {
    background-position: -1000px -200px;
  }
  40% {
    background-position: 0px -400px;
  }
  43.3% {
    background-position: -200px -400px;
  }
  46.7% {
    background-position: -400px -400px;
  }
  50% {
    background-position: -600px -400px;
  }
  53.3% {
    background-position: -800px -400px;
  }
  56.7% {
    background-position: -1000px -400px;
  }
  60% {
    background-position: 0px -600px;
  }
  63.3% {
    background-position: -200px -600px;
  }
  66.7% {
    background-position: -400px -600px;
  }
  70% {
    background-position: -600px -600px;
  }
  73.3% {
    background-position: -800px -600px;
  }
  76.7% {
    background-position: -1000px -600px;
  }
  80% {
    background-position: 0px -800px;
  }
  83.3% {
    background-position: -200px -800px;
  }
  86.7% {
    background-position: -400px -800px;
  }
  90% {
    background-position: -600px -800px;
  }
  93.3% {
    background-position: -800px -800px;
  }
  96.7% {
    background-position: -1000px -800px;
  }
  100% {
    background-position: -1000px -800px;
  }
}
@-moz-keyframes step1 {
  0% {
    background-position: 0px 0px;
  }
  3.3% {
    background-position: -200px 0px;
  }
  6.7% {
    background-position: -400px 0px;
  }
  10% {
    background-position: -600px 0px;
  }
  13.3% {
    background-position: -800px 0px;
  }
  16.7% {
    background-position: -1000px 0px;
  }
  20% {
    background-position: 0px -200px;
  }
  23.3% {
    background-position: -200px -200px;
  }
  26.7% {
    background-position: -400px -200px;
  }
  30% {
    background-position: -600px -200px;
  }
  33.3% {
    background-position: -800px -200px;
  }
  36.7% {
    background-position: -1000px -200px;
  }
  40% {
    background-position: 0px -400px;
  }
  43.3% {
    background-position: -200px -400px;
  }
  46.7% {
    background-position: -400px -400px;
  }
  50% {
    background-position: -600px -400px;
  }
  53.3% {
    background-position: -800px -400px;
  }
  56.7% {
    background-position: -1000px -400px;
  }
  60% {
    background-position: 0px -600px;
  }
  63.3% {
    background-position: -200px -600px;
  }
  66.7% {
    background-position: -400px -600px;
  }
  70% {
    background-position: -600px -600px;
  }
  73.3% {
    background-position: -800px -600px;
  }
  76.7% {
    background-position: -1000px -600px;
  }
  80% {
    background-position: 0px -800px;
  }
  83.3% {
    background-position: -200px -800px;
  }
  86.7% {
    background-position: -400px -800px;
  }
  90% {
    background-position: -600px -800px;
  }
  93.3% {
    background-position: -800px -800px;
  }
  96.7% {
    background-position: -1000px -800px;
  }
  100% {
    background-position: -1000px -800px;
  }
}
@-ms-keyframes step1 {
  0% {
    background-position: 0px 0px;
  }
  3.3% {
    background-position: -200px 0px;
  }
  6.7% {
    background-position: -400px 0px;
  }
  10% {
    background-position: -600px 0px;
  }
  13.3% {
    background-position: -800px 0px;
  }
  16.7% {
    background-position: -1000px 0px;
  }
  20% {
    background-position: 0px -200px;
  }
  23.3% {
    background-position: -200px -200px;
  }
  26.7% {
    background-position: -400px -200px;
  }
  30% {
    background-position: -600px -200px;
  }
  33.3% {
    background-position: -800px -200px;
  }
  36.7% {
    background-position: -1000px -200px;
  }
  40% {
    background-position: 0px -400px;
  }
  43.3% {
    background-position: -200px -400px;
  }
  46.7% {
    background-position: -400px -400px;
  }
  50% {
    background-position: -600px -400px;
  }
  53.3% {
    background-position: -800px -400px;
  }
  56.7% {
    background-position: -1000px -400px;
  }
  60% {
    background-position: 0px -600px;
  }
  63.3% {
    background-position: -200px -600px;
  }
  66.7% {
    background-position: -400px -600px;
  }
  70% {
    background-position: -600px -600px;
  }
  73.3% {
    background-position: -800px -600px;
  }
  76.7% {
    background-position: -1000px -600px;
  }
  80% {
    background-position: 0px -800px;
  }
  83.3% {
    background-position: -200px -800px;
  }
  86.7% {
    background-position: -400px -800px;
  }
  90% {
    background-position: -600px -800px;
  }
  93.3% {
    background-position: -800px -800px;
  }
  96.7% {
    background-position: -1000px -800px;
  }
  100% {
    background-position: -1000px -800px;
  }
}
@-o-keyframes step1 {
  0% {
    background-position: 0px 0px;
  }
  3.3% {
    background-position: -200px 0px;
  }
  6.7% {
    background-position: -400px 0px;
  }
  10% {
    background-position: -600px 0px;
  }
  13.3% {
    background-position: -800px 0px;
  }
  16.7% {
    background-position: -1000px 0px;
  }
  20% {
    background-position: 0px -200px;
  }
  23.3% {
    background-position: -200px -200px;
  }
  26.7% {
    background-position: -400px -200px;
  }
  30% {
    background-position: -600px -200px;
  }
  33.3% {
    background-position: -800px -200px;
  }
  36.7% {
    background-position: -1000px -200px;
  }
  40% {
    background-position: 0px -400px;
  }
  43.3% {
    background-position: -200px -400px;
  }
  46.7% {
    background-position: -400px -400px;
  }
  50% {
    background-position: -600px -400px;
  }
  53.3% {
    background-position: -800px -400px;
  }
  56.7% {
    background-position: -1000px -400px;
  }
  60% {
    background-position: 0px -600px;
  }
  63.3% {
    background-position: -200px -600px;
  }
  66.7% {
    background-position: -400px -600px;
  }
  70% {
    background-position: -600px -600px;
  }
  73.3% {
    background-position: -800px -600px;
  }
  76.7% {
    background-position: -1000px -600px;
  }
  80% {
    background-position: 0px -800px;
  }
  83.3% {
    background-position: -200px -800px;
  }
  86.7% {
    background-position: -400px -800px;
  }
  90% {
    background-position: -600px -800px;
  }
  93.3% {
    background-position: -800px -800px;
  }
  96.7% {
    background-position: -1000px -800px;
  }
  100% {
    background-position: -1000px -800px;
  }
}
@keyframes step1 {
  0% {
    background-position: 0px 0px;
  }
  3.3% {
    background-position: -200px 0px;
  }
  6.7% {
    background-position: -400px 0px;
  }
  10% {
    background-position: -600px 0px;
  }
  13.3% {
    background-position: -800px 0px;
  }
  16.7% {
    background-position: -1000px 0px;
  }
  20% {
    background-position: 0px -200px;
  }
  23.3% {
    background-position: -200px -200px;
  }
  26.7% {
    background-position: -400px -200px;
  }
  30% {
    background-position: -600px -200px;
  }
  33.3% {
    background-position: -800px -200px;
  }
  36.7% {
    background-position: -1000px -200px;
  }
  40% {
    background-position: 0px -400px;
  }
  43.3% {
    background-position: -200px -400px;
  }
  46.7% {
    background-position: -400px -400px;
  }
  50% {
    background-position: -600px -400px;
  }
  53.3% {
    background-position: -800px -400px;
  }
  56.7% {
    background-position: -1000px -400px;
  }
  60% {
    background-position: 0px -600px;
  }
  63.3% {
    background-position: -200px -600px;
  }
  66.7% {
    background-position: -400px -600px;
  }
  70% {
    background-position: -600px -600px;
  }
  73.3% {
    background-position: -800px -600px;
  }
  76.7% {
    background-position: -1000px -600px;
  }
  80% {
    background-position: 0px -800px;
  }
  83.3% {
    background-position: -200px -800px;
  }
  86.7% {
    background-position: -400px -800px;
  }
  90% {
    background-position: -600px -800px;
  }
  93.3% {
    background-position: -800px -800px;
  }
  96.7% {
    background-position: -1000px -800px;
  }
  100% {
    background-position: -1000px -800px;
  }
}
@-webkit-keyframes step2 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -362px -462px;
  }
  76.47% {
    background-position: -724px -462px;
  }
  82.35% {
    background-position: -1086px -462px;
  }
  88.24% {
    background-position: -1448px -462px;
  }
  94.12% {
    background-position: -1448px -462px;
  }
  100.00% {
    background-position: -1448px -462px;
  }
}
@-moz-keyframes step2 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -362px -462px;
  }
  76.47% {
    background-position: -724px -462px;
  }
  82.35% {
    background-position: -1086px -462px;
  }
  88.24% {
    background-position: -1448px -462px;
  }
  94.12% {
    background-position: -1448px -462px;
  }
  100.00% {
    background-position: -1448px -462px;
  }
}
@-ms-keyframes step2 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -362px -462px;
  }
  76.47% {
    background-position: -724px -462px;
  }
  82.35% {
    background-position: -1086px -462px;
  }
  88.24% {
    background-position: -1448px -462px;
  }
  94.12% {
    background-position: -1448px -462px;
  }
  100.00% {
    background-position: -1448px -462px;
  }
}
@-o-keyframes step2 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -362px -462px;
  }
  76.47% {
    background-position: -724px -462px;
  }
  82.35% {
    background-position: -1086px -462px;
  }
  88.24% {
    background-position: -1448px -462px;
  }
  94.12% {
    background-position: -1448px -462px;
  }
  100.00% {
    background-position: -1448px -462px;
  }
}
@keyframes step2 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -362px -462px;
  }
  76.47% {
    background-position: -724px -462px;
  }
  82.35% {
    background-position: -1086px -462px;
  }
  88.24% {
    background-position: -1448px -462px;
  }
  94.12% {
    background-position: -1448px -462px;
  }
  100.00% {
    background-position: -1448px -462px;
  }
}
@-webkit-keyframes step2 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -362px -462px;
  }
  76.47% {
    background-position: -724px -462px;
  }
  82.35% {
    background-position: -1086px -462px;
  }
  88.24% {
    background-position: -1448px -462px;
  }
  94.12% {
    background-position: -1448px -462px;
  }
  100.00% {
    background-position: -1448px -462px;
  }
}
@-moz-keyframes step2 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -362px -462px;
  }
  76.47% {
    background-position: -724px -462px;
  }
  82.35% {
    background-position: -1086px -462px;
  }
  88.24% {
    background-position: -1448px -462px;
  }
  94.12% {
    background-position: -1448px -462px;
  }
  100.00% {
    background-position: -1448px -462px;
  }
}
@-ms-keyframes step2 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -362px -462px;
  }
  76.47% {
    background-position: -724px -462px;
  }
  82.35% {
    background-position: -1086px -462px;
  }
  88.24% {
    background-position: -1448px -462px;
  }
  94.12% {
    background-position: -1448px -462px;
  }
  100.00% {
    background-position: -1448px -462px;
  }
}
@-o-keyframes step2 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -362px -462px;
  }
  76.47% {
    background-position: -724px -462px;
  }
  82.35% {
    background-position: -1086px -462px;
  }
  88.24% {
    background-position: -1448px -462px;
  }
  94.12% {
    background-position: -1448px -462px;
  }
  100.00% {
    background-position: -1448px -462px;
  }
}
@keyframes step2 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -362px -462px;
  }
  76.47% {
    background-position: -724px -462px;
  }
  82.35% {
    background-position: -1086px -462px;
  }
  88.24% {
    background-position: -1448px -462px;
  }
  94.12% {
    background-position: -1448px -462px;
  }
  100.00% {
    background-position: -1448px -462px;
  }
}
@-webkit-keyframes step3 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@-moz-keyframes step3 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@-ms-keyframes step3 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@-o-keyframes step3 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@keyframes step3 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@-webkit-keyframes step3 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@-moz-keyframes step3 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@-ms-keyframes step3 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@-o-keyframes step3 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@keyframes step3 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@-webkit-keyframes step4 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@-moz-keyframes step4 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@-ms-keyframes step4 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@-o-keyframes step4 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@keyframes step4 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@-webkit-keyframes step4 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@-moz-keyframes step4 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@-ms-keyframes step4 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@-o-keyframes step4 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@keyframes step4 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -362px 0px;
  }
  11.76% {
    background-position: -724px 0px;
  }
  17.65% {
    background-position: -1086px 0px;
  }
  23.53% {
    background-position: -1448px 0px;
  }
  29.41% {
    background-position: -1810px 0px;
  }
  35.29% {
    background-position: -2172px 0px;
  }
  41.18% {
    background-position: -2534px 0px;
  }
  47.06% {
    background-position: -2896px 0px;
  }
  52.94% {
    background-position: -3258px 0px;
  }
  58.82% {
    background-position: -3620px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -362px -442px;
  }
  76.47% {
    background-position: -724px -442px;
  }
  82.35% {
    background-position: -1086px -442px;
  }
  88.24% {
    background-position: -1448px -442px;
  }
  94.12% {
    background-position: -1448px -442px;
  }
  100.00% {
    background-position: -1448px -442px;
  }
}
@-webkit-keyframes step5 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -361px -462px;
  }
  76.47% {
    background-position: -722px -462px;
  }
  82.35% {
    background-position: -1083px -462px;
  }
  88.24% {
    background-position: -1444px -462px;
  }
  94.12% {
    background-position: -1444px -462px;
  }
  100.00% {
    background-position: -1444px -462px;
  }
}
@-moz-keyframes step5 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -361px -462px;
  }
  76.47% {
    background-position: -722px -462px;
  }
  82.35% {
    background-position: -1083px -462px;
  }
  88.24% {
    background-position: -1444px -462px;
  }
  94.12% {
    background-position: -1444px -462px;
  }
  100.00% {
    background-position: -1444px -462px;
  }
}
@-ms-keyframes step5 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -361px -462px;
  }
  76.47% {
    background-position: -722px -462px;
  }
  82.35% {
    background-position: -1083px -462px;
  }
  88.24% {
    background-position: -1444px -462px;
  }
  94.12% {
    background-position: -1444px -462px;
  }
  100.00% {
    background-position: -1444px -462px;
  }
}
@-o-keyframes step5 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -361px -462px;
  }
  76.47% {
    background-position: -722px -462px;
  }
  82.35% {
    background-position: -1083px -462px;
  }
  88.24% {
    background-position: -1444px -462px;
  }
  94.12% {
    background-position: -1444px -462px;
  }
  100.00% {
    background-position: -1444px -462px;
  }
}
@keyframes step5 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -361px -462px;
  }
  76.47% {
    background-position: -722px -462px;
  }
  82.35% {
    background-position: -1083px -462px;
  }
  88.24% {
    background-position: -1444px -462px;
  }
  94.12% {
    background-position: -1444px -462px;
  }
  100.00% {
    background-position: -1444px -462px;
  }
}
@-webkit-keyframes step5 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -361px -462px;
  }
  76.47% {
    background-position: -722px -462px;
  }
  82.35% {
    background-position: -1083px -462px;
  }
  88.24% {
    background-position: -1444px -462px;
  }
  94.12% {
    background-position: -1444px -462px;
  }
  100.00% {
    background-position: -1444px -462px;
  }
}
@-moz-keyframes step5 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -361px -462px;
  }
  76.47% {
    background-position: -722px -462px;
  }
  82.35% {
    background-position: -1083px -462px;
  }
  88.24% {
    background-position: -1444px -462px;
  }
  94.12% {
    background-position: -1444px -462px;
  }
  100.00% {
    background-position: -1444px -462px;
  }
}
@-ms-keyframes step5 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -361px -462px;
  }
  76.47% {
    background-position: -722px -462px;
  }
  82.35% {
    background-position: -1083px -462px;
  }
  88.24% {
    background-position: -1444px -462px;
  }
  94.12% {
    background-position: -1444px -462px;
  }
  100.00% {
    background-position: -1444px -462px;
  }
}
@-o-keyframes step5 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -361px -462px;
  }
  76.47% {
    background-position: -722px -462px;
  }
  82.35% {
    background-position: -1083px -462px;
  }
  88.24% {
    background-position: -1444px -462px;
  }
  94.12% {
    background-position: -1444px -462px;
  }
  100.00% {
    background-position: -1444px -462px;
  }
}
@keyframes step5 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -462px;
  }
  70.59% {
    background-position: -361px -462px;
  }
  76.47% {
    background-position: -722px -462px;
  }
  82.35% {
    background-position: -1083px -462px;
  }
  88.24% {
    background-position: -1444px -462px;
  }
  94.12% {
    background-position: -1444px -462px;
  }
  100.00% {
    background-position: -1444px -462px;
  }
}
@-webkit-keyframes step6 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -361px -442px;
  }
  76.47% {
    background-position: -722px -442px;
  }
  82.35% {
    background-position: -1083px -442px;
  }
  88.24% {
    background-position: -1444px -442px;
  }
  94.12% {
    background-position: -1444px -442px;
  }
  100.00% {
    background-position: -1444px -442px;
  }
}
@-moz-keyframes step6 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -361px -442px;
  }
  76.47% {
    background-position: -722px -442px;
  }
  82.35% {
    background-position: -1083px -442px;
  }
  88.24% {
    background-position: -1444px -442px;
  }
  94.12% {
    background-position: -1444px -442px;
  }
  100.00% {
    background-position: -1444px -442px;
  }
}
@-ms-keyframes step6 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -361px -442px;
  }
  76.47% {
    background-position: -722px -442px;
  }
  82.35% {
    background-position: -1083px -442px;
  }
  88.24% {
    background-position: -1444px -442px;
  }
  94.12% {
    background-position: -1444px -442px;
  }
  100.00% {
    background-position: -1444px -442px;
  }
}
@-o-keyframes step6 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -361px -442px;
  }
  76.47% {
    background-position: -722px -442px;
  }
  82.35% {
    background-position: -1083px -442px;
  }
  88.24% {
    background-position: -1444px -442px;
  }
  94.12% {
    background-position: -1444px -442px;
  }
  100.00% {
    background-position: -1444px -442px;
  }
}
@keyframes step6 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -361px -442px;
  }
  76.47% {
    background-position: -722px -442px;
  }
  82.35% {
    background-position: -1083px -442px;
  }
  88.24% {
    background-position: -1444px -442px;
  }
  94.12% {
    background-position: -1444px -442px;
  }
  100.00% {
    background-position: -1444px -442px;
  }
}
@-webkit-keyframes step6 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -361px -442px;
  }
  76.47% {
    background-position: -722px -442px;
  }
  82.35% {
    background-position: -1083px -442px;
  }
  88.24% {
    background-position: -1444px -442px;
  }
  94.12% {
    background-position: -1444px -442px;
  }
  100.00% {
    background-position: -1444px -442px;
  }
}
@-moz-keyframes step6 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -361px -442px;
  }
  76.47% {
    background-position: -722px -442px;
  }
  82.35% {
    background-position: -1083px -442px;
  }
  88.24% {
    background-position: -1444px -442px;
  }
  94.12% {
    background-position: -1444px -442px;
  }
  100.00% {
    background-position: -1444px -442px;
  }
}
@-ms-keyframes step6 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -361px -442px;
  }
  76.47% {
    background-position: -722px -442px;
  }
  82.35% {
    background-position: -1083px -442px;
  }
  88.24% {
    background-position: -1444px -442px;
  }
  94.12% {
    background-position: -1444px -442px;
  }
  100.00% {
    background-position: -1444px -442px;
  }
}
@-o-keyframes step6 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -361px -442px;
  }
  76.47% {
    background-position: -722px -442px;
  }
  82.35% {
    background-position: -1083px -442px;
  }
  88.24% {
    background-position: -1444px -442px;
  }
  94.12% {
    background-position: -1444px -442px;
  }
  100.00% {
    background-position: -1444px -442px;
  }
}
@keyframes step6 {
  0% {
    background-position: 0px 0px;
  }
  5.88% {
    background-position: -361px 0px;
  }
  11.76% {
    background-position: -722px 0px;
  }
  17.65% {
    background-position: -1083px 0px;
  }
  23.53% {
    background-position: -1444px 0px;
  }
  29.41% {
    background-position: -1805px 0px;
  }
  35.29% {
    background-position: -2166px 0px;
  }
  41.18% {
    background-position: -2527px 0px;
  }
  47.06% {
    background-position: -2888px 0px;
  }
  52.94% {
    background-position: -3249px 0px;
  }
  58.82% {
    background-position: -3610px 0px;
  }
  64.71% {
    background-position: 0px -442px;
  }
  70.59% {
    background-position: -361px -442px;
  }
  76.47% {
    background-position: -722px -442px;
  }
  82.35% {
    background-position: -1083px -442px;
  }
  88.24% {
    background-position: -1444px -442px;
  }
  94.12% {
    background-position: -1444px -442px;
  }
  100.00% {
    background-position: -1444px -442px;
  }
}
.left-nav {
  width: 110px;
  position: fixed;
  left: 140px;
  top: 100px;
  z-index: 10;
}
.no-webp .left-nav .left-line {background:#6A9DF7}
.webp .left-nav .left-line {background:#6A9DF7}
.left-nav .left-line {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 17px;
  width: 2px;
}
.no-webp .left-nav li:not(.left-line) {background:#FFFFFF}
.webp .left-nav li:not(.left-line) {background:#FFFFFF}
.left-nav li:not(.left-line) {
  width: 113px;
  height: 32px;
  border-radius: 16px;
  border: 1px solid #ECECEC;
  font-size: 14px;
  font-family: 'NotoSansSC';
  font-weight: 400;
  color: #A2A7AD;
  line-height: 32px;
  margin: 0 0 14px 16px;
  position: relative;
  cursor: pointer;
  text-align: center;
}
.no-webp .left-nav li:not(.left-line)::before {background:#6A9DF7}
.webp .left-nav li:not(.left-line)::before {background:#6A9DF7}
.left-nav li:not(.left-line)::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  left: -21px;
  top: 11px;
}
.no-webp .left-nav li:not(.left-line).active, 
.no-webp .left-nav li:not(.left-line):hover {background:-webkit-gradient(linear, left top, left bottom, from(#6D9FF7), color-stop(58%, #578FF2), to(#4783EF))}
.webp .left-nav li:not(.left-line).active, 
.webp .left-nav li:not(.left-line):hover {background:-webkit-gradient(linear, left top, left bottom, from(#6D9FF7), color-stop(58%, #578FF2), to(#4783EF))}
.no-webp .left-nav li:not(.left-line).active, 
.no-webp .left-nav li:not(.left-line):hover {background:linear-gradient(180deg, #6D9FF7 0%, #578FF2 58%, #4783EF 100%)}
.webp .left-nav li:not(.left-line).active, 
.webp .left-nav li:not(.left-line):hover {background:linear-gradient(180deg, #6D9FF7 0%, #578FF2 58%, #4783EF 100%)}
.left-nav li:not(.left-line).active,
.left-nav li:not(.left-line):hover {
  color: #FFFFFF;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0);
}
.no-webp .right-top {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:3054px 3036px;
background-position:-2821px -452px}
.webp .right-top {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:3054px 3036px;
background-position:-2821px -452px}
.no-webp .right-top {background-size:3054px 3036px}
.webp .right-top {background-size:3054px 3036px}
.no-webp .right-top {background-position:-2821px -452px}
.webp .right-top {background-position:-2821px -452px}
.right-top {
  position: fixed;
  z-index: 99;
  right: 80px;
  bottom: 10%;
  width: 92px;
  height: 92px;

  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}
.right-top.show {
  opacity: 1;
  pointer-events: auto;
}
.no-webp .right-top:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:3054px 3036px;
background-position:-2915px -452px}
.webp .right-top:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:3054px 3036px;
background-position:-2915px -452px}
.no-webp .right-top:hover {background-size:3054px 3036px}
.webp .right-top:hover {background-size:3054px 3036px}
.no-webp .right-top:hover {background-position:-2915px -452px}
.webp .right-top:hover {background-position:-2915px -452px}
.right-top:hover {
width:92px;
height:92px;

}
.no-webp .index-full .banner-box {background:#f6fbff url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/full-banner_cb8c3a5d.jpg) no-repeat center top / 1920px 650px}
.webp .index-full .banner-box {background:#f6fbff url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/full-banner_cb8c3a5d.webp) no-repeat center top / 1920px 650px}
.index-full .banner-box {
  position: relative;
}
.no-webp .index-full .banner-box::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/full-banner-shadow_01a94b93.png) no-repeat left top / 1920px auto}
.webp .index-full .banner-box::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/full-banner-shadow_01a94b93.webp) no-repeat left top / 1920px auto}
.index-full .banner-box::after {
  content: '';
  display: inline-block;
  width: 1920px;
  height: 61px;
  position: absolute;
  bottom: -6px;
  z-index: 1;
}
.index-full .section-process {
  margin-top: 0px;
}
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.flex {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.no-webp .banner-box {background:#f6fbff}
.webp .banner-box {background:#f6fbff}
.banner-box {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 650px;
}
.banner-box .video-bg {
  width: 1920px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  z-index: 1;
}
.section-process {
  width: 100%;
  position: relative;
  margin-top: -157px;
  z-index: 3;
  margin-bottom: 25px;
}
.no-webp .section-process .steps {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/process-bg_4f2b6a2c.png) center top no-repeat}
.webp .section-process .steps {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/process-bg_4f2b6a2c.webp) center top no-repeat}
.section-process .steps {
  width: 1400px;
  height: 342px;
  font-family: 'NotoSansSC';
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 27px 39px;
}
.section-process .steps li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 276px;
  position: relative;
  top: -20px;
}
.no-webp .section-process .steps li:not(:last-of-type)::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:3054px 3036px;
background-position:-3045px -189px}
.webp .section-process .steps li:not(:last-of-type)::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:3054px 3036px;
background-position:-3045px -189px}
.no-webp .section-process .steps li:not(:last-of-type)::after {background-size:3054px 3036px}
.webp .section-process .steps li:not(:last-of-type)::after {background-size:3054px 3036px}
.no-webp .section-process .steps li:not(:last-of-type)::after {background-position:-3045px -189px}
.webp .section-process .steps li:not(:last-of-type)::after {background-position:-3045px -189px}
.section-process .steps li:not(:last-of-type)::after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 16px;

  pointer-events: none;
  position: absolute;
  right: 0;
  top: 91px;
}
.section-process .steps li .step-name {
  font-size: 21px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #000000;
  text-align: center;
  pointer-events: none;
}
.section-process .steps li .step-detail {
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #b1b1b1;
  pointer-events: none;
  text-align: center;
  margin-top: 5px;
}
.section-process .steps li .step-detail p {
  margin-bottom: 14px;
}
.section-process .steps li .step-detail p span {
  display: inline-block;
  width: 100%;
  text-indent: 12px;
  line-height: 20px;
  font-family: 'NotoSansSC';
}
.section-process .steps li .step-detail p span:first-child {
  text-indent: 0;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
}
.no-webp .section-process .steps li .top-tip {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/hover-tip_84c4b2c0.png) no-repeat;
  background-size: 100% 100%}
.webp .section-process .steps li .top-tip {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/hover-tip_84c4b2c0.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .section-process .steps li .top-tip {background-size:100% 100%}
.webp .section-process .steps li .top-tip {background-size:100% 100%}
.section-process .steps li .top-tip {
  height: 26px;
  padding: 0 10px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  text-align: center;
  font-size: 13px;
  font-family: 'NotoSansSC';
  font-weight: 400;
  color: #ffffff;
  position: absolute;
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  white-space: nowrap;
  margin-top: -20px;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: margin-top 0.5s;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -ms-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
  pointer-events: none;
}
.section-process .steps li .step-wrap {
  margin-top: 155px;
}
.section-process .steps li .step-icon {
  position: absolute;
  left: 50%;
  width: 200px;
  height: 200px;
  transform: translateX(-50%) scale(0.5);
  -webkit-transform: translateX(-50%) scale(0.5);
  -moz-transform: translateX(-50%) scale(0.5);
  -ms-transform: translateX(-50%) scale(0.5);
  -o-transform: translateX(-50%) scale(0.5);
}
.section-process .steps li.active::before {
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
}
.section-process .steps li.active .top-tip {
  margin-top: 0;
  opacity: 1;
}
.section-process .steps li.active .step-detail {
  top: 99px;
  opacity: 1;
}
.section-process .steps li.active .step-icon {
  -webkit-animation: step1 1s steps(1) 0s normal forwards;
          animation: step1 1s steps(1) 0s normal forwards;
}
.no-webp .section-process .steps li.step1 .step-icon {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/step1_e7a37ddc.png) 0 0 no-repeat}
.webp .section-process .steps li.step1 .step-icon {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/step1_e7a37ddc.webp) 0 0 no-repeat}
.section-process .steps li.step1 .step-icon {
}
.no-webp .section-process .steps li.step2 .step-icon {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/step2_05226bc6.png) 0 0 no-repeat}
.webp .section-process .steps li.step2 .step-icon {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/step2_05226bc6.webp) 0 0 no-repeat}
.section-process .steps li.step2 .step-icon {
}
.no-webp .section-process .steps li.step3 .step-icon {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/step3_51b4c63b.png) 0 0 no-repeat}
.webp .section-process .steps li.step3 .step-icon {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/step3_51b4c63b.webp) 0 0 no-repeat}
.section-process .steps li.step3 .step-icon {
}
.no-webp .section-process .steps li.step4 .step-icon {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/step4_b88d5b07.png) 0 0 no-repeat}
.webp .section-process .steps li.step4 .step-icon {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/step4_b88d5b07.webp) 0 0 no-repeat}
.section-process .steps li.step4 .step-icon {
}
.no-webp .section-process .steps li.step5 .step-icon {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/step5_1050a859.png) 0 0 no-repeat}
.webp .section-process .steps li.step5 .step-icon {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/step5_1050a859.webp) 0 0 no-repeat}
.section-process .steps li.step5 .step-icon {
}
.section-process .steps li.step6 .step-detail {
  left: -28px;
}
.no-webp .section-process .steps li.step6 .step-icon {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/step6_54d619b0.png) 0 0 no-repeat}
.webp .section-process .steps li.step6 .step-icon {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/step6_54d619b0.webp) 0 0 no-repeat}
.section-process .steps li.step6 .step-icon {
}
.section-process .showQA-wrap {
  width: 225px;
  height: 265px;
  position: relative;
}
.no-webp .section-process .showQA {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) center center no-repeat;background-size:3054px 3036px;
background-position:-2439px -696px}
.webp .section-process .showQA {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) center center no-repeat;background-size:3054px 3036px;
background-position:-2439px -696px}
.no-webp .section-process .showQA {background-size:3054px 3036px}
.webp .section-process .showQA {background-size:3054px 3036px}
.no-webp .section-process .showQA {background-position:-2439px -696px}
.webp .section-process .showQA {background-position:-2439px -696px}
.section-process .showQA {
  width: 139px;
  height: 163px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  padding: 35px 40px 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 54px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);

}
.no-webp .section-process .showQA:hover {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:3054px 3036px;
background-position:-0px -2636px}
.webp .section-process .showQA:hover {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:3054px 3036px;
background-position:-0px -2636px}
.no-webp .section-process .showQA:hover {background-size:3054px 3036px}
.webp .section-process .showQA:hover {background-size:3054px 3036px}
.no-webp .section-process .showQA:hover {background-position:-0px -2636px}
.webp .section-process .showQA:hover {background-position:-0px -2636px}
.section-process .showQA:hover {
width:139px;
height:163px;

}
.no-webp .section-process .showQA::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) center center no-repeat;background-size:3054px 3036px;
background-position:-2965px -1810px}
.webp .section-process .showQA::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) center center no-repeat;background-size:3054px 3036px;
background-position:-2965px -1810px}
.no-webp .section-process .showQA::after {background-size:3054px 3036px}
.webp .section-process .showQA::after {background-size:3054px 3036px}
.no-webp .section-process .showQA::after {background-position:-2965px -1810px}
.webp .section-process .showQA::after {background-position:-2965px -1810px}
.section-process .showQA::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 30px;
  margin-left: 5px;

}
#swiper-develop .swiper-slide,
#swiper3 .swiper-slide {
  cursor: pointer;
}
#swiper-develop .swiper-slide img,
#swiper3 .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#swiper-develop .swiper-slide p,
#swiper3 .swiper-slide p {
  position: absolute;
  width: 100%;
  bottom: 19px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  z-index: 3;
}
.no-webp #swiper-develop .swiper-slide.video::after, 
.no-webp #swiper3 .swiper-slide.video::after {background:rgba(0, 0, 0, 0.3) !important}
.webp #swiper-develop .swiper-slide.video::after, 
.webp #swiper3 .swiper-slide.video::after {background:rgba(0, 0, 0, 0.3) !important}
#swiper-develop .swiper-slide.video::after,
#swiper3 .swiper-slide.video::after {
}
.swiper-pagination-2 {
  height: 12px;
  width: 100%;
  position: absolute;
  bottom: -44px;
  text-align: center;
  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;
}
.no-webp .swiper-pagination-2 .swiper-pagination-bullet {background:#dde8f9}
.webp .swiper-pagination-2 .swiper-pagination-bullet {background:#dde8f9}
.swiper-pagination-2 .swiper-pagination-bullet {
  width: 28px;
  height: 4px;
  border-radius: 2px;
  margin: 4px 16px 0 0;
  opacity: 1;
}
.no-webp .swiper-pagination-2 .swiper-pagination-bullet-active {background:#4681ef}
.webp .swiper-pagination-2 .swiper-pagination-bullet-active {background:#4681ef}
.swiper-pagination-2 .swiper-pagination-bullet-active {
}
.swiper-pagination {
  width: 100%;
}
.swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-slide.video {
  position: relative;
}
.no-webp .index.index-intern .banner-box {background:#f6fbff url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/intern-banner_b63651b9.jpg) no-repeat center top / 1920px 650px}
.webp .index.index-intern .banner-box {background:#f6fbff url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/intern-banner_b63651b9.webp) no-repeat center top / 1920px 650px}
.index.index-intern .banner-box {
  height: 650px;
}
.index.index-intern #swiper-full {
  width: 100%;
  height: 100%;
}
.index.index-intern .section-process {
  margin-top: 0px;
}
.index.index-intern .project-introduction > .content-bg {
  padding: 70px 120px 0px;
}
.no-webp .index.index-daily .banner-box {background:#f6fbff url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/daily-banner_571884f8.png) no-repeat top center}
.webp .index.index-daily .banner-box {background:#f6fbff url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/daily-banner_571884f8.webp) no-repeat top center}
.index.index-daily .banner-box {
  height: 650px;
}
.no-webp .index.index-daily .banner-box::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/full-banner-shadow_01a94b93.png) no-repeat left top / 1920px auto}
.webp .index.index-daily .banner-box::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/full-banner-shadow_01a94b93.webp) no-repeat left top / 1920px auto}
.index.index-daily .banner-box::after {
  content: '';
  display: inline-block;
  width: 1920px;
  height: 61px;
  position: absolute;
  bottom: -6px;
  z-index: 1;
}
.index.index-daily .section-process {
  margin-top: 0px;
}
.index.index-daily .project-introduction > .content-bg {
  padding: 100px 120px 0px;
}
@-webkit-keyframes showFromBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes showFromBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-full {
  bottom: 30px;
}
.no-webp .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-full .swiper-pagination-bullet {background:#007aff}
.webp .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-full .swiper-pagination-bullet {background:#007aff}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-full .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.index-fuxi {
  position: relative;
}
.no-webp .index-fuxi .banner-box {background:#f6fbff url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/fuxi-banner_110ce566.jpg) no-repeat center top / 1920px 650px}
.webp .index-fuxi .banner-box {background:#f6fbff url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/fuxi-banner_110ce566.webp) no-repeat center top / 1920px 650px}
.index-fuxi .banner-box {
}
.no-webp .index-fuxi .banner-box::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/fuxi-banner-text_cd09e790.png) no-repeat center top / 1920px 650px}
.webp .index-fuxi .banner-box::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/fuxi-banner-text_cd09e790.webp) no-repeat center top / 1920px 650px}
.index-fuxi .banner-box::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 1800px) {
  .left-nav {
    left: 20px;
  }
  .right-top {
    right: 20px;
  }
}
@media screen and (max-width: 1700px) {
  .section-intern #swiper-intern {
    right: -100px;
  }
}
.no-webp .page-about {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/bg_78707cd1.jpg) no-repeat center top}
.webp .page-about {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/bg_78707cd1.webp) no-repeat center top}
.page-about {
  height: 4209px;
  font-size: 16px;
}
.no-webp .page-about .banner {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/banner_957b31f6.png) no-repeat center top}
.webp .page-about .banner {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/banner_957b31f6.webp) no-repeat center top}
.page-about .banner {
  height: 651px;
}
.page-about .showcase {
  height: 896px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 140px;
}
.no-webp .page-about .showcase-tabs > div {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1124px -406px}
.webp .page-about .showcase-tabs > div {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1124px -406px}
.no-webp .page-about .showcase-tabs > div {background-size:3054px 3036px}
.webp .page-about .showcase-tabs > div {background-size:3054px 3036px}
.no-webp .page-about .showcase-tabs > div {background-position:-1124px -406px}
.webp .page-about .showcase-tabs > div {background-position:-1124px -406px}
.page-about .showcase-tabs > div {
  width: 1376px;
  height: 159px;
  margin: 0 auto;

  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-sizing: border-box;
          box-sizing: border-box;
  padding-top: 29px;
}
.page-about .showcase-tabs > div .link {
  width: 30%;
  height: 78px;
  position: relative;
  cursor: pointer;
}
.page-about .showcase-tabs > div .link-name {
  width: 100%;
  height: 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;
  font-size: 24px;
}
.page-about .showcase-tabs > div .link .ico {
  margin-right: 14px;
}
.no-webp .page-about .showcase-tabs > div .link .ico-1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2973px -189px}
.webp .page-about .showcase-tabs > div .link .ico-1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2973px -189px}
.no-webp .page-about .showcase-tabs > div .link .ico-1 {background-size:3054px 3036px}
.webp .page-about .showcase-tabs > div .link .ico-1 {background-size:3054px 3036px}
.no-webp .page-about .showcase-tabs > div .link .ico-1 {background-position:-2973px -189px}
.webp .page-about .showcase-tabs > div .link .ico-1 {background-position:-2973px -189px}
.page-about .showcase-tabs > div .link .ico-1 {
width:35px;
height:37px;

}
.no-webp .page-about .showcase-tabs > div .link .ico-2 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2965px -1702px}
.webp .page-about .showcase-tabs > div .link .ico-2 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2965px -1702px}
.no-webp .page-about .showcase-tabs > div .link .ico-2 {background-size:3054px 3036px}
.webp .page-about .showcase-tabs > div .link .ico-2 {background-size:3054px 3036px}
.no-webp .page-about .showcase-tabs > div .link .ico-2 {background-position:-2965px -1702px}
.webp .page-about .showcase-tabs > div .link .ico-2 {background-position:-2965px -1702px}
.page-about .showcase-tabs > div .link .ico-2 {
width:31px;
height:29px;

}
.no-webp .page-about .showcase-tabs > div .link .ico-3 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-3009px -487px}
.webp .page-about .showcase-tabs > div .link .ico-3 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-3009px -487px}
.no-webp .page-about .showcase-tabs > div .link .ico-3 {background-size:3054px 3036px}
.webp .page-about .showcase-tabs > div .link .ico-3 {background-size:3054px 3036px}
.no-webp .page-about .showcase-tabs > div .link .ico-3 {background-position:-3009px -487px}
.webp .page-about .showcase-tabs > div .link .ico-3 {background-position:-3009px -487px}
.page-about .showcase-tabs > div .link .ico-3 {
width:35px;
height:31px;

}
.no-webp .page-about .showcase-tabs > div .link .ico-4 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2974px -324px}
.webp .page-about .showcase-tabs > div .link .ico-4 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2974px -324px}
.no-webp .page-about .showcase-tabs > div .link .ico-4 {background-size:3054px 3036px}
.webp .page-about .showcase-tabs > div .link .ico-4 {background-size:3054px 3036px}
.no-webp .page-about .showcase-tabs > div .link .ico-4 {background-position:-2974px -324px}
.webp .page-about .showcase-tabs > div .link .ico-4 {background-position:-2974px -324px}
.page-about .showcase-tabs > div .link .ico-4 {
width:32px;
height:21px;

}
.page-about .showcase-tabs > div .link .info {
  width: 350px;
  height: 138px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 40%;
  -webkit-transform: translateX(-35%);
          transform: translateX(-35%);
}
.page-about .showcase-tabs > div .link .info-cnt {
  width: 350px;
  height: 138px;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 34px 47px 0 0;
  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-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;
  color: #fff;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
  -webkit-transition: all 0.33s;
  transition: all 0.33s;
}
.page-about .showcase-tabs > div .link .info-cnt .name {
  font-size: 24px;
  font-weight: bold;
  -webkit-transform: translate(0, 28px);
          transform: translate(0, 28px);
  opacity: 0;
  -webkit-transition: all 0.45s;
  transition: all 0.45s;
}
.no-webp .page-about .showcase-tabs > div .link .info-cnt .name::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2973px -228px}
.webp .page-about .showcase-tabs > div .link .info-cnt .name::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2973px -228px}
.no-webp .page-about .showcase-tabs > div .link .info-cnt .name::after {background-size:3054px 3036px}
.webp .page-about .showcase-tabs > div .link .info-cnt .name::after {background-size:3054px 3036px}
.no-webp .page-about .showcase-tabs > div .link .info-cnt .name::after {background-position:-2973px -228px}
.webp .page-about .showcase-tabs > div .link .info-cnt .name::after {background-position:-2973px -228px}
.page-about .showcase-tabs > div .link .info-cnt .name::after {
  display: block;
  content: '';
width:22px;
height:4px;

  margin: 12px auto 5px;
}
.page-about .showcase-tabs > div .link .info-cnt .desc {
  opacity: 0;
  -webkit-transform: translate(0, 28px);
          transform: translate(0, 28px);
  -webkit-transition: all 0.45s;
  transition: all 0.45s;
}
.no-webp .page-about .showcase-tabs > div .link.link-game .info .info-cnt {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/tab-link-game-h_0f87321d.png) no-repeat}
.webp .page-about .showcase-tabs > div .link.link-game .info .info-cnt {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/tab-link-game-h_0f87321d.webp) no-repeat}
.page-about .showcase-tabs > div .link.link-game .info .info-cnt {
}
.no-webp .page-about .showcase-tabs > div .link.link-fuxi .info .info-cnt {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/tab-link-fuxi-h_e249e069.png) no-repeat}
.webp .page-about .showcase-tabs > div .link.link-fuxi .info .info-cnt {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/tab-link-fuxi-h_e249e069.webp) no-repeat}
.page-about .showcase-tabs > div .link.link-fuxi .info .info-cnt {
}
.no-webp .page-about .showcase-tabs > div .link.link-qkl .info .info-cnt {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/tab-link-qkl-h_69bc100a.png) no-repeat}
.webp .page-about .showcase-tabs > div .link.link-qkl .info .info-cnt {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/tab-link-qkl-h_69bc100a.webp) no-repeat}
.page-about .showcase-tabs > div .link.link-qkl .info .info-cnt {
}
.no-webp .page-about .showcase-tabs > div .link.link-mtl .info .info-cnt {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/tab-link-mtl-h_4f42a4f0.png) no-repeat}
.webp .page-about .showcase-tabs > div .link.link-mtl .info .info-cnt {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/tab-link-mtl-h_4f42a4f0.webp) no-repeat}
.page-about .showcase-tabs > div .link.link-mtl .info .info-cnt {
}
.page-about .showcase-tabs > div .link:nth-child(1) .info {
  left: 41%;
}
.page-about .showcase-tabs > div .link:nth-child(2) .info {
  left: 43.5%;
}
.page-about .showcase-tabs > div .link:nth-child(3) .info {
  left: 48%;
}
.page-about .showcase-tabs > div .link.active .info-cnt {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.page-about .showcase-tabs > div .link.active .info-cnt .name {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.page-about .showcase-tabs > div .link.active .info-cnt .desc {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.page-about .event {
  padding-top: 85px;
  height: 700px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.no-webp .page-about .event-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1850px}
.webp .page-about .event-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1850px}
.no-webp .page-about .event-title {background-size:3054px 3036px}
.webp .page-about .event-title {background-size:3054px 3036px}
.no-webp .page-about .event-title {background-position:-2658px -1850px}
.webp .page-about .event-title {background-position:-2658px -1850px}
.page-about .event-title {
width:308px;
height:104px;

  margin: 0 auto;
}
.page-about .event-detail {
  width: 1383px;
  height: 422px;
  position: relative;
  margin: 50px auto 0;
}
.no-webp .page-about .event-detail .event-detail-cnt {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/bg_1054d6e8.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/bg_1054d6e8.webp) no-repeat}
.page-about .event-detail .event-detail-cnt {
  position: absolute;
  top: 0;
  left: 0;
  width: 1383px;
  height: 422px;
}
.page-about .event-detail .event-detail-cnt .event-date {
  position: absolute;
  top: 64px;
  left: 106px;
}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20075 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1975px -1166px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20075 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1975px -1166px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20075 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20075 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20075 {background-position:-1975px -1166px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20075 {background-position:-1975px -1166px}
.page-about .event-detail .event-detail-cnt .event-date-20075 {
width:591px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20114 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1022px -1324px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20114 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1022px -1324px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20114 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20114 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20114 {background-position:-1022px -1324px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20114 {background-position:-1022px -1324px}
.page-about .event-detail .event-detail-cnt .event-date-20114 {
width:591px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20164 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1615px -1324px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20164 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1615px -1324px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20164 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20164 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20164 {background-position:-1615px -1324px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20164 {background-position:-1615px -1324px}
.page-about .event-detail .event-detail-cnt .event-date-20164 {
width:591px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20165 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-248px -1482px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20165 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-248px -1482px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20165 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20165 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20165 {background-position:-248px -1482px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20165 {background-position:-248px -1482px}
.page-about .event-detail .event-detail-cnt .event-date-20165 {
width:591px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20179 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-841px -1482px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20179 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-841px -1482px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20179 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20179 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20179 {background-position:-841px -1482px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20179 {background-position:-841px -1482px}
.page-about .event-detail .event-detail-cnt .event-date-20179 {
width:591px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-201711 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1338px -1034px}
.webp .page-about .event-detail .event-detail-cnt .event-date-201711 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1338px -1034px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-201711 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-201711 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-201711 {background-position:-1338px -1034px}
.webp .page-about .event-detail .event-detail-cnt .event-date-201711 {background-position:-1338px -1034px}
.page-about .event-detail .event-detail-cnt .event-date-201711 {
width:635px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20186 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1434px -1482px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20186 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1434px -1482px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20186 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20186 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20186 {background-position:-1434px -1482px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20186 {background-position:-1434px -1482px}
.page-about .event-detail .event-detail-cnt .event-date-20186 {
width:591px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20188 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2027px -1482px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20188 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2027px -1482px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20188 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20188 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20188 {background-position:-2027px -1482px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20188 {background-position:-2027px -1482px}
.page-about .event-detail .event-detail-cnt .event-date-20188 {
width:591px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20196 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-248px -1614px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20196 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-248px -1614px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20196 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20196 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20196 {background-position:-248px -1614px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20196 {background-position:-248px -1614px}
.page-about .event-detail .event-detail-cnt .event-date-20196 {
width:591px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-201911 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1975px -1034px}
.webp .page-about .event-detail .event-detail-cnt .event-date-201911 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1975px -1034px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-201911 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-201911 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-201911 {background-position:-1975px -1034px}
.webp .page-about .event-detail .event-detail-cnt .event-date-201911 {background-position:-1975px -1034px}
.page-about .event-detail .event-detail-cnt .event-date-201911 {
width:635px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20201 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-841px -1614px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20201 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-841px -1614px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20201 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20201 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20201 {background-position:-841px -1614px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20201 {background-position:-841px -1614px}
.page-about .event-detail .event-detail-cnt .event-date-20201 {
width:591px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20211 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1434px -1614px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20211 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1434px -1614px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20211 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20211 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20211 {background-position:-1434px -1614px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20211 {background-position:-1434px -1614px}
.page-about .event-detail .event-detail-cnt .event-date-20211 {
width:591px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20213 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2027px -1614px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20213 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2027px -1614px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20213 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20213 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20213 {background-position:-2027px -1614px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20213 {background-position:-2027px -1614px}
.page-about .event-detail .event-detail-cnt .event-date-20213 {
width:591px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20217 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-0px -1831px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20217 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-0px -1831px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20217 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20217 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20217 {background-position:-0px -1831px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20217 {background-position:-0px -1831px}
.page-about .event-detail .event-detail-cnt .event-date-20217 {
width:591px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20219 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-593px -1831px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20219 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-593px -1831px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20219 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20219 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20219 {background-position:-593px -1831px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20219 {background-position:-593px -1831px}
.page-about .event-detail .event-detail-cnt .event-date-20219 {
width:591px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-202112 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1338px -1166px}
.webp .page-about .event-detail .event-detail-cnt .event-date-202112 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1338px -1166px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-202112 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-202112 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-202112 {background-position:-1338px -1166px}
.webp .page-about .event-detail .event-detail-cnt .event-date-202112 {background-position:-1338px -1166px}
.page-about .event-detail .event-detail-cnt .event-date-202112 {
width:635px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20236 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1186px -1831px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20236 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1186px -1831px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20236 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20236 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20236 {background-position:-1186px -1831px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20236 {background-position:-1186px -1831px}
.page-about .event-detail .event-detail-cnt .event-date-20236 {
width:591px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20238 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1779px -1831px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20238 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1779px -1831px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20238 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20238 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20238 {background-position:-1779px -1831px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20238 {background-position:-1779px -1831px}
.page-about .event-detail .event-detail-cnt .event-date-20238 {
width:591px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20247 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-0px -1963px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20247 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-0px -1963px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20247 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20247 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20247 {background-position:-0px -1963px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20247 {background-position:-0px -1963px}
.page-about .event-detail .event-detail-cnt .event-date-20247 {
width:591px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20247f {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-593px -1963px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20247f {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-593px -1963px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20247f {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20247f {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20247f {background-position:-593px -1963px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20247f {background-position:-593px -1963px}
.page-about .event-detail .event-detail-cnt .event-date-20247f {
width:591px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20249 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1186px -1963px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20249 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1186px -1963px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20249 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20249 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20249 {background-position:-1186px -1963px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20249 {background-position:-1186px -1963px}
.page-about .event-detail .event-detail-cnt .event-date-20249 {
width:591px;
height:130px;

}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20252 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1779px -1963px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20252 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1779px -1963px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20252 {background-size:3054px 3036px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20252 {background-size:3054px 3036px}
.no-webp .page-about .event-detail .event-detail-cnt .event-date-20252 {background-position:-1779px -1963px}
.webp .page-about .event-detail .event-detail-cnt .event-date-20252 {background-position:-1779px -1963px}
.page-about .event-detail .event-detail-cnt .event-date-20252 {
width:591px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .img-cnt {
  position: absolute;
  bottom: 60px;
  left: 535px;
  width: 964px;
  height: 439px;
  overflow: hidden;
}
.page-about .event-detail .event-detail-cnt .event-img {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 964px;
  height: 439px;
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20075 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20075-img_5b9419a6.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20075 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20075-img_5b9419a6.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20075 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20114 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20114-img_dc73b733.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20114 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20114-img_dc73b733.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20114 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20164 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20164-img_3acab179.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20164 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20164-img_3acab179.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20164 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20165 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20165-img_cd239140.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20165 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20165-img_cd239140.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20165 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20179 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20179-img_b817f354.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20179 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20179-img_b817f354.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20179 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-201711 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/201711-img_718031da.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-201711 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/201711-img_718031da.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-201711 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20186 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20186-img_5fa43e0a.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20186 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20186-img_5fa43e0a.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20186 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20188 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20188-img_5d0c1335.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20188 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20188-img_5d0c1335.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20188 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20196 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20196-img_07e44292.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20196 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20196-img_07e44292.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20196 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-201911 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/201911-img_cfaf7412.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-201911 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/201911-img_cfaf7412.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-201911 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20201 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20201-img_551a0281.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20201 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20201-img_551a0281.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20201 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20211 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20211-img_d99bf4eb.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20211 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20211-img_d99bf4eb.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20211 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20213 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20213-img_ef192d0e.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20213 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20213-img_ef192d0e.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20213 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20217 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20217-img_8a4755eb.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20217 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20217-img_8a4755eb.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20217 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20219 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20219-img_1e586627.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20219 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20219-img_1e586627.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20219 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-202112 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/202112-img_8f842794.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-202112 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/202112-img_8f842794.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-202112 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20236 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20236-img_da2c769f.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20236 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20236-img_da2c769f.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20236 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20238 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20238-img_7253f3d7.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20238 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20238-img_7253f3d7.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20238 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20247 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20247-img_f2aba153.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20247 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20247-img_f2aba153.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20247 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20247f {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20247f-img_66409d96.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20247f {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20247f-img_66409d96.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20247f {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20249 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20249-img_2c38cfb8.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20249 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20249-img_2c38cfb8.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20249 {
}
.no-webp .page-about .event-detail .event-detail-cnt .event-img-20252 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20252-img_5eae89a9.png) no-repeat}
.webp .page-about .event-detail .event-detail-cnt .event-img-20252 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20252-img_5eae89a9.webp) no-repeat}
.page-about .event-detail .event-detail-cnt .event-img-20252 {
}
.page-about .event-detail .event-detail-cnt .event-name {
  position: absolute;
  font-size: 22px;
  top: 185px;
  left: 106px;
  font-weight: bold;
  padding-bottom: 30px;
}
.no-webp .page-about .event-detail .event-detail-cnt .event-name::after {background:#6298f3}
.webp .page-about .event-detail .event-detail-cnt .event-name::after {background:#6298f3}
.page-about .event-detail .event-detail-cnt .event-name::after {
  display: block;
  content: '';
  width: 20px;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.page-about .event-detail .event-detail-cnt .event-intro {
  font-size: 16px;
  position: absolute;
  top: 260px;
  left: 106px;
  width: 470px;
  color: #666;
}
.page-about .event-timeline {
  width: 100%;
  position: absolute;
  bottom: -48px;
  left: 0;
  height: 100px;
  overflow: hidden;
}
.page-about .event-timeline-cnt {
  width: 1920px;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  height: 100%;
}
.page-about .event-timeline-cnt::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100vw;
  height: 1px;
  border-bottom: 1px solid #b5b5b5;
}
.page-about .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: 1360px;
  overflow: hidden;
  height: 100%;
  z-index: 2;
}
.page-about .event-timeline-cnt.stage-2 .scroll {
  left: -1920px;
}
.page-about .event-timeline-cnt.stage-3 .scroll {
  left: -3840px;
}
.page-about .event-timeline-cnt .part {
  width: 1920px;
  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(560px);
          transform: translateX(560px);
}
.page-about .event-timeline-cnt .part.part-2 .tag::after,
.page-about .event-timeline-cnt .part.part-3 .tag::after {
  width: 100px;
}
.page-about .event-timeline-cnt .part.part-2 .point::after,
.page-about .event-timeline-cnt .part.part-3 .point::after {
  width: 100px;
}
.page-about .event-timeline-cnt .part.part-3 .tag::after,
.page-about .event-timeline-cnt .part.part-3 .point::after {
  width: 157px;
}
.page-about .event-timeline-cnt .part.part-3 .year:nth-last-child(2) .tag::after {
  width: 680px;
}
.page-about .event-timeline-cnt .part.part-3 .year:last-child .tag {
  font-size: 16px;
  position: relative;
  top: -2px;
}
.page-about .event-timeline-cnt .part::before,
.page-about .event-timeline-cnt .part::after {
  display: block;
  content: '';
  width: 306px;
  border-bottom: 1px solid #b5b5b5;
}
.page-about .event-timeline-cnt .part::after {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-about .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;
}
.page-about .event-timeline-cnt .part .tag {
  font-size: 18px;
  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;
}
.page-about .event-timeline-cnt .part .tag.active {
  color: #4e89ed;
  font-weight: bold;
}
.page-about .event-timeline-cnt .part .tag::after {
  display: block;
  content: '';
  width: 72px;
  border-bottom: 1px solid #b5b5b5;
}
.page-about .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;
}
.no-webp .page-about .event-timeline-cnt .part .point .triangle {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2976px -749px}
.webp .page-about .event-timeline-cnt .part .point .triangle {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2976px -749px}
.no-webp .page-about .event-timeline-cnt .part .point .triangle {background-size:3054px 3036px}
.webp .page-about .event-timeline-cnt .part .point .triangle {background-size:3054px 3036px}
.no-webp .page-about .event-timeline-cnt .part .point .triangle {background-position:-2976px -749px}
.webp .page-about .event-timeline-cnt .part .point .triangle {background-position:-2976px -749px}
.page-about .event-timeline-cnt .part .point .triangle {
width:9px;
height:10px;

  position: relative;
}
.page-about .event-timeline-cnt .part .point .triangle::after {
  display: block;
  content: '';
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page-about .event-timeline-cnt .part .point::after {
  display: block;
  content: '';
  width: 72px;
  border-bottom: 1px solid #b5b5b5;
}
.page-about .event-timeline-cnt .part .point:hover {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.page-about .event-timeline-cnt .part .point.active .ico {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.page-about .event-timeline-cnt .part .point.active .month {
  opacity: 1;
}
.page-about .event-timeline-cnt .part .point .ico {
  width: 46px;
  height: 46px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 2px solid #fff;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 10px rgba(0, 82, 206, 0.8);
          box-shadow: 0 0 10px rgba(0, 82, 206, 0.8);
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20075 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20075_94a06b51.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20075 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20075_94a06b51.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20075 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20075 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20075 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20114 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20114_02c0e827.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20114 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20114_02c0e827.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20114 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20114 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20114 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20164 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20164_54e76795.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20164 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20164_54e76795.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20164 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20164 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20164 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20165 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20165_b988565b.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20165 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20165_b988565b.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20165 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20165 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20165 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20179 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20179_cbe7f067.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20179 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20179_cbe7f067.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20179 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20179 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20179 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-201711 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-201711_78368b20.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-201711 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-201711_78368b20.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-201711 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-201711 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-201711 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20186 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20186_d66d917e.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20186 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20186_d66d917e.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20186 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20186 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20186 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20188 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20188_f3e457b0.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20188 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20188_f3e457b0.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20188 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20188 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20188 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20196 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20196_f66b3c40.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20196 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20196_f66b3c40.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20196 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20196 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20196 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-201911 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-201911_df0e24cf.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-201911 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-201911_df0e24cf.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-201911 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-201911 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-201911 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20201 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20201_060eec29.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20201 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20201_060eec29.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20201 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20201 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20201 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20211 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20211_6b63d24c.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20211 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20211_6b63d24c.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20211 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20211 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20211 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20213 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20213_f8fdd979.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20213 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20213_f8fdd979.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20213 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20213 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20213 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20217 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20217_82b5b107.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20217 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20217_82b5b107.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20217 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20217 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20217 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20219 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20219_7cc7eb1c.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20219 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20219_7cc7eb1c.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20219 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20219 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20219 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-202112 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-202112_75ff356a.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-202112 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-202112_75ff356a.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-202112 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-202112 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-202112 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20236 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20236_6dbd731a.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20236 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20236_6dbd731a.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20236 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20236 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20236 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20238 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20238_89766e9d.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20238 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20238_89766e9d.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20238 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20238 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20238 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20247 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20247_5b0e1458.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20247 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20247_5b0e1458.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20247 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20247 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20247 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20247f {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20247f_a5835505.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20247f {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20247f_a5835505.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20247f {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20247f {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20247f {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20249 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20249_e0221b58.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20249 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20249_e0221b58.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20249 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20249 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20249 {
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20252 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20252_326c06a6.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20252 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20252_326c06a6.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-20252 {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-20252 {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-20252 {
}
.page-about .event-timeline-cnt .part .point .ico:hover {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.no-webp .page-about .event-timeline-cnt .part .point .ico-yjwjm {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/icon-yjwjm_5b0e1458.png) no-repeat;
  background-size: 100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-yjwjm {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/icon-yjwjm_5b0e1458.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-about .event-timeline-cnt .part .point .ico-yjwjm {background-size:100% 100%}
.webp .page-about .event-timeline-cnt .part .point .ico-yjwjm {background-size:100% 100%}
.page-about .event-timeline-cnt .part .point .ico-yjwjm {
}
.no-webp .page-about .event-timeline-cnt .part .point .month {background-color:#f1f4f7}
.webp .page-about .event-timeline-cnt .part .point .month {background-color:#f1f4f7}
.page-about .event-timeline-cnt .part .point .month {
  position: relative;
  white-space: nowrap;
  color: #888;
  font-weight: bold;
  font-size: 14px;
  padding: 0 23px 0 6px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.no-webp .page-about .event-timeline-cnt .part .point .month::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:3054px 3036px;
background-position:-2976px -749px}
.webp .page-about .event-timeline-cnt .part .point .month::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:3054px 3036px;
background-position:-2976px -749px}
.no-webp .page-about .event-timeline-cnt .part .point .month::after {background-size:3054px 3036px}
.webp .page-about .event-timeline-cnt .part .point .month::after {background-size:3054px 3036px}
.no-webp .page-about .event-timeline-cnt .part .point .month::after {background-position:-2976px -749px}
.webp .page-about .event-timeline-cnt .part .point .month::after {background-position:-2976px -749px}
.page-about .event-timeline-cnt .part .point .month::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 9px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
width:9px;
height:10px;

}
.page-about .event-timeline .timeline-next-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.page-about .event-timeline .timeline-prev-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
/** 插入过程 **/
.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(30px, 0);
          transform: translate(30px, 0);
}
.event-enter .event-name {
  opacity: 0;
  -webkit-transform: translate(0, -20px);
          transform: translate(0, -20px);
}
.event-enter .event-intro {
  opacity: 0;
  -webkit-transform: translate(0, -40px);
          transform: translate(0, -40px);
}
.event-leave-to {
  opacity: 0;
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
}
@media only screen and (max-width: 1440px) {
  .page-about .event-timeline .timeline-prev-btn {
    margin-left: -717px;
  }
  .page-about .event-timeline .timeline-next-btn {
    margin-left: 607px;
  }
}
.page-about .showcase .tab {
  position: relative;
}
.page-about .showcase #leihuoGame {
  margin-top: 0 !important;
  position: absolute;
  top: 40px;
  left: 0;
}
.page-about .showcase #leihuoGame .title {
  display: none;
}
.page-about .showcase #leihuoGame .game-container {
  margin-top: 0 !important;
}
.page-about .showcase .fuxi {
  width: 1350px;
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  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;
}
.no-webp .page-about .showcase .fuxi .left {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/fuxi-left_5a549ed0.png) no-repeat}
.webp .page-about .showcase .fuxi .left {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/fuxi-left_5a549ed0.webp) no-repeat}
.page-about .showcase .fuxi .left {
  display: block;
  width: 567px;
  height: 446px;
  margin-right: 20px;
}
.page-about .showcase .fuxi .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 446px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.page-about .showcase .fuxi .right .item {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 70px 26px 0 26px;
  color: #fff;
  height: 446px;
  display: block;
  overflow: hidden;
}
.page-about .showcase .fuxi .right .item .name {
  font-size: 27px;
  font-weight: 500;
}
.no-webp .page-about .showcase .fuxi .right .item .line {background:rgba(255, 255, 255, 0.3)}
.webp .page-about .showcase .fuxi .right .item .line {background:rgba(255, 255, 255, 0.3)}
.page-about .showcase .fuxi .right .item .line {
  height: 2px;
  margin: 10px 0 30px;
}
.no-webp .page-about .showcase .fuxi .right .item-1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-1_671c5c2a.png) no-repeat top left / 100% 100%}
.webp .page-about .showcase .fuxi .right .item-1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-1_671c5c2a.webp) no-repeat top left / 100% 100%}
.page-about .showcase .fuxi .right .item-1 {
  width: 190px;
  left: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 4;
}
.no-webp .page-about .showcase .fuxi .right .item-1 .txt {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2377px -2387px}
.webp .page-about .showcase .fuxi .right .item-1 .txt {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2377px -2387px}
.no-webp .page-about .showcase .fuxi .right .item-1 .txt {background-size:3054px 3036px}
.webp .page-about .showcase .fuxi .right .item-1 .txt {background-size:3054px 3036px}
.no-webp .page-about .showcase .fuxi .right .item-1 .txt {background-position:-2377px -2387px}
.webp .page-about .showcase .fuxi .right .item-1 .txt {background-position:-2377px -2387px}
.page-about .showcase .fuxi .right .item-1 .txt {
  position: absolute;
  top: 72px;
  left: 30px;
width:157px;
height:133px;

}
.page-about .showcase .fuxi .right .item-1:hover {
  width: 230px;
}
.no-webp .page-about .showcase .fuxi .right .item-1:hover + .item {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-2_f2d2b17d.png) no-repeat right top}
.webp .page-about .showcase .fuxi .right .item-1:hover + .item {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-2_f2d2b17d.webp) no-repeat right top}
.page-about .showcase .fuxi .right .item-1:hover + .item {
  width: 191px;
  padding-left: 66px;
}
.no-webp .page-about .showcase .fuxi .right .item-1::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2502px -406px}
.webp .page-about .showcase .fuxi .right .item-1::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2502px -406px}
.no-webp .page-about .showcase .fuxi .right .item-1::after {background-size:3054px 3036px}
.webp .page-about .showcase .fuxi .right .item-1::after {background-size:3054px 3036px}
.no-webp .page-about .showcase .fuxi .right .item-1::after {background-position:-2502px -406px}
.webp .page-about .showcase .fuxi .right .item-1::after {background-position:-2502px -406px}
.page-about .showcase .fuxi .right .item-1::after {
  display: block;
  content: '';
width:154px;
height:114px;

  position: absolute;
  right: 22px;
  bottom: 25px;
}
.no-webp .page-about .showcase .fuxi .right .item-2 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-2_f2d2b17d.png) no-repeat center center / 100% 100%}
.webp .page-about .showcase .fuxi .right .item-2 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-2_f2d2b17d.webp) no-repeat center center / 100% 100%}
.page-about .showcase .fuxi .right .item-2 {
  width: 190px;
  left: 190px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 3;
}
.page-about .showcase .fuxi .right .item-2:hover {
  width: 230px;
}
.no-webp .page-about .showcase .fuxi .right .item-2:hover + .item {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-3_00657f47.png) no-repeat right top}
.webp .page-about .showcase .fuxi .right .item-2:hover + .item {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-3_00657f47.webp) no-repeat right top}
.page-about .showcase .fuxi .right .item-2:hover + .item {
  width: 191px;
  padding-left: 66px;
}
.no-webp .page-about .showcase .fuxi .right .item-2::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-0px -2801px}
.webp .page-about .showcase .fuxi .right .item-2::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-0px -2801px}
.no-webp .page-about .showcase .fuxi .right .item-2::after {background-size:3054px 3036px}
.webp .page-about .showcase .fuxi .right .item-2::after {background-size:3054px 3036px}
.no-webp .page-about .showcase .fuxi .right .item-2::after {background-position:-0px -2801px}
.webp .page-about .showcase .fuxi .right .item-2::after {background-position:-0px -2801px}
.page-about .showcase .fuxi .right .item-2::after {
  display: block;
  content: '';
width:180px;
height:114px;

  position: absolute;
  right: 6px;
  bottom: 25px;
}
.no-webp .page-about .showcase .fuxi .right .item-3 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-3_00657f47.png) no-repeat center center / 100% 100%}
.webp .page-about .showcase .fuxi .right .item-3 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-3_00657f47.webp) no-repeat center center / 100% 100%}
.page-about .showcase .fuxi .right .item-3 {
  width: 190px;
  left: 379px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 2;
}
.page-about .showcase .fuxi .right .item-3:hover {
  width: 230px;
}
.no-webp .page-about .showcase .fuxi .right .item-3:hover + .item {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-4_3d5750e0.png) no-repeat right top}
.webp .page-about .showcase .fuxi .right .item-3:hover + .item {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-4_3d5750e0.webp) no-repeat right top}
.page-about .showcase .fuxi .right .item-3:hover + .item {
  width: 191px;
  padding-left: 66px;
}
.no-webp .page-about .showcase .fuxi .right .item-3::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2372px -1831px}
.webp .page-about .showcase .fuxi .right .item-3::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2372px -1831px}
.no-webp .page-about .showcase .fuxi .right .item-3::after {background-size:3054px 3036px}
.webp .page-about .showcase .fuxi .right .item-3::after {background-size:3054px 3036px}
.no-webp .page-about .showcase .fuxi .right .item-3::after {background-position:-2372px -1831px}
.webp .page-about .showcase .fuxi .right .item-3::after {background-position:-2372px -1831px}
.page-about .showcase .fuxi .right .item-3::after {
  display: block;
  content: '';
width:183px;
height:114px;

  position: absolute;
  right: 4px;
  bottom: 25px;
}
.no-webp .page-about .showcase .fuxi .right .item-4 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-4_3d5750e0.png) no-repeat center center / 100% 100%}
.webp .page-about .showcase .fuxi .right .item-4 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-4_3d5750e0.webp) no-repeat center center / 100% 100%}
.page-about .showcase .fuxi .right .item-4 {
  width: 190px;
  left: 568px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page-about .showcase .fuxi .right .item-4:hover {
  width: 230px;
}
.no-webp .page-about .showcase .fuxi .right .item-4::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2372px -1963px}
.webp .page-about .showcase .fuxi .right .item-4::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2372px -1963px}
.no-webp .page-about .showcase .fuxi .right .item-4::after {background-size:3054px 3036px}
.webp .page-about .showcase .fuxi .right .item-4::after {background-size:3054px 3036px}
.no-webp .page-about .showcase .fuxi .right .item-4::after {background-position:-2372px -1963px}
.webp .page-about .showcase .fuxi .right .item-4::after {background-position:-2372px -1963px}
.page-about .showcase .fuxi .right .item-4::after {
  display: block;
  content: '';
width:184px;
height:113px;

  position: absolute;
  right: 3px;
  bottom: 25px;
}
.no-webp .page-about .showcase .qkl {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/qkl-bg_feff1603.png) no-repeat}
.webp .page-about .showcase .qkl {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/qkl-bg_feff1603.webp) no-repeat}
.page-about .showcase .qkl {
  width: 1672px;
  height: 520px;
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translate(-825px, -20px);
          transform: translate(-825px, -20px);
  position: relative;
}
.page-about .showcase .qkl-cnt {
  width: 1254px;
  height: 450px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: absolute;
  left: 371px;
  top: 19px;
}
.page-about .showcase .qkl-cnt .item {
  width: 418px;
  height: 224px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 73px 0 0 165px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}
.page-about .showcase .qkl-cnt .item-ico {
  position: absolute;
  top: 72px;
  left: 60px;
}
.no-webp .page-about .showcase .qkl-cnt .item-ico-1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2974px -236px}
.webp .page-about .showcase .qkl-cnt .item-ico-1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2974px -236px}
.no-webp .page-about .showcase .qkl-cnt .item-ico-1 {background-size:3054px 3036px}
.webp .page-about .showcase .qkl-cnt .item-ico-1 {background-size:3054px 3036px}
.no-webp .page-about .showcase .qkl-cnt .item-ico-1 {background-position:-2974px -236px}
.webp .page-about .showcase .qkl-cnt .item-ico-1 {background-position:-2974px -236px}
.page-about .showcase .qkl-cnt .item-ico-1 {
width:76px;
height:86px;

}
.no-webp .page-about .showcase .qkl-cnt .item-ico-2 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2965px -770px}
.webp .page-about .showcase .qkl-cnt .item-ico-2 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2965px -770px}
.no-webp .page-about .showcase .qkl-cnt .item-ico-2 {background-size:3054px 3036px}
.webp .page-about .showcase .qkl-cnt .item-ico-2 {background-size:3054px 3036px}
.no-webp .page-about .showcase .qkl-cnt .item-ico-2 {background-position:-2965px -770px}
.webp .page-about .showcase .qkl-cnt .item-ico-2 {background-position:-2965px -770px}
.page-about .showcase .qkl-cnt .item-ico-2 {
width:76px;
height:86px;

}
.no-webp .page-about .showcase .qkl-cnt .item-ico-3 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2965px -1094px}
.webp .page-about .showcase .qkl-cnt .item-ico-3 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2965px -1094px}
.no-webp .page-about .showcase .qkl-cnt .item-ico-3 {background-size:3054px 3036px}
.webp .page-about .showcase .qkl-cnt .item-ico-3 {background-size:3054px 3036px}
.no-webp .page-about .showcase .qkl-cnt .item-ico-3 {background-position:-2965px -1094px}
.webp .page-about .showcase .qkl-cnt .item-ico-3 {background-position:-2965px -1094px}
.page-about .showcase .qkl-cnt .item-ico-3 {
width:75px;
height:85px;

}
.no-webp .page-about .showcase .qkl-cnt .item-ico-4 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2965px -1202px}
.webp .page-about .showcase .qkl-cnt .item-ico-4 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2965px -1202px}
.no-webp .page-about .showcase .qkl-cnt .item-ico-4 {background-size:3054px 3036px}
.webp .page-about .showcase .qkl-cnt .item-ico-4 {background-size:3054px 3036px}
.no-webp .page-about .showcase .qkl-cnt .item-ico-4 {background-position:-2965px -1202px}
.webp .page-about .showcase .qkl-cnt .item-ico-4 {background-position:-2965px -1202px}
.page-about .showcase .qkl-cnt .item-ico-4 {
width:75px;
height:85px;

}
.no-webp .page-about .showcase .qkl-cnt .item-ico-5 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2965px -878px}
.webp .page-about .showcase .qkl-cnt .item-ico-5 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2965px -878px}
.no-webp .page-about .showcase .qkl-cnt .item-ico-5 {background-size:3054px 3036px}
.webp .page-about .showcase .qkl-cnt .item-ico-5 {background-size:3054px 3036px}
.no-webp .page-about .showcase .qkl-cnt .item-ico-5 {background-position:-2965px -878px}
.webp .page-about .showcase .qkl-cnt .item-ico-5 {background-position:-2965px -878px}
.page-about .showcase .qkl-cnt .item-ico-5 {
width:76px;
height:86px;

}
.no-webp .page-about .showcase .qkl-cnt .item-ico-6 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2965px -1310px}
.webp .page-about .showcase .qkl-cnt .item-ico-6 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2965px -1310px}
.no-webp .page-about .showcase .qkl-cnt .item-ico-6 {background-size:3054px 3036px}
.webp .page-about .showcase .qkl-cnt .item-ico-6 {background-size:3054px 3036px}
.no-webp .page-about .showcase .qkl-cnt .item-ico-6 {background-position:-2965px -1310px}
.webp .page-about .showcase .qkl-cnt .item-ico-6 {background-position:-2965px -1310px}
.page-about .showcase .qkl-cnt .item-ico-6 {
width:74px;
height:84px;

}
.page-about .showcase .qkl-cnt .item-name {
  font-size: 21px;
  color: #000;
}
.page-about .showcase .qkl-cnt .item-desc {
  color: #b1b1b1;
  line-height: 27px;
  margin-top: 5px;
}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/hover-bg_097db19b.jpg) no-repeat}
.webp .page-about .showcase .qkl-cnt .item .cover-layer {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/hover-bg_097db19b.webp) no-repeat}
.page-about .showcase .qkl-cnt .item .cover-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 48px;
  padding-left: 40px;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.page-about .showcase .qkl-cnt .item .cover-layer .name {
  font-size: 24px;
  -webkit-transform: translate(-20px, 0);
          transform: translate(-20px, 0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #000;
}
.page-about .showcase .qkl-cnt .item .cover-layer .desc {
  font-size: 16px;
  color: #6097f4;
  line-height: 26px;
  -webkit-transform: translate(-40px, 0);
          transform: translate(-40px, 0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.page-about .showcase .qkl-cnt .item .cover-layer .ico {
  position: absolute;
  right: 28px;
  bottom: 15px;
  opacity: 0;
  -webkit-transform: translate(20px, 0);
          transform: translate(20px, 0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-107px -2917px}
.webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-107px -2917px}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-1 {background-size:3054px 3036px}
.webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-1 {background-size:3054px 3036px}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-1 {background-position:-107px -2917px}
.webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-1 {background-position:-107px -2917px}
.page-about .showcase .qkl-cnt .item .cover-layer .ico-1 {
width:104px;
height:118px;

}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-2 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-319px -2917px}
.webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-2 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-319px -2917px}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-2 {background-size:3054px 3036px}
.webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-2 {background-size:3054px 3036px}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-2 {background-position:-319px -2917px}
.webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-2 {background-position:-319px -2917px}
.page-about .showcase .qkl-cnt .item .cover-layer .ico-2 {
width:103px;
height:117px;

}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-3 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-213px -2917px}
.webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-3 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-213px -2917px}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-3 {background-size:3054px 3036px}
.webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-3 {background-size:3054px 3036px}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-3 {background-position:-213px -2917px}
.webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-3 {background-position:-213px -2917px}
.page-about .showcase .qkl-cnt .item .cover-layer .ico-3 {
width:104px;
height:118px;

}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-4 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2536px -2387px}
.webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-4 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2536px -2387px}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-4 {background-size:3054px 3036px}
.webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-4 {background-size:3054px 3036px}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-4 {background-position:-2536px -2387px}
.webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-4 {background-position:-2536px -2387px}
.page-about .showcase .qkl-cnt .item .cover-layer .ico-4 {
width:105px;
height:119px;

}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-5 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-0px -2917px}
.webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-5 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-0px -2917px}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-5 {background-size:3054px 3036px}
.webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-5 {background-size:3054px 3036px}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-5 {background-position:-0px -2917px}
.webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-5 {background-position:-0px -2917px}
.page-about .showcase .qkl-cnt .item .cover-layer .ico-5 {
width:105px;
height:119px;

}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-6 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-424px -2917px}
.webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-6 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-424px -2917px}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-6 {background-size:3054px 3036px}
.webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-6 {background-size:3054px 3036px}
.no-webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-6 {background-position:-424px -2917px}
.webp .page-about .showcase .qkl-cnt .item .cover-layer .ico-6 {background-position:-424px -2917px}
.page-about .showcase .qkl-cnt .item .cover-layer .ico-6 {
width:103px;
height:117px;

}
.page-about .showcase .qkl-cnt .item:hover .cover-layer {
  opacity: 1;
}
.page-about .showcase .qkl-cnt .item:hover .cover-layer .ico {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.page-about .showcase .qkl-cnt .item:hover .cover-layer .name {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.page-about .showcase .qkl-cnt .item:hover .cover-layer .desc {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.page-about .showcase .mtl {
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.page-about .showcase .mtl-cnt {
  width: 1418px;
  height: 446px;
  margin: 0 auto;
}
.no-webp .page-about .showcase .mtl-cnt-left {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/mtl-left_30af6371.png) no-repeat}
.webp .page-about .showcase .mtl-cnt-left {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/mtl-left_30af6371.webp) no-repeat}
.page-about .showcase .mtl-cnt-left {
  width: 500px;
  height: 446px;
  display: inline-block;
  margin-right: 17px;
  border-radius: 10px;
}
.page-about .showcase .mtl-cnt-right {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-about .showcase .mtl-cnt-item {
  width: 300px;
  position: relative;
  overflow: hidden;
}
.no-webp .page-about .showcase .mtl-cnt-item::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/mtl-mask_30a2d1b9.png) no-repeat}
.webp .page-about .showcase .mtl-cnt-item::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/mtl-mask_30a2d1b9.webp) no-repeat}
.page-about .showcase .mtl-cnt-item::before {
  display: inline-block;
  content: '';
  -webkit-transition: all 0.517s ease-in-out;
  transition: all 0.517s ease-in-out;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.page-about .showcase .mtl-cnt-item:nth-child(3) {
  margin-left: -1px;
}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(3) .mtl-cnt-img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-0px -1034px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(3) .mtl-cnt-img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-0px -1034px}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(3) .mtl-cnt-img {background-size:3054px 3036px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(3) .mtl-cnt-img {background-size:3054px 3036px}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(3) .mtl-cnt-img {background-position:-0px -1034px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(3) .mtl-cnt-img {background-position:-0px -1034px}
.page-about .showcase .mtl-cnt-item:nth-child(3) .mtl-cnt-img {
width:339px;
height:446px;

}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(3) .cover-layer .title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1060px -2095px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(3) .cover-layer .title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1060px -2095px}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(3) .cover-layer .title {background-size:3054px 3036px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(3) .cover-layer .title {background-size:3054px 3036px}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(3) .cover-layer .title {background-position:-1060px -2095px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(3) .cover-layer .title {background-position:-1060px -2095px}
.page-about .showcase .mtl-cnt-item:nth-child(3) .cover-layer .title {
  margin-left: -59px;
width:368px;
height:204px;

}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(3) .cover-layer::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-141px -2636px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(3) .cover-layer::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-141px -2636px}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(3) .cover-layer::after {background-size:3054px 3036px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(3) .cover-layer::after {background-size:3054px 3036px}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(3) .cover-layer::after {background-position:-141px -2636px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(3) .cover-layer::after {background-position:-141px -2636px}
.page-about .showcase .mtl-cnt-item:nth-child(3) .cover-layer::after {
  display: block;
  content: '';
width:183px;
height:113px;

  position: absolute;
  right: 29px;
  bottom: 24px;
}
.page-about .showcase .mtl-cnt-item:nth-child(2) {
  margin-left: -1px;
}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(2) .mtl-cnt-img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-682px -1034px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(2) .mtl-cnt-img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-682px -1034px}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(2) .mtl-cnt-img {background-size:3054px 3036px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(2) .mtl-cnt-img {background-size:3054px 3036px}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(2) .mtl-cnt-img {background-position:-682px -1034px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(2) .mtl-cnt-img {background-position:-682px -1034px}
.page-about .showcase .mtl-cnt-item:nth-child(2) .mtl-cnt-img {
width:338px;
height:446px;

}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(2) .cover-layer .title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1430px -2095px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(2) .cover-layer .title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1430px -2095px}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(2) .cover-layer .title {background-size:3054px 3036px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(2) .cover-layer .title {background-size:3054px 3036px}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(2) .cover-layer .title {background-position:-1430px -2095px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(2) .cover-layer .title {background-position:-1430px -2095px}
.page-about .showcase .mtl-cnt-item:nth-child(2) .cover-layer .title {
  margin-left: -59px;
width:416px;
height:177px;

}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(2) .cover-layer::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-326px -2636px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(2) .cover-layer::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-326px -2636px}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(2) .cover-layer::after {background-size:3054px 3036px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(2) .cover-layer::after {background-size:3054px 3036px}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(2) .cover-layer::after {background-position:-326px -2636px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(2) .cover-layer::after {background-position:-326px -2636px}
.page-about .showcase .mtl-cnt-item:nth-child(2) .cover-layer::after {
  display: block;
  content: '';
width:180px;
height:113px;

  position: absolute;
  right: 29px;
  bottom: 24px;
}
.page-about .showcase .mtl-cnt-item:nth-child(1) {
  margin-left: -1px;
}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(1) .mtl-cnt-img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-341px -1034px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(1) .mtl-cnt-img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-341px -1034px}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(1) .mtl-cnt-img {background-size:3054px 3036px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(1) .mtl-cnt-img {background-size:3054px 3036px}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(1) .mtl-cnt-img {background-position:-341px -1034px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(1) .mtl-cnt-img {background-position:-341px -1034px}
.page-about .showcase .mtl-cnt-item:nth-child(1) .mtl-cnt-img {
width:339px;
height:446px;

}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(1) .cover-layer .title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1848px -2095px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(1) .cover-layer .title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1848px -2095px}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(1) .cover-layer .title {background-size:3054px 3036px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(1) .cover-layer .title {background-size:3054px 3036px}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(1) .cover-layer .title {background-position:-1848px -2095px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(1) .cover-layer .title {background-position:-1848px -2095px}
.page-about .showcase .mtl-cnt-item:nth-child(1) .cover-layer .title {
  margin-left: -59px;
width:368px;
height:172px;

}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(1) .cover-layer::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-508px -2636px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(1) .cover-layer::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-508px -2636px}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(1) .cover-layer::after {background-size:3054px 3036px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(1) .cover-layer::after {background-size:3054px 3036px}
.no-webp .page-about .showcase .mtl-cnt-item:nth-child(1) .cover-layer::after {background-position:-508px -2636px}
.webp .page-about .showcase .mtl-cnt-item:nth-child(1) .cover-layer::after {background-position:-508px -2636px}
.page-about .showcase .mtl-cnt-item:nth-child(1) .cover-layer::after {
  display: block;
  content: '';
width:154px;
height:113px;

  position: absolute;
  right: 29px;
  bottom: 24px;
}
.page-about .showcase .mtl-cnt-item:first-child {
  border-radius: 10px 0 0 10px;
}
.page-about .showcase .mtl-cnt-item:last-child {
  border-radius: 0px 10px 10px 0px;
}
.page-about .showcase .mtl-cnt-item .mtl-cnt-img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.517s ease-in-out;
  transition: all 0.517s ease-in-out;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.page-about .showcase .mtl-cnt-item .cover-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.page-about .showcase .mtl-cnt-item:hover::before {
  opacity: .7;
}
.page-about .showcase .mtl-cnt-item:hover .mtl-cnt-img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.page-about .showcase .mtl-cnt a {
  cursor: pointer;
}
/** 插入过程 **/
.fade-enter-active {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
/** 移除过程 **/
.fade-leave-active {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
/*** 开始插入、移除结束的位置变化 ***/
.fade-enter {
  opacity: 0;
}
.fade-leave-to {
  opacity: 0;
}
.page-about .passion {
  height: 942px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.no-webp .page-about .passion-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -0px}
.webp .page-about .passion-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -0px}
.no-webp .page-about .passion-title {background-size:3054px 3036px}
.webp .page-about .passion-title {background-size:3054px 3036px}
.no-webp .page-about .passion-title {background-position:-2658px -0px}
.webp .page-about .passion-title {background-position:-2658px -0px}
.page-about .passion-title {
width:396px;
height:104px;

  margin: 0 auto;
}
.no-webp .page-about .passion-cnt {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/passion-bg_b8f4dc1b.png) no-repeat center top}
.webp .page-about .passion-cnt {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/passion-bg_b8f4dc1b.webp) no-repeat center top}
.page-about .passion-cnt {
  width: 100%;
  height: 668px;
  overflow: hidden;
  margin-top: 34px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 90px;
  position: relative;
}
.no-webp .page-about .passion-cnt .bg-txt {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/passion-bg-txt_06224d2d.png) no-repeat}
.webp .page-about .passion-cnt .bg-txt {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/passion-bg-txt_06224d2d.webp) no-repeat}
.page-about .passion-cnt .bg-txt {
  width: 813px;
  height: 223px;
  position: absolute;
  left: 50%;
  top: 66px;
  margin-left: 82px;
}
.page-about .passion-cnt .cnt {
  width: 1306px;
  margin: 0 auto;
}
.page-about .passion-cnt .cnt .row {
  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-bottom: 28px;
}
.no-webp .page-about .passion-cnt .cnt .row .item {background:#c77710}
.webp .page-about .passion-cnt .cnt .row .item {background:#c77710}
.no-webp .page-about .passion-cnt .cnt .row .item {background:-webkit-gradient(linear, left top, left bottom, from(rgba(115, 164, 247, 0.6)), to(rgba(133, 176, 248, 0.6)))}
.webp .page-about .passion-cnt .cnt .row .item {background:-webkit-gradient(linear, left top, left bottom, from(rgba(115, 164, 247, 0.6)), to(rgba(133, 176, 248, 0.6)))}
.no-webp .page-about .passion-cnt .cnt .row .item {background:linear-gradient(to bottom, rgba(115, 164, 247, 0.6), rgba(133, 176, 248, 0.6))}
.webp .page-about .passion-cnt .cnt .row .item {background:linear-gradient(to bottom, rgba(115, 164, 247, 0.6), rgba(133, 176, 248, 0.6))}
.page-about .passion-cnt .cnt .row .item {
  width: 638px;
  height: 225px;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  border: 2px solid #96bcf9;
  border-radius: 10px;
  position: relative;
  opacity: 0;
  display: block;
}
.no-webp .page-about .passion-cnt .cnt .row .item::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/circle_405596af.png) no-repeat}
.webp .page-about .passion-cnt .cnt .row .item::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/circle_405596af.webp) no-repeat}
.page-about .passion-cnt .cnt .row .item::before {
  display: block;
  content: '';
  width: 230px;
  height: 224px;
  position: absolute;
  right: 0;
  top: 0;
}
.page-about .passion-cnt .cnt .row .item.active:nth-child(1):hover {
  width: 718px;
  border: 2px solid #fff;
}
.page-about .passion-cnt .cnt .row .item.active:nth-child(1):hover + .item {
  width: 558px;
}
.page-about .passion-cnt .cnt .row .item.active:nth-child(2):hover {
  width: 718px;
  border: 2px solid #fff;
}
.page-about .passion-cnt .cnt .row .item.active:hover .detail {
  opacity: 1;
}
.page-about .passion-cnt .cnt .row .item.active:hover .detail-title {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.page-about .passion-cnt .cnt .row .item.active:hover .detail-desc {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.no-webp .page-about .passion-cnt .cnt .row .item.active:hover .role {background-position:0 0}
.webp .page-about .passion-cnt .cnt .row .item.active:hover .role {background-position:0 0}
.page-about .passion-cnt .cnt .row .item.active:hover .role {
}
.page-about .passion-cnt .cnt .row .item:nth-child(1) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 27px;
}
.page-about .passion-cnt .cnt .row .item .info {
  padding: 57px 0 0 32px;
  color: #fff;
}
.page-about .passion-cnt .cnt .row .item .info-title {
  font-size: 31px;
  font-weight: bold;
}
.page-about .passion-cnt .cnt .row .item .info-desc {
  font-size: 14px;
  color: #c3d9fb;
}
.page-about .passion-cnt .cnt .row .item .info-desc .delete {
  text-decoration: line-through;
}
.no-webp .page-about .passion-cnt .cnt .row .item .info-arrow {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2439px -861px}
.webp .page-about .passion-cnt .cnt .row .item .info-arrow {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2439px -861px}
.no-webp .page-about .passion-cnt .cnt .row .item .info-arrow {background-size:3054px 3036px}
.webp .page-about .passion-cnt .cnt .row .item .info-arrow {background-size:3054px 3036px}
.no-webp .page-about .passion-cnt .cnt .row .item .info-arrow {background-position:-2439px -861px}
.webp .page-about .passion-cnt .cnt .row .item .info-arrow {background-position:-2439px -861px}
.page-about .passion-cnt .cnt .row .item .info-arrow {
width:82px;
height:54px;

  margin-top: 30px;
}
.no-webp .page-about .passion-cnt .cnt .row .item .detail {background:#e4f2ff}
.webp .page-about .passion-cnt .cnt .row .item .detail {background:#e4f2ff}
.page-about .passion-cnt .cnt .row .item .detail {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 10px;
  border: 2px solid #fff;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.page-about .passion-cnt .cnt .row .item .detail-title {
  font-size: 28px;
  font-weight: bold;
  padding-top: 40px;
  margin-left: 44px;
  -webkit-transition: all 0.5s 0.2s;
  transition: all 0.5s 0.2s;
  opacity: 0;
  -webkit-transform: translate(0, 5px);
          transform: translate(0, 5px);
  color: #000;
}
.no-webp .page-about .passion-cnt .cnt .row .item .detail-title::after {background:#669cf7}
.webp .page-about .passion-cnt .cnt .row .item .detail-title::after {background:#669cf7}
.page-about .passion-cnt .cnt .row .item .detail-title::after {
  display: block;
  content: '';
  width: 20px;
  height: 3px;
  border-radius: 3px;
  margin: 24px  0 12px 0;
}
.page-about .passion-cnt .cnt .row .item .detail-desc {
  width: 388px;
  line-height: 25px;
  color: #6097f4;
  font-size: 14px;
  margin-left: 44px;
  -webkit-transition: all 0.5s 0.2s;
  transition: all 0.5s 0.2s;
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
  opacity: 0;
}
.page-about .passion-cnt .cnt .row .item .detail-desc .delete {
  text-decoration: line-through;
}
.page-about .passion-cnt .cnt .row .item .role {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.no-webp .page-about .passion-cnt .cnt .row .item .role-1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/role-1_688ec27a.png) no-repeat;
  background-position: 0 50px}
.webp .page-about .passion-cnt .cnt .row .item .role-1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/role-1_688ec27a.webp) no-repeat;
  background-position: 0 50px}
.no-webp .page-about .passion-cnt .cnt .row .item .role-1 {background-position:0 50px}
.webp .page-about .passion-cnt .cnt .row .item .role-1 {background-position:0 50px}
.page-about .passion-cnt .cnt .row .item .role-1 {
  width: 320px;
  height: 289px;
  position: absolute;
  bottom: 0px;
  right: -36px;
}
.no-webp .page-about .passion-cnt .cnt .row .item .role-2 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/role-2_4f61b799.png) no-repeat;
  background-position: 0 50px}
.webp .page-about .passion-cnt .cnt .row .item .role-2 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/role-2_4f61b799.webp) no-repeat;
  background-position: 0 50px}
.no-webp .page-about .passion-cnt .cnt .row .item .role-2 {background-position:0 50px}
.webp .page-about .passion-cnt .cnt .row .item .role-2 {background-position:0 50px}
.page-about .passion-cnt .cnt .row .item .role-2 {
  width: 334px;
  height: 288px;
  position: absolute;
  bottom: 0px;
  right: -62px;
}
.no-webp .page-about .passion-cnt .cnt .row .item .role-3 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/role-3_72175b2a.png) no-repeat;
  background-position: 0 50px}
.webp .page-about .passion-cnt .cnt .row .item .role-3 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/role-3_72175b2a.webp) no-repeat;
  background-position: 0 50px}
.no-webp .page-about .passion-cnt .cnt .row .item .role-3 {background-position:0 50px}
.webp .page-about .passion-cnt .cnt .row .item .role-3 {background-position:0 50px}
.page-about .passion-cnt .cnt .row .item .role-3 {
  width: 260px;
  height: 241px;
  position: absolute;
  bottom: 0;
  right: -16px;
}
.no-webp .page-about .passion-cnt .cnt .row .item .role-4 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/role-4_c4322064.png) no-repeat;
  background-position: 0 50px}
.webp .page-about .passion-cnt .cnt .row .item .role-4 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/role-4_c4322064.webp) no-repeat;
  background-position: 0 50px}
.no-webp .page-about .passion-cnt .cnt .row .item .role-4 {background-position:0 50px}
.webp .page-about .passion-cnt .cnt .row .item .role-4 {background-position:0 50px}
.page-about .passion-cnt .cnt .row .item .role-4 {
  width: 340px;
  height: 283px;
  position: absolute;
  bottom: 0;
  right: -40px;
}
.page-about .benefits {
  height: 570px;
}
.no-webp .page-about .benefits-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2208px -1324px}
.webp .page-about .benefits-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2208px -1324px}
.no-webp .page-about .benefits-title {background-size:3054px 3036px}
.webp .page-about .benefits-title {background-size:3054px 3036px}
.no-webp .page-about .benefits-title {background-position:-2208px -1324px}
.webp .page-about .benefits-title {background-position:-2208px -1324px}
.page-about .benefits-title {
width:406px;
height:104px;

  margin: 0 auto;
}
.no-webp .page-about .benefits-cnt {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 2780.4950495049507px;
background-position:-1124px -0px}
.webp .page-about .benefits-cnt {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 2780.4950495049507px;
background-position:-1124px -0px}
.no-webp .page-about .benefits-cnt {background-size:3054px 2780.4950495049507px}
.webp .page-about .benefits-cnt {background-size:3054px 2780.4950495049507px}
.no-webp .page-about .benefits-cnt {background-position:-1124px -0px}
.webp .page-about .benefits-cnt {background-position:-1124px -0px}
.page-about .benefits-cnt {
  height: 370px;
  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;
  margin: 0 auto;
  margin-top: 50px;
width:1532px;

}
.page-about .benefits-cnt.hover .item {
  width: 199.12px;
}
.page-about .benefits-cnt .item {
  width: 262px;
  height: 350px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  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;
  position: relative;
}
.page-about .benefits-cnt .item img {
  width: 100%;
  max-width: 262px;
  -webkit-transition: all 0.1s 0.3s;
  transition: all 0.1s 0.3s;
}
.page-about .benefits-cnt .item:hover {
  width: 630px;
}
.page-about .benefits-cnt .item:hover img {
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}
.page-about .benefits-cnt .item:hover .detail {
  opacity: 1;
  width: 630px;
}
.page-about .benefits-cnt .item:hover .detail-title {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.page-about .benefits-cnt .item:hover .detail-intro {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.page-about .benefits-cnt .item:hover .detail-line {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.page-about .benefits-cnt .item:hover .detail-ico {
  opacity: 1;
}
.page-about .benefits-cnt .item:hover .detail-desc {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.no-webp .page-about .benefits-cnt .item .detail {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/detail-bg_bc9251e7.png) no-repeat center center}
.webp .page-about .benefits-cnt .item .detail {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/detail-bg_bc9251e7.webp) no-repeat center center}
.page-about .benefits-cnt .item .detail {
  width: 222px;
  height: 370px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  pointer-events: none;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px;
}
.page-about .benefits-cnt .item .detail-ico {
  position: absolute;
  right: 28px;
  top: 28px;
  opacity: 0;
  -webkit-transition: all 0.33s 0.5s;
  transition: all 0.33s 0.5s;
}
.no-webp .page-about .benefits-cnt .item .detail-ico-1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2953px -2172px}
.webp .page-about .benefits-cnt .item .detail-ico-1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2953px -2172px}
.no-webp .page-about .benefits-cnt .item .detail-ico-1 {background-size:3054px 3036px}
.webp .page-about .benefits-cnt .item .detail-ico-1 {background-size:3054px 3036px}
.no-webp .page-about .benefits-cnt .item .detail-ico-1 {background-position:-2953px -2172px}
.webp .page-about .benefits-cnt .item .detail-ico-1 {background-position:-2953px -2172px}
.page-about .benefits-cnt .item .detail-ico-1 {
width:72px;
height:74px;

}
.no-webp .page-about .benefits-cnt .item .detail-ico-2 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2958px -1956px}
.webp .page-about .benefits-cnt .item .detail-ico-2 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2958px -1956px}
.no-webp .page-about .benefits-cnt .item .detail-ico-2 {background-size:3054px 3036px}
.webp .page-about .benefits-cnt .item .detail-ico-2 {background-size:3054px 3036px}
.no-webp .page-about .benefits-cnt .item .detail-ico-2 {background-position:-2958px -1956px}
.webp .page-about .benefits-cnt .item .detail-ico-2 {background-position:-2958px -1956px}
.page-about .benefits-cnt .item .detail-ico-2 {
width:94px;
height:69px;

}
.no-webp .page-about .benefits-cnt .item .detail-ico-3 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2965px -1418px}
.webp .page-about .benefits-cnt .item .detail-ico-3 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2965px -1418px}
.no-webp .page-about .benefits-cnt .item .detail-ico-3 {background-size:3054px 3036px}
.webp .page-about .benefits-cnt .item .detail-ico-3 {background-size:3054px 3036px}
.no-webp .page-about .benefits-cnt .item .detail-ico-3 {background-position:-2965px -1418px}
.webp .page-about .benefits-cnt .item .detail-ico-3 {background-position:-2965px -1418px}
.page-about .benefits-cnt .item .detail-ico-3 {
width:80px;
height:77px;

}
.no-webp .page-about .benefits-cnt .item .detail-ico-4 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2973px -106px}
.webp .page-about .benefits-cnt .item .detail-ico-4 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2973px -106px}
.no-webp .page-about .benefits-cnt .item .detail-ico-4 {background-size:3054px 3036px}
.webp .page-about .benefits-cnt .item .detail-ico-4 {background-size:3054px 3036px}
.no-webp .page-about .benefits-cnt .item .detail-ico-4 {background-position:-2973px -106px}
.webp .page-about .benefits-cnt .item .detail-ico-4 {background-position:-2973px -106px}
.page-about .benefits-cnt .item .detail-ico-4 {
width:81px;
height:81px;

}
.no-webp .page-about .benefits-cnt .item .detail-ico-5 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2965px -986px}
.webp .page-about .benefits-cnt .item .detail-ico-5 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2965px -986px}
.no-webp .page-about .benefits-cnt .item .detail-ico-5 {background-size:3054px 3036px}
.webp .page-about .benefits-cnt .item .detail-ico-5 {background-size:3054px 3036px}
.no-webp .page-about .benefits-cnt .item .detail-ico-5 {background-position:-2965px -986px}
.webp .page-about .benefits-cnt .item .detail-ico-5 {background-position:-2965px -986px}
.page-about .benefits-cnt .item .detail-ico-5 {
width:81px;
height:79px;

}
.page-about .benefits-cnt .item .detail-title {
  font-size: 30px;
  color: #fff;
  -webkit-transition: all 0.33s 0.4s;
  transition: all 0.33s 0.4s;
  opacity: 0;
  -webkit-transform: translate(0, 10px);
          transform: translate(0, 10px);
  margin-bottom: 10px;
  font-weight: bold;
}
.page-about .benefits-cnt .item .detail-intro {
  font-size: 16px;
  color: #d6e4ff;
  opacity: 0;
  -webkit-transition: all 0.33s 0.5s;
  transition: all 0.33s 0.5s;
  -webkit-transform: translate(0, 20px);
          transform: translate(0, 20px);
  margin-bottom: 34px;
}
.no-webp .page-about .benefits-cnt .item .detail-line {background:#fff}
.webp .page-about .benefits-cnt .item .detail-line {background:#fff}
.page-about .benefits-cnt .item .detail-line {
  width: 27px;
  height: 3px;
  border-radius: 3px;
  margin-bottom: 12px;
  -webkit-transition: all 0.33s 0.5s;
  transition: all 0.33s 0.5s;
  opacity: 0;
  -webkit-transform: translate(0, 40px);
          transform: translate(0, 40px);
}
.page-about .benefits-cnt .item .detail-desc {
  font-size: 14px;
  line-height: 30px;
  width: 580px;
  color: #d6e4ff;
  opacity: 0;
  -webkit-transition: all 0.33s 0.5s;
  transition: all 0.33s 0.5s;
  -webkit-transform: translate(0, 40px);
          transform: translate(0, 40px);
}
.page-about .benefits-cnt .item .detail-desc strong {
  color: #fff;
  font-weight: bold;
}
.no-webp .circle-btn {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2592px -567px}
.webp .circle-btn {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2592px -567px}
.no-webp .circle-btn {background-size:3054px 3036px}
.webp .circle-btn {background-size:3054px 3036px}
.no-webp .circle-btn {background-position:-2592px -567px}
.webp .circle-btn {background-position:-2592px -567px}
.circle-btn {
  cursor: pointer;
width:64px;
height:65px;

}
.no-webp .circle-btn.prev {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2568px -1166px}
.webp .circle-btn.prev {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2568px -1166px}
.no-webp .circle-btn.prev {background-size:3054px 3036px}
.webp .circle-btn.prev {background-size:3054px 3036px}
.no-webp .circle-btn.prev {background-position:-2568px -1166px}
.webp .circle-btn.prev {background-position:-2568px -1166px}
.circle-btn.prev {
width:64px;
height:65px;

}
.circle-btn.disabled {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  pointer-events: none;
}
.circle-btn .circle-anim {
  width: 46px;
  height: 46px;
  position: relative;
  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: .1s .1s  linear;
  transition: .1s .1s  linear;
}
.circle-btn .circle-anim:hover .fragment.tr span {
  -webkit-transition: .1s  linear;
  transition: .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: 23px;
  height: 23px;
  overflow: hidden;
}
.circle-btn .circle-anim .fragment span {
  width: 23px;
  height: 23px;
  overflow: hidden;
  display: block;
  position: relative;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.circle-btn .circle-anim .fragment span::after {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  border: 3px 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: .1s linear;
  transition: .1s linear;
}
.circle-btn .circle-anim .fragment.tl span::after {
  bottom: -23px;
  right: -23px;
}
.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: -23px;
  left: -23px;
}
.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: .1s .1s linear;
  transition: .1s .1s linear;
}
.circle-btn .circle-anim .fragment.bl span::after {
  top: -23px;
  right: -23px;
}
.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: -23px;
  left: -23px;
}
.no-webp .new-page-about {background:none}
.webp .new-page-about {background:none}
.new-page-about {
  height: auto;
}
.new-page-about .showcase {
  padding-top: 0;
  height: 780px;
}
.new-page-about .benefits {
  padding-top: 140px;
}
.new-page-about .event {
  padding-top: 0;
}
.no-webp .page-information {background:#f0f6f8 url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/bg_dad99b1d.jpg) no-repeat center top}
.webp .page-information {background:#f0f6f8 url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/bg_dad99b1d.webp) no-repeat center top}
.page-information {
  position: relative;
  overflow: hidden;
  padding-top: 114px;
}
.page-information .section-contact {
  margin-top: 174px;
}
.page-information .campus-news-content,
.page-information .knowledge-share-content {
  opacity: 0;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
}
.page-information .campus-news-content.show,
.page-information .knowledge-share-content.show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.campus-news {
  margin-top: 124px;
  margin-bottom: 40px;
}
.no-webp .campus-news-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:3054px 3036px;
background-position:-2658px -2456px}
.webp .campus-news-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:3054px 3036px;
background-position:-2658px -2456px}
.no-webp .campus-news-title {background-size:3054px 3036px}
.webp .campus-news-title {background-size:3054px 3036px}
.no-webp .campus-news-title {background-position:-2658px -2456px}
.webp .campus-news-title {background-position:-2658px -2456px}
.campus-news-title {
  margin: 0 auto;
  width: 282px;
  height: 86px;

}
.no-webp .campus-news-content {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/news-bg_35275715.png) no-repeat center top}
.webp .campus-news-content {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/news-bg_35275715.webp) no-repeat center top}
.campus-news-content {
  width: 100%;
  height: 394px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  margin-top: -40px;
}
.no-webp .campus-news-xsm {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/xsm-sprite_29d5460c.png) 0 0 no-repeat}
.webp .campus-news-xsm {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/xsm-sprite_29d5460c.webp) 0 0 no-repeat}
.campus-news-xsm {
  display: inline-block;
  height: 388px;
  width: 464px;
  position: relative;
  bottom: 61px;
  left: -48px;
  -webkit-animation: xsmAnimation 4s 0s steps(1) infinite normal;
          animation: xsmAnimation 4s 0s steps(1) infinite normal;
}
.campus-news-list {
  padding-top: 89px;
  width: 995px;
  padding-right: 106px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  left: -77px;
}
.no-webp .campus-news-list .news-list-next {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:3054px 3036px;
background-position:-2965px -554px}
.webp .campus-news-list .news-list-next {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:3054px 3036px;
background-position:-2965px -554px}
.no-webp .campus-news-list .news-list-next {background-size:3054px 3036px}
.webp .campus-news-list .news-list-next {background-size:3054px 3036px}
.no-webp .campus-news-list .news-list-next {background-position:-2965px -554px}
.webp .campus-news-list .news-list-next {background-position:-2965px -554px}
.campus-news-list .news-list-next {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  cursor: pointer;
  -webkit-transform: translate(50%, -66%);
          transform: translate(50%, -66%);
  width: 85px;
  height: 85px;

}
.no-webp .campus-news-list .news-list-next:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2965px -662px}
.webp .campus-news-list .news-list-next:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2965px -662px}
.no-webp .campus-news-list .news-list-next:hover {background-size:3054px 3036px}
.webp .campus-news-list .news-list-next:hover {background-size:3054px 3036px}
.no-webp .campus-news-list .news-list-next:hover {background-position:-2965px -662px}
.webp .campus-news-list .news-list-next:hover {background-position:-2965px -662px}
.campus-news-list .news-list-next:hover {
width:85px;
height:85px;

}
.campus-news-list > a {
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 62px;
  line-height: 62px;
  position: relative;
}
.campus-news-list > a:not(:nth-child(3n)) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.campus-news-list > a .list-date {
  opacity: .6;
  color: #A8ABBB;
  margin-right: 26px;
}
.campus-news-list > a .list-title {
  color: #000;
}
.campus-news-list > a .list-title:hover {
  color: #61A5FF;
}
.no-webp .campus-news-list > a::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:1579.6551724137933px 1570.344827586207px;
background-position:-1550.689655172414px -880.344827586207px}
.webp .campus-news-list > a::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:1579.6551724137933px 1570.344827586207px;
background-position:-1550.689655172414px -880.344827586207px}
.no-webp .campus-news-list > a::after {background-size:1579.6551724137933px 1570.344827586207px}
.webp .campus-news-list > a::after {background-size:1579.6551724137933px 1570.344827586207px}
.no-webp .campus-news-list > a::after {background-position:-1550.689655172414px -880.344827586207px}
.webp .campus-news-list > a::after {background-position:-1550.689655172414px -880.344827586207px}
.campus-news-list > a::after {
  content: '';
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 7px;
  width: 15px;
  height: 15px;

}
.campus-news-list > a:hover .list-title {
  color: #61A5FF;
}
.no-webp .campus-news-list > a:hover::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:1501.967213114754px 1493.1147540983607px;
background-position:-1262.950819672131px -606.3934426229508px}
.webp .campus-news-list > a:hover::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:1501.967213114754px 1493.1147540983607px;
background-position:-1262.950819672131px -606.3934426229508px}
.no-webp .campus-news-list > a:hover::after {background-size:1501.967213114754px 1493.1147540983607px}
.webp .campus-news-list > a:hover::after {background-size:1501.967213114754px 1493.1147540983607px}
.no-webp .campus-news-list > a:hover::after {background-position:-1262.950819672131px -606.3934426229508px}
.webp .campus-news-list > a:hover::after {background-position:-1262.950819672131px -606.3934426229508px}
.campus-news-list > a:hover::after {
  right: 0;
  width: 30px;
  height: 30px;

}
.infor-banner {
  position: relative;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.infor-banner .banner-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 475px;
}
.infor-banner .banner-wrapper .banner-slide {
  width: 1400px;
  margin-right: 44px;
  border-radius: 20px;
  overflow: hidden;
}
.no-webp .infor-banner-footer {background-color:rgba(0, 0, 0, 0.4)}
.webp .infor-banner-footer {background-color:rgba(0, 0, 0, 0.4)}
.infor-banner-footer {
  width: auto;
  display: inline-block;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  bottom: 16px;
  border-radius: 19px;
  height: 37px;
  z-index: 10;
  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;
  padding: 0 13px;
}
.infor-banner-footer .infor-banner-pagination {
  padding: 0 37px;
  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;
}
.no-webp .infor-banner-footer .infor-banner-pagination .swiper-pagination-bullet {background-color:#fff}
.webp .infor-banner-footer .infor-banner-pagination .swiper-pagination-bullet {background-color:#fff}
.infor-banner-footer .infor-banner-pagination .swiper-pagination-bullet {
  opacity: .3;
  width: 29px;
  height: 4px;
  border-radius: 2px;
  display: inline-block;
}
.infor-banner-footer .infor-banner-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.infor-banner-footer .infor-banner-pagination .swiper-pagination-bullet:not(:last-child) {
  margin-right: 4px;
}
.no-webp .infor-banner-footer .infor-banner-prev, 
.no-webp .infor-banner-footer .infor-banner-next {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-3008px -324px}
.webp .infor-banner-footer .infor-banner-prev, 
.webp .infor-banner-footer .infor-banner-next {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-3008px -324px}
.no-webp .infor-banner-footer .infor-banner-prev, 
.no-webp .infor-banner-footer .infor-banner-next {background-size:3054px 3036px}
.webp .infor-banner-footer .infor-banner-prev, 
.webp .infor-banner-footer .infor-banner-next {background-size:3054px 3036px}
.no-webp .infor-banner-footer .infor-banner-prev, 
.no-webp .infor-banner-footer .infor-banner-next {background-position:-3008px -324px}
.webp .infor-banner-footer .infor-banner-prev, 
.webp .infor-banner-footer .infor-banner-next {background-position:-3008px -324px}
.infor-banner-footer .infor-banner-prev,
.infor-banner-footer .infor-banner-next {
  cursor: pointer;
  position: absolute;
  color: #fff;
  width: 22px;
  height: 18px;

}
.no-webp .infor-banner-footer .infor-banner-prev:hover, 
.no-webp .infor-banner-footer .infor-banner-next:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-3032px -324px}
.webp .infor-banner-footer .infor-banner-prev:hover, 
.webp .infor-banner-footer .infor-banner-next:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-3032px -324px}
.no-webp .infor-banner-footer .infor-banner-prev:hover, 
.no-webp .infor-banner-footer .infor-banner-next:hover {background-size:3054px 3036px}
.webp .infor-banner-footer .infor-banner-prev:hover, 
.webp .infor-banner-footer .infor-banner-next:hover {background-size:3054px 3036px}
.no-webp .infor-banner-footer .infor-banner-prev:hover, 
.no-webp .infor-banner-footer .infor-banner-next:hover {background-position:-3032px -324px}
.webp .infor-banner-footer .infor-banner-prev:hover, 
.webp .infor-banner-footer .infor-banner-next:hover {background-position:-3032px -324px}
.infor-banner-footer .infor-banner-prev:hover,
.infor-banner-footer .infor-banner-next:hover {
width:22px;
height:18px;

}
.infor-banner-footer .infor-banner-prev {
  left: 13px;
}
.infor-banner-footer .infor-banner-next {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  right: 13px;
}
@media screen and (max-width: 1400px) {
  .infor-banner {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    -webkit-transform-origin: top center;
            transform-origin: top center;
    height: calc(475px * 0.75);
  }
  .infor-banner-footer {
    bottom: calc(-475px * 0.25 + 16px);
  }
}
.no-webp .knowledge-share-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/share-title_f1e5f7a7.png) no-repeat}
.webp .knowledge-share-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/share-title_f1e5f7a7.webp) no-repeat}
.knowledge-share-title {
  width: 670px;
  height: 142px;
  margin: 0 auto 60px;
}
.knowledge-share-content {
  margin: 0 auto;
  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;
}
.knowledge-share-content > li {
  width: 380px;
}
.knowledge-share-content > li:not(:last-child) {
  margin-right: 83px;
}
.knowledge-share .share-item {
  height: 379px;
}
.knowledge-share .share-item-title {
  width: 380px;
  height: 80px;
  font-weight: bold;
  font-size: 20px;
  color: #FFFFFF;
  padding: 25px 27px;
  margin-bottom: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.no-webp .knowledge-share .share-item-title.cehua {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-cehua_9b11eae8.png) center top / 100% auto no-repeat}
.webp .knowledge-share .share-item-title.cehua {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-cehua_9b11eae8.webp) center top / 100% auto no-repeat}
.knowledge-share .share-item-title.cehua {
}
.no-webp .knowledge-share .share-item-title.meishu {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-meishu_acb88f50.png) center top / 100% auto no-repeat}
.webp .knowledge-share .share-item-title.meishu {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-meishu_acb88f50.webp) center top / 100% auto no-repeat}
.knowledge-share .share-item-title.meishu {
}
.no-webp .knowledge-share .share-item-title.chengxu {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-chengxu_5ea7bb40.png) center top / 100% auto no-repeat}
.webp .knowledge-share .share-item-title.chengxu {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-chengxu_5ea7bb40.webp) center top / 100% auto no-repeat}
.knowledge-share .share-item-title.chengxu {
}
.knowledge-share .share-item-footer {
  margin-top: 30px;
  text-align: center;
}
.no-webp .knowledge-share .share-item-footer .footer-prev, 
.no-webp .knowledge-share .share-item-footer .footer-next {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-3044px -452px}
.webp .knowledge-share .share-item-footer .footer-prev, 
.webp .knowledge-share .share-item-footer .footer-next {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-3044px -452px}
.no-webp .knowledge-share .share-item-footer .footer-prev, 
.no-webp .knowledge-share .share-item-footer .footer-next {background-size:3054px 3036px}
.webp .knowledge-share .share-item-footer .footer-prev, 
.webp .knowledge-share .share-item-footer .footer-next {background-size:3054px 3036px}
.no-webp .knowledge-share .share-item-footer .footer-prev, 
.no-webp .knowledge-share .share-item-footer .footer-next {background-position:-3044px -452px}
.webp .knowledge-share .share-item-footer .footer-prev, 
.webp .knowledge-share .share-item-footer .footer-next {background-position:-3044px -452px}
.knowledge-share .share-item-footer .footer-prev,
.knowledge-share .share-item-footer .footer-next {
  display: inline-block;
  cursor: pointer;
width:8px;
height:14px;

}
.no-webp .knowledge-share .share-item-footer .footer-prev:hover, 
.no-webp .knowledge-share .share-item-footer .footer-next:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-3044px -468px}
.webp .knowledge-share .share-item-footer .footer-prev:hover, 
.webp .knowledge-share .share-item-footer .footer-next:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-3044px -468px}
.no-webp .knowledge-share .share-item-footer .footer-prev:hover, 
.no-webp .knowledge-share .share-item-footer .footer-next:hover {background-size:3054px 3036px}
.webp .knowledge-share .share-item-footer .footer-prev:hover, 
.webp .knowledge-share .share-item-footer .footer-next:hover {background-size:3054px 3036px}
.no-webp .knowledge-share .share-item-footer .footer-prev:hover, 
.no-webp .knowledge-share .share-item-footer .footer-next:hover {background-position:-3044px -468px}
.webp .knowledge-share .share-item-footer .footer-prev:hover, 
.webp .knowledge-share .share-item-footer .footer-next:hover {background-position:-3044px -468px}
.knowledge-share .share-item-footer .footer-prev:hover,
.knowledge-share .share-item-footer .footer-next:hover {
width:8px;
height:14px;

}
.knowledge-share .share-item-footer .footer-prev.disabled,
.knowledge-share .share-item-footer .footer-next.disabled {
  cursor: not-allowed;
  opacity: .8;
}
.knowledge-share .share-item-footer .footer-prev {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  margin-right: 40px;
}
.knowledge-share .share-item-content {
  padding-left: 6px;
  height: 216px;
}
.knowledge-share .share-item-content > li {
  margin-top: 24px;
  font-weight: 400;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.knowledge-share .share-item-content > li > a {
  width: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #000000;
}
.knowledge-share .share-item-content > li > a:hover {
  color: #61A5FF;
}
.knowledge-share .share-item-content .item-desc {
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.knowledge-share .share-item-content .item-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 4px;
  text-align: center;
  font-size: 12px;
}
.no-webp .knowledge-share .share-item-content .item-icon.hot {background:#F8E5E5}
.webp .knowledge-share .share-item-content .item-icon.hot {background:#F8E5E5}
.knowledge-share .share-item-content .item-icon.hot {
  color: #FF4444;
}
.no-webp .knowledge-share .share-item-content .item-icon.new {background:#D4F8ED}
.webp .knowledge-share .share-item-content .item-icon.new {background:#D4F8ED}
.knowledge-share .share-item-content .item-icon.new {
  color: #56BF7E;
}
.iframe-pop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
}
.no-webp .iframe-pop .mask {background-size:100% 100%}
.webp .iframe-pop .mask {background-size:100% 100%}
.no-webp .iframe-pop .mask {background:rgba(0, 0, 0, 0.8)}
.webp .iframe-pop .mask {background:rgba(0, 0, 0, 0.8)}
.iframe-pop .mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.no-webp .iframe-pop .cnt {background-size:100% 100%}
.webp .iframe-pop .cnt {background-size:100% 100%}
.no-webp .iframe-pop .cnt {background:#000}
.webp .iframe-pop .cnt {background:#000}
.iframe-pop .cnt {
  width: 904px;
  height: 520px;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 15px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.iframe-pop .cnt .iframe {
  width: 100%;
  height: 100%;
}
.iframe-pop .cnt .iframe iframe,
.iframe-pop .cnt .iframe video {
  width: 100%;
  height: 100%;
}
.no-webp .iframe-pop .close-btn {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-3010px -189px}
.webp .iframe-pop .close-btn {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-3010px -189px}
.no-webp .iframe-pop .close-btn {background-size:3054px 3036px}
.webp .iframe-pop .close-btn {background-size:3054px 3036px}
.no-webp .iframe-pop .close-btn {background-position:-3010px -189px}
.webp .iframe-pop .close-btn {background-position:-3010px -189px}
.iframe-pop .close-btn {
  position: absolute;
  top: -45px;
  right: -20px;
width:33px;
height:33px;

}
.no-webp .iframe-pop .close-btn:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-3009px -452px}
.webp .iframe-pop .close-btn:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-3009px -452px}
.no-webp .iframe-pop .close-btn:hover {background-size:3054px 3036px}
.webp .iframe-pop .close-btn:hover {background-size:3054px 3036px}
.no-webp .iframe-pop .close-btn:hover {background-position:-3009px -452px}
.webp .iframe-pop .close-btn:hover {background-position:-3009px -452px}
.iframe-pop .close-btn:hover {
width:33px;
height:33px;

}
.no-webp .blueLine {background:#71A3FB}
.webp .blueLine {background:#71A3FB}
.blueLine {
  width: 0.22rem;
  height: 0.04rem;
  width: 22px;
  height: 4px;
  content: '';
  display: block;
  border-radius: 2px;
}
.no-webp .page-develop {background-color:#f0f6f8}
.webp .page-develop {background-color:#f0f6f8}
.page-develop {
  position: relative;
  overflow: hidden;
}
.no-webp .page-develop::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/bg_306dd9b6.jpg) no-repeat center top}
.webp .page-develop::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/bg_306dd9b6.webp) no-repeat center top}
.page-develop::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 1585px;
  width: 100%;
  height: 2652px;
}
.no-webp .page-develop .banner {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/banner_79574ffc.png) no-repeat center top / 100% auto}
.webp .page-develop .banner {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/banner_79574ffc.webp) no-repeat center top / 100% auto}
.page-develop .banner {
  width: 100%;
  height: 840px;
  position: absolute;
  left: 0;
  top: 0;
}
.page-develop .section-contact {
  position: relative;
  z-index: 2;
  margin-bottom: 0;
}
.page-develop .develop-system {
  padding-bottom: 264px;
  position: relative;
  z-index: 1;
}
.no-webp .page-develop .develop-system .system-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2218px -2095px}
.webp .page-develop .develop-system .system-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2218px -2095px}
.no-webp .page-develop .develop-system .system-title {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-title {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-title {background-position:-2218px -2095px}
.webp .page-develop .develop-system .system-title {background-position:-2218px -2095px}
.page-develop .develop-system .system-title {
  width: 3.6rem;
  height: 1.52rem;
  width: 360px;
  height: 152px;

  margin: 0 auto 50px;
}
.no-webp .page-develop .develop-system .system-content-part1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/system-bg_1d71ec62.png) no-repeat}
.webp .page-develop .develop-system .system-content-part1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/system-bg_1d71ec62.webp) no-repeat}
.page-develop .develop-system .system-content-part1 {
  margin: 0 auto;
  position: relative;
  top: -35px;
  width: 13.5rem;
  height: 8.43rem;
  width: 1350px;
  height: 843px;
  overflow: hidden;
}
.no-webp .page-develop .develop-system .system-content-part1 .part1-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -2544px}
.webp .page-develop .develop-system .system-content-part1 .part1-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -2544px}
.no-webp .page-develop .develop-system .system-content-part1 .part1-title {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .part1-title {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .part1-title {background-position:-2658px -2544px}
.webp .page-develop .develop-system .system-content-part1 .part1-title {background-position:-2658px -2544px}
.page-develop .develop-system .system-content-part1 .part1-title {
  width: 3.38rem;
  height: 0.66rem;
  width: 338px;
  height: 66px;
  margin: 35px auto 0;

}
.page-develop .develop-system .system-content-part1 .step-wrap {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 250px;
  white-space: nowrap;
}
.page-develop .develop-system .system-content-part1 .step-wrap li {
  cursor: pointer;
  display: inline-block;
  position: relative;
  -webkit-transition: background-image 0.3s ease;
  transition: background-image 0.3s ease;
  width: 3.05rem;
  height: 1.06rem;
  width: 305px;
  height: 106px;
}
.page-develop .develop-system .system-content-part1 .step-wrap li:not(:first-child) {
  margin-left: -50px;
}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:not(:last-child) .step-name::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-3026px -520px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:not(:last-child) .step-name::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-3026px -520px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:not(:last-child) .step-name::after {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:not(:last-child) .step-name::after {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:not(:last-child) .step-name::after {background-position:-3026px -520px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:not(:last-child) .step-name::after {background-position:-3026px -520px}
.page-develop .develop-system .system-content-part1 .step-wrap li:not(:last-child) .step-name::after {
  width: 0.13rem;
  height: 0.13rem;
  width: 13px;
  height: 13px;
  content: '';
  display: inline-block;

  margin-left: 10px;
}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:last-child .step-name::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-3009px -520px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:last-child .step-name::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-3009px -520px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:last-child .step-name::after {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:last-child .step-name::after {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:last-child .step-name::after {background-position:-3009px -520px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:last-child .step-name::after {background-position:-3009px -520px}
.page-develop .develop-system .system-content-part1 .step-wrap li:last-child .step-name::after {
  content: '';
  display: inline-block;
  position: relative;
  top: 2px;
width:15px;
height:19px;

  margin-left: 10px;
}
.page-develop .develop-system .system-content-part1 .step-wrap li .step-name {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  line-height: 106px;
  text-align: center;
  position: relative;
  z-index: 10;
  padding-left: 33px;
}
.page-develop .develop-system .system-content-part1 .step-wrap li:first-child {
  width: 2.93rem;
  height: 1.06rem;
  width: 293px;
  height: 106px;
}
.page-develop .develop-system .system-content-part1 .step-wrap li:first-child.active {
  margin-left: 4px;
}
.page-develop .develop-system .system-content-part1 .step-wrap li:first-child .step-name {
  padding-left: 4px;
}
.page-develop .develop-system .system-content-part1 .step-wrap li::before {
  width: 100%;
  height: 100%;
  content: '';
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  z-index: 3;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -554px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -554px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) {background-position:-2658px -554px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) {background-position:-2658px -554px}
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) {
  z-index: 0;
width:305px;
height:106px;

}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5)::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -770px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5)::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -770px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5)::before {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5)::before {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5)::before {background-position:-2658px -770px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5)::before {background-position:-2658px -770px}
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5)::before {
width:305px;
height:106px;

}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) .hover-bg .border-inner, 
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) .hover-bg .border-out {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -770px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) .hover-bg .border-inner, 
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) .hover-bg .border-out {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -770px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) .hover-bg .border-inner, 
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) .hover-bg .border-out {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) .hover-bg .border-inner, 
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) .hover-bg .border-out {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) .hover-bg .border-inner, 
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) .hover-bg .border-out {background-position:-2658px -770px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) .hover-bg .border-inner, 
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) .hover-bg .border-out {background-position:-2658px -770px}
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) .hover-bg .border-inner,
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) .hover-bg .border-out {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
width:305px;
height:106px;

}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -878px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -878px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) {background-position:-2658px -878px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) {background-position:-2658px -878px}
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) {
  z-index: 1;
width:305px;
height:106px;

}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4)::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1094px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4)::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1094px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4)::before {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4)::before {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4)::before {background-position:-2658px -1094px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4)::before {background-position:-2658px -1094px}
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4)::before {
width:305px;
height:106px;

}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) .hover-bg .border-inner, 
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) .hover-bg .border-out {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1094px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) .hover-bg .border-inner, 
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) .hover-bg .border-out {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1094px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) .hover-bg .border-inner, 
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) .hover-bg .border-out {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) .hover-bg .border-inner, 
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) .hover-bg .border-out {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) .hover-bg .border-inner, 
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) .hover-bg .border-out {background-position:-2658px -1094px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) .hover-bg .border-inner, 
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) .hover-bg .border-out {background-position:-2658px -1094px}
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) .hover-bg .border-inner,
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(4) .hover-bg .border-out {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
width:305px;
height:106px;

}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1202px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1202px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) {background-position:-2658px -1202px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) {background-position:-2658px -1202px}
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) {
  z-index: 2;
width:305px;
height:106px;

}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3)::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1418px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3)::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1418px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3)::before {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3)::before {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3)::before {background-position:-2658px -1418px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3)::before {background-position:-2658px -1418px}
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3)::before {
width:305px;
height:106px;

}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) .hover-bg .border-inner, 
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) .hover-bg .border-out {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1418px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) .hover-bg .border-inner, 
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) .hover-bg .border-out {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1418px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) .hover-bg .border-inner, 
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) .hover-bg .border-out {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) .hover-bg .border-inner, 
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) .hover-bg .border-out {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) .hover-bg .border-inner, 
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) .hover-bg .border-out {background-position:-2658px -1418px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) .hover-bg .border-inner, 
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) .hover-bg .border-out {background-position:-2658px -1418px}
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) .hover-bg .border-inner,
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) .hover-bg .border-out {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
width:305px;
height:106px;

}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1526px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1526px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) {background-position:-2658px -1526px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) {background-position:-2658px -1526px}
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) {
  z-index: 3;
width:305px;
height:106px;

}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2)::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1742px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2)::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1742px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2)::before {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2)::before {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2)::before {background-position:-2658px -1742px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2)::before {background-position:-2658px -1742px}
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2)::before {
width:305px;
height:106px;

}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) .hover-bg .border-inner, 
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) .hover-bg .border-out {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1742px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) .hover-bg .border-inner, 
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) .hover-bg .border-out {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1742px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) .hover-bg .border-inner, 
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) .hover-bg .border-out {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) .hover-bg .border-inner, 
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) .hover-bg .border-out {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) .hover-bg .border-inner, 
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) .hover-bg .border-out {background-position:-2658px -1742px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) .hover-bg .border-inner, 
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) .hover-bg .border-out {background-position:-2658px -1742px}
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) .hover-bg .border-inner,
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) .hover-bg .border-out {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
width:305px;
height:106px;

}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -2064px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -2064px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) {background-position:-2658px -2064px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) {background-position:-2658px -2064px}
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) {
  z-index: 4;
width:293px;
height:106px;

}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1)::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -2280px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1)::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -2280px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1)::before {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1)::before {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1)::before {background-position:-2658px -2280px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1)::before {background-position:-2658px -2280px}
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1)::before {
width:293px;
height:106px;

}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) .hover-bg .border-inner, 
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) .hover-bg .border-out {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -2280px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) .hover-bg .border-inner, 
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) .hover-bg .border-out {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -2280px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) .hover-bg .border-inner, 
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) .hover-bg .border-out {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) .hover-bg .border-inner, 
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) .hover-bg .border-out {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) .hover-bg .border-inner, 
.no-webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) .hover-bg .border-out {background-position:-2658px -2280px}
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) .hover-bg .border-inner, 
.webp .page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) .hover-bg .border-out {background-position:-2658px -2280px}
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) .hover-bg .border-inner,
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(1) .hover-bg .border-out {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
width:293px;
height:106px;

}
.page-develop .develop-system .system-content-part1 .step-wrap li.active:not(:first-child) {
  margin-left: -46px;
}
.page-develop .develop-system .system-content-part1 .step-wrap li:hover .step-name,
.page-develop .develop-system .system-content-part1 .step-wrap li.active .step-name {
  color: #FFFFFF;
  padding-left: 46px;
}
.page-develop .develop-system .system-content-part1 .step-wrap li:hover .step-name::after,
.page-develop .develop-system .system-content-part1 .step-wrap li.active .step-name::after {
  display: none;
}
.page-develop .develop-system .system-content-part1 .step-wrap li:hover:nth-child(2) .step-name,
.page-develop .develop-system .system-content-part1 .step-wrap li.active:nth-child(2) .step-name {
  padding-left: 88px;
}
.page-develop .develop-system .system-content-part1 .step-wrap li:hover:nth-child(3) .step-name,
.page-develop .develop-system .system-content-part1 .step-wrap li.active:nth-child(3) .step-name {
  padding-left: 62px;
}
.page-develop .develop-system .system-content-part1 .step-wrap li:hover:nth-child(4) .step-name,
.page-develop .develop-system .system-content-part1 .step-wrap li.active:nth-child(4) .step-name {
  padding-left: 78px;
}
.page-develop .develop-system .system-content-part1 .step-wrap li:hover:nth-child(5) .step-name,
.page-develop .develop-system .system-content-part1 .step-wrap li.active:nth-child(5) .step-name {
  padding-left: 92px;
}
.page-develop .develop-system .system-content-part1 .step-wrap li:hover::before,
.page-develop .develop-system .system-content-part1 .step-wrap li.active::before {
  opacity: 1;
}
.no-webp .page-develop .develop-system .system-content-part1 .part-content {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-0px -696px}
.webp .page-develop .develop-system .system-content-part1 .part-content {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-0px -696px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .part-content {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content {background-position:-0px -696px}
.webp .page-develop .develop-system .system-content-part1 .part-content {background-position:-0px -696px}
.page-develop .develop-system .system-content-part1 .part-content {
  width: 1000px;
  height: 336px;
  margin: 24px auto 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0 45px 161px;
  position: relative;

}
.page-develop .develop-system .system-content-part1 .part-content .info {
  width: 100%;
  height: 110%;
  padding-top: 90px;
  padding-right: 161px;
  overflow: hidden;
  top: -11%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.page-develop .develop-system .system-content-part1 .part-content .title {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  margin-top: -22px;
  margin-bottom: 10px;
}
.no-webp .page-develop .develop-system .system-content-part1 .part-content .title:after {background:#71A3FB}
.webp .page-develop .develop-system .system-content-part1 .part-content .title:after {background:#71A3FB}
.page-develop .develop-system .system-content-part1 .part-content .title:after {
  width: 0.22rem;
  height: 0.04rem;
  width: 22px;
  height: 4px;
  content: '';
  display: block;
  border-radius: 2px;
  margin-top: 17px;
}
.page-develop .develop-system .system-content-part1 .part-content .desc {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #8A8A8A;
  line-height: 28px;
}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-5 .num {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2965px -1526px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-5 .num {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2965px -1526px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-5 .num {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-5 .num {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-5 .num {background-position:-2965px -1526px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-5 .num {background-position:-2965px -1526px}
.page-develop .develop-system .system-content-part1 .part-content.step-5 .num {
  display: inline-block;
width:89px;
height:66px;

}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-5 .info::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1374px -696px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-5 .info::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1374px -696px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-5 .info::after {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-5 .info::after {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-5 .info::after {background-position:-1374px -696px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-5 .info::after {background-position:-1374px -696px}
.page-develop .develop-system .system-content-part1 .part-content.step-5 .info::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 54px;
  bottom: -1px;
  -webkit-animation: scaleAni 1 linear .2s .2s forwards;
          animation: scaleAni 1 linear .2s .2s forwards;
width:358px;
height:283px;

}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-4 .num {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2953px -2064px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-4 .num {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2953px -2064px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-4 .num {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-4 .num {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-4 .num {background-position:-2953px -2064px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-4 .num {background-position:-2953px -2064px}
.page-develop .develop-system .system-content-part1 .part-content.step-4 .num {
  display: inline-block;
width:93px;
height:66px;

}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-4 .info::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1734px -696px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-4 .info::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1734px -696px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-4 .info::after {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-4 .info::after {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-4 .info::after {background-position:-1734px -696px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-4 .info::after {background-position:-1734px -696px}
.page-develop .develop-system .system-content-part1 .part-content.step-4 .info::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 54px;
  bottom: -1px;
  -webkit-animation: scaleAni 1 linear .2s .2s forwards;
          animation: scaleAni 1 linear .2s .2s forwards;
width:351px;
height:281px;

}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-3 .num {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2965px -1634px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-3 .num {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2965px -1634px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-3 .num {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-3 .num {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-3 .num {background-position:-2965px -1634px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-3 .num {background-position:-2965px -1634px}
.page-develop .develop-system .system-content-part1 .part-content.step-3 .num {
  display: inline-block;
width:89px;
height:66px;

}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-3 .info::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1002px -696px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-3 .info::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1002px -696px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-3 .info::after {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-3 .info::after {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-3 .info::after {background-position:-1002px -696px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-3 .info::after {background-position:-1002px -696px}
.page-develop .develop-system .system-content-part1 .part-content.step-3 .info::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 54px;
  bottom: -1px;
  -webkit-animation: scaleAni 1 linear .2s .2s forwards;
          animation: scaleAni 1 linear .2s .2s forwards;
width:370px;
height:283px;

}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-2 .num {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2965px -1742px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-2 .num {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2965px -1742px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-2 .num {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-2 .num {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-2 .num {background-position:-2965px -1742px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-2 .num {background-position:-2965px -1742px}
.page-develop .develop-system .system-content-part1 .part-content.step-2 .num {
  display: inline-block;
width:88px;
height:66px;

}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-2 .info::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1022px -1034px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-2 .info::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1022px -1034px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-2 .info::after {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-2 .info::after {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-2 .info::after {background-position:-1022px -1034px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-2 .info::after {background-position:-1022px -1034px}
.page-develop .develop-system .system-content-part1 .part-content.step-2 .info::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 54px;
  bottom: -1px;
  -webkit-animation: scaleAni 1 linear .2s .2s forwards;
          animation: scaleAni 1 linear .2s .2s forwards;
width:314px;
height:288px;

}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-1 .num {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2580px -763px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-1 .num {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2580px -763px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-1 .num {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-1 .num {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-1 .num {background-position:-2580px -763px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-1 .num {background-position:-2580px -763px}
.page-develop .develop-system .system-content-part1 .part-content.step-1 .num {
  display: inline-block;
width:72px;
height:66px;

}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-1 .info::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2087px -696px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-1 .info::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2087px -696px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-1 .info::after {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-1 .info::after {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part1 .part-content.step-1 .info::after {background-position:-2087px -696px}
.webp .page-develop .develop-system .system-content-part1 .part-content.step-1 .info::after {background-position:-2087px -696px}
.page-develop .develop-system .system-content-part1 .part-content.step-1 .info::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 54px;
  bottom: -1px;
  -webkit-animation: scaleAni 1 linear .2s .2s forwards;
          animation: scaleAni 1 linear .2s .2s forwards;
width:350px;
height:274px;

}
.page-develop .develop-system .system-content-part2 {
  width: 1318px;
  margin: 0 auto;
  margin-top: -138px;
}
.no-webp .page-develop .develop-system .system-content-part2 .part2-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -2388px}
.webp .page-develop .develop-system .system-content-part2 .part2-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -2388px}
.no-webp .page-develop .develop-system .system-content-part2 .part2-title {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part2 .part2-title {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part2 .part2-title {background-position:-2658px -2388px}
.webp .page-develop .develop-system .system-content-part2 .part2-title {background-position:-2658px -2388px}
.page-develop .develop-system .system-content-part2 .part2-title {
  width: 3.89rem;
  height: 0.66rem;
  width: 389px;
  height: 66px;
  margin: 0 auto 51px;

}
.page-develop .develop-system .system-content-part2 ul {
  white-space: nowrap;
  margin-left: 20px;
}
.page-develop .develop-system .system-content-part2 ul li {
  color: #fff;
  font-size: 14px;
  display: inline-block;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  height: 570px;
}
.page-develop .develop-system .system-content-part2 ul li > img {
  height: 100%;
  position: relative;
  z-index: -1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.no-webp .page-develop .develop-system .system-content-part2 ul li::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) center top no-repeat;background-size:3054px 3036px;
background-position:-0px -1482px}
.webp .page-develop .develop-system .system-content-part2 ul li::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) center top no-repeat;background-size:3054px 3036px;
background-position:-0px -1482px}
.no-webp .page-develop .develop-system .system-content-part2 ul li::before {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part2 ul li::before {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part2 ul li::before {background-position:-0px -1482px}
.webp .page-develop .develop-system .system-content-part2 ul li::before {background-position:-0px -1482px}
.page-develop .develop-system .system-content-part2 ul li::before {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
width:246px;
height:347px;

}
.page-develop .develop-system .system-content-part2 ul li:hover img {
  -webkit-transform: scale(1.15, 1.15);
          transform: scale(1.15, 1.15);
}
.page-develop .develop-system .system-content-part2 ul li:nth-child(even) {
  top: 25px;
}
.page-develop .develop-system .system-content-part2 ul li:not(:last-child) {
  margin-right: 22px;
}
.page-develop .develop-system .system-content-part2 ul li > div {
  display: inline-block;
  width: calc(100% - 45px);
  margin-left: 21px;
  position: absolute;
  bottom: 46px;
  z-index: 2;
  left: 0;
  white-space: pre-wrap;
}
.page-develop .develop-system .system-content-part2 ul li > div > span {
  line-height: 18px;
}
.page-develop .develop-system .system-content-part2 ul li .part2-li-tit {
  font-size: 22px;
  line-height: 23px;
  margin-bottom: 15px;
  vertical-align: bottom;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.no-webp .page-develop .develop-system .system-content-part2 ul li .part2-li-tit::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) center top no-repeat;background-size:3054px 3036px;
background-position:-3046px -502px}
.webp .page-develop .develop-system .system-content-part2 ul li .part2-li-tit::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) center top no-repeat;background-size:3054px 3036px;
background-position:-3046px -502px}
.no-webp .page-develop .develop-system .system-content-part2 ul li .part2-li-tit::after {background-size:3054px 3036px}
.webp .page-develop .develop-system .system-content-part2 ul li .part2-li-tit::after {background-size:3054px 3036px}
.no-webp .page-develop .develop-system .system-content-part2 ul li .part2-li-tit::after {background-position:-3046px -502px}
.webp .page-develop .develop-system .system-content-part2 ul li .part2-li-tit::after {background-position:-3046px -502px}
.page-develop .develop-system .system-content-part2 ul li .part2-li-tit::after {
  content: '';
  display: inline-block;
  line-height: 33px;
  width: 0.08rem;
  height: 0.12rem;
  width: 8px;
  height: 12px;

}
.no-webp .page-develop .develop-system .system-content-part2::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/develop-line_ad38a206.png) center top / 100% auto no-repeat}
.webp .page-develop .develop-system .system-content-part2::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/develop-line_ad38a206.webp) center top / 100% auto no-repeat}
.page-develop .develop-system .system-content-part2::after {
  content: '';
  display: inline-block;
  width: 1920px;
  height: 264px;
  position: absolute;
  left: 0;
  bottom: -34px;
}
.page-develop .develop-full {
  width: 1344px;
  margin: 101px auto;
  position: relative;
  z-index: 1;
}
.no-webp .page-develop .develop-full .full-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/full-title_7d8d6df9.png) no-repeat}
.webp .page-develop .develop-full .full-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/full-title_7d8d6df9.webp) no-repeat}
.page-develop .develop-full .full-title {
  width: 4.05rem;
  height: 1.6rem;
  width: 405px;
  height: 160px;
  margin: 0 auto 30px;
}
.page-develop .develop-full .full-content {
  width: 100%;
  height: 840px;
}
.page-develop .develop-full .full-content-wrap {
  margin-top: -25px;
  position: relative;
}
.page-develop .develop-full .full-content-wrap .prev-btn,
.page-develop .develop-full .full-content-wrap .next-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.page-develop .develop-full .full-content-wrap .prev-btn.prev-btn,
.page-develop .develop-full .full-content-wrap .next-btn.prev-btn {
  left: -69px;
}
.page-develop .develop-full .full-content-wrap .prev-btn.next-btn,
.page-develop .develop-full .full-content-wrap .next-btn.next-btn {
  right: -69px;
}
.no-webp .page-develop .develop-full .full-content-wrap .content-img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/full-img-bg_cc9aee76.png) no-repeat}
.webp .page-develop .develop-full .full-content-wrap .content-img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/full-img-bg_cc9aee76.webp) no-repeat}
.page-develop .develop-full .full-content-wrap .content-img {
  display: inline-block;
  width: 9.73rem;
  height: 5.93rem;
  width: 973px;
  height: 593px;
  position: relative;
  left: -45px;
}
.page-develop .develop-full .full-content-wrap .content-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 47.8%;
  width: 8.31rem;
  height: 4.52rem;
  width: 831px;
  height: 452px;
  display: inline-block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 18px;
}
.page-develop .develop-full .full-content-wrap .content-title {
  font-size: 20px;
  font-weight: 400;
  color: #666666;
  position: absolute;
  right: 14px;
  top: 148px;
  text-align: center;
}
.page-develop .develop-full .full-content-wrap .content-title .det {
  display: inline-block;
  margin-top: 100px;
}
.page-develop .develop-full .full-content-wrap .content-title .det span {
  position: relative;
}
.no-webp .page-develop .develop-full .full-content-wrap .content-title .det span::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2821px -546px}
.webp .page-develop .develop-full .full-content-wrap .content-title .det span::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2821px -546px}
.no-webp .page-develop .develop-full .full-content-wrap .content-title .det span::before {background-size:3054px 3036px}
.webp .page-develop .develop-full .full-content-wrap .content-title .det span::before {background-size:3054px 3036px}
.no-webp .page-develop .develop-full .full-content-wrap .content-title .det span::before {background-position:-2821px -546px}
.webp .page-develop .develop-full .full-content-wrap .content-title .det span::before {background-position:-2821px -546px}
.page-develop .develop-full .full-content-wrap .content-title .det span::before {
  content: '';
  display: inline-block;
  width: 0.96rem;
  height: 0.06rem;
  width: 96px;
  height: 6px;
  position: absolute;
  -webkit-transition: all 0.2s .2s linear;
  transition: all 0.2s .2s linear;
  left: 0;
  bottom: -3px;

}
.page-develop .develop-full .full-content-wrap .content-title.center {
  top: 210px;
}
.no-webp .page-develop .develop-full .full-content-wrap .content-video {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/full-video-bg_9ae549df.png) no-repeat}
.webp .page-develop .develop-full .full-content-wrap .content-video {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/full-video-bg_9ae549df.webp) no-repeat}
.page-develop .develop-full .full-content-wrap .content-video {
  width: 6.59rem;
  height: 4.24rem;
  width: 659px;
  height: 424px;
  position: absolute;
  right: -52px;
  bottom: -142px;
  display: inline-block;
}
.page-develop .develop-full .full-content-wrap .content-video img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 47%;
  width: 5.18rem;
  height: 2.82rem;
  width: 518px;
  height: 282px;
  -o-object-fit: cover;
     object-fit: cover;
  display: inline-block;
  border-radius: 18px;
}
.page-develop .develop-full .full-content-wrap .content-video.isVideo {
  cursor: pointer;
}
.no-webp .page-develop .develop-full .full-content-wrap .content-video.isVideo::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/btn_dccc76bf.png) no-repeat}
.webp .page-develop .develop-full .full-content-wrap .content-video.isVideo::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/btn_dccc76bf.webp) no-repeat}
.page-develop .develop-full .full-content-wrap .content-video.isVideo::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 0.31rem;
  height: 0.39rem;
  width: 31px;
  height: 39px;
  z-index: 1;
}
.no-webp .page-develop .develop-full .full-content-wrap .content-video.isVideo::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/mask_a28e81e3.png) no-repeat center top / 100% 100%}
.webp .page-develop .develop-full .full-content-wrap .content-video.isVideo::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/mask_a28e81e3.webp) no-repeat center top / 100% 100%}
.page-develop .develop-full .full-content-wrap .content-video.isVideo::after {
  content: '';
  display: inline-block;
  width: 5.18rem;
  height: 2.82rem;
  width: 518px;
  height: 282px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 47%;
  border-radius: 18px;
}
.no-webp .page-develop .develop-full .full-content-wrap .content-video.isVideo:hover::after {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/mask-h_a5065c0c.png)}
.webp .page-develop .develop-full .full-content-wrap .content-video.isVideo:hover::after {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/mask-h_a5065c0c.webp)}
.page-develop .develop-full .full-content-wrap .content-video.isVideo:hover::after {
}
.no-webp .page-develop .develop-full .full-content-wrap.quwei .img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/quwei-img_d3d3114b.png) no-repeat}
.webp .page-develop .develop-full .full-content-wrap.quwei .img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/quwei-img_d3d3114b.webp) no-repeat}
.page-develop .develop-full .full-content-wrap.quwei .img {
}
.no-webp .page-develop .develop-full .full-content-wrap.quwei .content-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-649px -2387px}
.webp .page-develop .develop-full .full-content-wrap.quwei .content-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-649px -2387px}
.no-webp .page-develop .develop-full .full-content-wrap.quwei .content-title {background-size:3054px 3036px}
.webp .page-develop .develop-full .full-content-wrap.quwei .content-title {background-size:3054px 3036px}
.no-webp .page-develop .develop-full .full-content-wrap.quwei .content-title {background-position:-649px -2387px}
.webp .page-develop .develop-full .full-content-wrap.quwei .content-title {background-position:-649px -2387px}
.page-develop .develop-full .full-content-wrap.quwei .content-title {
width:346px;
height:149px;

}
.no-webp .page-develop .develop-full .full-content-wrap.study .img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/quwei-img_d3d3114b.png) no-repeat}
.webp .page-develop .develop-full .full-content-wrap.study .img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/quwei-img_d3d3114b.webp) no-repeat}
.page-develop .develop-full .full-content-wrap.study .img {
}
.no-webp .page-develop .develop-full .full-content-wrap.study .content-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1689px -2387px}
.webp .page-develop .develop-full .full-content-wrap.study .content-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1689px -2387px}
.no-webp .page-develop .develop-full .full-content-wrap.study .content-title {background-size:3054px 3036px}
.webp .page-develop .develop-full .full-content-wrap.study .content-title {background-size:3054px 3036px}
.no-webp .page-develop .develop-full .full-content-wrap.study .content-title {background-position:-1689px -2387px}
.webp .page-develop .develop-full .full-content-wrap.study .content-title {background-position:-1689px -2387px}
.page-develop .develop-full .full-content-wrap.study .content-title {
width:342px;
height:149px;

}
.no-webp .page-develop .develop-full .full-content-wrap.peixun .img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/quwei-img_d3d3114b.png) no-repeat}
.webp .page-develop .develop-full .full-content-wrap.peixun .img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/quwei-img_d3d3114b.webp) no-repeat}
.page-develop .develop-full .full-content-wrap.peixun .img {
}
.no-webp .page-develop .develop-full .full-content-wrap.peixun .content-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-997px -2387px}
.webp .page-develop .develop-full .full-content-wrap.peixun .content-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-997px -2387px}
.no-webp .page-develop .develop-full .full-content-wrap.peixun .content-title {background-size:3054px 3036px}
.webp .page-develop .develop-full .full-content-wrap.peixun .content-title {background-size:3054px 3036px}
.no-webp .page-develop .develop-full .full-content-wrap.peixun .content-title {background-position:-997px -2387px}
.webp .page-develop .develop-full .full-content-wrap.peixun .content-title {background-position:-997px -2387px}
.page-develop .develop-full .full-content-wrap.peixun .content-title {
width:344px;
height:149px;

}
.no-webp .page-develop .develop-full .full-content-wrap.mentor .img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/quwei-img_d3d3114b.png) no-repeat}
.webp .page-develop .develop-full .full-content-wrap.mentor .img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/quwei-img_d3d3114b.webp) no-repeat}
.page-develop .develop-full .full-content-wrap.mentor .img {
}
.no-webp .page-develop .develop-full .full-content-wrap.mentor .content-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2033px -2387px}
.webp .page-develop .develop-full .full-content-wrap.mentor .content-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2033px -2387px}
.no-webp .page-develop .develop-full .full-content-wrap.mentor .content-title {background-size:3054px 3036px}
.webp .page-develop .develop-full .full-content-wrap.mentor .content-title {background-size:3054px 3036px}
.no-webp .page-develop .develop-full .full-content-wrap.mentor .content-title {background-position:-2033px -2387px}
.webp .page-develop .develop-full .full-content-wrap.mentor .content-title {background-position:-2033px -2387px}
.page-develop .develop-full .full-content-wrap.mentor .content-title {
width:342px;
height:148px;

}
.no-webp .page-develop .develop-full .full-content-wrap.mini .img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/quwei-img_d3d3114b.png) no-repeat}
.webp .page-develop .develop-full .full-content-wrap.mini .img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/quwei-img_d3d3114b.webp) no-repeat}
.page-develop .develop-full .full-content-wrap.mini .img {
}
.no-webp .page-develop .develop-full .full-content-wrap.mini .content-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-290px -2387px}
.webp .page-develop .develop-full .full-content-wrap.mini .content-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-290px -2387px}
.no-webp .page-develop .develop-full .full-content-wrap.mini .content-title {background-size:3054px 3036px}
.webp .page-develop .develop-full .full-content-wrap.mini .content-title {background-size:3054px 3036px}
.no-webp .page-develop .develop-full .full-content-wrap.mini .content-title {background-position:-290px -2387px}
.webp .page-develop .develop-full .full-content-wrap.mini .content-title {background-position:-290px -2387px}
.page-develop .develop-full .full-content-wrap.mini .content-title {
width:357px;
height:149px;

}
.no-webp .page-develop .develop-full .full-content-wrap.tech .img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/quwei-img_d3d3114b.png) no-repeat}
.webp .page-develop .develop-full .full-content-wrap.tech .img {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/quwei-img_d3d3114b.webp) no-repeat}
.page-develop .develop-full .full-content-wrap.tech .img {
}
.no-webp .page-develop .develop-full .full-content-wrap.tech .content-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1343px -2387px}
.webp .page-develop .develop-full .full-content-wrap.tech .content-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1343px -2387px}
.no-webp .page-develop .develop-full .full-content-wrap.tech .content-title {background-size:3054px 3036px}
.webp .page-develop .develop-full .full-content-wrap.tech .content-title {background-size:3054px 3036px}
.no-webp .page-develop .develop-full .full-content-wrap.tech .content-title {background-position:-1343px -2387px}
.webp .page-develop .develop-full .full-content-wrap.tech .content-title {background-position:-1343px -2387px}
.page-develop .develop-full .full-content-wrap.tech .content-title {
width:344px;
height:149px;

}
.no-webp .page-develop .develop-full .full-content-tab {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-1124px -567px}
.webp .page-develop .develop-full .full-content-tab {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-1124px -567px}
.no-webp .page-develop .develop-full .full-content-tab {background-size:3054px 3036px}
.webp .page-develop .develop-full .full-content-tab {background-size:3054px 3036px}
.no-webp .page-develop .develop-full .full-content-tab {background-position:-1124px -567px}
.webp .page-develop .develop-full .full-content-tab {background-position:-1124px -567px}
.page-develop .develop-full .full-content-tab {
  width: 13.44rem;
  height: 0.96rem;
  width: 1344px;
  height: 96px;
  padding: 11px 50px 0 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;

}
.page-develop .develop-full .full-content-tab li {
  width: 16.6%;
  height: 100%;
  display: inline-block;
  position: relative;
  height: 57px;
  cursor: pointer;
}
.page-develop .develop-full .full-content-tab li .title {
  text-align: center;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 500;
  line-height: 57px;
}
.page-develop .develop-full .full-content-tab li .tab-detail {
  width: 2.3rem;
  height: 1rem;
  width: 230px;
  height: 100px;
  position: absolute;
  bottom: -1px;
  overflow: hidden;
}
.no-webp .page-develop .develop-full .full-content-tab li .tab-detail div {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2821px -350px}
.webp .page-develop .develop-full .full-content-tab li .tab-detail div {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2821px -350px}
.no-webp .page-develop .develop-full .full-content-tab li .tab-detail div {background-size:3054px 3036px}
.webp .page-develop .develop-full .full-content-tab li .tab-detail div {background-size:3054px 3036px}
.no-webp .page-develop .develop-full .full-content-tab li .tab-detail div {background-position:-2821px -350px}
.webp .page-develop .develop-full .full-content-tab li .tab-detail div {background-position:-2821px -350px}
.page-develop .develop-full .full-content-tab li .tab-detail div {
width:230px;
height:100px;

  -webkit-transform: translateY(100px);

          transform: translateY(100px);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  padding-top: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.page-develop .develop-full .full-content-tab li .tab-detail p {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}
.page-develop .develop-full .full-content-tab li .tab-detail span {
  font-size: 14px;
  font-weight: 400;
  color: #B1B1B1;
}
.page-develop .develop-full .full-content-tab li.active .tab-detail div {
  -webkit-transform: translateY(11px);
          transform: translateY(11px);
}
.no-webp .page-develop .develop-intern {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/blue-bg_763ae012.png) no-repeat center top}
.webp .page-develop .develop-intern {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/blue-bg_763ae012.webp) no-repeat center top}
.page-develop .develop-intern {
  height: 1156px;
  margin-top: 436px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.no-webp .page-develop .develop-intern .intern-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/intern-title_5748b91d.png) no-repeat}
.webp .page-develop .develop-intern .intern-title {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/intern-title_5748b91d.webp) no-repeat}
.page-develop .develop-intern .intern-title {
  width: 526px;
  height: 153px;
  margin: 295px auto 45px;
}
.page-develop .develop-intern .intern-wrap {
  width: 1390px;
  margin: 0 auto;
  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;
}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/intern-tab-bg_abd6a1ad.png) no-repeat center top / 100% auto}
.webp .page-develop .develop-intern .intern-wrap .intern-tab {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/intern-tab-bg_abd6a1ad.webp) no-repeat center top / 100% auto}
.page-develop .develop-intern .intern-wrap .intern-tab {
  width: 340px;
  height: 516px;
  padding: 55px 50px;
  margin-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-develop .develop-intern .intern-wrap .intern-tab .tab-tit {
  font-size: 20px;
  font-weight: bold;
  color: #010102;
  margin-bottom: 3px;
}
.page-develop .develop-intern .intern-wrap .intern-tab .tab-desc {
  color: #B1B1B1;
  font-size: 14px;
  white-space: nowrap;
}
.page-develop .develop-intern .intern-wrap .intern-tab li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  position: relative;
}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li .hover-content {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/hover-bg_3ed45297.png) no-repeat}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li .hover-content {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/hover-bg_3ed45297.webp) no-repeat}
.page-develop .develop-intern .intern-wrap .intern-tab li .hover-content {
  position: absolute;
  right: -40px;
  top: -45px;
  padding: 30px 40px 44px;
  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;
  opacity: 0;
  -webkit-transform: translateX(330px);
          transform: translateX(330px);
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  width: 3.66rem;
  height: 1.58rem;
  width: 366px;
  height: 158px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-develop .develop-intern .intern-wrap .intern-tab li .hover-content .tit {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  opacity: 0;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  -webkit-transition: all .15s .2s linear;
  transition: all .15s .2s linear;
}
.page-develop .develop-intern .intern-wrap .intern-tab li .hover-content .desc {
  display: inline-block;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  white-space: nowrap;
  opacity: 0;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  -webkit-transition: all .15s .25s linear;
  transition: all .15s .25s linear;
}
.page-develop .develop-intern .intern-wrap .intern-tab li .hover-content .icon {
  display: inline-block;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.page-develop .develop-intern .intern-wrap .intern-tab li .hover-content .icon.icon-2 {
  position: absolute;
  right: 10px;
}
.page-develop .develop-intern .intern-wrap .intern-tab li .hover-content .icon.icon-4 {
  position: absolute;
  right: 31px;
}
.page-develop .develop-intern .intern-wrap .intern-tab li:not(:last-child) {
  margin-bottom: 40px;
}
.page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(1) {
  text-align: right;
  margin-left: -14px;
}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(1)::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2968px -1850px}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(1)::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2968px -1850px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(1)::before {background-size:3054px 3036px}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(1)::before {background-size:3054px 3036px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(1)::before {background-position:-2968px -1850px}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(1)::before {background-position:-2968px -1850px}
.page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(1)::before {
  width: 0.77rem;
  height: 0.71rem;
  width: 77px;
  height: 71px;
  content: '';
  display: inline-block;

}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(2)::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2942px -2456px}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(2)::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2942px -2456px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(2)::after {background-size:3054px 3036px}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(2)::after {background-size:3054px 3036px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(2)::after {background-position:-2942px -2456px}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(2)::after {background-position:-2942px -2456px}
.page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(2)::after {
  width: 0.7rem;
  height: 0.69rem;
  width: 70px;
  height: 69px;
  content: '';
  display: inline-block;
  margin-left: 16px;

}
.page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(2) .hover-content {
  padding-left: 71px;
}
.page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(3) {
  text-align: right;
  margin-left: -10px;
}
.page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(3) .tab-tit {
  padding-right: 10px;
}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(3)::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2953px -2280px}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(3)::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2953px -2280px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(3)::before {background-size:3054px 3036px}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(3)::before {background-size:3054px 3036px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(3)::before {background-position:-2953px -2280px}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(3)::before {background-position:-2953px -2280px}
.page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(3)::before {
  width: 0.7rem;
  height: 0.7rem;
  width: 70px;
  height: 70px;
  content: '';
  display: inline-block;

}
.page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(3) .hover-content {
  padding-left: 40px;
}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(4)::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2580px -696px}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(4)::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2580px -696px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(4)::after {background-size:3054px 3036px}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(4)::after {background-size:3054px 3036px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(4)::after {background-position:-2580px -696px}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(4)::after {background-position:-2580px -696px}
.page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(4)::after {
  width: 0.74rem;
  height: 0.65rem;
  width: 74px;
  height: 65px;
  content: '';
  display: inline-block;

}
.page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(4) .hover-content {
  padding-left: 71px;
}
.page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content,
.page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .tit,
.page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .tit {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .desc,
.page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .desc {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-1, 
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/icon1-sprite_a4ea8cf7.png);
  background-size: 900% 800%}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-1, 
.webp .page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/icon1-sprite_a4ea8cf7.webp);
  background-size: 900% 800%}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-1, 
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-1 {background-size:900% 800%}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-1, 
.webp .page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-1 {background-size:900% 800%}
.page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-1,
.page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-1 {
  width: 1.14rem;
  height: 1.14rem;
  width: 114px;
  height: 114px;
  -webkit-animation: iconAni1 2.37s steps(1) 0.1s forwards;
          animation: iconAni1 2.37s steps(1) 0.1s forwards;
}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-2, 
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-2 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/icon2-sprite_21d63f64.png);
  background-size: 700% 600%}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-2, 
.webp .page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-2 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/icon2-sprite_21d63f64.webp);
  background-size: 700% 600%}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-2, 
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-2 {background-size:700% 600%}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-2, 
.webp .page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-2 {background-size:700% 600%}
.page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-2,
.page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-2 {
  width: 1.44rem;
  height: 1.44rem;
  width: 144px;
  height: 144px;
  -webkit-animation: iconAni2 1.37s steps(1) 0.1s forwards;
          animation: iconAni2 1.37s steps(1) 0.1s forwards;
}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-3, 
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-3 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/icon3-sprite_dd5e2517.png);
  background-size: 500% 500%}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-3, 
.webp .page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-3 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/icon3-sprite_dd5e2517.webp);
  background-size: 500% 500%}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-3, 
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-3 {background-size:500% 500%}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-3, 
.webp .page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-3 {background-size:500% 500%}
.page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-3,
.page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-3 {
  width: 1.14rem;
  height: 1.14rem;
  width: 114px;
  height: 114px;
  -webkit-animation: iconAni3 0.83s steps(1) 0.1s forwards;
          animation: iconAni3 0.83s steps(1) 0.1s forwards;
}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-4, 
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-4 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/icon4-sprite_b9901d67.png);
  background-size: 500% 500%}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-4, 
.webp .page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-4 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/icon4-sprite_b9901d67.webp);
  background-size: 500% 500%}
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-4, 
.no-webp .page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-4 {background-size:500% 500%}
.webp .page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-4, 
.webp .page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-4 {background-size:500% 500%}
.page-develop .develop-intern .intern-wrap .intern-tab li:hover .hover-content .icon-4,
.page-develop .develop-intern .intern-wrap .intern-tab li.active .hover-content .icon-4 {
  width: 1.14rem;
  height: 1.14rem;
  width: 114px;
  height: 114px;
  -webkit-animation: iconAni4 0.83s steps(1) 0.1s forwards;
          animation: iconAni4 0.83s steps(1) 0.1s forwards;
}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-0px -0px}
.webp .page-develop .develop-intern .intern-wrap .intern-content {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-0px -0px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content {background-size:3054px 3036px}
.webp .page-develop .develop-intern .intern-wrap .intern-content {background-size:3054px 3036px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content {background-position:-0px -0px}
.webp .page-develop .develop-intern .intern-wrap .intern-content {background-position:-0px -0px}
.page-develop .develop-intern .intern-wrap .intern-content {
  width: 1122px;
  height: 694px;
  margin-left: -92px;
  position: relative;

}
.page-develop .develop-intern .intern-wrap .intern-content .img-container {
  width: 9.8rem;
  height: 5.53rem;
  width: 980px;
  height: 553px;
  position: absolute;
  left: 50%;
  top: 48.5%;
  -webkit-transform: translate(-49.9%, -50.2%);
          transform: translate(-49.9%, -50.2%);
  border-radius: 10px;
}
.page-develop .develop-intern .intern-wrap .intern-content .img-container .btn {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 99;
  left: 0;
  bottom: 0;
  cursor: pointer;
}
.page-develop .develop-intern .intern-wrap .intern-content .img-container .dialogue-list {
  position: absolute;
  width: 100%;
  top: 0;
}
.page-develop .develop-intern .intern-wrap .intern-content .img-container .dialogue-list span {
  display: inline-block;
  position: absolute;
}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1956px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -1956px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-1 {background-size:3054px 3036px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-1 {background-size:3054px 3036px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-1 {background-position:-2658px -1956px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-1 {background-position:-2658px -1956px}
.page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-1 {
  -webkit-animation: dialogueAni1 1.7s .2s linear;
          animation: dialogueAni1 1.7s .2s linear;
  -webkit-transform: scale(0);
          transform: scale(0);
  top: 58px;
  left: 147px;
  -webkit-transform-origin: 80% bottom;
          transform-origin: 80% bottom;
width:298px;
height:106px;

}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-3 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -106px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-3 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -106px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-3 {background-size:3054px 3036px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-3 {background-size:3054px 3036px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-3 {background-position:-2658px -106px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-3 {background-position:-2658px -106px}
.page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-3 {
  top: 36px;
  left: 131px;
  -webkit-transform-origin: 80% bottom;
          transform-origin: 80% bottom;
  -webkit-animation: dialogueAni2 .4s 2.4s linear both;
          animation: dialogueAni2 .4s 2.4s linear both;
width:313px;
height:128px;

}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-2 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-0px -2387px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-2 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-0px -2387px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-2 {background-size:3054px 3036px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-2 {background-size:3054px 3036px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-2 {background-position:-0px -2387px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-2 {background-position:-0px -2387px}
.page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .dialogue-2 {
  top: 208px;
  right: 25px;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-animation: dialogueAni2 .4s .7s linear both;
          animation: dialogueAni2 .4s .7s linear both;
width:288px;
height:247px;

}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .btn {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-0px -2095px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .btn {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-0px -2095px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .btn {background-size:3054px 3036px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .btn {background-size:3054px 3036px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .btn {background-position:-0px -2095px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .btn {background-position:-0px -2095px}
.page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .btn {
width:263px;
height:290px;

}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .btn:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-265px -2095px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .btn:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-265px -2095px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .btn:hover {background-size:3054px 3036px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .btn:hover {background-size:3054px 3036px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .btn:hover {background-position:-265px -2095px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .btn:hover {background-position:-265px -2095px}
.page-develop .develop-intern .intern-wrap .intern-content .img-container.mentor .btn:hover {
width:263px;
height:290px;

}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .dialogue-1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-2658px -236px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .dialogue-1 {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-2658px -236px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .dialogue-1 {background-size:3054px 3036px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .dialogue-1 {background-size:3054px 3036px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .dialogue-1 {background-position:-2658px -236px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .dialogue-1 {background-position:-2658px -236px}
.page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .dialogue-1 {
  -webkit-animation: dialogueAni2 .4s .2s linear both;
          animation: dialogueAni2 .4s .2s linear both;
  top: 21px;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  left: 314px;
width:314px;
height:112px;

}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .btn {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-530px -2095px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .btn {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-530px -2095px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .btn {background-size:3054px 3036px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .btn {background-size:3054px 3036px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .btn {background-position:-530px -2095px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .btn {background-position:-530px -2095px}
.page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .btn {
width:263px;
height:290px;

}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .btn:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png) no-repeat;background-size:3054px 3036px;
background-position:-795px -2095px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .btn:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp) no-repeat;background-size:3054px 3036px;
background-position:-795px -2095px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .btn:hover {background-size:3054px 3036px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .btn:hover {background-size:3054px 3036px}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .btn:hover {background-position:-795px -2095px}
.webp .page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .btn:hover {background-position:-795px -2095px}
.page-develop .develop-intern .intern-wrap .intern-content .img-container.toFull .btn:hover {
width:263px;
height:290px;

}
.page-develop .develop-intern .intern-wrap .intern-content .swiper-intern-pagination {
  position: absolute;
  right: 77px;
  bottom: 92px;
  z-index: 10;
}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .swiper-intern-pagination .swiper-pagination-bullet {background-color:#fff}
.webp .page-develop .develop-intern .intern-wrap .intern-content .swiper-intern-pagination .swiper-pagination-bullet {background-color:#fff}
.page-develop .develop-intern .intern-wrap .intern-content .swiper-intern-pagination .swiper-pagination-bullet {
  width: 0.11rem;
  height: 0.11rem;
  width: 11px;
  height: 11px;
  opacity: .6;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  margin-right: 11px;
}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .swiper-intern-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#6397FF}
.webp .page-develop .develop-intern .intern-wrap .intern-content .swiper-intern-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#6397FF}
.page-develop .develop-intern .intern-wrap .intern-content .swiper-intern-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 25px;
  height: 10px;
  border-radius: 5px;
  opacity: 1;
}
.page-develop .develop-intern .intern-wrap .intern-content .swiper-container {
  width: 9.8rem;
  height: 5.53rem;
  width: 980px;
  height: 553px;
  position: absolute;
  left: 50%;
  top: 48.5%;
  -webkit-transform: translate(-49.9%, -50.5%);
          transform: translate(-49.9%, -50.5%);
  border-radius: 10px;
}
.page-develop .develop-intern .intern-wrap .intern-content .swiper-container .swiper-slide {
  position: relative;
}
.page-develop .develop-intern .intern-wrap .intern-content .swiper-container .swiper-slide img {
  width: 100%;
}
.page-develop .develop-intern .intern-wrap .intern-content .swiper-container .swiper-slide.isVideo {
  cursor: pointer;
}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .swiper-container .swiper-slide.isVideo::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/btn_dccc76bf.png) no-repeat}
.webp .page-develop .develop-intern .intern-wrap .intern-content .swiper-container .swiper-slide.isVideo::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/btn_dccc76bf.webp) no-repeat}
.page-develop .develop-intern .intern-wrap .intern-content .swiper-container .swiper-slide.isVideo::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 0.31rem;
  height: 0.39rem;
  width: 31px;
  height: 39px;
  z-index: 1;
}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .swiper-container .swiper-slide.isVideo::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/mask_a28e81e3.png) no-repeat center top / 100% 100%}
.webp .page-develop .develop-intern .intern-wrap .intern-content .swiper-container .swiper-slide.isVideo::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/mask_a28e81e3.webp) no-repeat center top / 100% 100%}
.page-develop .develop-intern .intern-wrap .intern-content .swiper-container .swiper-slide.isVideo::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .swiper-container .swiper-slide.isVideo:hover::after {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/mask-h_a5065c0c.png)}
.webp .page-develop .develop-intern .intern-wrap .intern-content .swiper-container .swiper-slide.isVideo:hover::after {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/mask-h_a5065c0c.webp)}
.page-develop .develop-intern .intern-wrap .intern-content .swiper-container .swiper-slide.isVideo:hover::after {
}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .swiper-container .swiper-slide:not(.isVideo):after {background:-webkit-gradient(linear, left bottom, left top, from(rgba(105, 157, 244, 0.8)), to(rgba(255, 255, 255, 0)))}
.webp .page-develop .develop-intern .intern-wrap .intern-content .swiper-container .swiper-slide:not(.isVideo):after {background:-webkit-gradient(linear, left bottom, left top, from(rgba(105, 157, 244, 0.8)), to(rgba(255, 255, 255, 0)))}
.no-webp .page-develop .develop-intern .intern-wrap .intern-content .swiper-container .swiper-slide:not(.isVideo):after {background:linear-gradient(0deg, rgba(105, 157, 244, 0.8) 0%, rgba(255, 255, 255, 0) 100%)}
.webp .page-develop .develop-intern .intern-wrap .intern-content .swiper-container .swiper-slide:not(.isVideo):after {background:linear-gradient(0deg, rgba(105, 157, 244, 0.8) 0%, rgba(255, 255, 255, 0) 100%)}
.page-develop .develop-intern .intern-wrap .intern-content .swiper-container .swiper-slide:not(.isVideo):after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 0;
  z-index: 9;
  width: 980px;
  height: 251px;
  left: 0;
  border-radius: 0px 0px 10px 10px;
}
/** 插入移除过程 **/
.full-enter-active,
.full-leave-active {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.full-enter-active .content-img,
.full-leave-active .content-img,
.full-enter-active .content-title,
.full-leave-active .content-title,
.full-enter-active .content-video,
.full-leave-active .content-video {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
/*** 开始插入、移除结束的位置变化 ***/
.full-enter .content-img {
  opacity: 0;
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
.full-enter .content-title {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}
.full-enter .content-title span::before {
  width: 0!important;
}
.full-enter .content-video {
  opacity: 0;
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
}
.full-leave-to .content-img,
.full-leave-to .content-title,
.full-leave-to .content-video {
  opacity: 0;
}
/** 插入移除过程 **/
.system-slide-enter-active,
.system-slide-leave-active {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.system-slide-enter-active .num,
.system-slide-leave-active .num,
.system-slide-enter-active .title,
.system-slide-leave-active .title,
.system-slide-enter-active .desc,
.system-slide-leave-active .desc,
.system-slide-enter-active .info::after,
.system-slide-leave-active .info::after {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.system-slide-enter-active .desc,
.system-slide-leave-active .desc {
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}
/*** 开始插入、移除结束的位置变化 ***/
.system-slide-enter .num,
.system-slide-leave-to .num {
  opacity: 0;
}
.system-slide-enter .title,
.system-slide-leave-to .title {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}
.system-slide-enter .desc,
.system-slide-leave-to .desc {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}
.system-slide-enter .info::after,
.system-slide-leave-to .info::after {
  opacity: 0;
  -webkit-transform: translateY(300px);
          transform: translateY(300px);
}
@-webkit-keyframes iconAni1 {
  0% {
    background-position: 0px 0px;
  }
  1.4% {
    background-position: -114px 0px;
  }
  2.8% {
    background-position: -228px 0px;
  }
  4.2% {
    background-position: -342px 0px;
  }
  5.6% {
    background-position: -456px 0px;
  }
  7% {
    background-position: -570px 0px;
  }
  8.5% {
    background-position: -684px 0px;
  }
  9.9% {
    background-position: -798px 0px;
  }
  11.3% {
    background-position: -912px 0px;
  }
  12.7% {
    background-position: 0px -114px;
  }
  14.1% {
    background-position: -114px -114px;
  }
  15.5% {
    background-position: -228px -114px;
  }
  16.9% {
    background-position: -342px -114px;
  }
  18.3% {
    background-position: -456px -114px;
  }
  19.7% {
    background-position: -570px -114px;
  }
  21.1% {
    background-position: -684px -114px;
  }
  22.5% {
    background-position: -798px -114px;
  }
  23.9% {
    background-position: -912px -114px;
  }
  25.4% {
    background-position: 0px -228px;
  }
  26.8% {
    background-position: -114px -228px;
  }
  28.2% {
    background-position: -228px -228px;
  }
  29.6% {
    background-position: -342px -228px;
  }
  31% {
    background-position: -456px -228px;
  }
  32.4% {
    background-position: -570px -228px;
  }
  33.8% {
    background-position: -684px -228px;
  }
  35.2% {
    background-position: -798px -228px;
  }
  36.6% {
    background-position: -912px -228px;
  }
  38% {
    background-position: 0px -342px;
  }
  39.4% {
    background-position: -114px -342px;
  }
  40.8% {
    background-position: -228px -342px;
  }
  42.3% {
    background-position: -342px -342px;
  }
  43.7% {
    background-position: -456px -342px;
  }
  45.1% {
    background-position: -570px -342px;
  }
  46.5% {
    background-position: -684px -342px;
  }
  47.9% {
    background-position: -798px -342px;
  }
  49.3% {
    background-position: -912px -342px;
  }
  50.7% {
    background-position: 0px -456px;
  }
  52.1% {
    background-position: -114px -456px;
  }
  53.5% {
    background-position: -228px -456px;
  }
  54.9% {
    background-position: -342px -456px;
  }
  56.3% {
    background-position: -456px -456px;
  }
  57.7% {
    background-position: -570px -456px;
  }
  59.2% {
    background-position: -684px -456px;
  }
  60.6% {
    background-position: -798px -456px;
  }
  62% {
    background-position: -912px -456px;
  }
  63.4% {
    background-position: 0px -570px;
  }
  64.8% {
    background-position: -114px -570px;
  }
  66.2% {
    background-position: -228px -570px;
  }
  67.6% {
    background-position: -342px -570px;
  }
  69% {
    background-position: -456px -570px;
  }
  70.4% {
    background-position: -570px -570px;
  }
  71.8% {
    background-position: -684px -570px;
  }
  73.2% {
    background-position: -798px -570px;
  }
  74.6% {
    background-position: -912px -570px;
  }
  76.1% {
    background-position: 0px -684px;
  }
  77.5% {
    background-position: -114px -684px;
  }
  78.9% {
    background-position: -228px -684px;
  }
  80.3% {
    background-position: -342px -684px;
  }
  81.7% {
    background-position: -456px -684px;
  }
  83.1% {
    background-position: -570px -684px;
  }
  84.5% {
    background-position: -684px -684px;
  }
  85.9% {
    background-position: -798px -684px;
  }
  87.3% {
    background-position: -912px -684px;
  }
  88.7% {
    background-position: 0px -798px;
  }
  90.1% {
    background-position: -114px -798px;
  }
  91.5% {
    background-position: -228px -798px;
  }
  93% {
    background-position: -342px -798px;
  }
  94.4% {
    background-position: -456px -798px;
  }
  95.8% {
    background-position: -570px -798px;
  }
  97.2% {
    background-position: -684px -798px;
  }
  98.6% {
    background-position: -798px -798px;
  }
  100% {
    background-position: -798px -798px;
  }
}
@keyframes iconAni1 {
  0% {
    background-position: 0px 0px;
  }
  1.4% {
    background-position: -114px 0px;
  }
  2.8% {
    background-position: -228px 0px;
  }
  4.2% {
    background-position: -342px 0px;
  }
  5.6% {
    background-position: -456px 0px;
  }
  7% {
    background-position: -570px 0px;
  }
  8.5% {
    background-position: -684px 0px;
  }
  9.9% {
    background-position: -798px 0px;
  }
  11.3% {
    background-position: -912px 0px;
  }
  12.7% {
    background-position: 0px -114px;
  }
  14.1% {
    background-position: -114px -114px;
  }
  15.5% {
    background-position: -228px -114px;
  }
  16.9% {
    background-position: -342px -114px;
  }
  18.3% {
    background-position: -456px -114px;
  }
  19.7% {
    background-position: -570px -114px;
  }
  21.1% {
    background-position: -684px -114px;
  }
  22.5% {
    background-position: -798px -114px;
  }
  23.9% {
    background-position: -912px -114px;
  }
  25.4% {
    background-position: 0px -228px;
  }
  26.8% {
    background-position: -114px -228px;
  }
  28.2% {
    background-position: -228px -228px;
  }
  29.6% {
    background-position: -342px -228px;
  }
  31% {
    background-position: -456px -228px;
  }
  32.4% {
    background-position: -570px -228px;
  }
  33.8% {
    background-position: -684px -228px;
  }
  35.2% {
    background-position: -798px -228px;
  }
  36.6% {
    background-position: -912px -228px;
  }
  38% {
    background-position: 0px -342px;
  }
  39.4% {
    background-position: -114px -342px;
  }
  40.8% {
    background-position: -228px -342px;
  }
  42.3% {
    background-position: -342px -342px;
  }
  43.7% {
    background-position: -456px -342px;
  }
  45.1% {
    background-position: -570px -342px;
  }
  46.5% {
    background-position: -684px -342px;
  }
  47.9% {
    background-position: -798px -342px;
  }
  49.3% {
    background-position: -912px -342px;
  }
  50.7% {
    background-position: 0px -456px;
  }
  52.1% {
    background-position: -114px -456px;
  }
  53.5% {
    background-position: -228px -456px;
  }
  54.9% {
    background-position: -342px -456px;
  }
  56.3% {
    background-position: -456px -456px;
  }
  57.7% {
    background-position: -570px -456px;
  }
  59.2% {
    background-position: -684px -456px;
  }
  60.6% {
    background-position: -798px -456px;
  }
  62% {
    background-position: -912px -456px;
  }
  63.4% {
    background-position: 0px -570px;
  }
  64.8% {
    background-position: -114px -570px;
  }
  66.2% {
    background-position: -228px -570px;
  }
  67.6% {
    background-position: -342px -570px;
  }
  69% {
    background-position: -456px -570px;
  }
  70.4% {
    background-position: -570px -570px;
  }
  71.8% {
    background-position: -684px -570px;
  }
  73.2% {
    background-position: -798px -570px;
  }
  74.6% {
    background-position: -912px -570px;
  }
  76.1% {
    background-position: 0px -684px;
  }
  77.5% {
    background-position: -114px -684px;
  }
  78.9% {
    background-position: -228px -684px;
  }
  80.3% {
    background-position: -342px -684px;
  }
  81.7% {
    background-position: -456px -684px;
  }
  83.1% {
    background-position: -570px -684px;
  }
  84.5% {
    background-position: -684px -684px;
  }
  85.9% {
    background-position: -798px -684px;
  }
  87.3% {
    background-position: -912px -684px;
  }
  88.7% {
    background-position: 0px -798px;
  }
  90.1% {
    background-position: -114px -798px;
  }
  91.5% {
    background-position: -228px -798px;
  }
  93% {
    background-position: -342px -798px;
  }
  94.4% {
    background-position: -456px -798px;
  }
  95.8% {
    background-position: -570px -798px;
  }
  97.2% {
    background-position: -684px -798px;
  }
  98.6% {
    background-position: -798px -798px;
  }
  100% {
    background-position: -798px -798px;
  }
}
@-webkit-keyframes iconAni2 {
  0% {
    background-position: 0px 0px;
  }
  2.4% {
    background-position: -144px 0px;
  }
  4.9% {
    background-position: -288px 0px;
  }
  7.3% {
    background-position: -432px 0px;
  }
  9.8% {
    background-position: -576px 0px;
  }
  12.2% {
    background-position: -720px 0px;
  }
  14.6% {
    background-position: -864px 0px;
  }
  17.1% {
    background-position: 0px -144px;
  }
  19.5% {
    background-position: -144px -144px;
  }
  22% {
    background-position: -288px -144px;
  }
  24.4% {
    background-position: -432px -144px;
  }
  26.8% {
    background-position: -576px -144px;
  }
  29.3% {
    background-position: -720px -144px;
  }
  31.7% {
    background-position: -864px -144px;
  }
  34.1% {
    background-position: 0px -288px;
  }
  36.6% {
    background-position: -144px -288px;
  }
  39% {
    background-position: -288px -288px;
  }
  41.5% {
    background-position: -432px -288px;
  }
  43.9% {
    background-position: -576px -288px;
  }
  46.3% {
    background-position: -720px -288px;
  }
  48.8% {
    background-position: -864px -288px;
  }
  51.2% {
    background-position: 0px -432px;
  }
  53.7% {
    background-position: -144px -432px;
  }
  56.1% {
    background-position: -288px -432px;
  }
  58.5% {
    background-position: -432px -432px;
  }
  61% {
    background-position: -576px -432px;
  }
  63.4% {
    background-position: -720px -432px;
  }
  65.9% {
    background-position: -864px -432px;
  }
  68.3% {
    background-position: 0px -576px;
  }
  70.7% {
    background-position: -144px -576px;
  }
  73.2% {
    background-position: -288px -576px;
  }
  75.6% {
    background-position: -432px -576px;
  }
  78% {
    background-position: -576px -576px;
  }
  80.5% {
    background-position: -720px -576px;
  }
  82.9% {
    background-position: -864px -576px;
  }
  85.4% {
    background-position: 0px -720px;
  }
  87.8% {
    background-position: -144px -720px;
  }
  90.2% {
    background-position: -288px -720px;
  }
  92.7% {
    background-position: -432px -720px;
  }
  95.1% {
    background-position: -576px -720px;
  }
  97.6% {
    background-position: -720px -720px;
  }
  100% {
    background-position: -720px -720px;
  }
}
@keyframes iconAni2 {
  0% {
    background-position: 0px 0px;
  }
  2.4% {
    background-position: -144px 0px;
  }
  4.9% {
    background-position: -288px 0px;
  }
  7.3% {
    background-position: -432px 0px;
  }
  9.8% {
    background-position: -576px 0px;
  }
  12.2% {
    background-position: -720px 0px;
  }
  14.6% {
    background-position: -864px 0px;
  }
  17.1% {
    background-position: 0px -144px;
  }
  19.5% {
    background-position: -144px -144px;
  }
  22% {
    background-position: -288px -144px;
  }
  24.4% {
    background-position: -432px -144px;
  }
  26.8% {
    background-position: -576px -144px;
  }
  29.3% {
    background-position: -720px -144px;
  }
  31.7% {
    background-position: -864px -144px;
  }
  34.1% {
    background-position: 0px -288px;
  }
  36.6% {
    background-position: -144px -288px;
  }
  39% {
    background-position: -288px -288px;
  }
  41.5% {
    background-position: -432px -288px;
  }
  43.9% {
    background-position: -576px -288px;
  }
  46.3% {
    background-position: -720px -288px;
  }
  48.8% {
    background-position: -864px -288px;
  }
  51.2% {
    background-position: 0px -432px;
  }
  53.7% {
    background-position: -144px -432px;
  }
  56.1% {
    background-position: -288px -432px;
  }
  58.5% {
    background-position: -432px -432px;
  }
  61% {
    background-position: -576px -432px;
  }
  63.4% {
    background-position: -720px -432px;
  }
  65.9% {
    background-position: -864px -432px;
  }
  68.3% {
    background-position: 0px -576px;
  }
  70.7% {
    background-position: -144px -576px;
  }
  73.2% {
    background-position: -288px -576px;
  }
  75.6% {
    background-position: -432px -576px;
  }
  78% {
    background-position: -576px -576px;
  }
  80.5% {
    background-position: -720px -576px;
  }
  82.9% {
    background-position: -864px -576px;
  }
  85.4% {
    background-position: 0px -720px;
  }
  87.8% {
    background-position: -144px -720px;
  }
  90.2% {
    background-position: -288px -720px;
  }
  92.7% {
    background-position: -432px -720px;
  }
  95.1% {
    background-position: -576px -720px;
  }
  97.6% {
    background-position: -720px -720px;
  }
  100% {
    background-position: -720px -720px;
  }
}
@-webkit-keyframes iconAni3 {
  0% {
    background-position: 0px 0px;
  }
  4% {
    background-position: -114px 0px;
  }
  8% {
    background-position: -228px 0px;
  }
  12% {
    background-position: -342px 0px;
  }
  16% {
    background-position: -456px 0px;
  }
  20% {
    background-position: 0px -114px;
  }
  24% {
    background-position: -114px -114px;
  }
  28% {
    background-position: -228px -114px;
  }
  32% {
    background-position: -342px -114px;
  }
  36% {
    background-position: -456px -114px;
  }
  40% {
    background-position: 0px -228px;
  }
  44% {
    background-position: -114px -228px;
  }
  48% {
    background-position: -228px -228px;
  }
  52% {
    background-position: -342px -228px;
  }
  56% {
    background-position: -456px -228px;
  }
  60% {
    background-position: 0px -342px;
  }
  64% {
    background-position: -114px -342px;
  }
  68% {
    background-position: -228px -342px;
  }
  72% {
    background-position: -342px -342px;
  }
  76% {
    background-position: -456px -342px;
  }
  80% {
    background-position: 0px -456px;
  }
  84% {
    background-position: -114px -456px;
  }
  88% {
    background-position: -228px -456px;
  }
  92% {
    background-position: -342px -456px;
  }
  96% {
    background-position: -456px -456px;
  }
  100% {
    background-position: -456px -456px;
  }
}
@keyframes iconAni3 {
  0% {
    background-position: 0px 0px;
  }
  4% {
    background-position: -114px 0px;
  }
  8% {
    background-position: -228px 0px;
  }
  12% {
    background-position: -342px 0px;
  }
  16% {
    background-position: -456px 0px;
  }
  20% {
    background-position: 0px -114px;
  }
  24% {
    background-position: -114px -114px;
  }
  28% {
    background-position: -228px -114px;
  }
  32% {
    background-position: -342px -114px;
  }
  36% {
    background-position: -456px -114px;
  }
  40% {
    background-position: 0px -228px;
  }
  44% {
    background-position: -114px -228px;
  }
  48% {
    background-position: -228px -228px;
  }
  52% {
    background-position: -342px -228px;
  }
  56% {
    background-position: -456px -228px;
  }
  60% {
    background-position: 0px -342px;
  }
  64% {
    background-position: -114px -342px;
  }
  68% {
    background-position: -228px -342px;
  }
  72% {
    background-position: -342px -342px;
  }
  76% {
    background-position: -456px -342px;
  }
  80% {
    background-position: 0px -456px;
  }
  84% {
    background-position: -114px -456px;
  }
  88% {
    background-position: -228px -456px;
  }
  92% {
    background-position: -342px -456px;
  }
  96% {
    background-position: -456px -456px;
  }
  100% {
    background-position: -456px -456px;
  }
}
@-webkit-keyframes iconAni4 {
  0% {
    background-position: 0px 0px;
  }
  4% {
    background-position: -114px 0px;
  }
  8% {
    background-position: -228px 0px;
  }
  12% {
    background-position: -342px 0px;
  }
  16% {
    background-position: -456px 0px;
  }
  20% {
    background-position: 0px -114px;
  }
  24% {
    background-position: -114px -114px;
  }
  28% {
    background-position: -228px -114px;
  }
  32% {
    background-position: -342px -114px;
  }
  36% {
    background-position: -456px -114px;
  }
  40% {
    background-position: 0px -228px;
  }
  44% {
    background-position: -114px -228px;
  }
  48% {
    background-position: -228px -228px;
  }
  52% {
    background-position: -342px -228px;
  }
  56% {
    background-position: -456px -228px;
  }
  60% {
    background-position: 0px -342px;
  }
  64% {
    background-position: -114px -342px;
  }
  68% {
    background-position: -228px -342px;
  }
  72% {
    background-position: -342px -342px;
  }
  76% {
    background-position: -456px -342px;
  }
  80% {
    background-position: 0px -456px;
  }
  84% {
    background-position: -114px -456px;
  }
  88% {
    background-position: -228px -456px;
  }
  92% {
    background-position: -342px -456px;
  }
  96% {
    background-position: -456px -456px;
  }
  100% {
    background-position: -456px -456px;
  }
}
@keyframes iconAni4 {
  0% {
    background-position: 0px 0px;
  }
  4% {
    background-position: -114px 0px;
  }
  8% {
    background-position: -228px 0px;
  }
  12% {
    background-position: -342px 0px;
  }
  16% {
    background-position: -456px 0px;
  }
  20% {
    background-position: 0px -114px;
  }
  24% {
    background-position: -114px -114px;
  }
  28% {
    background-position: -228px -114px;
  }
  32% {
    background-position: -342px -114px;
  }
  36% {
    background-position: -456px -114px;
  }
  40% {
    background-position: 0px -228px;
  }
  44% {
    background-position: -114px -228px;
  }
  48% {
    background-position: -228px -228px;
  }
  52% {
    background-position: -342px -228px;
  }
  56% {
    background-position: -456px -228px;
  }
  60% {
    background-position: 0px -342px;
  }
  64% {
    background-position: -114px -342px;
  }
  68% {
    background-position: -228px -342px;
  }
  72% {
    background-position: -342px -342px;
  }
  76% {
    background-position: -456px -342px;
  }
  80% {
    background-position: 0px -456px;
  }
  84% {
    background-position: -114px -456px;
  }
  88% {
    background-position: -228px -456px;
  }
  92% {
    background-position: -342px -456px;
  }
  96% {
    background-position: -456px -456px;
  }
  100% {
    background-position: -456px -456px;
  }
}
@-webkit-keyframes scaleAni {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
  20% {
    -webkit-transform: scaleY(1.1);
            transform: scaleY(1.1);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
  40% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
  60% {
    -webkit-transform: scaleY(1.2);
            transform: scaleY(1.2);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
}
@keyframes scaleAni {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
  20% {
    -webkit-transform: scaleY(1.1);
            transform: scaleY(1.1);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
  40% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
  60% {
    -webkit-transform: scaleY(1.2);
            transform: scaleY(1.2);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
}
@-webkit-keyframes dialogueAni1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  25% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes dialogueAni1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  25% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes dialogueAni2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  85% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  95% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes dialogueAni2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  85% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  95% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes xsmAnimation {
  0% {
    background-position: 0px 0px;
    /* no */
  }
  2.1% {
    background-position: -464px 0px;
    /* no */
  }
  4.2% {
    background-position: -928px 0px;
    /* no */
  }
  6.3% {
    background-position: -1392px 0px;
    /* no */
  }
  8.3% {
    background-position: -1856px 0px;
    /* no */
  }
  10.4% {
    background-position: -2320px 0px;
    /* no */
  }
  12.5% {
    background-position: -2784px 0px;
    /* no */
  }
  14.6% {
    background-position: 0px -388px;
    /* no */
  }
  16.7% {
    background-position: -464px -388px;
    /* no */
  }
  18.8% {
    background-position: -928px -388px;
    /* no */
  }
  20.8% {
    background-position: -1392px -388px;
    /* no */
  }
  22.9% {
    background-position: -1856px -388px;
    /* no */
  }
  25% {
    background-position: -2320px -388px;
    /* no */
  }
  27.1% {
    background-position: -2784px -388px;
    /* no */
  }
  29.2% {
    background-position: 0px -776px;
    /* no */
  }
  31.3% {
    background-position: -464px -776px;
    /* no */
  }
  33.3% {
    background-position: -928px -776px;
    /* no */
  }
  35.4% {
    background-position: -1392px -776px;
    /* no */
  }
  37.5% {
    background-position: -1856px -776px;
    /* no */
  }
  39.6% {
    background-position: -2320px -776px;
    /* no */
  }
  41.7% {
    background-position: -2784px -776px;
    /* no */
  }
  43.8% {
    background-position: 0px -1164px;
    /* no */
  }
  45.8% {
    background-position: -464px -1164px;
    /* no */
  }
  47.9% {
    background-position: -928px -1164px;
    /* no */
  }
  50% {
    background-position: -1392px -1164px;
    /* no */
  }
  52.1% {
    background-position: -1856px -1164px;
    /* no */
  }
  54.2% {
    background-position: -2320px -1164px;
    /* no */
  }
  56.3% {
    background-position: -2784px -1164px;
    /* no */
  }
  58.3% {
    background-position: 0px -1552px;
    /* no */
  }
  60.4% {
    background-position: -464px -1552px;
    /* no */
  }
  62.5% {
    background-position: -928px -1552px;
    /* no */
  }
  64.6% {
    background-position: -1392px -1552px;
    /* no */
  }
  66.7% {
    background-position: -1856px -1552px;
    /* no */
  }
  68.8% {
    background-position: -2320px -1552px;
    /* no */
  }
  70.8% {
    background-position: -2784px -1552px;
    /* no */
  }
  72.9% {
    background-position: 0px -1940px;
    /* no */
  }
  75% {
    background-position: -464px -1940px;
    /* no */
  }
  77.1% {
    background-position: -928px -1940px;
    /* no */
  }
  79.2% {
    background-position: -1392px -1940px;
    /* no */
  }
  81.3% {
    background-position: -1856px -1940px;
    /* no */
  }
  83.3% {
    background-position: -2320px -1940px;
    /* no */
  }
  85.4% {
    background-position: -2784px -1940px;
    /* no */
  }
  87.5% {
    background-position: 0px -2328px;
    /* no */
  }
  89.6% {
    background-position: -464px -2328px;
    /* no */
  }
  91.7% {
    background-position: -928px -2328px;
    /* no */
  }
  93.8% {
    background-position: -1392px -2328px;
    /* no */
  }
  95.8% {
    background-position: -1856px -2328px;
    /* no */
  }
  97.9% {
    background-position: -2320px -2328px;
    /* no */
  }
  100% {
    background-position: -2320px -2328px;
    /* no */
  }
}
@keyframes xsmAnimation {
  0% {
    background-position: 0px 0px;
    /* no */
  }
  2.1% {
    background-position: -464px 0px;
    /* no */
  }
  4.2% {
    background-position: -928px 0px;
    /* no */
  }
  6.3% {
    background-position: -1392px 0px;
    /* no */
  }
  8.3% {
    background-position: -1856px 0px;
    /* no */
  }
  10.4% {
    background-position: -2320px 0px;
    /* no */
  }
  12.5% {
    background-position: -2784px 0px;
    /* no */
  }
  14.6% {
    background-position: 0px -388px;
    /* no */
  }
  16.7% {
    background-position: -464px -388px;
    /* no */
  }
  18.8% {
    background-position: -928px -388px;
    /* no */
  }
  20.8% {
    background-position: -1392px -388px;
    /* no */
  }
  22.9% {
    background-position: -1856px -388px;
    /* no */
  }
  25% {
    background-position: -2320px -388px;
    /* no */
  }
  27.1% {
    background-position: -2784px -388px;
    /* no */
  }
  29.2% {
    background-position: 0px -776px;
    /* no */
  }
  31.3% {
    background-position: -464px -776px;
    /* no */
  }
  33.3% {
    background-position: -928px -776px;
    /* no */
  }
  35.4% {
    background-position: -1392px -776px;
    /* no */
  }
  37.5% {
    background-position: -1856px -776px;
    /* no */
  }
  39.6% {
    background-position: -2320px -776px;
    /* no */
  }
  41.7% {
    background-position: -2784px -776px;
    /* no */
  }
  43.8% {
    background-position: 0px -1164px;
    /* no */
  }
  45.8% {
    background-position: -464px -1164px;
    /* no */
  }
  47.9% {
    background-position: -928px -1164px;
    /* no */
  }
  50% {
    background-position: -1392px -1164px;
    /* no */
  }
  52.1% {
    background-position: -1856px -1164px;
    /* no */
  }
  54.2% {
    background-position: -2320px -1164px;
    /* no */
  }
  56.3% {
    background-position: -2784px -1164px;
    /* no */
  }
  58.3% {
    background-position: 0px -1552px;
    /* no */
  }
  60.4% {
    background-position: -464px -1552px;
    /* no */
  }
  62.5% {
    background-position: -928px -1552px;
    /* no */
  }
  64.6% {
    background-position: -1392px -1552px;
    /* no */
  }
  66.7% {
    background-position: -1856px -1552px;
    /* no */
  }
  68.8% {
    background-position: -2320px -1552px;
    /* no */
  }
  70.8% {
    background-position: -2784px -1552px;
    /* no */
  }
  72.9% {
    background-position: 0px -1940px;
    /* no */
  }
  75% {
    background-position: -464px -1940px;
    /* no */
  }
  77.1% {
    background-position: -928px -1940px;
    /* no */
  }
  79.2% {
    background-position: -1392px -1940px;
    /* no */
  }
  81.3% {
    background-position: -1856px -1940px;
    /* no */
  }
  83.3% {
    background-position: -2320px -1940px;
    /* no */
  }
  85.4% {
    background-position: -2784px -1940px;
    /* no */
  }
  87.5% {
    background-position: 0px -2328px;
    /* no */
  }
  89.6% {
    background-position: -464px -2328px;
    /* no */
  }
  91.7% {
    background-position: -928px -2328px;
    /* no */
  }
  93.8% {
    background-position: -1392px -2328px;
    /* no */
  }
  95.8% {
    background-position: -1856px -2328px;
    /* no */
  }
  97.9% {
    background-position: -2320px -2328px;
    /* no */
  }
  100% {
    background-position: -2320px -2328px;
    /* no */
  }
}
.index-daily {
  position: relative;
}
.index-daily .content {
  padding: 0 0 250px;
  height: auto;
  position: relative;
  overflow: hidden;
}
.index-daily .content .position {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 1330px;
  margin: auto;
  position: relative;
  z-index: 2;
}
.no-webp .index-daily .content .search-tree {background:#fff}
.webp .index-daily .content .search-tree {background:#fff}
.index-daily .content .search-tree {
  width: 300px;
  height: 1753px;
  margin-right: 27px;
  padding: 41px 20px 0 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #292b3b;
  border-radius: 6px;
}
.index-daily .content .search-tree p.search-tip {
  font-size: 16px;
  color: #292b3b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 10px;
}
.index-daily .content .search-tree p.search-tip span:nth-child(2) {
  color: #b1b1b1;
  cursor: pointer;
}
.index-daily .content .search-tree p.title {
  font-size: 20px;
  color: #292b3b;
  margin: 40px 0 15px;
  font-weight: 500;
}
.index-daily .content .join-list {
  width: 1112px;
  height: auto;
  min-height: 1100px;
  color: #292b3b;
}
.index-daily .content .join-list .list-title {
  font-size: 32px;
  position: relative;
  top: -6px;
  margin-bottom: 5px;
  font-weight: 500;
}
.index-daily .content .join-list .list-title span {
  font-size: 16px;
  color: #b1b1b1;
  position: relative;
  margin-left: 22px;
  font-weight: normal;
}
.no-webp .index-daily .content .join-list .list-title span::after {background:#b1b1b1}
.webp .index-daily .content .join-list .list-title span::after {background:#b1b1b1}
.index-daily .content .join-list .list-title span::after {
  content: '';
  display: block;
  width: 2px;
  height: 16px;
  position: absolute;
  left: -10px;
  bottom: 3px;
  opacity: 0.8;
}
.no-webp .index-daily .content .join-list .search {background:#fff}
.webp .index-daily .content .join-list .search {background:#fff}
.index-daily .content .join-list .search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 20px;
  width: 100%;
  height: 68px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(131, 155, 197, 0.25);
          box-shadow: 0 4px 8px 0 rgba(131, 155, 197, 0.25);
  border-radius: 10px;
  font-size: 18px;
}
.no-webp .index-daily .content .join-list .search input {background:transparent}
.webp .index-daily .content .join-list .search input {background:transparent}
.index-daily .content .join-list .search input {
  width: 332px;
  height: 60px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-right: none;
  padding-left: 30px;
  font-size: 18px;
}
.index-daily .content .join-list .search input::-webkit-input-placeholder {
  color: #b1b1b1;
  font-size: 18px;
}
.index-daily .content .join-list .search input::-moz-placeholder {
  color: #b1b1b1;
  font-size: 18px;
}
.index-daily .content .join-list .search input:-ms-input-placeholder {
  color: #b1b1b1;
  font-size: 18px;
}
.index-daily .content .join-list .search input::-ms-input-placeholder {
  color: #b1b1b1;
  font-size: 18px;
}
.index-daily .content .join-list .search input::placeholder {
  color: #b1b1b1;
  font-size: 18px;
}
.no-webp .index-daily .content .join-list .search .btn {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/search-btn_24b02a62.png)}
.webp .index-daily .content .join-list .search .btn {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/search-btn_24b02a62.webp)}
.index-daily .content .join-list .search .btn {
  line-height: 60px;
  text-align: center;
  cursor: pointer;
  font-size: 0;
  width: 120px;
  height: 68px;
}
.no-webp .index-daily .content .join-list .search .btn:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:3054px 3036px;
background-position:-2470px -567px}
.webp .index-daily .content .join-list .search .btn:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:3054px 3036px;
background-position:-2470px -567px}
.no-webp .index-daily .content .join-list .search .btn:hover {background-size:3054px 3036px}
.webp .index-daily .content .join-list .search .btn:hover {background-size:3054px 3036px}
.no-webp .index-daily .content .join-list .search .btn:hover {background-position:-2470px -567px}
.webp .index-daily .content .join-list .search .btn:hover {background-position:-2470px -567px}
.index-daily .content .join-list .search .btn:hover {
width:120px;
height:68px;

}
.no-webp .index-daily .content .join-list .items .item {background:#fff}
.webp .index-daily .content .join-list .items .item {background:#fff}
.index-daily .content .join-list .items .item {
  width: 100%;
  margin-bottom: 18px;
  border-radius: 6px;
}
.index-daily .content .join-list .items .item.item-shadow {
  -webkit-box-shadow: 0 4px 8px 0 rgba(131, 155, 197, 0.25);
          box-shadow: 0 4px 8px 0 rgba(131, 155, 197, 0.25);
}
.index-daily .content .join-list .items .item .item_detial-content {
  margin-top: -30px;
}
.index-daily .content .join-list .items .item .item__info {
  height: 118px;
  padding: 30px;
  padding-right: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.index-daily .content .join-list .items .item .item__info .info-l {
  font-size: 18px;
}
.index-daily .content .join-list .items .item .item__info .info-l .post-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.index-daily .content .join-list .items .item .item__info .info-l .post-title p {
  max-width: 540px;
  font-weight: 500;
}
.no-webp .index-daily .content .join-list .items .item .item__info .info-l .tag {background:#e7edf6}
.webp .index-daily .content .join-list .items .item .item__info .info-l .tag {background:#e7edf6}
.index-daily .content .join-list .items .item .item__info .info-l .tag {
  padding: 1px 15px;
  font-size: 16px;
  border-radius: 15px;
  color: #2966bf;
  margin: 0 10px 0 10px;
}
.no-webp .index-daily .content .join-list .items .item .item__info .info-l .tag2 {background:#eaf2f9}
.webp .index-daily .content .join-list .items .item .item__info .info-l .tag2 {background:#eaf2f9}
.index-daily .content .join-list .items .item .item__info .info-l .tag2 {
  color: #4c90f6;
  margin-left: 0;
}
.no-webp .index-daily .content .join-list .items .item .item__info .info-l .tag-1, 
.no-webp .index-daily .content .join-list .items .item .item__info .info-l .tag-2 {background:#d6f2df}
.webp .index-daily .content .join-list .items .item .item__info .info-l .tag-1, 
.webp .index-daily .content .join-list .items .item .item__info .info-l .tag-2 {background:#d6f2df}
.index-daily .content .join-list .items .item .item__info .info-l .tag-1,
.index-daily .content .join-list .items .item .item__info .info-l .tag-2 {
  color: #36ac7e;
  margin-left: 0;
}
.index-daily .content .join-list .items .item .item__info .info-l .base-info {
  font-size: 16px;
  color: #b1b1b1;
  line-height: 21px;
  margin-top: 10px;
}
.index-daily .content .join-list .items .item .item__info .info-r {
  font-size: 16px;
  color: #b1b1b1;
}
.index-daily .content .join-list .items .item .item__info .info-r span.u-arrow {
  position: relative;
  margin-left: 40px;
  cursor: pointer;
  display: inline-block;
  width: 65px;
  text-align: right;
}
.no-webp .index-daily .content .join-list .items .item .item__info .info-r span.u-arrow::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:3054px 3036px;
background-position:-2981px -641px}
.webp .index-daily .content .join-list .items .item .item__info .info-r span.u-arrow::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:3054px 3036px;
background-position:-2981px -641px}
.no-webp .index-daily .content .join-list .items .item .item__info .info-r span.u-arrow::after {background-size:3054px 3036px}
.webp .index-daily .content .join-list .items .item .item__info .info-r span.u-arrow::after {background-size:3054px 3036px}
.no-webp .index-daily .content .join-list .items .item .item__info .info-r span.u-arrow::after {background-position:-2981px -641px}
.webp .index-daily .content .join-list .items .item .item__info .info-r span.u-arrow::after {background-position:-2981px -641px}
.index-daily .content .join-list .items .item .item__info .info-r span.u-arrow::after {
  content: '';
  display: block;
  position: absolute;
  top: 9px;
  right: -20px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
width:14px;
height:8px;

}
.index-daily .content .join-list .items .item .item__info .info-r span.u-arrow.down::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.index-daily .content .join-list .items .item .item__info .info-r span.u-arrow:hover {
  opacity: 0.85;
}
.index-daily .content .join-list .items .item .item__detail {
  display: none;
  padding: 0 150px 30px 55px;
  position: relative;
  white-space: break-spaces;
}
.no-webp .index-daily .content .join-list .items .item .item__detail::after {background:#efefef}
.webp .index-daily .content .join-list .items .item .item__detail::after {background:#efefef}
.index-daily .content .join-list .items .item .item__detail::after {
  content: '';
  display: block;
  position: absolute;
  width: 916px;
  height: 1px;
  left: 55px;
  top: 0;
}
.index-daily .content .join-list .items .item .item__detail p.item__desc,
.index-daily .content .join-list .items .item .item__detail p.item__require {
  color: #666;
  line-height: 26px;
  letter-spacing: 1px;
  font-size: 14px;
}
.index-daily .content .join-list .items .item .item__detail p.item__desc span.label,
.index-daily .content .join-list .items .item .item__detail p.item__require span.label {
  font-size: 16px;
  color: #333;
  font-weight: 500;
}
.no-webp .index-daily .content .join-list .items .item .item__detail .deliver .deliver__link {background:#2966bf}
.webp .index-daily .content .join-list .items .item .item__detail .deliver .deliver__link {background:#2966bf}
.index-daily .content .join-list .items .item .item__detail .deliver .deliver__link {
  display: inline-block;
  width: 125px;
  height: 40px;
  border-radius: 20px;
  font-size: 16px;
  line-height: 40px;
  color: #fff;
  padding: 0 10px 0 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.no-webp .index-daily .content .join-list .items .item .item__detail .deliver .deliver__link::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:3054px 3036px;
background-position:-3046px -487px}
.webp .index-daily .content .join-list .items .item .item__detail .deliver .deliver__link::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:3054px 3036px;
background-position:-3046px -487px}
.no-webp .index-daily .content .join-list .items .item .item__detail .deliver .deliver__link::after {background-size:3054px 3036px}
.webp .index-daily .content .join-list .items .item .item__detail .deliver .deliver__link::after {background-size:3054px 3036px}
.no-webp .index-daily .content .join-list .items .item .item__detail .deliver .deliver__link::after {background-position:-3046px -487px}
.webp .index-daily .content .join-list .items .item .item__detail .deliver .deliver__link::after {background-position:-3046px -487px}
.index-daily .content .join-list .items .item .item__detail .deliver .deliver__link::after {
  content: '';
  display: inline-block;
width:8px;
height:13px;

  margin-left: 15px;
}
.no-webp .index-daily .content .join-list .items .item .item__detail .deliver .deliver__link:hover {background:#4c90f6}
.webp .index-daily .content .join-list .items .item .item__detail .deliver .deliver__link:hover {background:#4c90f6}
.index-daily .content .join-list .items .item .item__detail .deliver .deliver__link:hover {
  padding-left: 15px;
}
.index-daily .content .join-list .items .item .item__detail .deliver .deliver__ps {
  display: inline-block;
  font-size: 14px;
  color: #b1b1b1;
  margin-left: 15px;
}
.index-daily .content .join-list .items .item .item__detail .position-xsm-bg {
  position: absolute;
  right: 20px;
  bottom: 0;
  pointer-events: none;
}
.index-daily .content .join-list .items .empty {
  text-align: center;
  margin-top: 30px;
}
.no-webp .index-daily .content .join-list .items .el-pagination {background:transparent}
.webp .index-daily .content .join-list .items .el-pagination {background:transparent}
.index-daily .content .join-list .items .el-pagination {
  text-align: center;
  color: #b1b1b1;
}
.no-webp .index-daily .content .join-list .items .el-pagination button {background:transparent}
.webp .index-daily .content .join-list .items .el-pagination button {background:transparent}
.index-daily .content .join-list .items .el-pagination button {
  min-width: auto;
  padding: 0;
}
.index-daily .content .join-list .items .el-pagination button i::before {
  content: '';
}
.no-webp .index-daily .content .join-list .items .el-pagination button.btn-prev i {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:3054px 3036px;
background-position:-2981px -651px}
.webp .index-daily .content .join-list .items .el-pagination button.btn-prev i {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:3054px 3036px;
background-position:-2981px -651px}
.no-webp .index-daily .content .join-list .items .el-pagination button.btn-prev i {background-size:3054px 3036px}
.webp .index-daily .content .join-list .items .el-pagination button.btn-prev i {background-size:3054px 3036px}
.no-webp .index-daily .content .join-list .items .el-pagination button.btn-prev i {background-position:-2981px -651px}
.webp .index-daily .content .join-list .items .el-pagination button.btn-prev i {background-position:-2981px -651px}
.index-daily .content .join-list .items .el-pagination button.btn-prev i {
width:5px;
height:9px;

}
.no-webp .index-daily .content .join-list .items .el-pagination button.btn-prev i:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:3054px 3036px;
background-position:-2988px -651px}
.webp .index-daily .content .join-list .items .el-pagination button.btn-prev i:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:3054px 3036px;
background-position:-2988px -651px}
.no-webp .index-daily .content .join-list .items .el-pagination button.btn-prev i:hover {background-size:3054px 3036px}
.webp .index-daily .content .join-list .items .el-pagination button.btn-prev i:hover {background-size:3054px 3036px}
.no-webp .index-daily .content .join-list .items .el-pagination button.btn-prev i:hover {background-position:-2988px -651px}
.webp .index-daily .content .join-list .items .el-pagination button.btn-prev i:hover {background-position:-2988px -651px}
.index-daily .content .join-list .items .el-pagination button.btn-prev i:hover {
width:5px;
height:9px;

}
.no-webp .index-daily .content .join-list .items .el-pagination button.btn-next i {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:3054px 3036px;
background-position:-2965px -651px}
.webp .index-daily .content .join-list .items .el-pagination button.btn-next i {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:3054px 3036px;
background-position:-2965px -651px}
.no-webp .index-daily .content .join-list .items .el-pagination button.btn-next i {background-size:3054px 3036px}
.webp .index-daily .content .join-list .items .el-pagination button.btn-next i {background-size:3054px 3036px}
.no-webp .index-daily .content .join-list .items .el-pagination button.btn-next i {background-position:-2965px -651px}
.webp .index-daily .content .join-list .items .el-pagination button.btn-next i {background-position:-2965px -651px}
.index-daily .content .join-list .items .el-pagination button.btn-next i {
width:6px;
height:9px;

}
.no-webp .index-daily .content .join-list .items .el-pagination button.btn-next i:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:3054px 3036px;
background-position:-2973px -651px}
.webp .index-daily .content .join-list .items .el-pagination button.btn-next i:hover {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:3054px 3036px;
background-position:-2973px -651px}
.no-webp .index-daily .content .join-list .items .el-pagination button.btn-next i:hover {background-size:3054px 3036px}
.webp .index-daily .content .join-list .items .el-pagination button.btn-next i:hover {background-size:3054px 3036px}
.no-webp .index-daily .content .join-list .items .el-pagination button.btn-next i:hover {background-position:-2973px -651px}
.webp .index-daily .content .join-list .items .el-pagination button.btn-next i:hover {background-position:-2973px -651px}
.index-daily .content .join-list .items .el-pagination button.btn-next i:hover {
width:6px;
height:9px;

}
.index-daily .content .join-list .items .el-pagination button.btn-next {
  margin-left: 10px;
}
.no-webp .index-daily .content .join-list .items .el-pagination .el-pager .number, 
.no-webp .index-daily .content .join-list .items .el-pagination .el-pager .el-icon {background:transparent}
.webp .index-daily .content .join-list .items .el-pagination .el-pager .number, 
.webp .index-daily .content .join-list .items .el-pagination .el-pager .el-icon {background:transparent}
.index-daily .content .join-list .items .el-pagination .el-pager .number,
.index-daily .content .join-list .items .el-pagination .el-pager .el-icon {
}
.index-daily .content .join-list .items .el-pagination .el-pager .number.active,
.index-daily .content .join-list .items .el-pagination .el-pager .el-icon.active,
.index-daily .content .join-list .items .el-pagination .el-pager .number:hover,
.index-daily .content .join-list .items .el-pagination .el-pager .el-icon:hover {
  color: #2966bf;
}
.el-tree-node__expand-icon {
  position: absolute;
  right: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.no-webp .el-tree-node__expand-icon::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:3054px 3036px;
background-position:-2981px -641px}
.webp .el-tree-node__expand-icon::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:3054px 3036px;
background-position:-2981px -641px}
.no-webp .el-tree-node__expand-icon::before {background-size:3054px 3036px}
.webp .el-tree-node__expand-icon::before {background-size:3054px 3036px}
.no-webp .el-tree-node__expand-icon::before {background-position:-2981px -641px}
.webp .el-tree-node__expand-icon::before {background-position:-2981px -641px}
.el-tree-node__expand-icon::before {
  content: '';
  display: block;
width:14px;
height:8px;

}
.el-tree-node__expand-icon.expanded {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.el-tree-node__expand-icon.is-leaf {
  display: none;
}
.no-webp .el-checkbox__inner {background:#e6e6e6}
.webp .el-checkbox__inner {background:#e6e6e6}
.el-checkbox__inner {
  width: 18px;
  height: 18px;
  border-radius: 3px;
}
.no-webp .el-checkbox__inner::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.png);background-size:3054px 3036px;
background-position:-3041px -520px}
.webp .el-checkbox__inner::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-f2fb78_f2fb7894.webp);background-size:3054px 3036px;
background-position:-3041px -520px}
.no-webp .el-checkbox__inner::after {background-size:3054px 3036px}
.webp .el-checkbox__inner::after {background-size:3054px 3036px}
.no-webp .el-checkbox__inner::after {background-position:-3041px -520px}
.webp .el-checkbox__inner::after {background-position:-3041px -520px}
.el-checkbox__inner::after {
  left: 1px;
  top: 3px;
  border: none;
  display: none;
  -webkit-transform: rotate(0);
          transform: rotate(0);
width:13px;
height:10px;

}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  display: block;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.el-tree-node__label {
  margin-left: 15px;
}
.no-webp .el-checkbox__input.is-checked .el-checkbox__inner, 
.no-webp .el-checkbox__input.is-indeterminate .el-checkbox__inner {background:#2966bf}
.webp .el-checkbox__input.is-checked .el-checkbox__inner, 
.webp .el-checkbox__input.is-indeterminate .el-checkbox__inner {background:#2966bf}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #2966bf;
}
.el-tree {
  color: #292b3b;
}
.el-tree-node__children {
  color: #666;
}
.el-tree-node {
  margin: 5px 0;
}


.no-webp .leihuo-account[data-v-78731a9a] {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/account-bg_f7819f55.png) center center / 100% 100% no-repeat}


.webp .leihuo-account[data-v-78731a9a] {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/account-bg_f7819f55.webp) center center / 100% 100% no-repeat}


.leihuo-account[data-v-78731a9a] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1350px;
  height: 265px;
  margin: 0 auto;
  position: relative;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.no-webp .leihuo-account li[data-v-78731a9a] {background-position:center center}
.webp .leihuo-account li[data-v-78731a9a] {background-position:center center}
.no-webp .leihuo-account li[data-v-78731a9a] {background-repeat:no-repeat}
.webp .leihuo-account li[data-v-78731a9a] {background-repeat:no-repeat}
.leihuo-account li[data-v-78731a9a] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 70%;
  text-align: center;
  margin-top: 60px;
  width: 100px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.leihuo-account[data-v-78731a9a]::before {
  content: '\66F4\591A\62DB\8058\4FE1\606F\FF0C\6B22\8FCE\5173\6CE8\6211\4EEC';
  display: inline-block;
  color: #fff;
  font-size: 16px;
  position: absolute;
  left: 49%;
  top: 55px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}


.no-webp .nav-submenu {background-color:#fff}


.webp .nav-submenu {background-color:#fff}


.nav-submenu {
  border-radius: 8px;
}
.nav-submenu .el-menu--popup {
  min-width: 145px;
  margin-top: 0;
}
.nav-submenu .el-menu--popup li:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.nav-submenu .el-menu-item {
  color: #757575!important;
}
.no-webp .nav-submenu .el-menu-item:hover {background-color:transparent !important}
.webp .nav-submenu .el-menu-item:hover {background-color:transparent !important}
.nav-submenu .el-menu-item:hover {
  font-weight: 600;
  color: #000!important;
}


.no-webp .top-bar[data-v-1bb8d5ce] {background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.58)))}


.webp .top-bar[data-v-1bb8d5ce] {background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.58)))}


.no-webp .top-bar[data-v-1bb8d5ce] {background:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 100%)}


.webp .top-bar[data-v-1bb8d5ce] {background:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 100%)}


.top-bar[data-v-1bb8d5ce] {
  width: 100%;
  position: fixed;
  height: 73px;
  z-index: 999;
  top: 0;
  left: 0;
  min-width: 1440px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.top-bar.loaded[data-v-1bb8d5ce] {
  opacity: 1!important;
}
.no-webp .top-bar.white-bg[data-v-1bb8d5ce] {background:#FFFFFF}
.webp .top-bar.white-bg[data-v-1bb8d5ce] {background:#FFFFFF}
.top-bar.white-bg[data-v-1bb8d5ce] {
  -webkit-box-shadow: 0px 3px 8px 0px rgba(75, 121, 198, 0.17);
          box-shadow: 0px 3px 8px 0px rgba(75, 121, 198, 0.17);
}
.top-bar.white-bg .nav-menu-li[data-v-1bb8d5ce] {
  color: #515151;
}
.top-bar.white-bg .nav-menu-li.is-active .title[data-v-1bb8d5ce] {
  color: #000;
}
.top-bar.white-bg .nav-menu-li[data-v-1bb8d5ce]:hover {
  color: #000;
}
.top-bar.white-bg .nav-menu-li:hover.develop[data-v-1bb8d5ce]::after {
  color: #515151;
}
.no-webp .top-bar.white-bg .nav-logo a[data-v-1bb8d5ce] {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-c9c90c_c9c90c2e.png);background-size:126px 55px;
background-position:-0px -0px}
.webp .top-bar.white-bg .nav-logo a[data-v-1bb8d5ce] {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-c9c90c_c9c90c2e.webp);background-size:126px 55px;
background-position:-0px -0px}
.no-webp .top-bar.white-bg .nav-logo a[data-v-1bb8d5ce] {background-size:126px 55px}
.webp .top-bar.white-bg .nav-logo a[data-v-1bb8d5ce] {background-size:126px 55px}
.no-webp .top-bar.white-bg .nav-logo a[data-v-1bb8d5ce] {background-position:-0px -0px}
.webp .top-bar.white-bg .nav-logo a[data-v-1bb8d5ce] {background-position:-0px -0px}
.top-bar.white-bg .nav-logo a[data-v-1bb8d5ce] {
width:62px;
height:55px;
}
.top-bar.white-bg .child-menu[data-v-1bb8d5ce] {
  -webkit-box-shadow: 0px 0px 13px 0px rgba(117, 162, 224, 0.26);
          box-shadow: 0px 0px 13px 0px rgba(117, 162, 224, 0.26);
}
.top-bar .top-wrap[data-v-1bb8d5ce] {
  padding-top: 8px;
  max-width: 1300px;
  margin: 0 auto;
}
.top-bar .nav-logo[data-v-1bb8d5ce] {
  display: inline-block;
}
.no-webp .top-bar .nav-logo a[data-v-1bb8d5ce] {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-c9c90c_c9c90c2e.png) no-repeat;background-size:126px 55px;
background-position:-64px -0px}
.webp .top-bar .nav-logo a[data-v-1bb8d5ce] {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-c9c90c_c9c90c2e.webp) no-repeat;background-size:126px 55px;
background-position:-64px -0px}
.no-webp .top-bar .nav-logo a[data-v-1bb8d5ce] {background-size:126px 55px}
.webp .top-bar .nav-logo a[data-v-1bb8d5ce] {background-size:126px 55px}
.no-webp .top-bar .nav-logo a[data-v-1bb8d5ce] {background-position:-64px -0px}
.webp .top-bar .nav-logo a[data-v-1bb8d5ce] {background-position:-64px -0px}
.top-bar .nav-logo a[data-v-1bb8d5ce] {
  display: inline-block;
  width: 62px;
  height: 55px;
}
.no-webp .top-bar .nav-logo[data-v-1bb8d5ce]::after {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/logo-desc_3afd0272.png)}
.webp .top-bar .nav-logo[data-v-1bb8d5ce]::after {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/logo-desc_3afd0272.webp)}
.top-bar .nav-logo[data-v-1bb8d5ce]::after {
  display: inline-block;
  content: '';
  width: 134px;
  height: 26px;
  margin: 14px 0 0 9px;
  vertical-align: top;
}
.top-bar .nav-menu[data-v-1bb8d5ce] {
  display: inline-block;
  float: right;
  margin-top: 10px;
}
.top-bar .nav-menu-li[data-v-1bb8d5ce] {
  height: auto;
  line-height: 33px;
  display: inline-block;
  padding: 0;
  white-space: nowrap;
  font-size: 17px;
  color: #E0E0E0;
  padding-bottom: 6px;
  position: relative;
  cursor: pointer;
}
.top-bar .nav-menu-li[data-v-1bb8d5ce]:not(:last-child) {
  margin-right: 54px;
}
.top-bar .nav-menu-li .title[data-v-1bb8d5ce] {
  display: inline-block;
  color: inherit;
  border-bottom: 2px solid transparent;
}
.top-bar .nav-menu-li.is-active .title[data-v-1bb8d5ce] {
  border-bottom-color: #4784ED !important;
  font-weight: 500;
  font-family: 'notosanssc';
  color: #fff;
}
.top-bar .nav-menu-li.preach[data-v-1bb8d5ce] {
  margin-right: 49px;
}
.top-bar .nav-menu-li.develop[data-v-1bb8d5ce] {
  margin-right: 45px;
}
.top-bar .nav-menu-li.develop[data-v-1bb8d5ce]::after {
  content: '|';
  display: inline-block;
  margin-left: 54px;
  font-family: 'NotoSansSC';
}
.top-bar .nav-menu-li.study[data-v-1bb8d5ce] {
  margin-right: 30px;
}
.no-webp .top-bar .nav-menu-li .child-menu[data-v-1bb8d5ce] {background-color:#fff}
.webp .top-bar .nav-menu-li .child-menu[data-v-1bb8d5ce] {background-color:#fff}
.top-bar .nav-menu-li .child-menu[data-v-1bb8d5ce] {
  border-radius: 5px;
  overflow: hidden;
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -85px;
  -webkit-transform: scale(0.25, 0.09);
          transform: scale(0.25, 0.09);
  opacity: 0;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.top-bar .nav-menu-li .child-menu-li[data-v-1bb8d5ce] {
  padding: 3px 10px;
  font-size: 14px;
  white-space: nowrap;
  color: #757575;
  opacity: 0;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  text-align: center;
}
.top-bar .nav-menu-li .child-menu-li[data-v-1bb8d5ce]:hover,
.top-bar .nav-menu-li .child-menu-li.active[data-v-1bb8d5ce] {
  color: #000;
  font-weight: 500;
}
.top-bar .nav-menu-li .child-menu-li[data-v-1bb8d5ce]:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.top-bar .nav-menu-li[data-v-1bb8d5ce]:hover {
  color: #fff;
}
.top-bar .nav-menu-li:hover.position[data-v-1bb8d5ce] {
  -webkit-animation: scale .3s linear 0s normal forwards;
          animation: scale .3s linear 0s normal forwards;
}
.top-bar .nav-menu-li:hover .child-menu[data-v-1bb8d5ce] {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.top-bar .nav-menu-li:hover .child-menu li[data-v-1bb8d5ce] {
  opacity: 1;
}
.top-bar .nav-menu-li:hover.develop[data-v-1bb8d5ce]::after {
  color: #E0E0E0;
}
.top-bar .el-submenu[data-v-1bb8d5ce] .el-submenu__title {
  height: auto;
  line-height: inherit;
  padding: 0;
  margin-right: 53px;
  font-size: 17px;
  padding-bottom: 6px;
}
.top-bar .el-submenu[data-v-1bb8d5ce] .el-submenu__title .el-submenu__icon-arrow {
  color: #fff;
  margin-left: 6px;
}
.no-webp .top-bar .el-submenu[data-v-1bb8d5ce] .el-submenu__title:hover {background-color:transparent !important}
.webp .top-bar .el-submenu[data-v-1bb8d5ce] .el-submenu__title:hover {background-color:transparent !important}
.top-bar .el-submenu[data-v-1bb8d5ce] .el-submenu__title:hover {
}
.top-bar .el-submenu.is-active[data-v-1bb8d5ce] .el-submenu__title {
  border-bottom-color: #4784ED !important;
  font-weight: 600;
}
@media only screen and (max-width: 1440px) {
.top-bar[data-v-1bb8d5ce] {
    min-width: 1000px;
    padding: 0 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
}
@media only screen and (max-width: 1260px) {
.top-bar[data-v-1bb8d5ce] {
    padding: 0 10px;
}
.top-bar .nav-menu-li[data-v-1bb8d5ce] {
    margin-right: 30px!important;
}
.top-bar .nav-menu-li.develop[data-v-1bb8d5ce]::after {
    margin-left: 30px;
}
}
@media only screen and (max-width: 1030px) {
.top-bar .nav-menu-li[data-v-1bb8d5ce] {
    margin-right: 20px!important;
}
.top-bar .nav-menu-li.develop[data-v-1bb8d5ce]::after {
    margin-left: 20px;
}
}


.ml[data-v-37d8d722] {
  margin-left: 22px;
}
.ml1[data-v-37d8d722] {
  margin-left: 5px;
}
.ml2[data-v-37d8d722] {
  margin-left: 15px;
}
a[data-v-37d8d722] {
  text-decoration: underline;
}













































































.position-wrap[data-v-62d0da02] {
  width: 1330px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.no-webp .position-wrap .position-left[data-v-62d0da02] {background:#FFFFFF}
.webp .position-wrap .position-left[data-v-62d0da02] {background:#FFFFFF}
.position-wrap .position-left[data-v-62d0da02] {
  display: inline-block;
  position: relative;
  width: 276px;
  padding: 41px 32px 0;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.position-wrap .position-left .filter-btn[data-v-62d0da02] {
  font-size: 16px;
  color: #000;
  margin-bottom: 65px;
}
.position-wrap .position-left .filter-btn span[data-v-62d0da02] {
  cursor: pointer;
}
.position-wrap .position-left .filter-btn .confirm[data-v-62d0da02] {
  font-weight: 500;
}
.position-wrap .position-left .filter-btn .clear[data-v-62d0da02] {
  color: #B1B1B1;
  float: right;
}
.position-wrap .position-left .filter-btn .clear.has-filter[data-v-62d0da02] {
  color: #4086ff;
}
.position-wrap .position-left .filter-btn .clear[data-v-62d0da02]:hover {
  color: #68a0ff;
}
.position-wrap .position-left .filter-tit[data-v-62d0da02] {
  font-weight: bold;
  color: #000000;
  font-size: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EFEFEF;
}
.position-wrap .position-left .filter-con[data-v-62d0da02] {
  margin-bottom: 40px;
}
.position-wrap .position-left .filter-con .el-checkbox[data-v-62d0da02] {
  display: block;
  color: #333333;
  font-size: 16px;
  margin-top: 25px;
  font-weight: 400;
}
.no-webp .position-wrap .position-left .filter-con .el-checkbox.is-checked[data-v-62d0da02] .el-checkbox__inner {background-color:#4B87EE}
.webp .position-wrap .position-left .filter-con .el-checkbox.is-checked[data-v-62d0da02] .el-checkbox__inner {background-color:#4B87EE}
.position-wrap .position-left .filter-con .el-checkbox.is-checked[data-v-62d0da02] .el-checkbox__inner {
  border-color: #4B87EE;
}
.position-wrap .position-left .filter-con .el-checkbox.is-checked[data-v-62d0da02] .el-checkbox__label {
  color: #4B87EE;
}
.no-webp .position-wrap .position-left[data-v-62d0da02]::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-fc6273_fc627375.png) no-repeat;background-size:703px 982px;
background-position:-0px -0px}
.webp .position-wrap .position-left[data-v-62d0da02]::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-fc6273_fc627375.webp) no-repeat;background-size:703px 982px;
background-position:-0px -0px}
.no-webp .position-wrap .position-left[data-v-62d0da02]::after {background-size:703px 982px}
.webp .position-wrap .position-left[data-v-62d0da02]::after {background-size:703px 982px}
.no-webp .position-wrap .position-left[data-v-62d0da02]::after {background-position:-0px -0px}
.webp .position-wrap .position-left[data-v-62d0da02]::after {background-position:-0px -0px}
.position-wrap .position-left[data-v-62d0da02]::after {
  content: '';
  display: inline-block;
  width: 371px;
  height: 453px;
  margin-top: 30px;
  -webkit-transform: translate(-113px, 1px);
          transform: translate(-113px, 1px);
}
.no-webp .position-wrap .position-left.intern[data-v-62d0da02]::after {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-fc6273_fc627375.png) no-repeat;background-size:703px 982px;
background-position:-373px -0px}
.webp .position-wrap .position-left.intern[data-v-62d0da02]::after {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-fc6273_fc627375.webp) no-repeat;background-size:703px 982px;
background-position:-373px -0px}
.no-webp .position-wrap .position-left.intern[data-v-62d0da02]::after {background-size:703px 982px}
.webp .position-wrap .position-left.intern[data-v-62d0da02]::after {background-size:703px 982px}
.no-webp .position-wrap .position-left.intern[data-v-62d0da02]::after {background-position:-373px -0px}
.webp .position-wrap .position-left.intern[data-v-62d0da02]::after {background-position:-373px -0px}
.position-wrap .position-left.intern[data-v-62d0da02]::after {
width:330px;
height:472px;

  -webkit-transform: translate(-86px, 1px);

          transform: translate(-86px, 1px);
}
.no-webp .position-wrap .position-left.research[data-v-62d0da02]::after {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-fc6273_fc627375.png) no-repeat;background-size:703px 982px;
background-position:-0px -455px}
.webp .position-wrap .position-left.research[data-v-62d0da02]::after {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-fc6273_fc627375.webp) no-repeat;background-size:703px 982px;
background-position:-0px -455px}
.no-webp .position-wrap .position-left.research[data-v-62d0da02]::after {background-size:703px 982px}
.webp .position-wrap .position-left.research[data-v-62d0da02]::after {background-size:703px 982px}
.no-webp .position-wrap .position-left.research[data-v-62d0da02]::after {background-position:-0px -455px}
.webp .position-wrap .position-left.research[data-v-62d0da02]::after {background-position:-0px -455px}
.position-wrap .position-left.research[data-v-62d0da02]::after {
width:317px;
height:527px;

  -webkit-transform: translate(-73px, 15px);

          transform: translate(-73px, 15px);
}
.position-wrap .position-right[data-v-62d0da02] {
  display: inline-block;
  margin-left: 23px;
}
.position-wrap .position-right .input[data-v-62d0da02] {
  width: 1000px;
  height: 68px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  font-size: 16px;
  -webkit-box-shadow: 0px 6px 10px 0px rgba(115, 155, 221, 0.18);
          box-shadow: 0px 6px 10px 0px rgba(115, 155, 221, 0.18);
}
.position-wrap .position-right .input input[data-v-62d0da02] {
  height: 68px;
  padding-left: 20px;
  padding-right: 170px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.position-wrap .position-right .input input[data-v-62d0da02]::-webkit-input-placeholder {
  font-size: 14px;
  font-family: 'NotoSansSC';
  color: #A2A7AD;
}
.position-wrap .position-right .input .el-icon-close[data-v-62d0da02] {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  right: 140px;
}
.no-webp .position-wrap .position-right .input-icon[data-v-62d0da02] {background:-webkit-gradient(linear, left bottom, left top, from(#7FAEFF), to(#4281EE))}
.webp .position-wrap .position-right .input-icon[data-v-62d0da02] {background:-webkit-gradient(linear, left bottom, left top, from(#7FAEFF), to(#4281EE))}
.no-webp .position-wrap .position-right .input-icon[data-v-62d0da02] {background:linear-gradient(0deg, #7FAEFF 0%, #4281EE 100%)}
.webp .position-wrap .position-right .input-icon[data-v-62d0da02] {background:linear-gradient(0deg, #7FAEFF 0%, #4281EE 100%)}
.position-wrap .position-right .input-icon[data-v-62d0da02] {
  border-radius: 10px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  height: 100%;
  line-height: 68px;
  padding: 0 25px;
  border-radius: 0px 8px 8px 0px;
  color: #fff;
  font-size: 20px;
}
.no-webp .position-wrap .position-right .input-icon[data-v-62d0da02]:hover {background:-webkit-gradient(linear, left bottom, left top, from(#97beff), to(#4f8df7))}
.webp .position-wrap .position-right .input-icon[data-v-62d0da02]:hover {background:-webkit-gradient(linear, left bottom, left top, from(#97beff), to(#4f8df7))}
.no-webp .position-wrap .position-right .input-icon[data-v-62d0da02]:hover {background:linear-gradient(0deg, #97beff 0%, #4f8df7 100%)}
.webp .position-wrap .position-right .input-icon[data-v-62d0da02]:hover {background:linear-gradient(0deg, #97beff 0%, #4f8df7 100%)}
.position-wrap .position-right .input-icon[data-v-62d0da02]:hover {
}
.position-wrap .position-right .job-ul[data-v-62d0da02] {
  margin-top: 23px;
}
.no-webp .position-wrap .position-right .job-ul li[data-v-62d0da02] {background:#FFFFFF}
.webp .position-wrap .position-right .job-ul li[data-v-62d0da02] {background:#FFFFFF}
.position-wrap .position-right .job-ul li[data-v-62d0da02] {
  width: 1000px;
  border-radius: 10px;
  padding: 30px 0 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.position-wrap .position-right .job-ul li[data-v-62d0da02]:not(:last-child) {
  margin: 0 0 16px;
}
.position-wrap .position-right .job-ul li[data-v-62d0da02]:hover {
  -webkit-box-shadow: 0px 6px 10px 0px rgba(115, 155, 221, 0.18);
          box-shadow: 0px 6px 10px 0px rgba(115, 155, 221, 0.18);
}
.no-webp .position-wrap .position-right .job-ul li.is_high_need[data-v-62d0da02]::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-fc6273_fc627375.png) no-repeat;background-size:351.5px 491px;
background-position:-186.5px -237px}
.webp .position-wrap .position-right .job-ul li.is_high_need[data-v-62d0da02]::before {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-fc6273_fc627375.webp) no-repeat;background-size:351.5px 491px;
background-position:-186.5px -237px}
.no-webp .position-wrap .position-right .job-ul li.is_high_need[data-v-62d0da02]::before {background-size:351.5px 491px}
.webp .position-wrap .position-right .job-ul li.is_high_need[data-v-62d0da02]::before {background-size:351.5px 491px}
.no-webp .position-wrap .position-right .job-ul li.is_high_need[data-v-62d0da02]::before {background-position:-186.5px -237px}
.webp .position-wrap .position-right .job-ul li.is_high_need[data-v-62d0da02]::before {background-position:-186.5px -237px}
.position-wrap .position-right .job-ul li.is_high_need[data-v-62d0da02]::before {
  content: '';
  display: block;
  position: absolute;
  width: 39px;
  height: 38px;

  top: 0;
  left: 0;
}
.position-wrap .position-right .job-ul li.is_show[data-v-62d0da02] {
  width: 1020px;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
  -webkit-box-shadow: 0px 6px 10px 0px rgba(115, 155, 221, 0.18);
          box-shadow: 0px 6px 10px 0px rgba(115, 155, 221, 0.18);
}
.position-wrap .position-right .job-ul li .li-top[data-v-62d0da02] {
  position: relative;
  padding-bottom: 30px;
  margin: 0 44px 0 50px;
}
.position-wrap .position-right .job-ul li .li-top .toggle[data-v-62d0da02] {
  position: absolute;
  width: 87px;
  right: 10px;
  top: 20px;
  height: 20px;
  font-family: 'NotoSansSC';
  font-weight: 500;
  color: #B1B1B1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.position-wrap .position-right .job-ul li .li-top .toggle[data-v-62d0da02]:hover {
  color: #2668BC;
}
.no-webp .position-wrap .position-right .job-ul li .li-top .toggle[data-v-62d0da02]::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-fc6273_fc627375.png);background-size:703px 982px;
background-position:-453px -474px}
.webp .position-wrap .position-right .job-ul li .li-top .toggle[data-v-62d0da02]::after {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-fc6273_fc627375.webp);background-size:703px 982px;
background-position:-453px -474px}
.no-webp .position-wrap .position-right .job-ul li .li-top .toggle[data-v-62d0da02]::after {background-size:703px 982px}
.webp .position-wrap .position-right .job-ul li .li-top .toggle[data-v-62d0da02]::after {background-size:703px 982px}
.no-webp .position-wrap .position-right .job-ul li .li-top .toggle[data-v-62d0da02]::after {background-position:-453px -474px}
.webp .position-wrap .position-right .job-ul li .li-top .toggle[data-v-62d0da02]::after {background-position:-453px -474px}
.position-wrap .position-right .job-ul li .li-top .toggle[data-v-62d0da02]::after {
  display: inline-block;
  content: '';
  width: 13px;
  height: 7px;

  margin-left: 13px;
}
.position-wrap .position-right .job-ul li .li-top .toggle.show[data-v-62d0da02]::after {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.position-wrap .position-right .job-ul li .li-top .line[data-v-62d0da02] {
  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-wrap .position-right .job-ul li .li-top a[data-v-62d0da02] {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: #000;
  margin-right: 12px;
}
.position-wrap .position-right .job-ul li .li-top a[data-v-62d0da02]:hover {
  text-decoration: underline;
}
.position-wrap .position-right .job-ul li .li-top .red-tip[data-v-62d0da02] {
  margin-right: 7px;
}
.position-wrap .position-right .job-ul li .li-top .pos[data-v-62d0da02] {
  font-family: 'NotoSansSC';
  font-weight: 400;
  color: #B1B1B1;
  margin-top: 10px;
  font-size: 15px;
  display: inline-block;
  white-space: pre-wrap;
}
.position-wrap .position-right .job-ul li .li-top .pos i[data-v-62d0da02] {
  display: inline-block;
  font-style: normal;
  margin: 0 12px;
}
.position-wrap .position-right .job-ul li .li-top .pos span[data-v-62d0da02] {
  white-space: nowrap;
}
.position-wrap .position-right .job-ul li .li-top .pos span[data-v-62d0da02]:first-child {
  margin-left: 0;
}
.position-wrap .position-right .job-ul li .li-btm[data-v-62d0da02] {
  border-top: 1px solid rgba(151, 151, 151, 0.23);
  padding: 22px 0 35px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 54px;
}
.position-wrap .position-right .job-ul li .li-btm p.tit[data-v-62d0da02] {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.position-wrap .position-right .job-ul li .li-btm p[data-v-62d0da02] {
  font-size: 14px;
  font-weight: 400;
  color: #585D64;
  font-family: 'NotoSansSC';
}
.position-wrap .position-right .job-ul li .li-btm .li-desc[data-v-62d0da02] {
  overflow: hidden;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
  margin: 17px 0 38px;
  line-height: 28px;
  color: #666;
}
.position-wrap .position-right .job-ul li .li-btm .golink[data-v-62d0da02] {
  margin: 29px 0 0 0;
}
.position-wrap .position-right .job-ul li .li-btm .qr[data-v-62d0da02] {
  position: absolute;
  top: 15px;
  right: 5px;
  text-align: center;
}
.position-wrap .position-right .job-ul li .li-btm .qr p[data-v-62d0da02] {
  margin-top: 5px;
}
.position-wrap .position-right .job-ul li .li-btm .position-xsm-bg[data-v-62d0da02] {
  position: absolute;
  right: -34px;
  bottom: 0;
  pointer-events: none;
}
.position-wrap .position-right-nodata[data-v-62d0da02] {
  color: #B1B1B1;
  display: block;
  text-align: center;
  margin-top: 100px;
}
.no-webp .position-wrap[data-v-62d0da02] .el-pager li {background:none}
.webp .position-wrap[data-v-62d0da02] .el-pager li {background:none}
.position-wrap[data-v-62d0da02] .el-pager li {
  color: #b1b1b1;
  padding: 0 15px;
  font-size: 16px;
}
.position-wrap[data-v-62d0da02] .el-pager li.active,
.position-wrap[data-v-62d0da02] .el-pager li:hover {
  color: #518ffe;
}
.position-wrap .el-pagination[data-v-62d0da02] {
  text-align: center;
  font-size: 16px;
  margin-top: 40px;
}
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next, 
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev {background:none}
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next, 
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev {background:none}
.position-wrap .el-pagination[data-v-62d0da02] .btn-next,
.position-wrap .el-pagination[data-v-62d0da02] .btn-prev {
}
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-next .el-icon-arrow-right, 
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-next .el-icon-arrow-right {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-fc6273_fc627375.png) no-repeat;background-size:703px 982px;
background-position:-469px -483px}
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-next .el-icon-arrow-right, 
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-next .el-icon-arrow-right {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-fc6273_fc627375.webp) no-repeat;background-size:703px 982px;
background-position:-469px -483px}
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-next .el-icon-arrow-right, 
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-next .el-icon-arrow-right {background-size:703px 982px}
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-next .el-icon-arrow-right, 
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-next .el-icon-arrow-right {background-size:703px 982px}
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-next .el-icon-arrow-right, 
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-next .el-icon-arrow-right {background-position:-469px -483px}
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-next .el-icon-arrow-right, 
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-next .el-icon-arrow-right {background-position:-469px -483px}
.position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-next .el-icon-arrow-right,
.position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-next .el-icon-arrow-right {
  margin-top: 1px;
width:6px;
height:9px;
}
.position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-next .el-icon-arrow-right::before,
.position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-next .el-icon-arrow-right::before {
  display: none;
}
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-next .el-icon-arrow-right:hover, 
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-next .el-icon-arrow-right:hover {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-fc6273_fc627375.png) no-repeat;background-size:703px 982px;
background-position:-477px -483px}
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-next .el-icon-arrow-right:hover, 
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-next .el-icon-arrow-right:hover {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-fc6273_fc627375.webp) no-repeat;background-size:703px 982px;
background-position:-477px -483px}
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-next .el-icon-arrow-right:hover, 
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-next .el-icon-arrow-right:hover {background-size:703px 982px}
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-next .el-icon-arrow-right:hover, 
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-next .el-icon-arrow-right:hover {background-size:703px 982px}
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-next .el-icon-arrow-right:hover, 
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-next .el-icon-arrow-right:hover {background-position:-477px -483px}
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-next .el-icon-arrow-right:hover, 
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-next .el-icon-arrow-right:hover {background-position:-477px -483px}
.position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-next .el-icon-arrow-right:hover,
.position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-next .el-icon-arrow-right:hover {
width:6px;
height:9px;
}
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-prev .el-icon-arrow-left, 
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-prev .el-icon-arrow-left {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-fc6273_fc627375.png) no-repeat;background-size:703px 982px;
background-position:-469px -483px}
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-prev .el-icon-arrow-left, 
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-prev .el-icon-arrow-left {background:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-fc6273_fc627375.webp) no-repeat;background-size:703px 982px;
background-position:-469px -483px}
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-prev .el-icon-arrow-left, 
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-prev .el-icon-arrow-left {background-size:703px 982px}
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-prev .el-icon-arrow-left, 
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-prev .el-icon-arrow-left {background-size:703px 982px}
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-prev .el-icon-arrow-left, 
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-prev .el-icon-arrow-left {background-position:-469px -483px}
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-prev .el-icon-arrow-left, 
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-prev .el-icon-arrow-left {background-position:-469px -483px}
.position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-prev .el-icon-arrow-left,
.position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-prev .el-icon-arrow-left {
  margin-top: 1px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
width:6px;
height:9px;
}
.position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-prev .el-icon-arrow-left::before,
.position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-prev .el-icon-arrow-left::before {
  display: none;
}
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-prev .el-icon-arrow-left:hover, 
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-prev .el-icon-arrow-left:hover {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-fc6273_fc627375.png) no-repeat;background-size:703px 982px;
background-position:-477px -483px}
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-prev .el-icon-arrow-left:hover, 
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-prev .el-icon-arrow-left:hover {background-image:url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-fc6273_fc627375.webp) no-repeat;background-size:703px 982px;
background-position:-477px -483px}
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-prev .el-icon-arrow-left:hover, 
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-prev .el-icon-arrow-left:hover {background-size:703px 982px}
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-prev .el-icon-arrow-left:hover, 
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-prev .el-icon-arrow-left:hover {background-size:703px 982px}
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-prev .el-icon-arrow-left:hover, 
.no-webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-prev .el-icon-arrow-left:hover {background-position:-477px -483px}
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-prev .el-icon-arrow-left:hover, 
.webp .position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-prev .el-icon-arrow-left:hover {background-position:-477px -483px}
.position-wrap .el-pagination[data-v-62d0da02] .btn-next.btn-prev .el-icon-arrow-left:hover,
.position-wrap .el-pagination[data-v-62d0da02] .btn-prev.btn-prev .el-icon-arrow-left:hover {
width:6px;
height:9px;
}


.no-webp .iframe-wrap[data-v-69b8a165] {background-color:rgba(0, 0, 0, 0.9)}


.webp .iframe-wrap[data-v-69b8a165] {background-color:rgba(0, 0, 0, 0.9)}


.iframe-wrap[data-v-69b8a165] {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
}
.iframe-wrap[data-v-69b8a165] .video {
  display: block;
  width: 100%;
  height: 30%;
  position: absolute;
  left: 50%;
  top: 30%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}