@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;
}
.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;
  background: -webkit-gradient(linear, left top, left bottom, from(#e8f0ff), to(#d4e4ff));
  background: linear-gradient(#e8f0ff, #d4e4ff);
  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;
}
html,
body {
  width: 100%;
  min-width: 1440px;
  max-width: 1920px;
  min-height: 900px;
  height: auto;
  font-family: 'NotoSansSC';
  background: #fff;
  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;
}
html,
body {
  margin: 0 auto;
  background: #fff;
  font-size: 14px;
}
html.frozen,
body.frozen {
  overflow: hidden;
}
body {
  height: auto;
}
.bold {
  font-family: 'NotoSansSC';
}
.normal {
  font-family: 'NotoSansSC';
}
.red-tip {
  display: inline-block;
  padding: 0 6px;
  height: 18px;
  background: rgba(212, 99, 47, 0.23);
  border-radius: 6px;
  font-size: 12px;
  font-family: 'NotoSansSC';
  font-weight: 400;
  color: #E44C37;
  text-align: center;
}
.green-tip {
  display: inline-block;
  padding: 0 6px;
  height: 18px;
  background: rgba(38, 188, 76, 0.23);
  border-radius: 6px;
  font-size: 12px;
  font-family: 'NotoSansSC';
  font-weight: 400;
  color: #46A061;
}
.yellow-tip {
  display: inline-block;
  padding: 0 11px;
  height: 22px;
  line-height: 22px;
  background: #FFEFDA;
  border-radius: 11px;
  font-size: 15px;
  font-family: 'NotoSansSC';
  font-weight: 400;
  color: #FF9936;
}
.blue-tip {
  display: inline-block;
  padding: 0 11px;
  height: 22px;
  line-height: 22px;
  background: #E3EBFF;
  border-radius: 11px;
  font-size: 15px;
  font-family: 'NotoSansSC';
  font-weight: 400;
  color: #5883FF;
}
.index {
  width: 100%;
  min-height: 100%;
  background: #fff;
  overflow-x: hidden;
  background: #f6fbff url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/position-bg_88dc8aa7.jpg) center top no-repeat;
}
.section-contact {
  margin-top: 60px;
  padding-top: 60px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/contact-bg_cc125999.png) no-repeat;
  margin-bottom: 30px;
}
.section-contact .gongzhonghao {
  background-image: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/account-gongzhonghao_db28e137.png);
}
.section-contact .gongzhonghao:hover {
  background-image: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/qrcode-gongzhonghao_0db2b9f3.png);
}
.section-contact .xhs {
  background-image: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/account-xhs_a62fdff0.png);
}
.section-contact .xhs:hover {
  background-image: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/qrcode-xhs_786e3272.png);
}
.section-contact .weibo {
  background-image: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/account-weibo_1f9efcde.png);
}
.section-contact .weibo:hover {
  background-image: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/qrcode-weibo_9639c1cc.png);
}
.section-contact .blibli {
  background-image: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/account-blibli_c8eef89b.png);
}
.section-contact .blibli:hover {
  background-image: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/qrcode-blibli_596b774a.png);
}
.section-contact .zhihu {
  background-image: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/account-zhihu_343e72cc.png);
}
.section-contact .zhihu:hover {
  background-image: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/qrcode-zhihu_4563099a.png);
}
body {
  position: relative;
}
body .leihuo-copyright {
  background: #F6FBFF;
}
.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;
  background: -webkit-gradient(linear, left bottom, left top, from(#FDE69F), to(#FFD57D));
  background: linear-gradient(0deg, #FDE69F 0%, #FFD57D 100%);
  border-radius: 20px;
  font-weight: 500;
  color: #7F5216;
  cursor: pointer;
}
.com-btn1:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffdb90), to(#ffeebb));
  background: linear-gradient(180deg, #ffdb90 0%, #ffeebb 100%);
}
.com-btn1.hasicon::after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 15px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2928px -303px;

  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;
}
.com-imgs::before {
  content: '';
  display: block;
  width: 588px;
  height: 330px;
  background: #DFEEF6;
  border-radius: 24px;
  bottom: -16px;
  left: 20px;
  position: absolute;
  z-index: 1;
}
.com-imgs::after {
  content: '';
  display: block;
  width: 612px;
  height: 330px;
  background: #BCDAF0;
  border-radius: 24px;
  bottom: -8px;
  left: 8px;
  position: absolute;
  z-index: 2;
}
.com-imgs .swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
  background: #fff;
  -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;
}
.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
}
.qa-content {
  padding: 100px 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
}
.qa-content .qa-page {
  width: 1000px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 38px;
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 7px;
  border-top-right-radius: 120px;
  padding-bottom: 34px;
  position: relative;
}
.qa-content .qa-page::after {
  content: '';
  display: inline-block;
  width: 161px;
  height: 202px;
  position: absolute;
  right: -13px;
  top: -54px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2658px -249px;

}
.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;
}
.qa-content .qa-header .close {
  width: 32px;
  height: 32px;
  position: absolute;
  right: -50px;
  z-index: 10;
  top: 0;
  margin-top: 0;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2892px -1654px;

  cursor: pointer;
}
.qa-content .qa-header .close:hover {
  background-image: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png);background-size:2946px 2884px;
background-position:-2892px -1688px;
width:32px;
height:32px;

}
.qa-content .qa-navs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0 42px 0;
}
.qa-content .qa-navs li {
  width: 100px;
  height: 35px;
  background: #ECECEC;
  border-radius: 20px;
  margin: 0 16px 0 0;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
  color: #333333;
}
.qa-content .qa-navs li:hover,
.qa-content .qa-navs li.active {
  background: -webkit-gradient(linear, left bottom, left top, from(#7AABFE), to(#4382EE));
  background: linear-gradient(0deg, #7AABFE 0%, #4382EE 100%);
  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;
}
.left-nav .left-line {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 17px;
  width: 2px;
  background: #6A9DF7;
}
.left-nav li:not(.left-line) {
  width: 113px;
  height: 32px;
  background: #FFFFFF;
  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;
}
.left-nav li:not(.left-line)::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #6A9DF7;
  border-radius: 50%;
  position: absolute;
  left: -21px;
  top: 11px;
}
.left-nav li:not(.left-line).active,
.left-nav li:not(.left-line):hover {
  color: #FFFFFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#6D9FF7), color-stop(58%, #578FF2), to(#4783EF));
  background: linear-gradient(180deg, #6D9FF7 0%, #578FF2 58%, #4783EF 100%);
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0);
}
.right-top {
  position: fixed;
  z-index: 99;
  right: 80px;
  bottom: 10%;
  width: 92px;
  height: 92px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png);background-size:2946px 2884px;
background-position:-2843px -961px;

  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}
.right-top.show {
  opacity: 1;
  pointer-events: auto;
}
.right-top:hover {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png);background-size:2946px 2884px;
background-position:-2844px -1077px;
width:92px;
height:92px;

}
.index-full .banner-box {
  position: relative;
  background: #f6fbff url('https://leihuo.v.netease.com/2025/0712/9a24e5a4db2f5792074c80130741c9dc.jpg') no-repeat center top / 1920px 650px;
}
.index-full .banner-box::after {
  content: '';
  display: inline-block;
  width: 1920px;
  height: 61px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/full-banner-shadow_01a94b93.png) no-repeat left top / 1920px auto;
  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+ */
}
.banner-box {
  width: 100%;
  background: #f6fbff;
  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;
}
.section-process .steps {
  width: 1400px;
  height: 342px;
  font-family: 'NotoSansSC';
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/process-bg_4f2b6a2c.png) center top no-repeat;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 36px 39px;
}
.section-process .steps li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 276px;
  position: relative;
  top: -20px;
}
.section-process .steps li:not(:last-of-type)::after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 16px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png);background-size:2946px 2884px;
background-position:-2928px -285px;

  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;
}
.section-process .steps li .top-tip {
  height: 26px;
  padding: 0 10px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/hover-tip_84c4b2c0.png) no-repeat;
  background-size: 100% 100%;
  -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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.section-process .steps li.step6 .step-detail {
  left: -28px;
}
.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;
}
.section-process .showQA-wrap {
  width: 225px;
  height: 265px;
  position: relative;
}
.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%);
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) center center no-repeat;background-size:2946px 2884px;
background-position:-2658px -661px;

}
.section-process .showQA:hover {
  background-image: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png);background-size:2946px 2884px;
background-position:-2799px -661px;
width:139px;
height:163px;

}
.section-process .showQA::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 30px;
  margin-left: 5px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) center center no-repeat;background-size:2946px 2884px;
background-position:-2918px -453px;

}
#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;
}
#swiper-develop .swiper-slide.video::after,
#swiper3 .swiper-slide.video::after {
  background: rgba(0, 0, 0, 0.3) !important;
}
.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;
}
.swiper-pagination-2 .swiper-pagination-bullet {
  width: 28px;
  height: 4px;
  background: #dde8f9;
  border-radius: 2px;
  margin: 4px 16px 0 0;
  opacity: 1;
}
.swiper-pagination-2 .swiper-pagination-bullet-active {
  background: #4681ef;
}
.swiper-pagination {
  width: 100%;
}
.swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-slide.video {
  position: relative;
}
.index.index-intern .banner-box {
  height: 650px;
  background: #f6fbff url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/intern-banner_b63651b9.jpg) no-repeat center top / 1920px 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;
}
.index.index-daily .banner-box {
  height: 650px;
  background: #f6fbff url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/daily-banner_37a75535.jpg) no-repeat top center;
}
.index.index-daily .banner-box::after {
  content: '';
  display: inline-block;
  width: 1920px;
  height: 61px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/full-banner-shadow_01a94b93.png) no-repeat left top / 1920px auto;
  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;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-full .swiper-pagination-bullet {
  background: #007aff;
  width: 10px;
  height: 10px;
}
.index-fuxi {
  position: relative;
}
.index-fuxi .banner-box {
  background: #f6fbff url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/fuxi-banner_a3dbb032.jpg) no-repeat center top / 1920px 650px;
}
@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;
  }
}
.page-about {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/bg_78707cd1.jpg) no-repeat center top;
  height: 4209px;
  font-size: 16px;
}
.page-about .banner {
  height: 651px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/banner_957b31f6.png) no-repeat center top;
}
.page-about .showcase {
  height: 896px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 140px;
}
.page-about .showcase-tabs > div {
  width: 1376px;
  height: 159px;
  margin: 0 auto;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1124px -406px;

  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;
}
.page-about .showcase-tabs > div .link .ico-1 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2890px -559px;
width:35px;
height:37px;

}
.page-about .showcase-tabs > div .link .ico-2 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2840px -1506px;
width:31px;
height:29px;

}
.page-about .showcase-tabs > div .link .ico-3 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2892px -1573px;
width:35px;
height:31px;

}
.page-about .showcase-tabs > div .link .ico-4 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2890px -633px;
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;
}
.page-about .showcase-tabs > div .link .info-cnt .name::after {
  display: block;
  content: '';
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2919px -440px;
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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.page-about .event-title {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1584px -2095px;
width:308px;
height:104px;

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

}
.page-about .event-detail .event-detail-cnt .event-date-20114 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-248px -1482px;
width:591px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-20164 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-841px -1482px;
width:591px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-20165 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1434px -1482px;
width:591px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-20179 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2027px -1482px;
width:591px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-201711 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1970px -1034px;
width:635px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-20186 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-248px -1614px;
width:591px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-20188 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-841px -1614px;
width:591px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-20196 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1434px -1614px;
width:591px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-201911 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1338px -1168px;
width:635px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-20201 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2027px -1614px;
width:591px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-20211 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-0px -1831px;
width:591px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-20213 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-593px -1831px;
width:591px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-20217 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1186px -1831px;
width:591px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-20219 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1779px -1831px;
width:591px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-202112 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1975px -1168px;
width:635px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-20236 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-0px -1963px;
width:591px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-20238 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-593px -1963px;
width:591px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-20247 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1186px -1963px;
width:591px;
height:130px;

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

}
.page-about .event-detail .event-detail-cnt .event-date-20249 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-0px -2095px;
width:591px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-20252 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-593px -2095px;
width:591px;
height:130px;

}
.page-about .event-detail .event-detail-cnt .event-date-20255 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1338px -1034px;
width:630px;
height:132px;

}
.page-about .event-detail .event-detail-cnt .event-date-20253 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1022px -1324px;
width:593px;
height:131px;

}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.page-about .event-detail .event-detail-cnt .event-img-20255 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20255-img_af6d7146.png) no-repeat;
}
.page-about .event-detail .event-detail-cnt .event-img-20253 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/20253-img_783d2ad6.png) no-repeat;
}
.page-about .event-detail .event-detail-cnt .event-name {
  position: absolute;
  font-size: 22px;
  top: 185px;
  left: 106px;
  font-weight: bold;
  padding-bottom: 30px;
}
.page-about .event-detail .event-detail-cnt .event-name::after {
  display: block;
  content: '';
  width: 20px;
  height: 4px;
  background: #6298f3;
  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;
}
.page-about .event-timeline-cnt .part .point .triangle {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2929px -540px;
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);
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.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%;
}
.page-about .event-timeline-cnt .part .point .ico-20255 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20255_a88bb676.png) no-repeat;
  background-size: 100% 100%;
}
.page-about .event-timeline-cnt .part .point .ico-20253 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/ico-20253_574e527a.png) no-repeat;
  background-size: 100% 100%;
}
.page-about .event-timeline-cnt .part .point .ico:hover {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.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%;
}
.page-about .event-timeline-cnt .part .point .month {
  position: relative;
  white-space: nowrap;
  color: #888;
  font-weight: bold;
  font-size: 14px;
  background-color: #f1f4f7;
  padding: 0 23px 0 6px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page-about .event-timeline-cnt .part .point .month::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 9px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png);background-size:2946px 2884px;
background-position:-2929px -540px;
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;
}
.page-about .showcase .fuxi .left {
  display: block;
  width: 567px;
  height: 446px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/fuxi-left_5a549ed0.png) no-repeat;
  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;
}
.page-about .showcase .fuxi .right .item .line {
  height: 2px;
  background: rgba(255, 255, 255, 0.3);
  margin: 10px 0 30px;
}
.page-about .showcase .fuxi .right .item-1 {
  width: 190px;
  left: 0;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/item-1_671c5c2a.png) no-repeat top left / 100% 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 4;
}
.page-about .showcase .fuxi .right .item-1 .txt {
  position: absolute;
  top: 72px;
  left: 30px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2658px -826px;
width:157px;
height:133px;

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

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

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

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

  position: absolute;
  right: 3px;
  bottom: 25px;
}
.page-about .showcase .qkl {
  width: 1672px;
  height: 520px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/qkl-bg_feff1603.png) no-repeat;
  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;
}
.page-about .showcase .qkl-cnt .item-ico-1 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2814px -1538px;
width:76px;
height:86px;

}
.page-about .showcase .qkl-cnt .item-ico-2 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2814px -1654px;
width:76px;
height:86px;

}
.page-about .showcase .qkl-cnt .item-ico-3 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2868px -1889px;
width:75px;
height:85px;

}
.page-about .showcase .qkl-cnt .item-ico-4 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2658px -2160px;
width:75px;
height:85px;

}
.page-about .showcase .qkl-cnt .item-ico-5 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2870px -1769px;
width:76px;
height:86px;

}
.page-about .showcase .qkl-cnt .item-ico-6 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2735px -2160px;
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;
}
.page-about .showcase .qkl-cnt .item .cover-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/hover-bg_097db19b.jpg) no-repeat;
  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;
}
.page-about .showcase .qkl-cnt .item .cover-layer .ico-1 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2658px -1769px;
width:104px;
height:118px;

}
.page-about .showcase .qkl-cnt .item .cover-layer .ico-2 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2658px -1889px;
width:103px;
height:117px;

}
.page-about .showcase .qkl-cnt .item .cover-layer .ico-3 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2764px -1769px;
width:104px;
height:118px;

}
.page-about .showcase .qkl-cnt .item .cover-layer .ico-4 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2821px -249px;
width:105px;
height:119px;

}
.page-about .showcase .qkl-cnt .item .cover-layer .ico-5 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2817px -826px;
width:105px;
height:119px;

}
.page-about .showcase .qkl-cnt .item .cover-layer .ico-6 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2763px -1889px;
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;
}
.page-about .showcase .mtl-cnt-left {
  width: 500px;
  height: 446px;
  display: inline-block;
  margin-right: 17px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/mtl-left_30af6371.png) no-repeat;
  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;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/mtl-mask_30a2d1b9.png) no-repeat;
  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;
}
.page-about .showcase .mtl-cnt-item:nth-child(3) .mtl-cnt-img {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-0px -1034px;
width:339px;
height:446px;

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

}
.page-about .showcase .mtl-cnt-item:nth-child(3) .cover-layer::after {
  display: block;
  content: '';
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2658px -1192px;
width:183px;
height:113px;

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

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

}
.page-about .showcase .mtl-cnt-item:nth-child(2) .cover-layer::after {
  display: block;
  content: '';
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2658px -1423px;
width:180px;
height:113px;

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

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

}
.page-about .showcase .mtl-cnt-item:nth-child(1) .cover-layer::after {
  display: block;
  content: '';
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2658px -1654px;
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;
}
.page-about .passion-title {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1186px -2095px;
width:396px;
height:104px;

  margin: 0 auto;
}
.page-about .passion-cnt {
  width: 100%;
  height: 668px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/passion-bg_b8f4dc1b.png) no-repeat center top;
  overflow: hidden;
  margin-top: 34px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 90px;
  position: relative;
}
.page-about .passion-cnt .bg-txt {
  width: 813px;
  height: 223px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/passion-bg-txt_06224d2d.png) no-repeat;
  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;
}
.page-about .passion-cnt .cnt .row .item {
  width: 638px;
  height: 225px;
  background: #c77710;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(115, 164, 247, 0.6)), to(rgba(133, 176, 248, 0.6)));
  background: linear-gradient(to bottom, rgba(115, 164, 247, 0.6), rgba(133, 176, 248, 0.6));
  border: 2px solid #96bcf9;
  border-radius: 10px;
  position: relative;
  opacity: 0;
  display: block;
}
.page-about .passion-cnt .cnt .row .item::before {
  display: block;
  content: '';
  width: 230px;
  height: 224px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/circle_405596af.png) no-repeat;
  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);
}
.page-about .passion-cnt .cnt .row .item.active:hover .role {
  background-position: 0 0;
}
.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;
}
.page-about .passion-cnt .cnt .row .item .info-arrow {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2808px -2320px;
width:82px;
height:54px;

  margin-top: 30px;
}
.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%);
  background: #e4f2ff;
  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;
}
.page-about .passion-cnt .cnt .row .item .detail-title::after {
  display: block;
  content: '';
  width: 20px;
  height: 3px;
  background: #669cf7;
  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;
}
.page-about .passion-cnt .cnt .row .item .role-1 {
  width: 320px;
  height: 289px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/role-1_688ec27a.png) no-repeat;
  position: absolute;
  bottom: 0px;
  right: -36px;
  background-position: 0 50px;
}
.page-about .passion-cnt .cnt .row .item .role-2 {
  width: 334px;
  height: 288px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/role-2_4f61b799.png) no-repeat;
  position: absolute;
  bottom: 0px;
  right: -62px;
  background-position: 0 50px;
}
.page-about .passion-cnt .cnt .row .item .role-3 {
  width: 260px;
  height: 241px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/role-3_72175b2a.png) no-repeat;
  position: absolute;
  bottom: 0;
  right: -16px;
  background-position: 0 50px;
}
.page-about .passion-cnt .cnt .row .item .role-4 {
  width: 340px;
  height: 283px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/role-4_c4322064.png) no-repeat;
  position: absolute;
  bottom: 0;
  right: -40px;
  background-position: 0 50px;
}
.page-about .benefits {
  height: 570px;
}
.page-about .benefits-title {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2210px -1324px;
width:406px;
height:104px;

  margin: 0 auto;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2641.2871287128714px;
background-position:-1124px -0px;
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);
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/detail-bg_bc9251e7.png) no-repeat center center;
  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;
}
.page-about .benefits-cnt .item .detail-ico-1 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2658px -2320px;
width:72px;
height:74px;

}
.page-about .benefits-cnt .item .detail-ico-2 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2658px -2008px;
width:94px;
height:69px;

}
.page-about .benefits-cnt .item .detail-ico-3 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2741px -2079px;
width:80px;
height:77px;

}
.page-about .benefits-cnt .item .detail-ico-4 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2840px -1423px;
width:81px;
height:81px;

}
.page-about .benefits-cnt .item .detail-ico-5 {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2658px -2079px;
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;
}
.page-about .benefits-cnt .item .detail-line {
  width: 27px;
  height: 3px;
  background: #fff;
  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;
}
.circle-btn {
  cursor: pointer;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2881px -2247px;
width:64px;
height:65px;

}
.circle-btn.prev {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2732px -2396px;
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;
}
.new-page-about {
  height: auto;
  background: none;
}
.new-page-about .showcase {
  padding-top: 0;
  height: 780px;
}
.new-page-about .benefits {
  padding-top: 140px;
}
.new-page-about .event {
  padding-top: 0;
}
.page-information {
  position: relative;
  background: #f0f6f8 url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/bg_dad99b1d.jpg) no-repeat center top;
  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;
}
.campus-news-title {
  margin: 0 auto;
  width: 258px;
  height: 104px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png);background-size:2946px 2884px;
background-position:-2658px -453px;

}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/news-bg_35275715.png) no-repeat center top;
}
.campus-news-xsm {
  display: inline-block;
  height: 388px;
  width: 464px;
  position: relative;
  bottom: 5px;
  left: 97px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/q-xsm-sprite_5e3368f8.png) 0 0 no-repeat;
}
.campus-news-list {
  padding-top: 89px;
  width: 995px;
  padding-right: 106px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  left: -77px;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png);background-size:2946px 2884px;
background-position:-2843px -1192px;

}
.campus-news-list .news-list-next:hover {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2840px -1307px;
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;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png);background-size:1523.793103448276px 1491.7241379310346px;
background-position:-1486.0344827586207px -778.9655172413794px;

}
.campus-news-list > a:hover .list-title {
  color: #61A5FF;
}
.campus-news-list > a:hover::after {
  right: 0;
  width: 30px;
  height: 30px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png);background-size:1448.8524590163934px 1418.360655737705px;
background-position:-1376.0655737704917px -1178.360655737705px;

}
.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;
}
.infor-banner-footer {
  width: auto;
  display: inline-block;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  bottom: 16px;
  background-color: rgba(0, 0, 0, 0.4);
  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;
}
.infor-banner-footer .infor-banner-pagination .swiper-pagination-bullet {
  opacity: .3;
  width: 29px;
  height: 4px;
  background-color: #fff;
  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;
}
.infor-banner-footer .infor-banner-prev,
.infor-banner-footer .infor-banner-next {
  cursor: pointer;
  position: absolute;
  color: #fff;
  width: 22px;
  height: 18px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2918px -485px;

}
.infor-banner-footer .infor-banner-prev:hover,
.infor-banner-footer .infor-banner-next:hover {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2918px -505px;
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);
  }
}
.knowledge-share-title {
  width: 670px;
  height: 142px;
  margin: 0 auto 60px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/share-title_24a8ae32.png) no-repeat;
}
.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;
}
.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;
}
.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;
}
.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;
}
.knowledge-share .share-item-footer {
  margin-top: 30px;
  text-align: center;
}
.knowledge-share .share-item-footer .footer-prev,
.knowledge-share .share-item-footer .footer-next {
  display: inline-block;
  cursor: pointer;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2928px -332px;
width:8px;
height:14px;

}
.knowledge-share .share-item-footer .footer-prev:hover,
.knowledge-share .share-item-footer .footer-next:hover {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2938px -332px;
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;
}
.knowledge-share .share-item-content .item-icon.hot {
  background: #F8E5E5;
  color: #FF4444;
}
.knowledge-share .share-item-content .item-icon.new {
  background: #D4F8ED;
  color: #56BF7E;
}
.iframe-pop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
}
.iframe-pop .mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: 100% 100%;
  z-index: 0;
  background: rgba(0, 0, 0, 0.8);
}
.iframe-pop .cnt {
  width: 904px;
  height: 520px;
  background-size: 100% 100%;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 15px;
  background: #000;
  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%;
}
.iframe-pop .close-btn {
  position: absolute;
  top: -45px;
  right: -20px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2890px -598px;
width:33px;
height:33px;

}
.iframe-pop .close-btn:hover {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2892px -1538px;
width:33px;
height:33px;

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

  margin: 0 auto 50px;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/system-bg_1d71ec62.png) no-repeat;
}
.page-develop .develop-system .system-content-part1 .part1-title {
  width: 3.38rem;
  height: 0.66rem;
  width: 338px;
  height: 66px;
  margin: 35px auto 0;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-639px -1746px;

}
.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;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2928px -270px;

  margin-left: 10px;
}
.page-develop .develop-system .system-content-part1 .step-wrap li:last-child .step-name::after {
  content: '';
  display: inline-block;
  position: relative;
  top: 2px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2928px -249px;
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;
}
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(5) {
  z-index: 0;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-0px -2670px;
width:305px;
height:106px;

}
.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-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-614px -2670px;
width:305px;
height:106px;

}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-614px -2670px;
width:305px;
height:106px;

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

}
.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-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1535px -2670px;
width:305px;
height:106px;

}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1535px -2670px;
width:305px;
height:106px;

}
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(3) {
  z-index: 2;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1842px -2670px;
width:305px;
height:106px;

}
.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-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2456px -2670px;
width:305px;
height:106px;

}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2456px -2670px;
width:305px;
height:106px;

}
.page-develop .develop-system .system-content-part1 .step-wrap li:nth-child(2) {
  z-index: 3;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-0px -2778px;
width:305px;
height:106px;

}
.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-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-614px -2778px;
width:305px;
height:106px;

}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-614px -2778px;
width:305px;
height:106px;

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

}
.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-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1811px -2778px;
width:293px;
height:106px;

}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1811px -2778px;
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;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-0px -696px;

}
.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;
}
.page-develop .develop-system .system-content-part1 .part-content .title:after {
  width: 0.22rem;
  height: 0.04rem;
  width: 22px;
  height: 4px;
  content: '';
  display: block;
  background: #71A3FB;
  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;
}
.page-develop .develop-system .system-content-part1 .part-content.step-5 .num {
  display: inline-block;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2849px -2008px;
width:89px;
height:66px;

}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1374px -696px;
width:358px;
height:283px;

}
.page-develop .develop-system .system-content-part1 .part-content.step-4 .num {
  display: inline-block;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2754px -2008px;
width:93px;
height:66px;

}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1734px -696px;
width:351px;
height:281px;

}
.page-develop .develop-system .system-content-part1 .part-content.step-3 .num {
  display: inline-block;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2823px -2079px;
width:89px;
height:66px;

}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1002px -696px;
width:370px;
height:283px;

}
.page-develop .develop-system .system-content-part1 .part-content.step-2 .num {
  display: inline-block;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2811px -2160px;
width:88px;
height:66px;

}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1022px -1034px;
width:314px;
height:288px;

}
.page-develop .develop-system .system-content-part1 .part-content.step-1 .num {
  display: inline-block;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2658px -2396px;
width:72px;
height:66px;

}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2087px -696px;
width:350px;
height:274px;

}
.page-develop .develop-system .system-content-part2 {
  width: 1318px;
  margin: 0 auto;
  margin-top: -138px;
}
.page-develop .develop-system .system-content-part2 .part2-title {
  width: 3.89rem;
  height: 0.66rem;
  width: 389px;
  height: 66px;
  margin: 0 auto 51px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-248px -1746px;

}
.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;
}
.page-develop .develop-system .system-content-part2 ul li::before {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) center top no-repeat;background-size:2946px 2884px;
background-position:-0px -1482px;
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;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) center top no-repeat;background-size:2946px 2884px;
background-position:-2928px -525px;

}
.page-develop .develop-system .system-content-part2::after {
  content: '';
  display: inline-block;
  width: 1920px;
  height: 264px;
  position: absolute;
  left: 0;
  bottom: -34px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/develop-line_ad38a206.png) center top / 100% auto no-repeat;
}
.page-develop .develop-full {
  width: 1344px;
  margin: 101px auto;
  position: relative;
  z-index: 1;
}
.page-develop .develop-full .full-title {
  width: 4.05rem;
  height: 1.6rem;
  width: 405px;
  height: 160px;
  margin: 0 auto 30px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/full-title_7d8d6df9.png) no-repeat;
}
.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;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/full-img-bg_cc9aee76.png) no-repeat;
}
.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;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2821px -440px;

}
.page-develop .develop-full .full-content-wrap .content-title.center {
  top: 210px;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/full-video-bg_9ae549df.png) no-repeat;
}
.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;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/btn_dccc76bf.png) no-repeat;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/mask_a28e81e3.png) no-repeat center top / 100% 100%;
}
.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);
}
.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;
}
.page-develop .develop-full .full-content-wrap.quwei .content-title {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-359px -2519px;
width:346px;
height:149px;

}
.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;
}
.page-develop .develop-full .full-content-wrap.study .content-title {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1399px -2519px;
width:342px;
height:149px;

}
.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;
}
.page-develop .develop-full .full-content-wrap.peixun .content-title {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-707px -2519px;
width:344px;
height:149px;

}
.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;
}
.page-develop .develop-full .full-content-wrap.mentor .content-title {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1743px -2519px;
width:342px;
height:148px;

}
.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;
}
.page-develop .develop-full .full-content-wrap.mini .content-title {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-0px -2519px;
width:357px;
height:149px;

}
.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;
}
.page-develop .develop-full .full-content-wrap.tech .content-title {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1053px -2519px;
width:344px;
height:149px;

}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-1124px -567px;

}
.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;
}
.page-develop .develop-full .full-content-tab li .tab-detail div {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2658px -559px;
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);
}
.page-develop .develop-intern {
  height: 1156px;
  margin-top: 436px;
  position: relative;
  z-index: 1;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/blue-bg_763ae012.png) no-repeat center top;
  overflow: hidden;
}
.page-develop .develop-intern .intern-title {
  width: 526px;
  height: 153px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/intern-title_5748b91d.png) no-repeat;
  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;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/intern-tab-bg_abd6a1ad.png) no-repeat center top / 100% auto;
}
.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;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/hover-bg_3ed45297.png) no-repeat;
}
.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;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2658px -2247px;

}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2809px -2247px;

}
.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;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2737px -2247px;

}
.page-develop .develop-intern .intern-wrap .intern-tab li:nth-child(3) .hover-content {
  padding-left: 40px;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2732px -2320px;

}
.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);
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/icon1-sprite_a4ea8cf7.png);
  background-size: 900% 800%;
  -webkit-animation: iconAni1 2.37s steps(1) 0.1s forwards;
          animation: iconAni1 2.37s steps(1) 0.1s forwards;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/icon2-sprite_21d63f64.png);
  background-size: 700% 600%;
  -webkit-animation: iconAni2 1.37s steps(1) 0.1s forwards;
          animation: iconAni2 1.37s steps(1) 0.1s forwards;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/icon3-sprite_dd5e2517.png);
  background-size: 500% 500%;
  -webkit-animation: iconAni3 0.83s steps(1) 0.1s forwards;
          animation: iconAni3 0.83s steps(1) 0.1s forwards;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/icon4-sprite_b9901d67.png);
  background-size: 500% 500%;
  -webkit-animation: iconAni4 0.83s steps(1) 0.1s forwards;
          animation: iconAni4 0.83s steps(1) 0.1s forwards;
}
.page-develop .develop-intern .intern-wrap .intern-content {
  width: 1122px;
  height: 694px;
  margin-left: -92px;
  position: relative;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-0px -0px;

}
.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;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-921px -2778px;
width:298px;
height: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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2087px -2519px;
width:313px;
height:128px;

}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2658px -0px;
width:288px;
height:247px;

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

}
.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-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-265px -2227px;
width:263px;
height:290px;

}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-2402px -2519px;
width:314px;
height:112px;

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

}
.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-4c998d_4c998dbf.png) no-repeat;background-size:2946px 2884px;
background-position:-795px -2227px;
width:263px;
height:290px;

}
.page-develop .develop-intern .intern-wrap .intern-content .swiper-intern-pagination {
  position: absolute;
  right: 77px;
  bottom: 92px;
  z-index: 10;
}
.page-develop .develop-intern .intern-wrap .intern-content .swiper-intern-pagination .swiper-pagination-bullet {
  width: 0.11rem;
  height: 0.11rem;
  width: 11px;
  height: 11px;
  background-color: #fff;
  opacity: .6;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  margin-right: 11px;
}
.page-develop .develop-intern .intern-wrap .intern-content .swiper-intern-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 25px;
  height: 10px;
  background: #6397FF;
  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;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/btn_dccc76bf.png) no-repeat;
}
.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%;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/mask_a28e81e3.png) no-repeat center top / 100% 100%;
}
.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);
}
.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;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(105, 157, 244, 0.8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, rgba(105, 157, 244, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  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;
}
.index-daily .content .search-tree {
  width: 300px;
  height: 1753px;
  background: #fff;
  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;
}
.index-daily .content .join-list .list-title span::after {
  content: '';
  display: block;
  width: 2px;
  height: 16px;
  background: #b1b1b1;
  position: absolute;
  left: -10px;
  bottom: 3px;
  opacity: 0.8;
}
.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;
  background: #fff;
  -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;
}
.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);
  background: transparent;
  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;
}
.index-daily .content .join-list .search .btn {
  line-height: 60px;
  text-align: center;
  cursor: pointer;
  font-size: 0;
  width: 120px;
  height: 68px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/search-btn_24b02a62.png);
}
.index-daily .content .join-list .search .btn:hover {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png);background-size:2946px 2884px;
background-position:-2821px -370px;
width:120px;
height:68px;

}
.index-daily .content .join-list .items .item {
  width: 100%;
  background: #fff;
  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;
}
.index-daily .content .join-list .items .item .item__info .info-l .tag {
  background: #e7edf6;
  padding: 1px 15px;
  font-size: 16px;
  border-radius: 15px;
  color: #2966bf;
  margin: 0 10px 0 10px;
}
.index-daily .content .join-list .items .item .item__info .info-l .tag2 {
  color: #4c90f6;
  background: #eaf2f9;
  margin-left: 0;
}
.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;
  background: #d6f2df;
  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;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png);background-size:2946px 2884px;
background-position:-2928px -358px;
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;
}
.index-daily .content .join-list .items .item .item__detail::after {
  content: '';
  display: block;
  position: absolute;
  width: 916px;
  height: 1px;
  background: #efefef;
  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;
}
.index-daily .content .join-list .items .item .item__detail .deliver .deliver__link {
  display: inline-block;
  width: 125px;
  height: 40px;
  border-radius: 20px;
  background: #2966bf;
  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;
}
.index-daily .content .join-list .items .item .item__detail .deliver .deliver__link::after {
  content: '';
  display: inline-block;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png);background-size:2946px 2884px;
background-position:-2918px -525px;
width:8px;
height:13px;

  margin-left: 15px;
}
.index-daily .content .join-list .items .item .item__detail .deliver .deliver__link:hover {
  background: #4c90f6;
  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;
}
.index-daily .content .join-list .items .el-pagination {
  background: transparent;
  text-align: center;
  color: #b1b1b1;
}
.index-daily .content .join-list .items .el-pagination button {
  background: transparent;
  min-width: auto;
  padding: 0;
}
.index-daily .content .join-list .items .el-pagination button i::before {
  content: '';
}
.index-daily .content .join-list .items .el-pagination button.btn-prev i {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png);background-size:2946px 2884px;
background-position:-2938px -525px;
width:5px;
height:9px;

}
.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-4c998d_4c998dbf.png);background-size:2946px 2884px;
background-position:-2940px -540px;
width:5px;
height:9px;

}
.index-daily .content .join-list .items .el-pagination button.btn-next i {
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png);background-size:2946px 2884px;
background-position:-2939px -285px;
width:6px;
height:9px;

}
.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-4c998d_4c998dbf.png);background-size:2946px 2884px;
background-position:-2939px -303px;
width:6px;
height:9px;

}
.index-daily .content .join-list .items .el-pagination button.btn-next {
  margin-left: 10px;
}
.index-daily .content .join-list .items .el-pagination .el-pager .number,
.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.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);
}
.el-tree-node__expand-icon::before {
  content: '';
  display: block;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png);background-size:2946px 2884px;
background-position:-2928px -358px;
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;
}
.el-checkbox__inner {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  background: #e6e6e6;
}
.el-checkbox__inner::after {
  left: 1px;
  top: 3px;
  border: none;
  display: none;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-4c998d_4c998dbf.png);background-size:2946px 2884px;
background-position:-2928px -320px;
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;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: #2966bf;
  border-color: #2966bf;
}
.el-tree {
  color: #292b3b;
}
.el-tree-node__children {
  color: #666;
}
.el-tree-node {
  margin: 5px 0;
}


.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/account-bg_f7819f55.png) center center / 100% 100% no-repeat;
  position: relative;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.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;
  background-position: center center;
  background-repeat: no-repeat;
  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%);
}


.nav-submenu {
  background-color: #fff;
  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;
}
.nav-submenu .el-menu-item:hover {
  font-weight: 600;
  color: #000 !important;
  background-color: transparent !important;
}


.top-bar[data-v-38530298] {
  width: 100%;
  position: fixed;
  height: 73px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.58)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 100%);
  z-index: 999;
  top: 0;
  left: 0;
  min-width: 1440px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.top-bar.loaded[data-v-38530298] {
  opacity: 1 !important;
}
.top-bar.white-bg[data-v-38530298] {
  background: #ffffff;
  -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-38530298] {
  color: #515151;
}
.top-bar.white-bg .nav-menu-li.is-active .title[data-v-38530298] {
  color: #000;
}
.top-bar.white-bg .nav-menu-li[data-v-38530298]:hover {
  color: #000;
}
.top-bar.white-bg .nav-menu-li:hover.develop[data-v-38530298]::after {
  color: #515151;
}
.top-bar.white-bg .nav-logo .netease-logo[data-v-38530298] {
  height: 55px;
  width: 188px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/neteaseLogo_b1c00ea9.png) no-repeat center center / 100%;
}
.top-bar.white-bg .nav-logo a[data-v-38530298] {
  background-image: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-38c306_38c30613.png);background-size:1004px 367px;
background-position:-0px -312px;
width:62px;
height:55px;
}
.top-bar.white-bg .child-menu[data-v-38530298] {
  -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-38530298] {
  padding-top: 8px;
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
}
.top-bar .nav-logo[data-v-38530298] {
  display: inline-block;
}
.top-bar .nav-logo .netease-logo[data-v-38530298] {
  display: inline-block;
  height: 55px;
  width: 188px;
  margin-right: 9px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-38c306_38c30613.png) no-repeat center center / 100%;background-size:188px 65.11290322580645px;
background-position:-0px -0px;
}
.top-bar .nav-logo a[data-v-38530298] {
  display: inline-block;
  width: 62px;
  height: 55px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-38c306_38c30613.png) no-repeat;background-size:1004px 367px;
background-position:-64px -312px;
}
.top-bar .nav-logo[data-v-38530298]::after {
  display: inline-block;
  content: '';
  width: 156px;
  height: 25px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/logo-desc_5d9a1938.png) no-repeat;
  margin: 14px 0 0 9px;
  vertical-align: top;
}
.top-bar .nav-menu[data-v-38530298] {
  display: inline-block;
  float: right;
  margin-top: 10px;
}
.top-bar .nav-menu-li[data-v-38530298] {
  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-38530298]:not(:last-child) {
  margin-right: 54px;
}
.top-bar .nav-menu-li .title[data-v-38530298] {
  display: inline-block;
  color: inherit;
  border-bottom: 2px solid transparent;
}
.top-bar .nav-menu-li.is-active .title[data-v-38530298] {
  border-bottom-color: #4784ed !important;
  font-weight: 500;
  font-family: 'notosanssc';
  color: #fff;
}
.top-bar .nav-menu-li.preach[data-v-38530298] {
  margin-right: 49px;
}
.top-bar .nav-menu-li.develop[data-v-38530298] {
  margin-right: 45px;
}
.top-bar .nav-menu-li.develop[data-v-38530298]::after {
  content: '|';
  display: inline-block;
  margin-left: 54px;
  font-family: 'NotoSansSC';
}
.top-bar .nav-menu-li.study[data-v-38530298] {
  margin-right: 30px;
}
.top-bar .nav-menu-li .child-menu[data-v-38530298] {
  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;
  background-color: #fff;
}
.top-bar .nav-menu-li .child-menu-li[data-v-38530298] {
  padding: 3px 10px;
  font-size: 14px;
  white-space: nowrap;
  color: #757575;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  text-align: center;
}
.top-bar .nav-menu-li .child-menu-li[data-v-38530298]:hover,
.top-bar .nav-menu-li .child-menu-li.active[data-v-38530298] {
  color: #000;
  font-weight: 500;
}
.top-bar .nav-menu-li .child-menu-li[data-v-38530298]:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.top-bar .nav-menu-li[data-v-38530298]:hover {
  color: #fff;
}
.top-bar .nav-menu-li:hover.position[data-v-38530298] {
  -webkit-animation: scale 0.3s linear 0s normal forwards;
          animation: scale 0.3s linear 0s normal forwards;
}
.top-bar .nav-menu-li:hover .child-menu[data-v-38530298] {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.top-bar .nav-menu-li:hover .child-menu li[data-v-38530298] {
  opacity: 1;
}
.top-bar .nav-menu-li:hover.develop[data-v-38530298]::after {
  color: #e0e0e0;
}
.top-bar .el-submenu[data-v-38530298] .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-38530298] .el-submenu__title .el-submenu__icon-arrow {
  color: #fff;
  margin-left: 6px;
}
.top-bar .el-submenu[data-v-38530298] .el-submenu__title:hover {
  background-color: transparent !important;
}
.top-bar .el-submenu.is-active[data-v-38530298] .el-submenu__title {
  border-bottom-color: #4784ed !important;
  font-weight: 600;
}
@media only screen and (max-width: 1440px) {
.top-bar[data-v-38530298] {
    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-38530298] {
    padding: 0 10px;
}
.top-bar .nav-menu-li[data-v-38530298] {
    margin-right: 30px !important;
}
.top-bar .nav-menu-li.develop[data-v-38530298]::after {
    margin-left: 30px;
}
}
@media only screen and (max-width: 1030px) {
.top-bar .nav-menu-li[data-v-38530298] {
    margin-right: 20px !important;
}
.top-bar .nav-menu-li.develop[data-v-38530298]::after {
    margin-left: 20px;
}
}


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













































































@-webkit-keyframes sprite_z_tuceng_3_hecheng_1_000-data-v-62d0da02 {
0% {
    background-position: 0px 0px;
}
1.7% {
    background-position: -436px 0px;
}
3.4% {
    background-position: -872px 0px;
}
5.2% {
    background-position: -1308px 0px;
}
6.9% {
    background-position: -1744px 0px;
}
8.6% {
    background-position: -2180px 0px;
}
10.3% {
    background-position: -2616px 0px;
}
12.1% {
    background-position: -3052px 0px;
}
13.8% {
    background-position: 0px -366px;
}
15.5% {
    background-position: -436px -366px;
}
17.2% {
    background-position: -872px -366px;
}
19% {
    background-position: -1308px -366px;
}
20.7% {
    background-position: -1744px -366px;
}
22.4% {
    background-position: -2180px -366px;
}
24.1% {
    background-position: -2616px -366px;
}
25.9% {
    background-position: -3052px -366px;
}
27.6% {
    background-position: 0px -732px;
}
29.3% {
    background-position: -436px -732px;
}
31% {
    background-position: -872px -732px;
}
32.8% {
    background-position: -1308px -732px;
}
34.5% {
    background-position: -1744px -732px;
}
36.2% {
    background-position: -2180px -732px;
}
37.9% {
    background-position: -2616px -732px;
}
39.7% {
    background-position: -3052px -732px;
}
41.4% {
    background-position: 0px -1098px;
}
43.1% {
    background-position: -436px -1098px;
}
44.8% {
    background-position: -872px -1098px;
}
46.6% {
    background-position: -1308px -1098px;
}
48.3% {
    background-position: -1744px -1098px;
}
50% {
    background-position: -2180px -1098px;
}
51.7% {
    background-position: -2616px -1098px;
}
53.4% {
    background-position: -3052px -1098px;
}
55.2% {
    background-position: 0px -1464px;
}
56.9% {
    background-position: -436px -1464px;
}
58.6% {
    background-position: -872px -1464px;
}
60.3% {
    background-position: -1308px -1464px;
}
62.1% {
    background-position: -1744px -1464px;
}
63.8% {
    background-position: -2180px -1464px;
}
65.5% {
    background-position: -2616px -1464px;
}
67.2% {
    background-position: -3052px -1464px;
}
69% {
    background-position: 0px -1830px;
}
70.7% {
    background-position: -436px -1830px;
}
72.4% {
    background-position: -872px -1830px;
}
74.1% {
    background-position: -1308px -1830px;
}
75.9% {
    background-position: -1744px -1830px;
}
77.6% {
    background-position: -2180px -1830px;
}
79.3% {
    background-position: -2616px -1830px;
}
81% {
    background-position: -3052px -1830px;
}
82.8% {
    background-position: 0px -2196px;
}
84.5% {
    background-position: -436px -2196px;
}
86.2% {
    background-position: -872px -2196px;
}
87.9% {
    background-position: -1308px -2196px;
}
89.7% {
    background-position: -1744px -2196px;
}
91.4% {
    background-position: -2180px -2196px;
}
93.1% {
    background-position: -2616px -2196px;
}
94.8% {
    background-position: -3052px -2196px;
}
96.6% {
    background-position: 0px -2562px;
}
98.3% {
    background-position: -436px -2562px;
}
100% {
    background-position: -436px -2562px;
}
}
@keyframes sprite_z_tuceng_3_hecheng_1_000-data-v-62d0da02 {
0% {
    background-position: 0px 0px;
}
1.7% {
    background-position: -436px 0px;
}
3.4% {
    background-position: -872px 0px;
}
5.2% {
    background-position: -1308px 0px;
}
6.9% {
    background-position: -1744px 0px;
}
8.6% {
    background-position: -2180px 0px;
}
10.3% {
    background-position: -2616px 0px;
}
12.1% {
    background-position: -3052px 0px;
}
13.8% {
    background-position: 0px -366px;
}
15.5% {
    background-position: -436px -366px;
}
17.2% {
    background-position: -872px -366px;
}
19% {
    background-position: -1308px -366px;
}
20.7% {
    background-position: -1744px -366px;
}
22.4% {
    background-position: -2180px -366px;
}
24.1% {
    background-position: -2616px -366px;
}
25.9% {
    background-position: -3052px -366px;
}
27.6% {
    background-position: 0px -732px;
}
29.3% {
    background-position: -436px -732px;
}
31% {
    background-position: -872px -732px;
}
32.8% {
    background-position: -1308px -732px;
}
34.5% {
    background-position: -1744px -732px;
}
36.2% {
    background-position: -2180px -732px;
}
37.9% {
    background-position: -2616px -732px;
}
39.7% {
    background-position: -3052px -732px;
}
41.4% {
    background-position: 0px -1098px;
}
43.1% {
    background-position: -436px -1098px;
}
44.8% {
    background-position: -872px -1098px;
}
46.6% {
    background-position: -1308px -1098px;
}
48.3% {
    background-position: -1744px -1098px;
}
50% {
    background-position: -2180px -1098px;
}
51.7% {
    background-position: -2616px -1098px;
}
53.4% {
    background-position: -3052px -1098px;
}
55.2% {
    background-position: 0px -1464px;
}
56.9% {
    background-position: -436px -1464px;
}
58.6% {
    background-position: -872px -1464px;
}
60.3% {
    background-position: -1308px -1464px;
}
62.1% {
    background-position: -1744px -1464px;
}
63.8% {
    background-position: -2180px -1464px;
}
65.5% {
    background-position: -2616px -1464px;
}
67.2% {
    background-position: -3052px -1464px;
}
69% {
    background-position: 0px -1830px;
}
70.7% {
    background-position: -436px -1830px;
}
72.4% {
    background-position: -872px -1830px;
}
74.1% {
    background-position: -1308px -1830px;
}
75.9% {
    background-position: -1744px -1830px;
}
77.6% {
    background-position: -2180px -1830px;
}
79.3% {
    background-position: -2616px -1830px;
}
81% {
    background-position: -3052px -1830px;
}
82.8% {
    background-position: 0px -2196px;
}
84.5% {
    background-position: -436px -2196px;
}
86.2% {
    background-position: -872px -2196px;
}
87.9% {
    background-position: -1308px -2196px;
}
89.7% {
    background-position: -1744px -2196px;
}
91.4% {
    background-position: -2180px -2196px;
}
93.1% {
    background-position: -2616px -2196px;
}
94.8% {
    background-position: -3052px -2196px;
}
96.6% {
    background-position: 0px -2562px;
}
98.3% {
    background-position: -436px -2562px;
}
100% {
    background-position: -436px -2562px;
}
}
.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;
}
.position-wrap .position-left[data-v-62d0da02] {
  display: inline-block;
  position: relative;
  width: 276px;
  padding: 41px 32px 0;
  background: #FFFFFF;
  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;
}
.position-wrap .position-left .filter-con .el-checkbox.is-checked[data-v-62d0da02] .el-checkbox__inner {
  background-color: #4B87EE;
  border-color: #4B87EE;
}
.position-wrap .position-left .filter-con .el-checkbox.is-checked[data-v-62d0da02] .el-checkbox__label {
  color: #4B87EE;
}
.position-wrap .position-left[data-v-62d0da02]::after {
  content: '';
  display: inline-block;
  margin-top: 30px;
  -webkit-transform: translate(-113px, 90px) scale(0.8);
          transform: translate(-113px, 90px) scale(0.8);
  height: 366px;
  width: 436px;
  mix-blend-mode: normal;
  -webkit-animation: sprite_z_tuceng_3_hecheng_1_000-data-v-62d0da02 2.42s 0s steps(1) infinite normal;
          animation: sprite_z_tuceng_3_hecheng_1_000-data-v-62d0da02 2.42s 0s steps(1) infinite normal;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite_z_tuceng_3_hecheng_1_000_a723c327.png);
  background-size: 800% 800%;
}
.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;
}
.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;
  background: -webkit-gradient(linear, left bottom, left top, from(#7FAEFF), to(#4281EE));
  background: linear-gradient(0deg, #7FAEFF 0%, #4281EE 100%);
  border-radius: 0px 8px 8px 0px;
  color: #fff;
  font-size: 20px;
}
.position-wrap .position-right .input-icon[data-v-62d0da02]:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#97beff), to(#4f8df7));
  background: linear-gradient(0deg, #97beff 0%, #4f8df7 100%);
}
.position-wrap .position-right .job-ul[data-v-62d0da02] {
  margin-top: 23px;
}
.position-wrap .position-right .job-ul li[data-v-62d0da02] {
  width: 1000px;
  background: #FFFFFF;
  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);
}
.position-wrap .position-right .job-ul li.is_high_need[data-v-62d0da02]::before {
  content: '';
  display: block;
  position: absolute;
  width: 39px;
  height: 38px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-81a6a4_81a6a49d.png) no-repeat;background-size:46.5px 38px;
background-position:-0px -0px;

  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;
}
.position-wrap .position-right .job-ul li .li-top .toggle[data-v-62d0da02]::after {
  display: inline-block;
  content: '';
  width: 13px;
  height: 7px;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-81a6a4_81a6a49d.png);background-size:93px 76px;
background-position:-80px -0px;

  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;
}
.position-wrap[data-v-62d0da02] .el-pager li {
  background: none;
  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;
}
.position-wrap .el-pagination[data-v-62d0da02] .btn-next,
.position-wrap .el-pagination[data-v-62d0da02] .btn-prev {
  background: none;
}
.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;
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-81a6a4_81a6a49d.png) no-repeat;background-size:93px 76px;
background-position:-80px -31px;
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;
}
.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 {
  background-image: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-81a6a4_81a6a49d.png) no-repeat;background-size:93px 76px;
background-position:-80px -42px;
width:6px;
height:9px;
}
.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);
  background: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-81a6a4_81a6a49d.png) no-repeat;background-size:93px 76px;
background-position:-80px -31px;
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;
}
.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 {
  background-image: url(https://leihuo.res.netease.com/pc/zt/20210128200730/img/sprite-81a6a4_81a6a49d.png) no-repeat;background-size:93px 76px;
background-position:-80px -42px;
width:6px;
height:9px;
}


.iframe-wrap[data-v-69b8a165] {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.9);
  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%);
}