@font-face {
  font-family: "fzlth";
  src: url("https://nie.res.netease.com/comm/js/nie/ref/fonts/fzlth.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.btn-menu {
  position: absolute;
  width: 246px;
  top: 70px;
  z-index: 2;
  /*第一条线旋转动画*/
  /*第二条线淡入淡出动画动画*/
  /*第三条线旋转动画*/
}
.btn-menu .inner-header-icon {
  color: #ffffff;
  height: 50px;
  font-size: 25px;
  text-align: center;
  width: 50px;
  left: 50%;
  margin-left: -25px;
  position: relative;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
  cursor: pointer;
}
.no-webp .btn-menu .inner-header-icon span {background-color:#ffffff}
.webp .btn-menu .inner-header-icon span {background-color:#ffffff}
.btn-menu .inner-header-icon span {
  position: absolute;
  top: calc((100% - 4px) / 2);
  right: 0;
  width: 50px;
  height: 1px;
}
.btn-menu .inner-header-icon span:nth-child(1) {
  width: 38px;
  -webkit-transform: translateY(8px) rotate(0deg);
          transform: translateY(8px) rotate(0deg);
}
.btn-menu .inner-header-icon span:nth-child(2) {
  width: 30px;
  opacity: 0;
}
.btn-menu .inner-header-icon span:nth-child(3) {
  width: 50px;
  -webkit-transform: translateY(-8px) rotate(0deg);
          transform: translateY(-8px) rotate(0deg);
}
.btn-menu .inner-header-icon-click span:nth-child(1) {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: clickfirst;
          animation-name: clickfirst;
}
.btn-menu .inner-header-icon-click span:nth-child(2) {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: clicksecond;
          animation-name: clicksecond;
}
.btn-menu .inner-header-icon-click span:nth-child(3) {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: clickthird;
          animation-name: clickthird;
}
@-webkit-keyframes clickfirst {
  0% {
    -webkit-transform: translateY(-8px) rotate(0deg);
            transform: translateY(-8px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(45deg);
            transform: translateY(0) rotate(45deg);
  }
}
@keyframes clickfirst {
  0% {
    -webkit-transform: translateY(-8px) rotate(0deg);
            transform: translateY(-8px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(45deg);
            transform: translateY(0) rotate(45deg);
  }
}
@-webkit-keyframes clicksecond {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes clicksecond {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes clickthird {
  0% {
    -webkit-transform: translateY(8px) rotate(0deg);
            transform: translateY(8px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
            transform: translateY(0) rotate(-45deg);
  }
}
@keyframes clickthird {
  0% {
    -webkit-transform: translateY(8px) rotate(0deg);
            transform: translateY(8px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
            transform: translateY(0) rotate(-45deg);
  }
}
.btn-menu .inner-header-icon-out span:nth-child(1) {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: outfirst;
          animation-name: outfirst;
}
.btn-menu .inner-header-icon-out span:nth-child(2) {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: outsecond;
          animation-name: outsecond;
}
.btn-menu .inner-header-icon-out span:nth-child(3) {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: outthird;
          animation-name: outthird;
}
@-webkit-keyframes outfirst {
  0% {
    -webkit-transform: translateY(0) rotate(45deg);
            transform: translateY(0) rotate(45deg);
  }
  100% {
    -webkit-transform: translateY(-8px) rotate(0deg);
            transform: translateY(-8px) rotate(0deg);
  }
}
@keyframes outfirst {
  0% {
    -webkit-transform: translateY(0) rotate(45deg);
            transform: translateY(0) rotate(45deg);
  }
  100% {
    -webkit-transform: translateY(-8px) rotate(0deg);
            transform: translateY(-8px) rotate(0deg);
  }
}
@-webkit-keyframes outsecond {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes outsecond {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes outthird {
  0% {
    -webkit-transform: translateY(0) rotate(-45deg);
            transform: translateY(0) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(8px) rotate(0deg);
            transform: translateY(8px) rotate(0deg);
  }
}
@keyframes outthird {
  0% {
    -webkit-transform: translateY(0) rotate(-45deg);
            transform: translateY(0) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(8px) rotate(0deg);
            transform: translateY(8px) rotate(0deg);
  }
}
.btn-menu p {
  text-align: center;
  color: #fff;
}
.no-webp .menu_open {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg2_af150398.png) no-repeat}
.webp .menu_open {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg2_af150398.webp) no-repeat}
.menu_open {
  width: 0;
  min-height: 1080px;
  position: absolute;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.menu_open.active {
  width: 360px;
}
.menu_open .menus {
  margin-top: 180px;
}
.menu_open .menus li {
  height: 60px;
  width: 250px;
  text-align: center;
  color: #dbdbe4;
  margin-bottom: 4px;
  position: relative;
}
.menu_open .menus li.active .subnav,
.menu_open .menus li:hover .subnav {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.menu_open .menus li.active .subnav a,
.menu_open .menus li:hover .subnav a {
  opacity: 1;
}
.menu_open .menus li.active p,
.menu_open .menus li:hover p {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.menu_open .menus li.active p span,
.menu_open .menus li:hover p span {
  opacity: 1;
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
.menu_open .menus li.active p:before,
.menu_open .menus li:hover p:before {
  opacity: 1;
}
.menu_open .menus li.active p:after,
.menu_open .menus li:hover p:after {
  width: 247px;
}
.menu_open .menus li p {
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-size: 17px;
  cursor: pointer;
  text-align: left;
  text-indent: 93px;
}
.menu_open .menus li p span {
  display: inline-block;
  opacity: 0;
  position: absolute;
  right: 100px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.no-webp .menu_open .menus li p:before {background:#fff}
.webp .menu_open .menus li p:before {background:#fff}
.menu_open .menus li p:before {
  content: "";
  opacity: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  left: 108px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.no-webp .menu_open .menus li p:after {background:#fff}
.webp .menu_open .menus li p:after {background:#fff}
.menu_open .menus li p:after {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  top: -9px;
  left: 115px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.menu_open .menus li em {
  display: block;
  font-family: fzlth;
  color: #9494b0;
  letter-spacing: 2px;
  position: relative;
  left: 3px;
  top: 3px;
  font-size: 10px;
  text-align: center;
  text-indent: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.menu_open .menus a {
  color: #dbdbe4;
}
.menu_open .subnav {
  position: absolute;
  width: 168px;
  right: -88px;
  top: -6px;
  opacity: 0;
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.menu_open .subnav a {
  text-align: center;
  display: block;
  line-height: 38px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  position: relative;
}
.menu_open .subnav a:after {
  content: ">";
  display: inline-block;
  margin-left: 5px;
  opacity: 0;
}
.menu_open .subnav a:hover {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.menu_open .subnav a:hover:after {
  opacity: 1;
}
.no-webp .menu_open .service-phone {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_phone_cbeb34ee.png) no-repeat}
.webp .menu_open .service-phone {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_phone_cbeb34ee.webp) no-repeat}
.menu_open .service-phone {
  width: 360px;
  height: 43px;
  margin-top: 50px;
  position: relative;
}
.no-webp .menu_open .service-phone i {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icon_phone_3fae743f.png) no-repeat}
.webp .menu_open .service-phone i {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icon_phone_3fae743f.webp) no-repeat}
.menu_open .service-phone i {
  width: 40px;
  height: 40px;
  position: absolute;
  top: -17px;
  left: 103px;
}
.menu_open .service-phone p {
  text-align: center;
  color: #fff;
  line-height: 26px;
  position: relative;
  left: 10px;
  top: -26px;
}
.no-webp .menu_open .side-wx {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_wx_5d66c7e5.png)}
.webp .menu_open .side-wx {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_wx_5d66c7e5.webp)}
.menu_open .side-wx {
  width: 104px;
  height: 128px;
  position: absolute;
  right: 30px;
  top: 148px;
  display: none;
}
.no-webp .menu_open .side-wx:after {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/wx_ab91d62f.jpg);
  background-size: 100%}
.webp .menu_open .side-wx:after {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/wx_ab91d62f.webp);
  background-size: 100%}
.no-webp .menu_open .side-wx:after {background-size:100%}
.webp .menu_open .side-wx:after {background-size:100%}
.menu_open .side-wx:after {
  content: '';
  width: 88px;
  height: 88px;
  display: block;
  position: relative;
  top: 12px;
  left: 8px;
}

.no-webp #mask {background-color:#000}

.webp #mask {background-color:#000}

#mask {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  _position: absolute;
  left: 0;
  top: 0;
  opacity: .65;
  filter: alpha(opacity=65);
  -moz-opacity: .65;
  z-index: 9999;
}
.no-webp .pop {background:#e9ecf6 url(https://qn.res.netease.com/pc/gw/20200824105157/img/pop-bg_f17105fe.jpg) no-repeat 50% 0}
.webp .pop {background:#e9ecf6 url(https://qn.res.netease.com/pc/gw/20200824105157/img/pop-bg_f17105fe.webp) no-repeat 50% 0}
.pop {
  position: fixed;
  _position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -300px;
  width: 600px;
  min-height: 280px;
  font-size: 14px;
  line-height: 1.5em;
  font-family: "Microsoft YaHei", serif;
  color: #242434;
  z-index: 10000;
  display: none;
  _height: 260px;
}
.pop_hd {
  height: 56px;
  position: relative;
}
.no-webp .pop_hd .close_pop {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/close_afd339b6.png) no-repeat}
.webp .pop_hd .close_pop {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/close_afd339b6.webp) no-repeat}
.pop_hd .close_pop {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 39px;
  height: 39px;
  text-indent: -999em;
  outline: 0;
  -webkit-transition: transform 0.3s ease-in-out;
  -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;
}
.pop_hd .close_pop:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.pop_hd h6,
.pop_hd h5 {
  height: 50px;
  font: 400 28px/56px 'Microsoft YaHei';
  text-align: center;
  color: #fff;
  margin: 0;
}
.pop_hd h5 {
  font-size: 18px;
}
.pop_bd {
  padding: 20px;
}
.pop_bd p {
  line-height: 1.6;
  padding-bottom: 10px;
}
.pop a {
  color: #888;
}
.pop a:hover {
  text-decoration: underline;
}
.no-webp .pop input {background:#f4faff}
.webp .pop input {background:#f4faff}
.pop input {
  width: 146px;
  height: 21px;
  line-height: 21px;
  padding: 1px;
  vertical-align: middle;
  font-size: 12px;
  color: #000;
  border: 1px solid #78a1c8;
}
.no-webp .pop .btn, 
.no-webp .pop .btn_fw, 
.no-webp .pop .btn_bk {background-image:url(https://qn.res.netease.com/pc/fab/20160406111403/img/pop_btns_19a082d.png)}
.webp .pop .btn, 
.webp .pop .btn_fw, 
.webp .pop .btn_bk {background-image:url(https://qn.res.netease.com/pc/fab/20160406111403/img/pop_btns_19a082d.webp)}
.pop .btn,
.pop .btn_fw,
.pop .btn_bk {
  display: inline-block;
  height: 45px;
  width: 145px;
  font: 400 20px/42px 'Microsoft YaHei';
  color: #402403;
  text-align: center;
  text-decoration: none;
  *display: inline;
  *zoom: 1;
}
.no-webp .pop .btn:hover, 
.no-webp .pop .btn_fw:hover, 
.no-webp .pop .btn_bk:hover {background-position:0 -45px}
.webp .pop .btn:hover, 
.webp .pop .btn_fw:hover, 
.webp .pop .btn_bk:hover {background-position:0 -45px}
.pop .btn:hover,
.pop .btn_fw:hover,
.pop .btn_bk:hover {
  color: #000;
  text-decoration: none;
}
.pop .btn_box {
  padding: 10px 0;
  text-align: center;
}
#cdkey_authcode {
  width: 83px;
}
.yy_code {
  display: inline-block;
  padding: 10px 0;
  text-align: left;
  border-bottom: 1px solid #bebec3;
  margin-bottom: 10px;
}
.pop_form_list {
  padding: 5px 0;
  margin: 0 auto;
}
.pop_form_list iframe {
  min-height: 266px;
}
.pop_form_list li {
  line-height: 32px;
  padding: 0 5px 0 88px;
  _zoom: 1;
}
.pop_form_list img {
  vertical-align: middle;
  margin: 0 -9px 0 0;
}
.no-webp .pop_form_list .chk {background:url(https://qn.res.netease.com/pc/fab/20160406111403/img/pop_btns_19a082d.png) -999px 0 no-repeat}
.webp .pop_form_list .chk {background:url(https://qn.res.netease.com/pc/fab/20160406111403/img/pop_btns_19a082d.webp) -999px 0 no-repeat}
.pop_form_list .chk {
  display: inline-block;
  vertical-align: middle;
  padding-left: 26px;
  line-height: 16px;
  font-size: 12px;
  margin: 0 2px;
  *display: inline;
  *zoom: 1;
}
.no-webp .pop_form_list .chk.o {background-position:-150px -10px}
.webp .pop_form_list .chk.o {background-position:-150px -10px}
.pop_form_list .chk.o {
  height: 16px;
}
.no-webp .pop_form_list .chk.x {background-position:-150px -55px}
.webp .pop_form_list .chk.x {background-position:-150px -55px}
.pop_form_list .chk.x {
}
.pop_form_list a,
.yy_code a {
  font-size: 12px;
  margin-left: 8px;
}
#pop_form_login label {
  vertical-align: middle;
  display: inline;
  width: 92px;
  height: 26px;
  line-height: 32px;
  text-align: right;
  float: left;
  margin-left: -88px;
}
.pop_form_list .i_text {
  width: 210px;
}
#pop1_btn {
  margin: 0 0 0 172px;
  float: left;
}
#pop1_reg {
  float: left;
  display: inline-block;
  margin-left: 20px;
  font-size: 12px;
  line-height: 50px;
}
#pop1_note {
  padding-bottom: 30px;
  clear: both;
}
#sn_code {
  width: 240px;
  height: 36px;
  line-height: 36px;
  color: #242434;
  margin: 0 5px;
  font: 700 16px/22px "Microsoft YaHei", serif;
}
.no-webp .btn_copy {background:#b29032}
.webp .btn_copy {background:#b29032}
.btn_copy {
  display: inline-block;
  padding: 6px 10px;
  font-size: 14px;
  margin-left: 10px;
  color: #fff;
  outline: 0;
}
.no-webp .btn_copy:hover {background:#c4a85b}
.webp .btn_copy:hover {background:#c4a85b}
.btn_copy:hover {
}
#pop_form_save {
  padding: 0 0 6px;
  text-align: center;
}
#pop_form_save li {
  padding-left: 10px;
}
#pop_saved .pop_bd {
  padding: 20px 40px;
}
#pop_sms {
  height: 202px;
  min-height: 202px;
}
#sms_invite {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999em;
}

@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;
}
@font-face {
  font-family: "fzlth";
  src: url("https://nie.res.netease.com/comm/js/nie/ref/fonts/fzlth.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
body {
  padding: 0;
  margin: 0 auto;
  position: relative;
  max-width: 1920px;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: normal;
  font-style: normal;
}
a,
a:hover {
  text-decoration: none;
}
body,
textarea,
input,
button {
  color: #000;
}
html,
body {
  width: 100%;
  height: 100%;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #454545;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #454545;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #454545;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #454545;
}
/*宽度限制板块*/
.wbox {
  width: 1200px;
  margin: 0 auto;
  clear: both;
}
.wbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wbox {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .wbox {
  zoom: 1;
}
.wbox {
  display: block;
  position: relative;
}
/* End hide from IE-mac */
body {
  width: 100%;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hide {
  display: none;
}
/**** DEMO单行
.text-overflow-ellipsis(1);
多行
 .text-overflow-ellipsis(2);
****/
.clearfix:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.flex {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* 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+ */
}
@-webkit-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes zoomInAndOut {
  0% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
            transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
            transform: translateY(700px);
    opacity: 0;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
            transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
            transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
            transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
            transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
            transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes shake {
  50% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
  0%,
  100% {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
  }
}
@keyframes shake {
  50% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
  0%,
  100% {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
  }
}
@-webkit-keyframes flip1 {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
  }
  25% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  50% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flip1 {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
            transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes flip2 {
  0% {
    -webkit-transform: perspective(400px) rotateY(-90deg);
  }
  25% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  50% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flip2 {
  0% {
    -webkit-transform: perspective(400px) rotateY(-90deg);
            transform: perspective(400px) rotateY(-90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
            transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes shine {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
}
@-webkit-keyframes gif {
  0% {
    background-position: 0%;
    opacity: 1;
  }
  100% {
    background-position: 200%;
    opacity: 1;
  }
}
@keyframes gif {
  0% {
    background-position: 0%;
    opacity: 1;
  }
  100% {
    background-position: 200%;
    opacity: 1;
  }
}
@-webkit-keyframes zoom2 {
  0% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
}
@keyframes zoom2 {
  0% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
}
@-webkit-keyframes matrix {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0;
    -webkit-transform-origin: center center 0;
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0;
    -webkit-transform-origin: center center 0;
  }
}
@keyframes matrix {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0;
    -webkit-transform-origin: center center 0;
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0;
    -webkit-transform-origin: center center 0;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes zoomIn2 {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes zoomIn2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes translateDown {
  0%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
}
@keyframes translateDown {
  0%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
}
@-webkit-keyframes translateLeft {
  0%,
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  50% {
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
  }
}
@keyframes translateLeft {
  0%,
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  50% {
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
  }
}
@keyframes arrow {
  0%,
  100% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 0.15rem);
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
  }
}
@-webkit-keyframes arrow {
  0%,
  100% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 0.15rem);
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
  }
}
@-webkit-keyframes show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fylLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes fylLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes fylLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes fylLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes scaleSkill {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes scaleSkill {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes scaleSkill {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes scaleSkill {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes btnShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes btnShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes btnShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes btnShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes mouse {
  0% {
    -webkit-transform: translateY(0px) scale(0.8);
            transform: translateY(0px) scale(0.8);
  }
  100% {
    -webkit-transform: translateY(20px) scale(0.8);
            transform: translateY(20px) scale(0.8);
  }
}
@keyframes mouse {
  0% {
    -webkit-transform: translateY(0px) scale(0.8);
            transform: translateY(0px) scale(0.8);
  }
  100% {
    -webkit-transform: translateY(20px) scale(0.8);
            transform: translateY(20px) scale(0.8);
  }
}
@-webkit-keyframes mouse {
  0% {
    -webkit-transform: translateY(0px) scale(0.8);
            transform: translateY(0px) scale(0.8);
  }
  100% {
    -webkit-transform: translateY(20px) scale(0.8);
            transform: translateY(20px) scale(0.8);
  }
}
@keyframes mouse {
  0% {
    -webkit-transform: translateY(0px) scale(0.8);
            transform: translateY(0px) scale(0.8);
  }
  100% {
    -webkit-transform: translateY(20px) scale(0.8);
            transform: translateY(20px) scale(0.8);
  }
}
@-webkit-keyframes slogan {
  0% {
    background-position: 0px 0px;
  }
  2.8% {
    background-position: -400px 0px;
  }
  5.6% {
    background-position: -800px 0px;
  }
  8.3% {
    background-position: -1200px 0px;
  }
  11.1% {
    background-position: -1600px 0px;
  }
  13.9% {
    background-position: -2000px 0px;
  }
  16.7% {
    background-position: 0px -482px;
  }
  19.4% {
    background-position: -400px -482px;
  }
  22.2% {
    background-position: -800px -482px;
  }
  25% {
    background-position: -1200px -482px;
  }
  27.8% {
    background-position: -1600px -482px;
  }
  30.6% {
    background-position: -2000px -482px;
  }
  33.3% {
    background-position: 0px -964px;
  }
  36.1% {
    background-position: -400px -964px;
  }
  38.9% {
    background-position: -800px -964px;
  }
  41.7% {
    background-position: -1200px -964px;
  }
  44.4% {
    background-position: -1600px -964px;
  }
  47.2% {
    background-position: -2000px -964px;
  }
  50% {
    background-position: 0px -1446px;
  }
  52.8% {
    background-position: -400px -1446px;
  }
  55.6% {
    background-position: -800px -1446px;
  }
  58.3% {
    background-position: -1200px -1446px;
  }
  61.1% {
    background-position: -1600px -1446px;
  }
  63.9% {
    background-position: -2000px -1446px;
  }
  66.7% {
    background-position: 0px -1928px;
  }
  69.4% {
    background-position: -400px -1928px;
  }
  72.2% {
    background-position: -800px -1928px;
  }
  75% {
    background-position: -1200px -1928px;
  }
  77.8% {
    background-position: -1600px -1928px;
  }
  80.6% {
    background-position: -2000px -1928px;
  }
  83.3% {
    background-position: 0px -2410px;
  }
  86.1% {
    background-position: -400px -2410px;
  }
  88.9% {
    background-position: -800px -2410px;
  }
  91.7% {
    background-position: -1200px -2410px;
  }
  94.4% {
    background-position: -1600px -2410px;
  }
  97.2% {
    background-position: -2000px -2410px;
  }
  100% {
    background-position: -2000px -2410px;
  }
}
@keyframes slogan {
  0% {
    background-position: 0px 0px;
  }
  2.8% {
    background-position: -400px 0px;
  }
  5.6% {
    background-position: -800px 0px;
  }
  8.3% {
    background-position: -1200px 0px;
  }
  11.1% {
    background-position: -1600px 0px;
  }
  13.9% {
    background-position: -2000px 0px;
  }
  16.7% {
    background-position: 0px -482px;
  }
  19.4% {
    background-position: -400px -482px;
  }
  22.2% {
    background-position: -800px -482px;
  }
  25% {
    background-position: -1200px -482px;
  }
  27.8% {
    background-position: -1600px -482px;
  }
  30.6% {
    background-position: -2000px -482px;
  }
  33.3% {
    background-position: 0px -964px;
  }
  36.1% {
    background-position: -400px -964px;
  }
  38.9% {
    background-position: -800px -964px;
  }
  41.7% {
    background-position: -1200px -964px;
  }
  44.4% {
    background-position: -1600px -964px;
  }
  47.2% {
    background-position: -2000px -964px;
  }
  50% {
    background-position: 0px -1446px;
  }
  52.8% {
    background-position: -400px -1446px;
  }
  55.6% {
    background-position: -800px -1446px;
  }
  58.3% {
    background-position: -1200px -1446px;
  }
  61.1% {
    background-position: -1600px -1446px;
  }
  63.9% {
    background-position: -2000px -1446px;
  }
  66.7% {
    background-position: 0px -1928px;
  }
  69.4% {
    background-position: -400px -1928px;
  }
  72.2% {
    background-position: -800px -1928px;
  }
  75% {
    background-position: -1200px -1928px;
  }
  77.8% {
    background-position: -1600px -1928px;
  }
  80.6% {
    background-position: -2000px -1928px;
  }
  83.3% {
    background-position: 0px -2410px;
  }
  86.1% {
    background-position: -400px -2410px;
  }
  88.9% {
    background-position: -800px -2410px;
  }
  91.7% {
    background-position: -1200px -2410px;
  }
  94.4% {
    background-position: -1600px -2410px;
  }
  97.2% {
    background-position: -2000px -2410px;
  }
  100% {
    background-position: -2000px -2410px;
  }
}
@-webkit-keyframes slogan {
  0% {
    background-position: 0px 0px;
  }
  2.8% {
    background-position: -400px 0px;
  }
  5.6% {
    background-position: -800px 0px;
  }
  8.3% {
    background-position: -1200px 0px;
  }
  11.1% {
    background-position: -1600px 0px;
  }
  13.9% {
    background-position: -2000px 0px;
  }
  16.7% {
    background-position: 0px -482px;
  }
  19.4% {
    background-position: -400px -482px;
  }
  22.2% {
    background-position: -800px -482px;
  }
  25% {
    background-position: -1200px -482px;
  }
  27.8% {
    background-position: -1600px -482px;
  }
  30.6% {
    background-position: -2000px -482px;
  }
  33.3% {
    background-position: 0px -964px;
  }
  36.1% {
    background-position: -400px -964px;
  }
  38.9% {
    background-position: -800px -964px;
  }
  41.7% {
    background-position: -1200px -964px;
  }
  44.4% {
    background-position: -1600px -964px;
  }
  47.2% {
    background-position: -2000px -964px;
  }
  50% {
    background-position: 0px -1446px;
  }
  52.8% {
    background-position: -400px -1446px;
  }
  55.6% {
    background-position: -800px -1446px;
  }
  58.3% {
    background-position: -1200px -1446px;
  }
  61.1% {
    background-position: -1600px -1446px;
  }
  63.9% {
    background-position: -2000px -1446px;
  }
  66.7% {
    background-position: 0px -1928px;
  }
  69.4% {
    background-position: -400px -1928px;
  }
  72.2% {
    background-position: -800px -1928px;
  }
  75% {
    background-position: -1200px -1928px;
  }
  77.8% {
    background-position: -1600px -1928px;
  }
  80.6% {
    background-position: -2000px -1928px;
  }
  83.3% {
    background-position: 0px -2410px;
  }
  86.1% {
    background-position: -400px -2410px;
  }
  88.9% {
    background-position: -800px -2410px;
  }
  91.7% {
    background-position: -1200px -2410px;
  }
  94.4% {
    background-position: -1600px -2410px;
  }
  97.2% {
    background-position: -2000px -2410px;
  }
  100% {
    background-position: -2000px -2410px;
  }
}
@keyframes slogan {
  0% {
    background-position: 0px 0px;
  }
  2.8% {
    background-position: -400px 0px;
  }
  5.6% {
    background-position: -800px 0px;
  }
  8.3% {
    background-position: -1200px 0px;
  }
  11.1% {
    background-position: -1600px 0px;
  }
  13.9% {
    background-position: -2000px 0px;
  }
  16.7% {
    background-position: 0px -482px;
  }
  19.4% {
    background-position: -400px -482px;
  }
  22.2% {
    background-position: -800px -482px;
  }
  25% {
    background-position: -1200px -482px;
  }
  27.8% {
    background-position: -1600px -482px;
  }
  30.6% {
    background-position: -2000px -482px;
  }
  33.3% {
    background-position: 0px -964px;
  }
  36.1% {
    background-position: -400px -964px;
  }
  38.9% {
    background-position: -800px -964px;
  }
  41.7% {
    background-position: -1200px -964px;
  }
  44.4% {
    background-position: -1600px -964px;
  }
  47.2% {
    background-position: -2000px -964px;
  }
  50% {
    background-position: 0px -1446px;
  }
  52.8% {
    background-position: -400px -1446px;
  }
  55.6% {
    background-position: -800px -1446px;
  }
  58.3% {
    background-position: -1200px -1446px;
  }
  61.1% {
    background-position: -1600px -1446px;
  }
  63.9% {
    background-position: -2000px -1446px;
  }
  66.7% {
    background-position: 0px -1928px;
  }
  69.4% {
    background-position: -400px -1928px;
  }
  72.2% {
    background-position: -800px -1928px;
  }
  75% {
    background-position: -1200px -1928px;
  }
  77.8% {
    background-position: -1600px -1928px;
  }
  80.6% {
    background-position: -2000px -1928px;
  }
  83.3% {
    background-position: 0px -2410px;
  }
  86.1% {
    background-position: -400px -2410px;
  }
  88.9% {
    background-position: -800px -2410px;
  }
  91.7% {
    background-position: -1200px -2410px;
  }
  94.4% {
    background-position: -1600px -2410px;
  }
  97.2% {
    background-position: -2000px -2410px;
  }
  100% {
    background-position: -2000px -2410px;
  }
}
@-webkit-keyframes index_zs_a {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -400px 0px;
  }
  16.7% {
    background-position: -800px 0px;
  }
  25% {
    background-position: -1200px 0px;
  }
  33.3% {
    background-position: 0px -540px;
  }
  41.7% {
    background-position: -400px -540px;
  }
  50% {
    background-position: -800px -540px;
  }
  58.3% {
    background-position: -1200px -540px;
  }
  66.7% {
    background-position: 0px -1080px;
  }
  75% {
    background-position: -400px -1080px;
  }
  83.3% {
    background-position: -800px -1080px;
  }
  91.7% {
    background-position: -1200px -1080px;
  }
  100% {
    background-position: -1200px -1080px;
  }
}
@keyframes index_zs_a {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -400px 0px;
  }
  16.7% {
    background-position: -800px 0px;
  }
  25% {
    background-position: -1200px 0px;
  }
  33.3% {
    background-position: 0px -540px;
  }
  41.7% {
    background-position: -400px -540px;
  }
  50% {
    background-position: -800px -540px;
  }
  58.3% {
    background-position: -1200px -540px;
  }
  66.7% {
    background-position: 0px -1080px;
  }
  75% {
    background-position: -400px -1080px;
  }
  83.3% {
    background-position: -800px -1080px;
  }
  91.7% {
    background-position: -1200px -1080px;
  }
  100% {
    background-position: -1200px -1080px;
  }
}
@-webkit-keyframes index_zs_a {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -400px 0px;
  }
  16.7% {
    background-position: -800px 0px;
  }
  25% {
    background-position: -1200px 0px;
  }
  33.3% {
    background-position: 0px -540px;
  }
  41.7% {
    background-position: -400px -540px;
  }
  50% {
    background-position: -800px -540px;
  }
  58.3% {
    background-position: -1200px -540px;
  }
  66.7% {
    background-position: 0px -1080px;
  }
  75% {
    background-position: -400px -1080px;
  }
  83.3% {
    background-position: -800px -1080px;
  }
  91.7% {
    background-position: -1200px -1080px;
  }
  100% {
    background-position: -1200px -1080px;
  }
}
@keyframes index_zs_a {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -400px 0px;
  }
  16.7% {
    background-position: -800px 0px;
  }
  25% {
    background-position: -1200px 0px;
  }
  33.3% {
    background-position: 0px -540px;
  }
  41.7% {
    background-position: -400px -540px;
  }
  50% {
    background-position: -800px -540px;
  }
  58.3% {
    background-position: -1200px -540px;
  }
  66.7% {
    background-position: 0px -1080px;
  }
  75% {
    background-position: -400px -1080px;
  }
  83.3% {
    background-position: -800px -1080px;
  }
  91.7% {
    background-position: -1200px -1080px;
  }
  100% {
    background-position: -1200px -1080px;
  }
}
@-webkit-keyframes index_zs_b {
  0% {
    background-position: 0px 0px;
  }
  2.1% {
    background-position: -220px 0px;
  }
  4.2% {
    background-position: -440px 0px;
  }
  6.3% {
    background-position: -660px 0px;
  }
  8.3% {
    background-position: -880px 0px;
  }
  10.4% {
    background-position: -1100px 0px;
  }
  12.5% {
    background-position: -1320px 0px;
  }
  14.6% {
    background-position: 0px -270px;
  }
  16.7% {
    background-position: -220px -270px;
  }
  18.8% {
    background-position: -440px -270px;
  }
  20.8% {
    background-position: -660px -270px;
  }
  22.9% {
    background-position: -880px -270px;
  }
  25% {
    background-position: -1100px -270px;
  }
  27.1% {
    background-position: -1320px -270px;
  }
  29.2% {
    background-position: 0px -540px;
  }
  31.3% {
    background-position: -220px -540px;
  }
  33.3% {
    background-position: -440px -540px;
  }
  35.4% {
    background-position: -660px -540px;
  }
  37.5% {
    background-position: -880px -540px;
  }
  39.6% {
    background-position: -1100px -540px;
  }
  41.7% {
    background-position: -1320px -540px;
  }
  43.8% {
    background-position: 0px -810px;
  }
  45.8% {
    background-position: -220px -810px;
  }
  47.9% {
    background-position: -440px -810px;
  }
  50% {
    background-position: -660px -810px;
  }
  52.1% {
    background-position: -880px -810px;
  }
  54.2% {
    background-position: -1100px -810px;
  }
  56.3% {
    background-position: -1320px -810px;
  }
  58.3% {
    background-position: 0px -1080px;
  }
  60.4% {
    background-position: -220px -1080px;
  }
  62.5% {
    background-position: -440px -1080px;
  }
  64.6% {
    background-position: -660px -1080px;
  }
  66.7% {
    background-position: -880px -1080px;
  }
  68.8% {
    background-position: -1100px -1080px;
  }
  70.8% {
    background-position: -1320px -1080px;
  }
  72.9% {
    background-position: 0px -1350px;
  }
  75% {
    background-position: -220px -1350px;
  }
  77.1% {
    background-position: -440px -1350px;
  }
  79.2% {
    background-position: -660px -1350px;
  }
  81.3% {
    background-position: -880px -1350px;
  }
  83.3% {
    background-position: -1100px -1350px;
  }
  85.4% {
    background-position: -1320px -1350px;
  }
  87.5% {
    background-position: 0px -1620px;
  }
  89.6% {
    background-position: -220px -1620px;
  }
  91.7% {
    background-position: -440px -1620px;
  }
  93.8% {
    background-position: -660px -1620px;
  }
  95.8% {
    background-position: -880px -1620px;
  }
  97.9% {
    background-position: -1100px -1620px;
  }
  100% {
    background-position: -1100px -1620px;
  }
}
@keyframes index_zs_b {
  0% {
    background-position: 0px 0px;
  }
  2.1% {
    background-position: -220px 0px;
  }
  4.2% {
    background-position: -440px 0px;
  }
  6.3% {
    background-position: -660px 0px;
  }
  8.3% {
    background-position: -880px 0px;
  }
  10.4% {
    background-position: -1100px 0px;
  }
  12.5% {
    background-position: -1320px 0px;
  }
  14.6% {
    background-position: 0px -270px;
  }
  16.7% {
    background-position: -220px -270px;
  }
  18.8% {
    background-position: -440px -270px;
  }
  20.8% {
    background-position: -660px -270px;
  }
  22.9% {
    background-position: -880px -270px;
  }
  25% {
    background-position: -1100px -270px;
  }
  27.1% {
    background-position: -1320px -270px;
  }
  29.2% {
    background-position: 0px -540px;
  }
  31.3% {
    background-position: -220px -540px;
  }
  33.3% {
    background-position: -440px -540px;
  }
  35.4% {
    background-position: -660px -540px;
  }
  37.5% {
    background-position: -880px -540px;
  }
  39.6% {
    background-position: -1100px -540px;
  }
  41.7% {
    background-position: -1320px -540px;
  }
  43.8% {
    background-position: 0px -810px;
  }
  45.8% {
    background-position: -220px -810px;
  }
  47.9% {
    background-position: -440px -810px;
  }
  50% {
    background-position: -660px -810px;
  }
  52.1% {
    background-position: -880px -810px;
  }
  54.2% {
    background-position: -1100px -810px;
  }
  56.3% {
    background-position: -1320px -810px;
  }
  58.3% {
    background-position: 0px -1080px;
  }
  60.4% {
    background-position: -220px -1080px;
  }
  62.5% {
    background-position: -440px -1080px;
  }
  64.6% {
    background-position: -660px -1080px;
  }
  66.7% {
    background-position: -880px -1080px;
  }
  68.8% {
    background-position: -1100px -1080px;
  }
  70.8% {
    background-position: -1320px -1080px;
  }
  72.9% {
    background-position: 0px -1350px;
  }
  75% {
    background-position: -220px -1350px;
  }
  77.1% {
    background-position: -440px -1350px;
  }
  79.2% {
    background-position: -660px -1350px;
  }
  81.3% {
    background-position: -880px -1350px;
  }
  83.3% {
    background-position: -1100px -1350px;
  }
  85.4% {
    background-position: -1320px -1350px;
  }
  87.5% {
    background-position: 0px -1620px;
  }
  89.6% {
    background-position: -220px -1620px;
  }
  91.7% {
    background-position: -440px -1620px;
  }
  93.8% {
    background-position: -660px -1620px;
  }
  95.8% {
    background-position: -880px -1620px;
  }
  97.9% {
    background-position: -1100px -1620px;
  }
  100% {
    background-position: -1100px -1620px;
  }
}
@-webkit-keyframes index_zs_b {
  0% {
    background-position: 0px 0px;
  }
  2.1% {
    background-position: -220px 0px;
  }
  4.2% {
    background-position: -440px 0px;
  }
  6.3% {
    background-position: -660px 0px;
  }
  8.3% {
    background-position: -880px 0px;
  }
  10.4% {
    background-position: -1100px 0px;
  }
  12.5% {
    background-position: -1320px 0px;
  }
  14.6% {
    background-position: 0px -270px;
  }
  16.7% {
    background-position: -220px -270px;
  }
  18.8% {
    background-position: -440px -270px;
  }
  20.8% {
    background-position: -660px -270px;
  }
  22.9% {
    background-position: -880px -270px;
  }
  25% {
    background-position: -1100px -270px;
  }
  27.1% {
    background-position: -1320px -270px;
  }
  29.2% {
    background-position: 0px -540px;
  }
  31.3% {
    background-position: -220px -540px;
  }
  33.3% {
    background-position: -440px -540px;
  }
  35.4% {
    background-position: -660px -540px;
  }
  37.5% {
    background-position: -880px -540px;
  }
  39.6% {
    background-position: -1100px -540px;
  }
  41.7% {
    background-position: -1320px -540px;
  }
  43.8% {
    background-position: 0px -810px;
  }
  45.8% {
    background-position: -220px -810px;
  }
  47.9% {
    background-position: -440px -810px;
  }
  50% {
    background-position: -660px -810px;
  }
  52.1% {
    background-position: -880px -810px;
  }
  54.2% {
    background-position: -1100px -810px;
  }
  56.3% {
    background-position: -1320px -810px;
  }
  58.3% {
    background-position: 0px -1080px;
  }
  60.4% {
    background-position: -220px -1080px;
  }
  62.5% {
    background-position: -440px -1080px;
  }
  64.6% {
    background-position: -660px -1080px;
  }
  66.7% {
    background-position: -880px -1080px;
  }
  68.8% {
    background-position: -1100px -1080px;
  }
  70.8% {
    background-position: -1320px -1080px;
  }
  72.9% {
    background-position: 0px -1350px;
  }
  75% {
    background-position: -220px -1350px;
  }
  77.1% {
    background-position: -440px -1350px;
  }
  79.2% {
    background-position: -660px -1350px;
  }
  81.3% {
    background-position: -880px -1350px;
  }
  83.3% {
    background-position: -1100px -1350px;
  }
  85.4% {
    background-position: -1320px -1350px;
  }
  87.5% {
    background-position: 0px -1620px;
  }
  89.6% {
    background-position: -220px -1620px;
  }
  91.7% {
    background-position: -440px -1620px;
  }
  93.8% {
    background-position: -660px -1620px;
  }
  95.8% {
    background-position: -880px -1620px;
  }
  97.9% {
    background-position: -1100px -1620px;
  }
  100% {
    background-position: -1100px -1620px;
  }
}
@keyframes index_zs_b {
  0% {
    background-position: 0px 0px;
  }
  2.1% {
    background-position: -220px 0px;
  }
  4.2% {
    background-position: -440px 0px;
  }
  6.3% {
    background-position: -660px 0px;
  }
  8.3% {
    background-position: -880px 0px;
  }
  10.4% {
    background-position: -1100px 0px;
  }
  12.5% {
    background-position: -1320px 0px;
  }
  14.6% {
    background-position: 0px -270px;
  }
  16.7% {
    background-position: -220px -270px;
  }
  18.8% {
    background-position: -440px -270px;
  }
  20.8% {
    background-position: -660px -270px;
  }
  22.9% {
    background-position: -880px -270px;
  }
  25% {
    background-position: -1100px -270px;
  }
  27.1% {
    background-position: -1320px -270px;
  }
  29.2% {
    background-position: 0px -540px;
  }
  31.3% {
    background-position: -220px -540px;
  }
  33.3% {
    background-position: -440px -540px;
  }
  35.4% {
    background-position: -660px -540px;
  }
  37.5% {
    background-position: -880px -540px;
  }
  39.6% {
    background-position: -1100px -540px;
  }
  41.7% {
    background-position: -1320px -540px;
  }
  43.8% {
    background-position: 0px -810px;
  }
  45.8% {
    background-position: -220px -810px;
  }
  47.9% {
    background-position: -440px -810px;
  }
  50% {
    background-position: -660px -810px;
  }
  52.1% {
    background-position: -880px -810px;
  }
  54.2% {
    background-position: -1100px -810px;
  }
  56.3% {
    background-position: -1320px -810px;
  }
  58.3% {
    background-position: 0px -1080px;
  }
  60.4% {
    background-position: -220px -1080px;
  }
  62.5% {
    background-position: -440px -1080px;
  }
  64.6% {
    background-position: -660px -1080px;
  }
  66.7% {
    background-position: -880px -1080px;
  }
  68.8% {
    background-position: -1100px -1080px;
  }
  70.8% {
    background-position: -1320px -1080px;
  }
  72.9% {
    background-position: 0px -1350px;
  }
  75% {
    background-position: -220px -1350px;
  }
  77.1% {
    background-position: -440px -1350px;
  }
  79.2% {
    background-position: -660px -1350px;
  }
  81.3% {
    background-position: -880px -1350px;
  }
  83.3% {
    background-position: -1100px -1350px;
  }
  85.4% {
    background-position: -1320px -1350px;
  }
  87.5% {
    background-position: 0px -1620px;
  }
  89.6% {
    background-position: -220px -1620px;
  }
  91.7% {
    background-position: -440px -1620px;
  }
  93.8% {
    background-position: -660px -1620px;
  }
  95.8% {
    background-position: -880px -1620px;
  }
  97.9% {
    background-position: -1100px -1620px;
  }
  100% {
    background-position: -1100px -1620px;
  }
}
@-webkit-keyframes index_zs_c {
  0% {
    background-position: 0px 0px;
  }
  4.2% {
    background-position: -200px 0px;
  }
  8.3% {
    background-position: -400px 0px;
  }
  12.5% {
    background-position: -600px 0px;
  }
  16.7% {
    background-position: -800px 0px;
  }
  20.8% {
    background-position: 0px -200px;
  }
  25% {
    background-position: -200px -200px;
  }
  29.2% {
    background-position: -400px -200px;
  }
  33.3% {
    background-position: -600px -200px;
  }
  37.5% {
    background-position: -800px -200px;
  }
  41.7% {
    background-position: 0px -400px;
  }
  45.8% {
    background-position: -200px -400px;
  }
  50% {
    background-position: -400px -400px;
  }
  54.2% {
    background-position: -600px -400px;
  }
  58.3% {
    background-position: -800px -400px;
  }
  62.5% {
    background-position: 0px -600px;
  }
  66.7% {
    background-position: -200px -600px;
  }
  70.8% {
    background-position: -400px -600px;
  }
  75% {
    background-position: -600px -600px;
  }
  79.2% {
    background-position: -800px -600px;
  }
  83.3% {
    background-position: 0px -800px;
  }
  87.5% {
    background-position: -200px -800px;
  }
  91.7% {
    background-position: -400px -800px;
  }
  95.8% {
    background-position: -600px -800px;
  }
  100% {
    background-position: -600px -800px;
  }
}
@keyframes index_zs_c {
  0% {
    background-position: 0px 0px;
  }
  4.2% {
    background-position: -200px 0px;
  }
  8.3% {
    background-position: -400px 0px;
  }
  12.5% {
    background-position: -600px 0px;
  }
  16.7% {
    background-position: -800px 0px;
  }
  20.8% {
    background-position: 0px -200px;
  }
  25% {
    background-position: -200px -200px;
  }
  29.2% {
    background-position: -400px -200px;
  }
  33.3% {
    background-position: -600px -200px;
  }
  37.5% {
    background-position: -800px -200px;
  }
  41.7% {
    background-position: 0px -400px;
  }
  45.8% {
    background-position: -200px -400px;
  }
  50% {
    background-position: -400px -400px;
  }
  54.2% {
    background-position: -600px -400px;
  }
  58.3% {
    background-position: -800px -400px;
  }
  62.5% {
    background-position: 0px -600px;
  }
  66.7% {
    background-position: -200px -600px;
  }
  70.8% {
    background-position: -400px -600px;
  }
  75% {
    background-position: -600px -600px;
  }
  79.2% {
    background-position: -800px -600px;
  }
  83.3% {
    background-position: 0px -800px;
  }
  87.5% {
    background-position: -200px -800px;
  }
  91.7% {
    background-position: -400px -800px;
  }
  95.8% {
    background-position: -600px -800px;
  }
  100% {
    background-position: -600px -800px;
  }
}
@-webkit-keyframes index_zs_c {
  0% {
    background-position: 0px 0px;
  }
  4.2% {
    background-position: -200px 0px;
  }
  8.3% {
    background-position: -400px 0px;
  }
  12.5% {
    background-position: -600px 0px;
  }
  16.7% {
    background-position: -800px 0px;
  }
  20.8% {
    background-position: 0px -200px;
  }
  25% {
    background-position: -200px -200px;
  }
  29.2% {
    background-position: -400px -200px;
  }
  33.3% {
    background-position: -600px -200px;
  }
  37.5% {
    background-position: -800px -200px;
  }
  41.7% {
    background-position: 0px -400px;
  }
  45.8% {
    background-position: -200px -400px;
  }
  50% {
    background-position: -400px -400px;
  }
  54.2% {
    background-position: -600px -400px;
  }
  58.3% {
    background-position: -800px -400px;
  }
  62.5% {
    background-position: 0px -600px;
  }
  66.7% {
    background-position: -200px -600px;
  }
  70.8% {
    background-position: -400px -600px;
  }
  75% {
    background-position: -600px -600px;
  }
  79.2% {
    background-position: -800px -600px;
  }
  83.3% {
    background-position: 0px -800px;
  }
  87.5% {
    background-position: -200px -800px;
  }
  91.7% {
    background-position: -400px -800px;
  }
  95.8% {
    background-position: -600px -800px;
  }
  100% {
    background-position: -600px -800px;
  }
}
@keyframes index_zs_c {
  0% {
    background-position: 0px 0px;
  }
  4.2% {
    background-position: -200px 0px;
  }
  8.3% {
    background-position: -400px 0px;
  }
  12.5% {
    background-position: -600px 0px;
  }
  16.7% {
    background-position: -800px 0px;
  }
  20.8% {
    background-position: 0px -200px;
  }
  25% {
    background-position: -200px -200px;
  }
  29.2% {
    background-position: -400px -200px;
  }
  33.3% {
    background-position: -600px -200px;
  }
  37.5% {
    background-position: -800px -200px;
  }
  41.7% {
    background-position: 0px -400px;
  }
  45.8% {
    background-position: -200px -400px;
  }
  50% {
    background-position: -400px -400px;
  }
  54.2% {
    background-position: -600px -400px;
  }
  58.3% {
    background-position: -800px -400px;
  }
  62.5% {
    background-position: 0px -600px;
  }
  66.7% {
    background-position: -200px -600px;
  }
  70.8% {
    background-position: -400px -600px;
  }
  75% {
    background-position: -600px -600px;
  }
  79.2% {
    background-position: -800px -600px;
  }
  83.3% {
    background-position: 0px -800px;
  }
  87.5% {
    background-position: -200px -800px;
  }
  91.7% {
    background-position: -400px -800px;
  }
  95.8% {
    background-position: -600px -800px;
  }
  100% {
    background-position: -600px -800px;
  }
}
@-webkit-keyframes index_zs_d {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -400px 0px;
  }
  16.7% {
    background-position: -800px 0px;
  }
  25% {
    background-position: -1200px 0px;
  }
  33.3% {
    background-position: 0px -400px;
  }
  41.7% {
    background-position: -400px -400px;
  }
  50% {
    background-position: -800px -400px;
  }
  58.3% {
    background-position: -1200px -400px;
  }
  66.7% {
    background-position: 0px -800px;
  }
  75% {
    background-position: -400px -800px;
  }
  83.3% {
    background-position: -800px -800px;
  }
  91.7% {
    background-position: -1200px -800px;
  }
  100% {
    background-position: -1200px -800px;
  }
}
@keyframes index_zs_d {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -400px 0px;
  }
  16.7% {
    background-position: -800px 0px;
  }
  25% {
    background-position: -1200px 0px;
  }
  33.3% {
    background-position: 0px -400px;
  }
  41.7% {
    background-position: -400px -400px;
  }
  50% {
    background-position: -800px -400px;
  }
  58.3% {
    background-position: -1200px -400px;
  }
  66.7% {
    background-position: 0px -800px;
  }
  75% {
    background-position: -400px -800px;
  }
  83.3% {
    background-position: -800px -800px;
  }
  91.7% {
    background-position: -1200px -800px;
  }
  100% {
    background-position: -1200px -800px;
  }
}
@-webkit-keyframes index_zs_d {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -400px 0px;
  }
  16.7% {
    background-position: -800px 0px;
  }
  25% {
    background-position: -1200px 0px;
  }
  33.3% {
    background-position: 0px -400px;
  }
  41.7% {
    background-position: -400px -400px;
  }
  50% {
    background-position: -800px -400px;
  }
  58.3% {
    background-position: -1200px -400px;
  }
  66.7% {
    background-position: 0px -800px;
  }
  75% {
    background-position: -400px -800px;
  }
  83.3% {
    background-position: -800px -800px;
  }
  91.7% {
    background-position: -1200px -800px;
  }
  100% {
    background-position: -1200px -800px;
  }
}
@keyframes index_zs_d {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -400px 0px;
  }
  16.7% {
    background-position: -800px 0px;
  }
  25% {
    background-position: -1200px 0px;
  }
  33.3% {
    background-position: 0px -400px;
  }
  41.7% {
    background-position: -400px -400px;
  }
  50% {
    background-position: -800px -400px;
  }
  58.3% {
    background-position: -1200px -400px;
  }
  66.7% {
    background-position: 0px -800px;
  }
  75% {
    background-position: -400px -800px;
  }
  83.3% {
    background-position: -800px -800px;
  }
  91.7% {
    background-position: -1200px -800px;
  }
  100% {
    background-position: -1200px -800px;
  }
}
@-webkit-keyframes index_zs_e {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -500px 0px;
  }
  16.7% {
    background-position: -1000px 0px;
  }
  25% {
    background-position: -1500px 0px;
  }
  33.3% {
    background-position: 0px -300px;
  }
  41.7% {
    background-position: -500px -300px;
  }
  50% {
    background-position: -1000px -300px;
  }
  58.3% {
    background-position: -1500px -300px;
  }
  66.7% {
    background-position: 0px -600px;
  }
  75% {
    background-position: -500px -600px;
  }
  83.3% {
    background-position: -1000px -600px;
  }
  91.7% {
    background-position: -1500px -600px;
  }
  100% {
    background-position: -1500px -600px;
  }
}
@keyframes index_zs_e {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -500px 0px;
  }
  16.7% {
    background-position: -1000px 0px;
  }
  25% {
    background-position: -1500px 0px;
  }
  33.3% {
    background-position: 0px -300px;
  }
  41.7% {
    background-position: -500px -300px;
  }
  50% {
    background-position: -1000px -300px;
  }
  58.3% {
    background-position: -1500px -300px;
  }
  66.7% {
    background-position: 0px -600px;
  }
  75% {
    background-position: -500px -600px;
  }
  83.3% {
    background-position: -1000px -600px;
  }
  91.7% {
    background-position: -1500px -600px;
  }
  100% {
    background-position: -1500px -600px;
  }
}
@-webkit-keyframes index_zs_e {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -500px 0px;
  }
  16.7% {
    background-position: -1000px 0px;
  }
  25% {
    background-position: -1500px 0px;
  }
  33.3% {
    background-position: 0px -300px;
  }
  41.7% {
    background-position: -500px -300px;
  }
  50% {
    background-position: -1000px -300px;
  }
  58.3% {
    background-position: -1500px -300px;
  }
  66.7% {
    background-position: 0px -600px;
  }
  75% {
    background-position: -500px -600px;
  }
  83.3% {
    background-position: -1000px -600px;
  }
  91.7% {
    background-position: -1500px -600px;
  }
  100% {
    background-position: -1500px -600px;
  }
}
@keyframes index_zs_e {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -500px 0px;
  }
  16.7% {
    background-position: -1000px 0px;
  }
  25% {
    background-position: -1500px 0px;
  }
  33.3% {
    background-position: 0px -300px;
  }
  41.7% {
    background-position: -500px -300px;
  }
  50% {
    background-position: -1000px -300px;
  }
  58.3% {
    background-position: -1500px -300px;
  }
  66.7% {
    background-position: 0px -600px;
  }
  75% {
    background-position: -500px -600px;
  }
  83.3% {
    background-position: -1000px -600px;
  }
  91.7% {
    background-position: -1500px -600px;
  }
  100% {
    background-position: -1500px -600px;
  }
}
@-webkit-keyframes sprite_yindaodianliang_17 {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -112px 0px;
  }
  16.7% {
    background-position: -224px 0px;
  }
  25% {
    background-position: -336px 0px;
  }
  33.3% {
    background-position: 0px -110px;
  }
  41.7% {
    background-position: -112px -110px;
  }
  50% {
    background-position: -224px -110px;
  }
  58.3% {
    background-position: -336px -110px;
  }
  66.7% {
    background-position: 0px -220px;
  }
  75% {
    background-position: -112px -220px;
  }
  83.3% {
    background-position: -224px -220px;
  }
  91.7% {
    background-position: -336px -220px;
  }
  100% {
    background-position: -336px -220px;
  }
}
@keyframes sprite_yindaodianliang_17 {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -112px 0px;
  }
  16.7% {
    background-position: -224px 0px;
  }
  25% {
    background-position: -336px 0px;
  }
  33.3% {
    background-position: 0px -110px;
  }
  41.7% {
    background-position: -112px -110px;
  }
  50% {
    background-position: -224px -110px;
  }
  58.3% {
    background-position: -336px -110px;
  }
  66.7% {
    background-position: 0px -220px;
  }
  75% {
    background-position: -112px -220px;
  }
  83.3% {
    background-position: -224px -220px;
  }
  91.7% {
    background-position: -336px -220px;
  }
  100% {
    background-position: -336px -220px;
  }
}
@-webkit-keyframes sprite_yindaodianliang_17 {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -112px 0px;
  }
  16.7% {
    background-position: -224px 0px;
  }
  25% {
    background-position: -336px 0px;
  }
  33.3% {
    background-position: 0px -110px;
  }
  41.7% {
    background-position: -112px -110px;
  }
  50% {
    background-position: -224px -110px;
  }
  58.3% {
    background-position: -336px -110px;
  }
  66.7% {
    background-position: 0px -220px;
  }
  75% {
    background-position: -112px -220px;
  }
  83.3% {
    background-position: -224px -220px;
  }
  91.7% {
    background-position: -336px -220px;
  }
  100% {
    background-position: -336px -220px;
  }
}
@keyframes sprite_yindaodianliang_17 {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -112px 0px;
  }
  16.7% {
    background-position: -224px 0px;
  }
  25% {
    background-position: -336px 0px;
  }
  33.3% {
    background-position: 0px -110px;
  }
  41.7% {
    background-position: -112px -110px;
  }
  50% {
    background-position: -224px -110px;
  }
  58.3% {
    background-position: -336px -110px;
  }
  66.7% {
    background-position: 0px -220px;
  }
  75% {
    background-position: -112px -220px;
  }
  83.3% {
    background-position: -224px -220px;
  }
  91.7% {
    background-position: -336px -220px;
  }
  100% {
    background-position: -336px -220px;
  }
}
@-webkit-keyframes sprite_yuhecheng_10_4 {
  0% {
    background-position: 0px 0px;
  }
  4.2% {
    background-position: -344px 0px;
  }
  8.3% {
    background-position: -688px 0px;
  }
  12.5% {
    background-position: -1032px 0px;
  }
  16.7% {
    background-position: -1376px 0px;
  }
  20.8% {
    background-position: 0px -262px;
  }
  25% {
    background-position: -344px -262px;
  }
  29.2% {
    background-position: -688px -262px;
  }
  33.3% {
    background-position: -1032px -262px;
  }
  37.5% {
    background-position: -1376px -262px;
  }
  41.7% {
    background-position: 0px -524px;
  }
  45.8% {
    background-position: -344px -524px;
  }
  50% {
    background-position: -688px -524px;
  }
  54.2% {
    background-position: -1032px -524px;
  }
  58.3% {
    background-position: -1376px -524px;
  }
  62.5% {
    background-position: 0px -786px;
  }
  66.7% {
    background-position: -344px -786px;
  }
  70.8% {
    background-position: -688px -786px;
  }
  75% {
    background-position: -1032px -786px;
  }
  79.2% {
    background-position: -1376px -786px;
  }
  83.3% {
    background-position: 0px -1048px;
  }
  87.5% {
    background-position: -344px -1048px;
  }
  91.7% {
    background-position: -688px -1048px;
  }
  95.8% {
    background-position: -1032px -1048px;
  }
  100% {
    background-position: -1032px -1048px;
  }
}
@keyframes sprite_yuhecheng_10_4 {
  0% {
    background-position: 0px 0px;
  }
  4.2% {
    background-position: -344px 0px;
  }
  8.3% {
    background-position: -688px 0px;
  }
  12.5% {
    background-position: -1032px 0px;
  }
  16.7% {
    background-position: -1376px 0px;
  }
  20.8% {
    background-position: 0px -262px;
  }
  25% {
    background-position: -344px -262px;
  }
  29.2% {
    background-position: -688px -262px;
  }
  33.3% {
    background-position: -1032px -262px;
  }
  37.5% {
    background-position: -1376px -262px;
  }
  41.7% {
    background-position: 0px -524px;
  }
  45.8% {
    background-position: -344px -524px;
  }
  50% {
    background-position: -688px -524px;
  }
  54.2% {
    background-position: -1032px -524px;
  }
  58.3% {
    background-position: -1376px -524px;
  }
  62.5% {
    background-position: 0px -786px;
  }
  66.7% {
    background-position: -344px -786px;
  }
  70.8% {
    background-position: -688px -786px;
  }
  75% {
    background-position: -1032px -786px;
  }
  79.2% {
    background-position: -1376px -786px;
  }
  83.3% {
    background-position: 0px -1048px;
  }
  87.5% {
    background-position: -344px -1048px;
  }
  91.7% {
    background-position: -688px -1048px;
  }
  95.8% {
    background-position: -1032px -1048px;
  }
  100% {
    background-position: -1032px -1048px;
  }
}
@-webkit-keyframes sprite_yuhecheng_10_4 {
  0% {
    background-position: 0px 0px;
  }
  4.2% {
    background-position: -344px 0px;
  }
  8.3% {
    background-position: -688px 0px;
  }
  12.5% {
    background-position: -1032px 0px;
  }
  16.7% {
    background-position: -1376px 0px;
  }
  20.8% {
    background-position: 0px -262px;
  }
  25% {
    background-position: -344px -262px;
  }
  29.2% {
    background-position: -688px -262px;
  }
  33.3% {
    background-position: -1032px -262px;
  }
  37.5% {
    background-position: -1376px -262px;
  }
  41.7% {
    background-position: 0px -524px;
  }
  45.8% {
    background-position: -344px -524px;
  }
  50% {
    background-position: -688px -524px;
  }
  54.2% {
    background-position: -1032px -524px;
  }
  58.3% {
    background-position: -1376px -524px;
  }
  62.5% {
    background-position: 0px -786px;
  }
  66.7% {
    background-position: -344px -786px;
  }
  70.8% {
    background-position: -688px -786px;
  }
  75% {
    background-position: -1032px -786px;
  }
  79.2% {
    background-position: -1376px -786px;
  }
  83.3% {
    background-position: 0px -1048px;
  }
  87.5% {
    background-position: -344px -1048px;
  }
  91.7% {
    background-position: -688px -1048px;
  }
  95.8% {
    background-position: -1032px -1048px;
  }
  100% {
    background-position: -1032px -1048px;
  }
}
@keyframes sprite_yuhecheng_10_4 {
  0% {
    background-position: 0px 0px;
  }
  4.2% {
    background-position: -344px 0px;
  }
  8.3% {
    background-position: -688px 0px;
  }
  12.5% {
    background-position: -1032px 0px;
  }
  16.7% {
    background-position: -1376px 0px;
  }
  20.8% {
    background-position: 0px -262px;
  }
  25% {
    background-position: -344px -262px;
  }
  29.2% {
    background-position: -688px -262px;
  }
  33.3% {
    background-position: -1032px -262px;
  }
  37.5% {
    background-position: -1376px -262px;
  }
  41.7% {
    background-position: 0px -524px;
  }
  45.8% {
    background-position: -344px -524px;
  }
  50% {
    background-position: -688px -524px;
  }
  54.2% {
    background-position: -1032px -524px;
  }
  58.3% {
    background-position: -1376px -524px;
  }
  62.5% {
    background-position: 0px -786px;
  }
  66.7% {
    background-position: -344px -786px;
  }
  70.8% {
    background-position: -688px -786px;
  }
  75% {
    background-position: -1032px -786px;
  }
  79.2% {
    background-position: -1376px -786px;
  }
  83.3% {
    background-position: 0px -1048px;
  }
  87.5% {
    background-position: -344px -1048px;
  }
  91.7% {
    background-position: -688px -1048px;
  }
  95.8% {
    background-position: -1032px -1048px;
  }
  100% {
    background-position: -1032px -1048px;
  }
}
@-webkit-keyframes sprite_yuhecheng_13_hecheng_1_1 {
  0% {
    background-position: 0px 0px;
  }
  4.2% {
    background-position: -960px 0px;
  }
  8.3% {
    background-position: -1920px 0px;
  }
  12.5% {
    background-position: -2880px 0px;
  }
  16.7% {
    background-position: -3840px 0px;
  }
  20.8% {
    background-position: 0px -540px;
  }
  25% {
    background-position: -960px -540px;
  }
  29.2% {
    background-position: -1920px -540px;
  }
  33.3% {
    background-position: -2880px -540px;
  }
  37.5% {
    background-position: -3840px -540px;
  }
  41.7% {
    background-position: 0px -1080px;
  }
  45.8% {
    background-position: -960px -1080px;
  }
  50% {
    background-position: -1920px -1080px;
  }
  54.2% {
    background-position: -2880px -1080px;
  }
  58.3% {
    background-position: -3840px -1080px;
  }
  62.5% {
    background-position: 0px -1620px;
  }
  66.7% {
    background-position: -960px -1620px;
  }
  70.8% {
    background-position: -1920px -1620px;
  }
  75% {
    background-position: -2880px -1620px;
  }
  79.2% {
    background-position: -3840px -1620px;
  }
  83.3% {
    background-position: 0px -2160px;
  }
  87.5% {
    background-position: -960px -2160px;
  }
  91.7% {
    background-position: -1920px -2160px;
  }
  95.8% {
    background-position: -2880px -2160px;
  }
  100% {
    background-position: -2880px -2160px;
    opacity: 0;
  }
}
@keyframes sprite_yuhecheng_13_hecheng_1_1 {
  0% {
    background-position: 0px 0px;
  }
  4.2% {
    background-position: -960px 0px;
  }
  8.3% {
    background-position: -1920px 0px;
  }
  12.5% {
    background-position: -2880px 0px;
  }
  16.7% {
    background-position: -3840px 0px;
  }
  20.8% {
    background-position: 0px -540px;
  }
  25% {
    background-position: -960px -540px;
  }
  29.2% {
    background-position: -1920px -540px;
  }
  33.3% {
    background-position: -2880px -540px;
  }
  37.5% {
    background-position: -3840px -540px;
  }
  41.7% {
    background-position: 0px -1080px;
  }
  45.8% {
    background-position: -960px -1080px;
  }
  50% {
    background-position: -1920px -1080px;
  }
  54.2% {
    background-position: -2880px -1080px;
  }
  58.3% {
    background-position: -3840px -1080px;
  }
  62.5% {
    background-position: 0px -1620px;
  }
  66.7% {
    background-position: -960px -1620px;
  }
  70.8% {
    background-position: -1920px -1620px;
  }
  75% {
    background-position: -2880px -1620px;
  }
  79.2% {
    background-position: -3840px -1620px;
  }
  83.3% {
    background-position: 0px -2160px;
  }
  87.5% {
    background-position: -960px -2160px;
  }
  91.7% {
    background-position: -1920px -2160px;
  }
  95.8% {
    background-position: -2880px -2160px;
  }
  100% {
    background-position: -2880px -2160px;
    opacity: 0;
  }
}
@-webkit-keyframes maskAni {
  0% {
    mask-position: 0 0;
    -webkit-mask-position: 0 0;
    -moz-mask-position: 0 0;
    -ms-mask-position: 0 0;
  }
  2.9% {
    mask-position: -1920px 0px;
    -webkit-mask-position: -1920px 0px;
    -moz-mask-position: -1920px 0px;
    -ms-mask-position: -1920px 0px;
  }
  5.9% {
    mask-position: -3840px 0px;
    -webkit-mask-position: -3840px 0px;
    -moz-mask-position: -3840px 0px;
    -ms-mask-position: -3840px 0px;
  }
  8.8% {
    mask-position: -5760px 0px;
    -webkit-mask-position: -5760px 0px;
    -moz-mask-position: -5760px 0px;
    -ms-mask-position: -5760px 0px;
  }
  11.8% {
    mask-position: -7680px 0px;
    -webkit-mask-position: -7680px 0px;
    -moz-mask-position: -7680px 0px;
    -ms-mask-position: -7680px 0px;
  }
  14.7% {
    mask-position: -9600px 0px;
    -webkit-mask-position: -9600px 0px;
    -moz-mask-position: -9600px 0px;
    -ms-mask-position: -9600px 0px;
  }
  17.6% {
    mask-position: 0 -1080px;
    -webkit-mask-position: 0 -1080px;
    -moz-mask-position: 0 -1080px;
    -ms-mask-position: 0 -1080px;
  }
  20.6% {
    mask-position: -1920px -1080px;
    -webkit-mask-position: -1920px -1080px;
    -moz-mask-position: -1920px -1080px;
    -ms-mask-position: -1920px -1080px;
  }
  23.5% {
    mask-position: -3840px -1080px;
    -webkit-mask-position: -3840px -1080px;
    -moz-mask-position: -3840px -1080px;
    -ms-mask-position: -3840px -1080px;
  }
  26.5% {
    mask-position: -5760px -1080px;
    -webkit-mask-position: -5760px -1080px;
    -moz-mask-position: -5760px -1080px;
    -ms-mask-position: -5760px -1080px;
  }
  29.4% {
    mask-position: -7680px -1080px;
    -webkit-mask-position: -7680px -1080px;
    -moz-mask-position: -7680px -1080px;
    -ms-mask-position: -7680px -1080px;
  }
  32.4% {
    mask-position: -9600px -1080px;
    -webkit-mask-position: -9600px -1080px;
    -moz-mask-position: -9600px -1080px;
    -ms-mask-position: -9600px -1080px;
  }
  35.3% {
    mask-position: 0 -2160px;
    -webkit-mask-position: 0 -2160px;
    -moz-mask-position: 0 -2160px;
    -ms-mask-position: 0 -2160px;
  }
  38.2% {
    mask-position: -1920px -2160px;
    -webkit-mask-position: -1920px -2160px;
    -moz-mask-position: -1920px -2160px;
    -ms-mask-position: -1920px -2160px;
  }
  41.2% {
    mask-position: -3840px -2160px;
    -webkit-mask-position: -3840px -2160px;
    -moz-mask-position: -3840px -2160px;
    -ms-mask-position: -3840px -2160px;
  }
  44.1% {
    mask-position: -5760px -2160px;
    -webkit-mask-position: -5760px -2160px;
    -moz-mask-position: -5760px -2160px;
    -ms-mask-position: -5760px -2160px;
  }
  47.1% {
    mask-position: -7680px -2160px;
    -webkit-mask-position: -7680px -2160px;
    -moz-mask-position: -7680px -2160px;
    -ms-mask-position: -7680px -2160px;
  }
  50% {
    mask-position: -9600px -2160px;
    -webkit-mask-position: -9600px -2160px;
    -moz-mask-position: -9600px -2160px;
    -ms-mask-position: -9600px -2160px;
  }
  52.9% {
    mask-position: 0 -3240px;
    -webkit-mask-position: 0 -3240px;
    -moz-mask-position: 0 -3240px;
    -ms-mask-position: 0 -3240px;
  }
  55.9% {
    mask-position: -1920px -3240px;
    -webkit-mask-position: -1920px -3240px;
    -moz-mask-position: -1920px -3240px;
    -ms-mask-position: -1920px -3240px;
  }
  58.8% {
    mask-position: -3840px -3240px;
    -webkit-mask-position: -3840px -3240px;
    -moz-mask-position: -3840px -3240px;
    -ms-mask-position: -3840px -3240px;
  }
  61.8% {
    mask-position: -5760px -3240px;
    -webkit-mask-position: -5760px -3240px;
    -moz-mask-position: -5760px -3240px;
    -ms-mask-position: -5760px -3240px;
  }
  64.7% {
    mask-position: -7680px -3240px;
    -webkit-mask-position: -7680px -3240px;
    -moz-mask-position: -7680px -3240px;
    -ms-mask-position: -7680px -3240px;
  }
  67.6% {
    mask-position: -9600px -3240px;
    -webkit-mask-position: -9600px -3240px;
    -moz-mask-position: -9600px -3240px;
    -ms-mask-position: -9600px -3240px;
  }
  70.6% {
    mask-position: 0 -4320px;
    -webkit-mask-position: 0 -4320px;
    -moz-mask-position: 0 -4320px;
    -ms-mask-position: 0 -4320px;
  }
  73.5% {
    mask-position: -1920px -4320px;
    -webkit-mask-position: -1920px -4320px;
    -moz-mask-position: -1920px -4320px;
    -ms-mask-position: -1920px -4320px;
  }
  76.5% {
    mask-position: -3840px -4320px;
    -webkit-mask-position: -3840px -4320px;
    -moz-mask-position: -3840px -4320px;
    -ms-mask-position: -3840px -4320px;
  }
  79.4% {
    mask-position: -5760px -4320px;
    -webkit-mask-position: -5760px -4320px;
    -moz-mask-position: -5760px -4320px;
    -ms-mask-position: -5760px -4320px;
  }
  82.4% {
    mask-position: -7680px -4320px;
    -webkit-mask-position: -7680px -4320px;
    -moz-mask-position: -7680px -4320px;
    -ms-mask-position: -7680px -4320px;
  }
  85.3% {
    mask-position: -9600px -4320px;
    -webkit-mask-position: -9600px -4320px;
    -moz-mask-position: -9600px -4320px;
    -ms-mask-position: -9600px -4320px;
  }
  88.2% {
    mask-position: 0 -5400px;
    -webkit-mask-position: 0 -5400px;
    -moz-mask-position: 0 -5400px;
    -ms-mask-position: 0 -5400px;
  }
  91.2% {
    mask-position: -1920px -5400px;
    -webkit-mask-position: -1920px -5400px;
    -moz-mask-position: -1920px -5400px;
    -ms-mask-position: -1920px -5400px;
  }
  94.1% {
    mask-position: -3840px -5400px;
    -webkit-mask-position: -3840px -5400px;
    -moz-mask-position: -3840px -5400px;
    -ms-mask-position: -3840px -5400px;
  }
  97.1% {
    mask-position: -5760px -5400px;
    -webkit-mask-position: -5760px -5400px;
    -moz-mask-position: -5760px -5400px;
    -ms-mask-position: -5760px -5400px;
  }
  100% {
    opacity: 0;
  }
}
@keyframes maskAni {
  0% {
    mask-position: 0 0;
    -webkit-mask-position: 0 0;
    -moz-mask-position: 0 0;
    -ms-mask-position: 0 0;
  }
  2.9% {
    mask-position: -1920px 0px;
    -webkit-mask-position: -1920px 0px;
    -moz-mask-position: -1920px 0px;
    -ms-mask-position: -1920px 0px;
  }
  5.9% {
    mask-position: -3840px 0px;
    -webkit-mask-position: -3840px 0px;
    -moz-mask-position: -3840px 0px;
    -ms-mask-position: -3840px 0px;
  }
  8.8% {
    mask-position: -5760px 0px;
    -webkit-mask-position: -5760px 0px;
    -moz-mask-position: -5760px 0px;
    -ms-mask-position: -5760px 0px;
  }
  11.8% {
    mask-position: -7680px 0px;
    -webkit-mask-position: -7680px 0px;
    -moz-mask-position: -7680px 0px;
    -ms-mask-position: -7680px 0px;
  }
  14.7% {
    mask-position: -9600px 0px;
    -webkit-mask-position: -9600px 0px;
    -moz-mask-position: -9600px 0px;
    -ms-mask-position: -9600px 0px;
  }
  17.6% {
    mask-position: 0 -1080px;
    -webkit-mask-position: 0 -1080px;
    -moz-mask-position: 0 -1080px;
    -ms-mask-position: 0 -1080px;
  }
  20.6% {
    mask-position: -1920px -1080px;
    -webkit-mask-position: -1920px -1080px;
    -moz-mask-position: -1920px -1080px;
    -ms-mask-position: -1920px -1080px;
  }
  23.5% {
    mask-position: -3840px -1080px;
    -webkit-mask-position: -3840px -1080px;
    -moz-mask-position: -3840px -1080px;
    -ms-mask-position: -3840px -1080px;
  }
  26.5% {
    mask-position: -5760px -1080px;
    -webkit-mask-position: -5760px -1080px;
    -moz-mask-position: -5760px -1080px;
    -ms-mask-position: -5760px -1080px;
  }
  29.4% {
    mask-position: -7680px -1080px;
    -webkit-mask-position: -7680px -1080px;
    -moz-mask-position: -7680px -1080px;
    -ms-mask-position: -7680px -1080px;
  }
  32.4% {
    mask-position: -9600px -1080px;
    -webkit-mask-position: -9600px -1080px;
    -moz-mask-position: -9600px -1080px;
    -ms-mask-position: -9600px -1080px;
  }
  35.3% {
    mask-position: 0 -2160px;
    -webkit-mask-position: 0 -2160px;
    -moz-mask-position: 0 -2160px;
    -ms-mask-position: 0 -2160px;
  }
  38.2% {
    mask-position: -1920px -2160px;
    -webkit-mask-position: -1920px -2160px;
    -moz-mask-position: -1920px -2160px;
    -ms-mask-position: -1920px -2160px;
  }
  41.2% {
    mask-position: -3840px -2160px;
    -webkit-mask-position: -3840px -2160px;
    -moz-mask-position: -3840px -2160px;
    -ms-mask-position: -3840px -2160px;
  }
  44.1% {
    mask-position: -5760px -2160px;
    -webkit-mask-position: -5760px -2160px;
    -moz-mask-position: -5760px -2160px;
    -ms-mask-position: -5760px -2160px;
  }
  47.1% {
    mask-position: -7680px -2160px;
    -webkit-mask-position: -7680px -2160px;
    -moz-mask-position: -7680px -2160px;
    -ms-mask-position: -7680px -2160px;
  }
  50% {
    mask-position: -9600px -2160px;
    -webkit-mask-position: -9600px -2160px;
    -moz-mask-position: -9600px -2160px;
    -ms-mask-position: -9600px -2160px;
  }
  52.9% {
    mask-position: 0 -3240px;
    -webkit-mask-position: 0 -3240px;
    -moz-mask-position: 0 -3240px;
    -ms-mask-position: 0 -3240px;
  }
  55.9% {
    mask-position: -1920px -3240px;
    -webkit-mask-position: -1920px -3240px;
    -moz-mask-position: -1920px -3240px;
    -ms-mask-position: -1920px -3240px;
  }
  58.8% {
    mask-position: -3840px -3240px;
    -webkit-mask-position: -3840px -3240px;
    -moz-mask-position: -3840px -3240px;
    -ms-mask-position: -3840px -3240px;
  }
  61.8% {
    mask-position: -5760px -3240px;
    -webkit-mask-position: -5760px -3240px;
    -moz-mask-position: -5760px -3240px;
    -ms-mask-position: -5760px -3240px;
  }
  64.7% {
    mask-position: -7680px -3240px;
    -webkit-mask-position: -7680px -3240px;
    -moz-mask-position: -7680px -3240px;
    -ms-mask-position: -7680px -3240px;
  }
  67.6% {
    mask-position: -9600px -3240px;
    -webkit-mask-position: -9600px -3240px;
    -moz-mask-position: -9600px -3240px;
    -ms-mask-position: -9600px -3240px;
  }
  70.6% {
    mask-position: 0 -4320px;
    -webkit-mask-position: 0 -4320px;
    -moz-mask-position: 0 -4320px;
    -ms-mask-position: 0 -4320px;
  }
  73.5% {
    mask-position: -1920px -4320px;
    -webkit-mask-position: -1920px -4320px;
    -moz-mask-position: -1920px -4320px;
    -ms-mask-position: -1920px -4320px;
  }
  76.5% {
    mask-position: -3840px -4320px;
    -webkit-mask-position: -3840px -4320px;
    -moz-mask-position: -3840px -4320px;
    -ms-mask-position: -3840px -4320px;
  }
  79.4% {
    mask-position: -5760px -4320px;
    -webkit-mask-position: -5760px -4320px;
    -moz-mask-position: -5760px -4320px;
    -ms-mask-position: -5760px -4320px;
  }
  82.4% {
    mask-position: -7680px -4320px;
    -webkit-mask-position: -7680px -4320px;
    -moz-mask-position: -7680px -4320px;
    -ms-mask-position: -7680px -4320px;
  }
  85.3% {
    mask-position: -9600px -4320px;
    -webkit-mask-position: -9600px -4320px;
    -moz-mask-position: -9600px -4320px;
    -ms-mask-position: -9600px -4320px;
  }
  88.2% {
    mask-position: 0 -5400px;
    -webkit-mask-position: 0 -5400px;
    -moz-mask-position: 0 -5400px;
    -ms-mask-position: 0 -5400px;
  }
  91.2% {
    mask-position: -1920px -5400px;
    -webkit-mask-position: -1920px -5400px;
    -moz-mask-position: -1920px -5400px;
    -ms-mask-position: -1920px -5400px;
  }
  94.1% {
    mask-position: -3840px -5400px;
    -webkit-mask-position: -3840px -5400px;
    -moz-mask-position: -3840px -5400px;
    -ms-mask-position: -3840px -5400px;
  }
  97.1% {
    mask-position: -5760px -5400px;
    -webkit-mask-position: -5760px -5400px;
    -moz-mask-position: -5760px -5400px;
    -ms-mask-position: -5760px -5400px;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes maskAni {
  0% {
    mask-position: 0 0;
    -webkit-mask-position: 0 0;
    -moz-mask-position: 0 0;
    -ms-mask-position: 0 0;
  }
  2.9% {
    mask-position: -1920px 0px;
    -webkit-mask-position: -1920px 0px;
    -moz-mask-position: -1920px 0px;
    -ms-mask-position: -1920px 0px;
  }
  5.9% {
    mask-position: -3840px 0px;
    -webkit-mask-position: -3840px 0px;
    -moz-mask-position: -3840px 0px;
    -ms-mask-position: -3840px 0px;
  }
  8.8% {
    mask-position: -5760px 0px;
    -webkit-mask-position: -5760px 0px;
    -moz-mask-position: -5760px 0px;
    -ms-mask-position: -5760px 0px;
  }
  11.8% {
    mask-position: -7680px 0px;
    -webkit-mask-position: -7680px 0px;
    -moz-mask-position: -7680px 0px;
    -ms-mask-position: -7680px 0px;
  }
  14.7% {
    mask-position: -9600px 0px;
    -webkit-mask-position: -9600px 0px;
    -moz-mask-position: -9600px 0px;
    -ms-mask-position: -9600px 0px;
  }
  17.6% {
    mask-position: 0 -1080px;
    -webkit-mask-position: 0 -1080px;
    -moz-mask-position: 0 -1080px;
    -ms-mask-position: 0 -1080px;
  }
  20.6% {
    mask-position: -1920px -1080px;
    -webkit-mask-position: -1920px -1080px;
    -moz-mask-position: -1920px -1080px;
    -ms-mask-position: -1920px -1080px;
  }
  23.5% {
    mask-position: -3840px -1080px;
    -webkit-mask-position: -3840px -1080px;
    -moz-mask-position: -3840px -1080px;
    -ms-mask-position: -3840px -1080px;
  }
  26.5% {
    mask-position: -5760px -1080px;
    -webkit-mask-position: -5760px -1080px;
    -moz-mask-position: -5760px -1080px;
    -ms-mask-position: -5760px -1080px;
  }
  29.4% {
    mask-position: -7680px -1080px;
    -webkit-mask-position: -7680px -1080px;
    -moz-mask-position: -7680px -1080px;
    -ms-mask-position: -7680px -1080px;
  }
  32.4% {
    mask-position: -9600px -1080px;
    -webkit-mask-position: -9600px -1080px;
    -moz-mask-position: -9600px -1080px;
    -ms-mask-position: -9600px -1080px;
  }
  35.3% {
    mask-position: 0 -2160px;
    -webkit-mask-position: 0 -2160px;
    -moz-mask-position: 0 -2160px;
    -ms-mask-position: 0 -2160px;
  }
  38.2% {
    mask-position: -1920px -2160px;
    -webkit-mask-position: -1920px -2160px;
    -moz-mask-position: -1920px -2160px;
    -ms-mask-position: -1920px -2160px;
  }
  41.2% {
    mask-position: -3840px -2160px;
    -webkit-mask-position: -3840px -2160px;
    -moz-mask-position: -3840px -2160px;
    -ms-mask-position: -3840px -2160px;
  }
  44.1% {
    mask-position: -5760px -2160px;
    -webkit-mask-position: -5760px -2160px;
    -moz-mask-position: -5760px -2160px;
    -ms-mask-position: -5760px -2160px;
  }
  47.1% {
    mask-position: -7680px -2160px;
    -webkit-mask-position: -7680px -2160px;
    -moz-mask-position: -7680px -2160px;
    -ms-mask-position: -7680px -2160px;
  }
  50% {
    mask-position: -9600px -2160px;
    -webkit-mask-position: -9600px -2160px;
    -moz-mask-position: -9600px -2160px;
    -ms-mask-position: -9600px -2160px;
  }
  52.9% {
    mask-position: 0 -3240px;
    -webkit-mask-position: 0 -3240px;
    -moz-mask-position: 0 -3240px;
    -ms-mask-position: 0 -3240px;
  }
  55.9% {
    mask-position: -1920px -3240px;
    -webkit-mask-position: -1920px -3240px;
    -moz-mask-position: -1920px -3240px;
    -ms-mask-position: -1920px -3240px;
  }
  58.8% {
    mask-position: -3840px -3240px;
    -webkit-mask-position: -3840px -3240px;
    -moz-mask-position: -3840px -3240px;
    -ms-mask-position: -3840px -3240px;
  }
  61.8% {
    mask-position: -5760px -3240px;
    -webkit-mask-position: -5760px -3240px;
    -moz-mask-position: -5760px -3240px;
    -ms-mask-position: -5760px -3240px;
  }
  64.7% {
    mask-position: -7680px -3240px;
    -webkit-mask-position: -7680px -3240px;
    -moz-mask-position: -7680px -3240px;
    -ms-mask-position: -7680px -3240px;
  }
  67.6% {
    mask-position: -9600px -3240px;
    -webkit-mask-position: -9600px -3240px;
    -moz-mask-position: -9600px -3240px;
    -ms-mask-position: -9600px -3240px;
  }
  70.6% {
    mask-position: 0 -4320px;
    -webkit-mask-position: 0 -4320px;
    -moz-mask-position: 0 -4320px;
    -ms-mask-position: 0 -4320px;
  }
  73.5% {
    mask-position: -1920px -4320px;
    -webkit-mask-position: -1920px -4320px;
    -moz-mask-position: -1920px -4320px;
    -ms-mask-position: -1920px -4320px;
  }
  76.5% {
    mask-position: -3840px -4320px;
    -webkit-mask-position: -3840px -4320px;
    -moz-mask-position: -3840px -4320px;
    -ms-mask-position: -3840px -4320px;
  }
  79.4% {
    mask-position: -5760px -4320px;
    -webkit-mask-position: -5760px -4320px;
    -moz-mask-position: -5760px -4320px;
    -ms-mask-position: -5760px -4320px;
  }
  82.4% {
    mask-position: -7680px -4320px;
    -webkit-mask-position: -7680px -4320px;
    -moz-mask-position: -7680px -4320px;
    -ms-mask-position: -7680px -4320px;
  }
  85.3% {
    mask-position: -9600px -4320px;
    -webkit-mask-position: -9600px -4320px;
    -moz-mask-position: -9600px -4320px;
    -ms-mask-position: -9600px -4320px;
  }
  88.2% {
    mask-position: 0 -5400px;
    -webkit-mask-position: 0 -5400px;
    -moz-mask-position: 0 -5400px;
    -ms-mask-position: 0 -5400px;
  }
  91.2% {
    mask-position: -1920px -5400px;
    -webkit-mask-position: -1920px -5400px;
    -moz-mask-position: -1920px -5400px;
    -ms-mask-position: -1920px -5400px;
  }
  94.1% {
    mask-position: -3840px -5400px;
    -webkit-mask-position: -3840px -5400px;
    -moz-mask-position: -3840px -5400px;
    -ms-mask-position: -3840px -5400px;
  }
  97.1% {
    mask-position: -5760px -5400px;
    -webkit-mask-position: -5760px -5400px;
    -moz-mask-position: -5760px -5400px;
    -ms-mask-position: -5760px -5400px;
  }
  100% {
    opacity: 0;
  }
}
@keyframes maskAni {
  0% {
    mask-position: 0 0;
    -webkit-mask-position: 0 0;
    -moz-mask-position: 0 0;
    -ms-mask-position: 0 0;
  }
  2.9% {
    mask-position: -1920px 0px;
    -webkit-mask-position: -1920px 0px;
    -moz-mask-position: -1920px 0px;
    -ms-mask-position: -1920px 0px;
  }
  5.9% {
    mask-position: -3840px 0px;
    -webkit-mask-position: -3840px 0px;
    -moz-mask-position: -3840px 0px;
    -ms-mask-position: -3840px 0px;
  }
  8.8% {
    mask-position: -5760px 0px;
    -webkit-mask-position: -5760px 0px;
    -moz-mask-position: -5760px 0px;
    -ms-mask-position: -5760px 0px;
  }
  11.8% {
    mask-position: -7680px 0px;
    -webkit-mask-position: -7680px 0px;
    -moz-mask-position: -7680px 0px;
    -ms-mask-position: -7680px 0px;
  }
  14.7% {
    mask-position: -9600px 0px;
    -webkit-mask-position: -9600px 0px;
    -moz-mask-position: -9600px 0px;
    -ms-mask-position: -9600px 0px;
  }
  17.6% {
    mask-position: 0 -1080px;
    -webkit-mask-position: 0 -1080px;
    -moz-mask-position: 0 -1080px;
    -ms-mask-position: 0 -1080px;
  }
  20.6% {
    mask-position: -1920px -1080px;
    -webkit-mask-position: -1920px -1080px;
    -moz-mask-position: -1920px -1080px;
    -ms-mask-position: -1920px -1080px;
  }
  23.5% {
    mask-position: -3840px -1080px;
    -webkit-mask-position: -3840px -1080px;
    -moz-mask-position: -3840px -1080px;
    -ms-mask-position: -3840px -1080px;
  }
  26.5% {
    mask-position: -5760px -1080px;
    -webkit-mask-position: -5760px -1080px;
    -moz-mask-position: -5760px -1080px;
    -ms-mask-position: -5760px -1080px;
  }
  29.4% {
    mask-position: -7680px -1080px;
    -webkit-mask-position: -7680px -1080px;
    -moz-mask-position: -7680px -1080px;
    -ms-mask-position: -7680px -1080px;
  }
  32.4% {
    mask-position: -9600px -1080px;
    -webkit-mask-position: -9600px -1080px;
    -moz-mask-position: -9600px -1080px;
    -ms-mask-position: -9600px -1080px;
  }
  35.3% {
    mask-position: 0 -2160px;
    -webkit-mask-position: 0 -2160px;
    -moz-mask-position: 0 -2160px;
    -ms-mask-position: 0 -2160px;
  }
  38.2% {
    mask-position: -1920px -2160px;
    -webkit-mask-position: -1920px -2160px;
    -moz-mask-position: -1920px -2160px;
    -ms-mask-position: -1920px -2160px;
  }
  41.2% {
    mask-position: -3840px -2160px;
    -webkit-mask-position: -3840px -2160px;
    -moz-mask-position: -3840px -2160px;
    -ms-mask-position: -3840px -2160px;
  }
  44.1% {
    mask-position: -5760px -2160px;
    -webkit-mask-position: -5760px -2160px;
    -moz-mask-position: -5760px -2160px;
    -ms-mask-position: -5760px -2160px;
  }
  47.1% {
    mask-position: -7680px -2160px;
    -webkit-mask-position: -7680px -2160px;
    -moz-mask-position: -7680px -2160px;
    -ms-mask-position: -7680px -2160px;
  }
  50% {
    mask-position: -9600px -2160px;
    -webkit-mask-position: -9600px -2160px;
    -moz-mask-position: -9600px -2160px;
    -ms-mask-position: -9600px -2160px;
  }
  52.9% {
    mask-position: 0 -3240px;
    -webkit-mask-position: 0 -3240px;
    -moz-mask-position: 0 -3240px;
    -ms-mask-position: 0 -3240px;
  }
  55.9% {
    mask-position: -1920px -3240px;
    -webkit-mask-position: -1920px -3240px;
    -moz-mask-position: -1920px -3240px;
    -ms-mask-position: -1920px -3240px;
  }
  58.8% {
    mask-position: -3840px -3240px;
    -webkit-mask-position: -3840px -3240px;
    -moz-mask-position: -3840px -3240px;
    -ms-mask-position: -3840px -3240px;
  }
  61.8% {
    mask-position: -5760px -3240px;
    -webkit-mask-position: -5760px -3240px;
    -moz-mask-position: -5760px -3240px;
    -ms-mask-position: -5760px -3240px;
  }
  64.7% {
    mask-position: -7680px -3240px;
    -webkit-mask-position: -7680px -3240px;
    -moz-mask-position: -7680px -3240px;
    -ms-mask-position: -7680px -3240px;
  }
  67.6% {
    mask-position: -9600px -3240px;
    -webkit-mask-position: -9600px -3240px;
    -moz-mask-position: -9600px -3240px;
    -ms-mask-position: -9600px -3240px;
  }
  70.6% {
    mask-position: 0 -4320px;
    -webkit-mask-position: 0 -4320px;
    -moz-mask-position: 0 -4320px;
    -ms-mask-position: 0 -4320px;
  }
  73.5% {
    mask-position: -1920px -4320px;
    -webkit-mask-position: -1920px -4320px;
    -moz-mask-position: -1920px -4320px;
    -ms-mask-position: -1920px -4320px;
  }
  76.5% {
    mask-position: -3840px -4320px;
    -webkit-mask-position: -3840px -4320px;
    -moz-mask-position: -3840px -4320px;
    -ms-mask-position: -3840px -4320px;
  }
  79.4% {
    mask-position: -5760px -4320px;
    -webkit-mask-position: -5760px -4320px;
    -moz-mask-position: -5760px -4320px;
    -ms-mask-position: -5760px -4320px;
  }
  82.4% {
    mask-position: -7680px -4320px;
    -webkit-mask-position: -7680px -4320px;
    -moz-mask-position: -7680px -4320px;
    -ms-mask-position: -7680px -4320px;
  }
  85.3% {
    mask-position: -9600px -4320px;
    -webkit-mask-position: -9600px -4320px;
    -moz-mask-position: -9600px -4320px;
    -ms-mask-position: -9600px -4320px;
  }
  88.2% {
    mask-position: 0 -5400px;
    -webkit-mask-position: 0 -5400px;
    -moz-mask-position: 0 -5400px;
    -ms-mask-position: 0 -5400px;
  }
  91.2% {
    mask-position: -1920px -5400px;
    -webkit-mask-position: -1920px -5400px;
    -moz-mask-position: -1920px -5400px;
    -ms-mask-position: -1920px -5400px;
  }
  94.1% {
    mask-position: -3840px -5400px;
    -webkit-mask-position: -3840px -5400px;
    -moz-mask-position: -3840px -5400px;
    -ms-mask-position: -3840px -5400px;
  }
  97.1% {
    mask-position: -5760px -5400px;
    -webkit-mask-position: -5760px -5400px;
    -moz-mask-position: -5760px -5400px;
    -ms-mask-position: -5760px -5400px;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes sprite_yuhecheng_11_hecheng_1_1 {
  0% {
    background-position: 0px 0px;
  }
  2.9% {
    background-position: -960px 0px;
  }
  5.9% {
    background-position: -1920px 0px;
  }
  8.8% {
    background-position: -2880px 0px;
  }
  11.8% {
    background-position: -3840px 0px;
  }
  14.7% {
    background-position: -4800px 0px;
  }
  17.6% {
    background-position: 0px -540px;
  }
  20.6% {
    background-position: -960px -540px;
  }
  23.5% {
    background-position: -1920px -540px;
  }
  26.5% {
    background-position: -2880px -540px;
  }
  29.4% {
    background-position: -3840px -540px;
  }
  32.4% {
    background-position: -4800px -540px;
  }
  35.3% {
    background-position: 0px -1080px;
  }
  38.2% {
    background-position: -960px -1080px;
  }
  41.2% {
    background-position: -1920px -1080px;
  }
  44.1% {
    background-position: -2880px -1080px;
  }
  47.1% {
    background-position: -3840px -1080px;
  }
  50% {
    background-position: -4800px -1080px;
  }
  52.9% {
    background-position: 0px -1620px;
  }
  55.9% {
    background-position: -960px -1620px;
  }
  58.8% {
    background-position: -1920px -1620px;
  }
  61.8% {
    background-position: -2880px -1620px;
  }
  64.7% {
    background-position: -3840px -1620px;
  }
  67.6% {
    background-position: -4800px -1620px;
  }
  70.6% {
    background-position: 0px -2160px;
  }
  73.5% {
    background-position: -960px -2160px;
  }
  76.5% {
    background-position: -1920px -2160px;
  }
  79.4% {
    background-position: -2880px -2160px;
  }
  82.4% {
    background-position: -3840px -2160px;
  }
  85.3% {
    background-position: -4800px -2160px;
  }
  88.2% {
    background-position: 0px -2700px;
  }
  91.2% {
    background-position: -960px -2700px;
  }
  94.1% {
    background-position: -1920px -2700px;
  }
  97.1% {
    background-position: -2880px -2700px;
  }
  100% {
    background-position: -2880px -2700px;
  }
}
@keyframes sprite_yuhecheng_11_hecheng_1_1 {
  0% {
    background-position: 0px 0px;
  }
  2.9% {
    background-position: -960px 0px;
  }
  5.9% {
    background-position: -1920px 0px;
  }
  8.8% {
    background-position: -2880px 0px;
  }
  11.8% {
    background-position: -3840px 0px;
  }
  14.7% {
    background-position: -4800px 0px;
  }
  17.6% {
    background-position: 0px -540px;
  }
  20.6% {
    background-position: -960px -540px;
  }
  23.5% {
    background-position: -1920px -540px;
  }
  26.5% {
    background-position: -2880px -540px;
  }
  29.4% {
    background-position: -3840px -540px;
  }
  32.4% {
    background-position: -4800px -540px;
  }
  35.3% {
    background-position: 0px -1080px;
  }
  38.2% {
    background-position: -960px -1080px;
  }
  41.2% {
    background-position: -1920px -1080px;
  }
  44.1% {
    background-position: -2880px -1080px;
  }
  47.1% {
    background-position: -3840px -1080px;
  }
  50% {
    background-position: -4800px -1080px;
  }
  52.9% {
    background-position: 0px -1620px;
  }
  55.9% {
    background-position: -960px -1620px;
  }
  58.8% {
    background-position: -1920px -1620px;
  }
  61.8% {
    background-position: -2880px -1620px;
  }
  64.7% {
    background-position: -3840px -1620px;
  }
  67.6% {
    background-position: -4800px -1620px;
  }
  70.6% {
    background-position: 0px -2160px;
  }
  73.5% {
    background-position: -960px -2160px;
  }
  76.5% {
    background-position: -1920px -2160px;
  }
  79.4% {
    background-position: -2880px -2160px;
  }
  82.4% {
    background-position: -3840px -2160px;
  }
  85.3% {
    background-position: -4800px -2160px;
  }
  88.2% {
    background-position: 0px -2700px;
  }
  91.2% {
    background-position: -960px -2700px;
  }
  94.1% {
    background-position: -1920px -2700px;
  }
  97.1% {
    background-position: -2880px -2700px;
  }
  100% {
    background-position: -2880px -2700px;
  }
}
body {
  position: relative;
  margin: 0 auto;
  max-width: 3840px;
  max-height: 2160px;
  overflow: hidden;
}
.fl {
  float: left;
}
#wrap {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei", serif;
  margin: 0 auto;
  overflow: hidden;
}
.no-webp #wrap .home_mouse {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/mouse_2f358e83.png) no-repeat}
.webp #wrap .home_mouse {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/mouse_2f358e83.webp) no-repeat}
#wrap .home_mouse {
  width: 143px;
  height: 67px;
  position: fixed;
  z-index: 0;
  left: 50%;
  margin-left: -72px;
  bottom: 71px;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  cursor: pointer;
  -webkit-animation: mouse 0.6s linear infinite alternate 300ms 0 ease;
  animation: mouse 0.6s linear infinite alternate 300ms 0 ease;
  -webkit-animation: mouse 0.6s linear infinite alternate;
  animation: mouse 0.6s linear infinite alternate;
}
.no-webp #wrap .mouse {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/mouse_9a00e36a.png) no-repeat}
.webp #wrap .mouse {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/mouse_9a00e36a.webp) no-repeat}
#wrap .mouse {
  width: 143px;
  height: 67px;
  position: fixed;
  z-index: 11;
  left: 50%;
  margin-left: -72px;
  bottom: 15px;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  cursor: pointer;
  -webkit-animation: mouse 0.6s linear infinite alternate 300ms 0 ease;
  animation: mouse 0.6s linear infinite alternate 300ms 0 ease;
  -webkit-animation: mouse 0.6s linear infinite alternate;
  animation: mouse 0.6s linear infinite alternate;
  display: none;
}
#wrap #pagination {
  position: absolute;
  z-index: 11;
  left: 50%;
  margin-left: 570px;
  bottom: 70px;
  display: none;
}
#wrap #pagination .num {
  width: 75px;
  height: 37px;
  margin-bottom: 20px;
  position: relative;
  left: 10px;
}
.no-webp #wrap #pagination .num.index1 {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/index1_2a11500f.png) no-repeat}
.webp #wrap #pagination .num.index1 {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/index1_2a11500f.webp) no-repeat}
#wrap #pagination .num.index1 {
}
.no-webp #wrap #pagination .num.index2 {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/index2_6199ed8e.png) no-repeat}
.webp #wrap #pagination .num.index2 {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/index2_6199ed8e.webp) no-repeat}
#wrap #pagination .num.index2 {
}
.no-webp #wrap #pagination .num.index3 {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/index3_558bda0c.png) no-repeat}
.webp #wrap #pagination .num.index3 {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/index3_558bda0c.webp) no-repeat}
#wrap #pagination .num.index3 {
}
.no-webp #wrap #pagination .num.index4 {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/index4_6b4a169b.png) no-repeat}
.webp #wrap #pagination .num.index4 {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/index4_6b4a169b.webp) no-repeat}
#wrap #pagination .num.index4 {
}
#wrap #pagination .swiper-pagination {
  position: relative;
}
.no-webp #wrap #pagination .swiper-pagination:before {background:#d0d3f7}
.webp #wrap #pagination .swiper-pagination:before {background:#d0d3f7}
#wrap #pagination .swiper-pagination:before {
  content: '';
  width: 1px;
  height: 150px;
  position: absolute;
  left: 0px;
  top: 12px;
}
.no-webp #wrap #pagination span {background:none}
.webp #wrap #pagination span {background:none}
#wrap #pagination span {
  display: block;
  width: 100px;
  height: 40px;
  position: relative;
}
.no-webp #wrap #pagination span:before {background:#d0d3f7}
.webp #wrap #pagination span:before {background:#d0d3f7}
#wrap #pagination span:before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  left: -2px;
  top: 10px;
}
#wrap #pagination span:first-child {
  display: none;
}
#wrap #pagination span.swiper-pagination-bullet-active,
#wrap #pagination span:hover {
  color: #524d80;
  opacity: 1;
}
.no-webp #wrap #pagination span.swiper-pagination-bullet-active:before, 
.no-webp #wrap #pagination span:hover:before {background:#524d80}
.webp #wrap #pagination span.swiper-pagination-bullet-active:before, 
.webp #wrap #pagination span:hover:before {background:#524d80}
#wrap #pagination span.swiper-pagination-bullet-active:before,
#wrap #pagination span:hover:before {
}
#copyright {
  display: none;
}
.no-webp #copyright .footer {background:rgba(0, 0, 0, 0.7)}
.webp #copyright .footer {background:rgba(0, 0, 0, 0.7)}
#copyright .footer {
}
#copyright .btn-copyright {
  color: #000 !important;
}
#copyright .btn-copyright.active {
  color: #fff !important;
}
.fixedBanner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.mainSwiper {
  width: 100%;
  height: 100%;
  z-index: 10;
}
.mainSwiper .content {
  width: 1100px;
  margin: 0 auto;
  position: relative;
  left: 18px;
}
.no-webp .mainSwiper .swiper-slide {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_cb71c087.jpg) no-repeat center center}
.webp .mainSwiper .swiper-slide {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_cb71c087.webp) no-repeat center center}
.mainSwiper .swiper-slide {
  height: auto;
  width: 100%;
  margin: 0 auto;
}
.no-webp .mainSwiper .swiper-slide.section1 {background:none}
.webp .mainSwiper .swiper-slide.section1 {background:none}
.mainSwiper .swiper-slide.section1 {
}
.mainSwiper .swiper-slide > div {
  -webkit-transition: all 0.3s 0.5s ease;
  transition: all 0.3s 0.5s ease;
  opacity: 0;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
}
.mainSwiper .swiper-slide-active.swiper-slide > div {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.no-webp .setTime-pop {background:rgba(0, 0, 0, 0.7)}
.webp .setTime-pop {background:rgba(0, 0, 0, 0.7)}
.setTime-pop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  display: none;
}
.no-webp .setTime-pop .content {background:#fff}
.webp .setTime-pop .content {background:#fff}
.no-webp .setTime-pop .content {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/pop-bg_661db087.png);
  background-size: 100%}
.webp .setTime-pop .content {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/pop-bg_661db087.webp);
  background-size: 100%}
.no-webp .setTime-pop .content {background-size:100%}
.webp .setTime-pop .content {background-size:100%}
.setTime-pop .content {
  width: 1691px;
  height: 888px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(0.7);
          transform: translateX(-50%) translateY(-50%) scale(0.7);
}
.no-webp .setTime-pop .content .btn-away {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/pop-btn_fa9e0cee.png);
  background-size: 100%}
.webp .setTime-pop .content .btn-away {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/pop-btn_fa9e0cee.webp);
  background-size: 100%}
.no-webp .setTime-pop .content .btn-away {background-size:100%}
.webp .setTime-pop .content .btn-away {background-size:100%}
.setTime-pop .content .btn-away {
  width: 412px;
  height: 89px;
  position: absolute;
  bottom: 150px;
  left: 50%;
  -webkit-transform: translateX(-41%);
          transform: translateX(-41%);
  cursor: pointer;
}
.no-webp .setTime-pop .content .close {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/pop-close_bbd50bf0.png) no-repeat;
  background-size: 100%}
.webp .setTime-pop .content .close {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/pop-close_bbd50bf0.webp) no-repeat;
  background-size: 100%}
.no-webp .setTime-pop .content .close {background-size:100%}
.webp .setTime-pop .content .close {background-size:100%}
.setTime-pop .content .close {
  width: 90px;
  height: 94px;
  position: absolute;
  right: 20px;
  top: 40px;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.setTime-pop .content .close:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.no-webp #side-nav {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg1_9ddf3e5a.jpg) no-repeat}
.webp #side-nav {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg1_9ddf3e5a.webp) no-repeat}
#side-nav {
  width: 247px;
  height: 100%;
  opacity: 0;
  -webkit-transform: translateX(-250px);
          transform: translateX(-250px);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#side-nav.active {
  opacity: 1;
  -webkit-transition: all 0.5s 0.5s ease;
  transition: all 0.5s 0.5s ease;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
#side-nav #mv {
  width: 247px;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
.no-webp #side-nav .logo {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/logo_4dcd6a2a.png) no-repeat}
.webp #side-nav .logo {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/logo_4dcd6a2a.webp) no-repeat}
#side-nav .logo {
  width: 354px;
  height: 49px;
  position: relative;
  margin: 25px auto 0;
  z-index: 3;
}
#side-nav .nav1 {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 600px;
  top: 215px;
  left: 0;
}
.no-webp #side-nav .wx_wb {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icon_wx_6f3f20f1.png) no-repeat}
.webp #side-nav .wx_wb {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icon_wx_6f3f20f1.webp) no-repeat}
#side-nav .wx_wb {
  width: 96px;
  height: 48px;
  margin: 10px auto;
  position: relative;
  left: 1px;
  font-size: 0;
}
#side-nav .wx_wb a {
  width: 33.33%;
  display: inline-block;
  height: 100%;
}
.no-webp #side-nav .wx_wb .code {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_wx_5d66c7e5.png) no-repeat}
.webp #side-nav .wx_wb .code {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_wx_5d66c7e5.webp) no-repeat}
#side-nav .wx_wb .code {
  width: 104px;
  height: 128px;
  position: absolute;
  bottom: -138px;
  left: 50%;
  margin-left: -52px;
  display: none;
}
.no-webp #side-nav .wx_wb .code.qun_code {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_wx_1_703986f4.png) no-repeat}
.webp #side-nav .wx_wb .code.qun_code {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_wx_1_703986f4.webp) no-repeat}
#side-nav .wx_wb .code.qun_code {
}
#side-nav .wx_wb .code img {
  display: block;
  width: 88px;
  height: 88px;
  position: relative;
  top: 12px;
  left: 8px;
}
#side-nav .links {
  width: 212px;
  margin: 40px auto 10px;
}
#side-nav .links li {
  width: 62px;
  float: left;
  margin-right: 12px;
  height: 100px;
  text-align: center;
}
#side-nav .links li:nth-of-type(3n) {
  margin-right: 0;
}
#side-nav .links li:hover i {
  border: 1px solid #fff;
}
#side-nav .links li:hover a {
  color: #fff;
}
#side-nav .links li i,
#side-nav .links li a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.no-webp #side-nav .links li i {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icons_4ada38a3.png);
  background-repeat: no-repeat}
.webp #side-nav .links li i {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icons_4ada38a3.webp);
  background-repeat: no-repeat}
.no-webp #side-nav .links li i {background-repeat:no-repeat}
.webp #side-nav .links li i {background-repeat:no-repeat}
#side-nav .links li i {
  display: inline-block;
  width: 54px;
  height: 54px;
  margin: 10px auto;
  border: 1px solid #3d3751;
  border-radius: 50%;
}
#side-nav .links li a {
  color: #d8d5d5;
  font-size: 15px;
}
.no-webp #side-nav .links .link1 i {background-position:15px 13px}
.webp #side-nav .links .link1 i {background-position:15px 13px}
#side-nav .links .link1 i {
}
.no-webp #side-nav .links .link2 i {background-position:-54px 13px}
.webp #side-nav .links .link2 i {background-position:-54px 13px}
#side-nav .links .link2 i {
}
.no-webp #side-nav .links .link3 i {background-position:-121px 13px}
.webp #side-nav .links .link3 i {background-position:-121px 13px}
#side-nav .links .link3 i {
}
.no-webp #side-nav .links .link4 i {background-position:15px -84px}
.webp #side-nav .links .link4 i {background-position:15px -84px}
#side-nav .links .link4 i {
}
.no-webp #side-nav .links .link5 i {background-position:-54px -84px}
.webp #side-nav .links .link5 i {background-position:-54px -84px}
#side-nav .links .link5 i {
}
.no-webp #side-nav .links .link6 i {background-position:-121px -84px}
.webp #side-nav .links .link6 i {background-position:-121px -84px}
#side-nav .links .link6 i {
}
#side-nav ::-webkit-input-placeholder {
  color: #b6b4de;
}
#side-nav :-moz-placeholder {
  /* Firefox 18- */
  color: #b6b4de;
}
#side-nav ::-moz-placeholder {
  /* Firefox 19+ */
  color: #b6b4de;
}
#side-nav :-ms-input-placeholder {
  color: #b6b4de;
}
#side-nav .search {
  border: 1px solid #484669;
  width: 92px;
  height: 38px;
  margin: 20px auto;
  border-radius: 30px;
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#side-nav .search.active {
  width: 192px;
}
.no-webp #side-nav .search input {background:none}
.webp #side-nav .search input {background:none}
#side-nav .search input {
  width: 100%;
  height: 100%;
  outline: 0;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  text-align: center;
}
.no-webp #side-nav .search .btn-search {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icon_search_bde47ac8.png) no-repeat}
.webp #side-nav .search .btn-search {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icon_search_bde47ac8.webp) no-repeat}
#side-nav .search .btn-search {
  width: 20px;
  height: 21px;
  display: block;
  position: absolute;
  left: 6px;
  top: 8px;
  color: #b6b4de;
}
.no-webp #links_download {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite1_22d06947.png)}
.webp #links_download {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite1_22d06947.webp)}
#links_download {
  display: block;
  font-size: 0;
  width: 247px;
  height: 91px;
  -webkit-animation: BX_SprAniKey2 2s steps(1) 0s infinite normal none;
          animation: BX_SprAniKey2 2s steps(1) 0s infinite normal none;
}
.no-webp #links_download:hover {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite2_e1a9878e.png)}
.webp #links_download:hover {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite2_e1a9878e.webp)}
#links_download:hover {
}
.extend-line {
  position: relative;
}
.no-webp .extend-line:before, 
.no-webp .extend-line:after {background:#fff center right}
.webp .extend-line:before, 
.webp .extend-line:after {background:#fff center right}
.extend-line:before,
.extend-line:after {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  bottom: 3px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.extend-line:before {
  left: 117px;
}
.extend-line:after {
  left: 136px;
}
.extend-line:hover:before {
  left: 52px;
}
.extend-line:hover:before,
.extend-line:hover:after {
  width: 65px;
}
.no-webp #links_koudai {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_koudai_97a2cdab.png)}
.webp #links_koudai {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_koudai_97a2cdab.webp)}
#links_koudai {
  display: block;
  width: 247px;
  height: 80px;
  font-size: 0;
  position: relative;
  overflow: hidden;
}
.no-webp #links_try {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_try_4dc70288.png)}
.webp #links_try {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_try_4dc70288.webp)}
#links_try {
  display: block;
  width: 247px;
  height: 60px;
  font-size: 0;
}
@-webkit-keyframes BX_SprAniKey2 {
  0% {
    background-position: 0px 0px;
  }
  2.13% {
    background-position: -247px 0px;
  }
  4.26% {
    background-position: -494px 0px;
  }
  6.38% {
    background-position: -741px 0px;
  }
  8.51% {
    background-position: -988px 0px;
  }
  10.64% {
    background-position: -1235px 0px;
  }
  12.77% {
    background-position: -1482px 0px;
  }
  14.89% {
    background-position: -1729px 0px;
  }
  17.02% {
    background-position: -1976px 0px;
  }
  19.15% {
    background-position: -2223px 0px;
  }
  21.28% {
    background-position: -2470px 0px;
  }
  23.40% {
    background-position: -2717px 0px;
  }
  25.53% {
    background-position: 0px -91px;
  }
  27.66% {
    background-position: -247px -91px;
  }
  29.79% {
    background-position: -494px -91px;
  }
  31.91% {
    background-position: -741px -91px;
  }
  34.04% {
    background-position: -988px -91px;
  }
  36.17% {
    background-position: -1235px -91px;
  }
  38.30% {
    background-position: -1482px -91px;
  }
  40.43% {
    background-position: -1729px -91px;
  }
  42.55% {
    background-position: -1976px -91px;
  }
  44.68% {
    background-position: -2223px -91px;
  }
  46.81% {
    background-position: -2470px -91px;
  }
  48.94% {
    background-position: -2717px -91px;
  }
  51.06% {
    background-position: 0px -182px;
  }
  53.19% {
    background-position: -247px -182px;
  }
  55.32% {
    background-position: -494px -182px;
  }
  57.45% {
    background-position: -741px -182px;
  }
  59.57% {
    background-position: -988px -182px;
  }
  61.70% {
    background-position: -1235px -182px;
  }
  63.83% {
    background-position: -1482px -182px;
  }
  65.96% {
    background-position: -1729px -182px;
  }
  68.09% {
    background-position: -1976px -182px;
  }
  70.21% {
    background-position: -2223px -182px;
  }
  72.34% {
    background-position: -2470px -182px;
  }
  74.47% {
    background-position: -2717px -182px;
  }
  76.60% {
    background-position: 0px -273px;
  }
  78.72% {
    background-position: -247px -273px;
  }
  80.85% {
    background-position: -494px -273px;
  }
  82.98% {
    background-position: -741px -273px;
  }
  85.11% {
    background-position: -988px -273px;
  }
  87.23% {
    background-position: -1235px -273px;
  }
  89.36% {
    background-position: -1482px -273px;
  }
  91.49% {
    background-position: -1729px -273px;
  }
  93.62% {
    background-position: -1976px -273px;
  }
  95.74% {
    background-position: -2223px -273px;
  }
  97.87% {
    background-position: -2470px -273px;
  }
  100.00% {
    background-position: -2717px -273px;
  }
}
@keyframes BX_SprAniKey2 {
  0% {
    background-position: 0px 0px;
  }
  2.13% {
    background-position: -247px 0px;
  }
  4.26% {
    background-position: -494px 0px;
  }
  6.38% {
    background-position: -741px 0px;
  }
  8.51% {
    background-position: -988px 0px;
  }
  10.64% {
    background-position: -1235px 0px;
  }
  12.77% {
    background-position: -1482px 0px;
  }
  14.89% {
    background-position: -1729px 0px;
  }
  17.02% {
    background-position: -1976px 0px;
  }
  19.15% {
    background-position: -2223px 0px;
  }
  21.28% {
    background-position: -2470px 0px;
  }
  23.40% {
    background-position: -2717px 0px;
  }
  25.53% {
    background-position: 0px -91px;
  }
  27.66% {
    background-position: -247px -91px;
  }
  29.79% {
    background-position: -494px -91px;
  }
  31.91% {
    background-position: -741px -91px;
  }
  34.04% {
    background-position: -988px -91px;
  }
  36.17% {
    background-position: -1235px -91px;
  }
  38.30% {
    background-position: -1482px -91px;
  }
  40.43% {
    background-position: -1729px -91px;
  }
  42.55% {
    background-position: -1976px -91px;
  }
  44.68% {
    background-position: -2223px -91px;
  }
  46.81% {
    background-position: -2470px -91px;
  }
  48.94% {
    background-position: -2717px -91px;
  }
  51.06% {
    background-position: 0px -182px;
  }
  53.19% {
    background-position: -247px -182px;
  }
  55.32% {
    background-position: -494px -182px;
  }
  57.45% {
    background-position: -741px -182px;
  }
  59.57% {
    background-position: -988px -182px;
  }
  61.70% {
    background-position: -1235px -182px;
  }
  63.83% {
    background-position: -1482px -182px;
  }
  65.96% {
    background-position: -1729px -182px;
  }
  68.09% {
    background-position: -1976px -182px;
  }
  70.21% {
    background-position: -2223px -182px;
  }
  72.34% {
    background-position: -2470px -182px;
  }
  74.47% {
    background-position: -2717px -182px;
  }
  76.60% {
    background-position: 0px -273px;
  }
  78.72% {
    background-position: -247px -273px;
  }
  80.85% {
    background-position: -494px -273px;
  }
  82.98% {
    background-position: -741px -273px;
  }
  85.11% {
    background-position: -988px -273px;
  }
  87.23% {
    background-position: -1235px -273px;
  }
  89.36% {
    background-position: -1482px -273px;
  }
  91.49% {
    background-position: -1729px -273px;
  }
  93.62% {
    background-position: -1976px -273px;
  }
  95.74% {
    background-position: -2223px -273px;
  }
  97.87% {
    background-position: -2470px -273px;
  }
  100.00% {
    background-position: -2717px -273px;
  }
}
.no-webp .fixedBnSlide {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/home-bg_819eea83.png) no-repeat center center}
.webp .fixedBnSlide {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/home-bg_819eea83.webp) no-repeat center center}
.fixedBnSlide {
  position: relative;
  width: 100%;
  height: 100%;
}
.fixedBnSlide #loop {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.no-webp .fixedBnSlide #loop b {background-position:center center}
.webp .fixedBnSlide #loop b {background-position:center center}
.fixedBnSlide #loop b {
  content: '';
  position: absolute;
  z-index: 9;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
}
.fixedBnSlide video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
#home {
  width: 100%;
  height: 100%;
  position: relative;
}
.no-webp #home .video_btn {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/play_287819bd.png);
  background-size: cover;
  background-position: center top}
.webp #home .video_btn {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/play_287819bd.webp);
  background-size: cover;
  background-position: center top}
.no-webp #home .video_btn {background-size:cover}
.webp #home .video_btn {background-size:cover}
.no-webp #home .video_btn {background-position:center top}
.webp #home .video_btn {background-position:center top}
#home .video_btn {
  -webkit-transform-origin: center top;
          transform-origin: center top;
  width: 85px;
  height: 86px;
  top: 530px;
  left: 806px;
  z-index: 20;
  position: absolute;
  opacity: 0.9;
}
#home .video_btn:hover {
  opacity: 1.1;
}
.no-webp #home #btns {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_code_2_216f2c6a.png) no-repeat}
.webp #home #btns {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_code_2_216f2c6a.webp) no-repeat}
#home #btns {
  width: 787px;
  height: 181px;
  font-size: 0;
  position: absolute;
  left: 50%;
  margin-left: -393px;
  bottom: 152px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10;
}
.no-webp #home #btns .zlp {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn-zlp_d2623593.png) no-repeat}
.webp #home #btns .zlp {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn-zlp_d2623593.webp) no-repeat}
#home #btns .zlp {
  width: 163px;
  height: 145px;
  margin-right: 20px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.no-webp #home #btns .zlp:hover {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn-zlp-h_6efbcd53.png) no-repeat}
.webp #home #btns .zlp:hover {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn-zlp-h_6efbcd53.webp) no-repeat}
#home #btns .zlp:hover {
}
#home #btns .zlp a {
  display: block;
  width: 100%;
  height: 100%;
}
.no-webp #home #btns .news-box {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/news-box_223574ab.png) no-repeat center / 100%}
.webp #home #btns .news-box {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/news-box_223574ab.webp) no-repeat center / 100%}
#home #btns .news-box {
  display: inline-block;
  width: 201px;
  height: 133px;
  margin: 23px 21px 0 68px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 100px;
}
.no-webp #home #btns .news-box .btn-news {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/news-btn_5b491a70.png)}
.webp #home #btns .news-box .btn-news {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/news-btn_5b491a70.webp)}
#home #btns .news-box .btn-news {
  display: block;
  margin: 0 auto;
  width: 152px;
  height: 30px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
#home #btns .news-box .btn-news:hover {
  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.no-webp #home #btns .code {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/code-bg_55be1e8d.png) no-repeat center top / 100% auto}
.webp #home #btns .code {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/code-bg_55be1e8d.webp) no-repeat center top / 100% auto}
#home #btns .code {
  width: 112px;
  height: 133px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-top: 23px;
}
#home #btns .code img {
  width: 100px;
  height: 102px;
  display: block;
  margin: 6px auto 0;
}
#home #btns .code p {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #e7f5ff;
  font-size: 13px;
  line-height: 18px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.no-webp #home #btns .code p.icon_wx {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icon_wx_c0015c6d.png) 0 0 no-repeat}
.webp #home #btns .code p.icon_wx {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icon_wx_c0015c6d.webp) 0 0 no-repeat}
#home #btns .code p.icon_wx {
  padding-left: 27px;
}
.no-webp #home #btns .code p.icon_qun {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icon_qun_8c77c8c3.png) 0 0 no-repeat}
.webp #home #btns .code p.icon_qun {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icon_qun_8c77c8c3.webp) 0 0 no-repeat}
#home #btns .code p.icon_qun {
  padding-left: 32px;
}
.no-webp #home .hb {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/hb_e9e94dd9.png) no-repeat;
  background-size: 100%}
.webp #home .hb {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/hb_e9e94dd9.webp) no-repeat;
  background-size: 100%}
.no-webp #home .hb {background-size:100%}
.webp #home .hb {background-size:100%}
#home .hb {
  position: absolute;
  display: inline-block;
  width: 199px;
  height: 191px;
  left: 50%;
  margin-left: 400px;
  bottom: 152px;
}
.no-webp #home .hb:hover {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/hb-h_fc545452.png) no-repeat;
  background-size: 100%}
.webp #home .hb:hover {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/hb-h_fc545452.webp) no-repeat;
  background-size: 100%}
.no-webp #home .hb:hover {background-size:100%}
.webp #home .hb:hover {background-size:100%}
#home .hb:hover {
}
#home .slide-box {
  width: 291px;
  height: 223px;
  position: absolute;
  right: 16px;
  bottom: 90px;
  z-index: 9;
}
.no-webp #home .slide-box .slide {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/slide-bg_f3ab78a9.png) no-repeat}
.webp #home .slide-box .slide {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/slide-bg_f3ab78a9.webp) no-repeat}
#home .slide-box .slide {
  display: block;
  width: 291px;
  height: 223px;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
}
#home .slide-box .slide:hover {
  filter: alpha(opacity=90);
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.no-webp #home .slide-box .slide canvas {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/yhc_bg_eecb8e77.png) center;
  background-position-x: -1.05rem}
.webp #home .slide-box .slide canvas {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/yhc_bg_eecb8e77.webp) center;
  background-position-x: -1.05rem}
.no-webp #home .slide-box .slide canvas {background-position-x:-1.05rem}
.webp #home .slide-box .slide canvas {background-position-x:-1.05rem}
#home .slide-box .slide canvas {
  width: 100%;
  height: 100%;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.no-webp #home .slide-box .slide-click {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/yhc_point_53f41886.png) center;
  background-size: 100% 100%}
.webp #home .slide-box .slide-click {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/yhc_point_53f41886.webp) center;
  background-size: 100% 100%}
.no-webp #home .slide-box .slide-click {background-size:100% 100%}
.webp #home .slide-box .slide-click {background-size:100% 100%}
#home .slide-box .slide-click {
  position: absolute;
  right: 60px;
  top: 34px;
  height: 39px;
  width: 39px;
  mix-blend-mode: normal;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  z-index: 99;
  -webkit-animation: ych-click 2s 0s linear both;
          animation: ych-click 2s 0s linear both;
}
.no-webp #home .slide-box .slide-me {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/yhc_me_061963c0.png) center;
  background-size: 100% 100%}
.webp #home .slide-box .slide-me {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/yhc_me_061963c0.webp) center;
  background-size: 100% 100%}
.no-webp #home .slide-box .slide-me {background-size:100% 100%}
.webp #home .slide-box .slide-me {background-size:100% 100%}
#home .slide-box .slide-me {
  position: absolute;
  height: 39px;
  width: 38px;
  top: 58px;
  right: 34px;
  mix-blend-mode: normal;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  z-index: 99;
  -webkit-animation: ych-me 2s 0s linear both;
          animation: ych-me 2s 0s linear both;
}
.no-webp #home .slide-box .slide-look {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/yhc_look_1a1f2bbd.png) center;
  background-size: 100% 100%}
.webp #home .slide-box .slide-look {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/yhc_look_1a1f2bbd.webp) center;
  background-size: 100% 100%}
.no-webp #home .slide-box .slide-look {background-size:100% 100%}
.webp #home .slide-box .slide-look {background-size:100% 100%}
#home .slide-box .slide-look {
  position: absolute;
  height: 38px;
  width: 39px;
  top: 126px;
  right: 34px;
  z-index: 99;
  -webkit-animation: ych-look 2s 0s linear both;
          animation: ych-look 2s 0s linear both;
}
.no-webp #home .slide-box .slide-check {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/yhc_check_49d58dc7.png) center;
  background-size: 100% 100%}
.webp #home .slide-box .slide-check {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/yhc_check_49d58dc7.webp) center;
  background-size: 100% 100%}
.no-webp #home .slide-box .slide-check {background-size:100% 100%}
.webp #home .slide-box .slide-check {background-size:100% 100%}
#home .slide-box .slide-check {
  position: absolute;
  height: 38px;
  width: 39px;
  top: 92px;
  right: 22px;
  z-index: 99;
  -webkit-animation: ych-check 2s 0s linear both;
          animation: ych-check 2s 0s linear both;
}
.no-webp #home .slide-box .slide-slogan {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/yhc_slogan_f304e957.png) no-repeat;
  background-size: 100%}
.webp #home .slide-box .slide-slogan {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/yhc_slogan_f304e957.webp) no-repeat;
  background-size: 100%}
.no-webp #home .slide-box .slide-slogan {background-size:100%}
.webp #home .slide-box .slide-slogan {background-size:100%}
#home .slide-box .slide-slogan {
  height: 100px;
  width: 252px;
  bottom: 0;
  left: -22px;
  z-index: 99;
  position: absolute;
}
.no-webp #home .slide-box .close {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/jt_1ab2efaa.png)}
.webp #home .slide-box .close {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/jt_1ab2efaa.webp)}
#home .slide-box .close {
  width: 31px;
  height: 31px;
  position: absolute;
  right: 8px;
  top: 92px;
}
.no-webp #home .slide-box .open {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/jt-open_59cd7535.png)}
.webp #home .slide-box .open {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/jt-open_59cd7535.webp)}
#home .slide-box .open {
  width: 31px;
  height: 31px;
  position: absolute;
  right: 8px;
  top: 92px;
  display: none;
}
#home .slide-box.off .open {
  display: block;
}
#home .slide-box.off .close {
  display: none;
}
#home .slide-box.off .slide {
  -webkit-transform: translateX(130%);
          transform: translateX(130%);
}
.no-webp #home .btn-down {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite-9d2c34_9d2c3494.png);background-size:339px 176px;
background-position:-0px -126px}
.webp #home .btn-down {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite-9d2c34_9d2c3494.webp);background-size:339px 176px;
background-position:-0px -126px}
.no-webp #home .btn-down {background-size:339px 176px}
.webp #home .btn-down {background-size:339px 176px}
.no-webp #home .btn-down {background-position:-0px -126px}
.webp #home .btn-down {background-position:-0px -126px}
#home .btn-down {

  width: 177px;
  height: 50px;
  position: absolute;
  right: 64px;
  top: 40px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
#home .btn-down:hover {
  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.no-webp #home .btn-kszc {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_kszc_b7e029f3.png);
  background-position-y: 100% }
.webp #home .btn-kszc {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_kszc_b7e029f3.webp);
  background-position-y: 100% }
.no-webp #home .btn-kszc {background-position-y:100%}
.webp #home .btn-kszc {background-position-y:100%}
#home .btn-kszc {
  width: 177px;
  height: 50px;
  position: absolute;
  right: 64px;
  top: 97px;
}
#home .btn-kszc:hover {
  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.no-webp #home .btn-yuyue {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite-9d2c34_9d2c3494.png);background-size:339px 176px;
background-position:-0px -0px}
.webp #home .btn-yuyue {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite-9d2c34_9d2c3494.webp);background-size:339px 176px;
background-position:-0px -0px}
.no-webp #home .btn-yuyue {background-size:339px 176px}
.webp #home .btn-yuyue {background-size:339px 176px}
.no-webp #home .btn-yuyue {background-position:-0px -0px}
.webp #home .btn-yuyue {background-position:-0px -0px}
#home .btn-yuyue {

  width: 182px;
  height: 61px;
  position: absolute;
  right: 56px;
  top: 102px;
}
.no-webp #home .btn-yuyue:hover {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite-9d2c34_9d2c3494.png);background-size:339px 176px;
background-position:-0px -63px}
.webp #home .btn-yuyue:hover {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite-9d2c34_9d2c3494.webp);background-size:339px 176px;
background-position:-0px -63px}
.no-webp #home .btn-yuyue:hover {background-size:339px 176px}
.webp #home .btn-yuyue:hover {background-size:339px 176px}
.no-webp #home .btn-yuyue:hover {background-position:-0px -63px}
.webp #home .btn-yuyue:hover {background-position:-0px -63px}
#home .btn-yuyue:hover {
width:182px;
height:61px;

}
#leihuo-age {
  width: 70px;
  height: 92px;
  position: absolute;
  left: 30px;
  bottom: 84px;
  z-index: 8;
}
#leihuo-age a {
  display: block;
  width: 100%;
  height: 100%;
}
#leihuo-age a img {
  width: 100%;
}
#home-side {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
  width: 100%;
  height: 60px;
}
.no-webp #home-side .inner-logo {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/logo_e8da13e2.png) no-repeat center center / 100% 100%}
.webp #home-side .inner-logo {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/logo_e8da13e2.webp) no-repeat center center / 100% 100%}
#home-side .inner-logo {
  width: 320px;
  height: 82px;
  position: absolute;
  left: 8px;
  top: 12px;
  z-index: 8;
}
#home-side #menu_open {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 6;
}
.no-webp #home-side .inner-menu {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite-9d2c34_9d2c3494.png) no-repeat;background-size:345.9183673469388px 176px;
background-position:-187.75510204081633px -89.79591836734694px}
.webp #home-side .inner-menu {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite-9d2c34_9d2c3494.webp) no-repeat;background-size:345.9183673469388px 176px;
background-position:-187.75510204081633px -89.79591836734694px}
.no-webp #home-side .inner-menu {background-size:345.9183673469388px 176px}
.webp #home-side .inner-menu {background-size:345.9183673469388px 176px}
.no-webp #home-side .inner-menu {background-position:-187.75510204081633px -89.79591836734694px}
.webp #home-side .inner-menu {background-position:-187.75510204081633px -89.79591836734694px}
#home-side .inner-menu {

  width: 50px;
  height: 50px;
  position: absolute;
  left: 350px;
  top: 26px;
  z-index: 8;
}
.no-webp #home-side .inner-menu:hover {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite-9d2c34_9d2c3494.png) no-repeat;background-size:339px 176px;
background-position:-235px -88px}
.webp #home-side .inner-menu:hover {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite-9d2c34_9d2c3494.webp) no-repeat;background-size:339px 176px;
background-position:-235px -88px}
.no-webp #home-side .inner-menu:hover {background-size:339px 176px}
.webp #home-side .inner-menu:hover {background-size:339px 176px}
.no-webp #home-side .inner-menu:hover {background-position:-235px -88px}
.webp #home-side .inner-menu:hover {background-position:-235px -88px}
#home-side .inner-menu:hover {
width:49px;
height:50px;

}
#home-side .btn-menu {
  top: 90px;
}
.no-webp #home-side .btn-menu span {background-color:#f5cd73}
.webp #home-side .btn-menu span {background-color:#f5cd73}
#home-side .btn-menu span {
}
.no-webp #home-side .menu_open {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_menu_c583a695.png) no-repeat;
  background-size: cover}
.webp #home-side .menu_open {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_menu_c583a695.webp) no-repeat;
  background-size: cover}
.no-webp #home-side .menu_open {background-size:cover}
.webp #home-side .menu_open {background-size:cover}
#home-side .menu_open {
}
#home-side .menu_open .menus a {
  color: #fff;
}
@-webkit-keyframes ych-click {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  10% {
    -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
  }
  16.67% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes ych-click {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  10% {
    -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
  }
  16.67% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes ych-me {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  10% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  20% {
    -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
  }
  26.67% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes ych-me {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  10% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  20% {
    -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
  }
  26.67% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes ych-check {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  16.67% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  26.67% {
    -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
  }
  33.33% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes ych-check {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  16.67% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  26.67% {
    -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
  }
  33.33% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes ych-look {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  20% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  30% {
    -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
  }
  36.67% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes ych-look {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  20% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  30% {
    -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
  }
  36.67% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
.no-webp #page_news .title {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/title_275edd96.png) no-repeat}
.webp #page_news .title {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/title_275edd96.webp) no-repeat}
#page_news .title {
  width: 749px;
  height: 170px;
  margin: 0;
}
.no-webp #page_news .news-special {background:#eeeff5}
.webp #page_news .news-special {background:#eeeff5}
#page_news .news-special {
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  margin: 10px 0;
}
#page_news .news-special a {
  color: #4d455f;
}
#page_news .news-special a:hover {
  text-decoration: underline;
}
.no-webp #page_news #banner {background:#fff}
.webp #page_news #banner {background:#fff}
#page_news #banner {
  width: 405px;
  height: 515px;
  position: relative;
  margin-left: 80px;
}
#page_news #hotlinkbox-switch {
  position: absolute;
  z-index: 1;
  left: -30px;
  top: 0;
}
.no-webp #page_news #hotlinkbox-switch a {background:#fff}
.webp #page_news #hotlinkbox-switch a {background:#fff}
#page_news #hotlinkbox-switch a {
  display: block;
  width: 30px;
  height: 50px;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  -webkit-writing-mode: tb-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: tb-rl;
  line-height: 30px;
  color: #ae844f;
  font-size: 14px;
  text-align: center;
}
.no-webp #page_news #hotlinkbox-switch a:hover, 
.no-webp #page_news #hotlinkbox-switch a.current {background:#ae844f}
.webp #page_news #hotlinkbox-switch a:hover, 
.webp #page_news #hotlinkbox-switch a.current {background:#ae844f}
#page_news #hotlinkbox-switch a:hover,
#page_news #hotlinkbox-switch a.current {
  color: #fff;
}
#page_news #hotlinkbox-content {
  width: 405px;
  height: 515px;
}
#page_news #hotlinkbox-content img {
  width: 405px;
  height: 515px;
  display: block;
}
#page_news #hotlinkbox-content > div {
  display: none;
}
#page_news #hotlinkbox-content > div.current {
  display: block;
}
#page_news #hotlinkbox-content .hd {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 12px;
  text-align: center;
  left: 0;
  bottom: -30px;
}
.no-webp #page_news #hotlinkbox-content .hd li {background:#b0b1dd}
.webp #page_news #hotlinkbox-content .hd li {background:#b0b1dd}
#page_news #hotlinkbox-content .hd li {
  display: inline-block;
  margin: 0 10px;
  overflow: hidden;
  width: 12px;
  height: 12px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  font-size: 0;
  border-radius: 6px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.no-webp #page_news #hotlinkbox-content .hd li:hover, 
.no-webp #page_news #hotlinkbox-content .hd li.on, 
.no-webp #page_news #hotlinkbox-content .hd li.current {background:#8584c3}
.webp #page_news #hotlinkbox-content .hd li:hover, 
.webp #page_news #hotlinkbox-content .hd li.on, 
.webp #page_news #hotlinkbox-content .hd li.current {background:#8584c3}
#page_news #hotlinkbox-content .hd li:hover,
#page_news #hotlinkbox-content .hd li.on,
#page_news #hotlinkbox-content .hd li.current {
  width: 34px;
  border-radius: 6px;
}
#page_news #newsbox {
  width: 560px;
  margin-left: 48px;
  height: 520px;
  overflow: hidden;
}
#page_news #newsbox .bd {
  width: 560px;
  height: 320px;
  position: relative;
}
#page_news #newsbox .newsbox-hot {
  margin-top: 30px;
}
.no-webp #page_news #newsbox .newsbox-hot li:before {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/hot_20f2e0cc.png) no-repeat}
.webp #page_news #newsbox .newsbox-hot li:before {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/hot_20f2e0cc.webp) no-repeat}
#page_news #newsbox .newsbox-hot li:before {
  content: '';
  width: 43px;
  height: 18px;
  position: absolute;
  z-index: 2;
  left: 57px;
}
#page_news #newsbox .newsbox-hot li a {
  color: #31314a;
  font-weight: 700;
}
#page_news #newsbox .newsbox-hot,
#page_news #newsbox .newsbox-list {
  overflow: hidden;
}
.no-webp #page_news #newsbox .newsbox-hot .bg-line, 
.no-webp #page_news #newsbox .newsbox-list .bg-line {background:#ebebfe}
.webp #page_news #newsbox .newsbox-hot .bg-line, 
.webp #page_news #newsbox .newsbox-list .bg-line {background:#ebebfe}
#page_news #newsbox .newsbox-hot .bg-line,
#page_news #newsbox .newsbox-list .bg-line {
  position: absolute;
  z-index: 1;
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  overflow: hidden;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.no-webp #page_news #newsbox .newsbox-hot .bg-line:before, 
.no-webp #page_news #newsbox .newsbox-list .bg-line:before {background:#8584c3}
.webp #page_news #newsbox .newsbox-hot .bg-line:before, 
.webp #page_news #newsbox .newsbox-list .bg-line:before {background:#8584c3}
#page_news #newsbox .newsbox-hot .bg-line:before,
#page_news #newsbox .newsbox-list .bg-line:before {
  content: '';
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#page_news #newsbox .newsbox-hot li,
#page_news #newsbox .newsbox-list li {
  float: left;
  width: 275px;
  height: 90px;
  position: relative;
  margin-right: 10px;
  margin-bottom: 5px;
  cursor: pointer;
}
#page_news #newsbox .newsbox-hot li:nth-of-type(2n),
#page_news #newsbox .newsbox-list li:nth-of-type(2n) {
  margin-right: 0;
}
#page_news #newsbox .newsbox-hot li:hover .bg-line,
#page_news #newsbox .newsbox-list li:hover .bg-line {
  width: 100%;
}
.no-webp #page_news #newsbox .newsbox-hot .date, 
.no-webp #page_news #newsbox .newsbox-list .date {background-image:-webkit-gradient(linear, left top, left bottom, from(#ddddf7), to(#f7f7f7))}
.webp #page_news #newsbox .newsbox-hot .date, 
.webp #page_news #newsbox .newsbox-list .date {background-image:-webkit-gradient(linear, left top, left bottom, from(#ddddf7), to(#f7f7f7))}
.no-webp #page_news #newsbox .newsbox-hot .date, 
.no-webp #page_news #newsbox .newsbox-list .date {background-image:linear-gradient(#ddddf7, #f7f7f7)}
.webp #page_news #newsbox .newsbox-hot .date, 
.webp #page_news #newsbox .newsbox-list .date {background-image:linear-gradient(#ddddf7, #f7f7f7)}
#page_news #newsbox .newsbox-hot .date,
#page_news #newsbox .newsbox-list .date {
  position: relative;
  z-index: 2;
  width: 32px;
  height: 48px;
  margin-top: 20px;
  text-align: center;
  float: left;
  margin-left: 13px;
  color: #31314a;
  font-weight: normal;
}
.no-webp #page_news #newsbox .newsbox-hot .date span, 
.no-webp #page_news #newsbox .newsbox-list .date span {background:#8584c3}
.webp #page_news #newsbox .newsbox-hot .date span, 
.webp #page_news #newsbox .newsbox-list .date span {background:#8584c3}
#page_news #newsbox .newsbox-hot .date span,
#page_news #newsbox .newsbox-list .date span {
  display: block;
  width: 80%;
  height: 1px;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
  margin: 0 auto;
}
#page_news #newsbox .newsbox-hot .news-info,
#page_news #newsbox .newsbox-list .news-info {
  float: left;
  margin-top: 20px;
  position: relative;
  z-index: 2;
  margin-left: 15px;
  width: 215px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
#page_news #newsbox .newsbox-list a {
  color: #31314a;
}
#page_news #newsbox .newsbox-list li:nth-of-type(2n) {
  top: 35px;
}
#page_news #newsbox .newsbox-list li:nth-of-type(2n):before {
  content: '';
  border-left: 1px dashed #dadae1;
  height: 40px;
  position: absolute;
  left: 28px;
  top: -33px;
}
#page_news #newsbox .newsbox-list li:nth-of-type(4n) {
  top: 35px;
}
#page_news #newsbox .newsbox-list li:nth-of-type(4n):after {
  content: '';
  border-left: 1px dashed #dadae1;
  height: 40px;
  position: absolute;
  left: 28px;
  top: 75px;
}
#page_news #newsbox .newsbox-tab {
  width: 560px;
  height: 45px;
  margin: 10px auto 0;
  border-bottom: 1px dashed #d5d2d2;
  padding-bottom: 6px;
  position: relative;
}
#page_news #newsbox .newsbox-tab li {
  float: left;
  width: 132px;
  height: 45px;
  line-height: 45px;
  position: relative;
  overflow: hidden;
  color: #303030;
}
#page_news #newsbox .newsbox-tab li a {
  color: #303030;
  display: inline-block;
  width: 100%;
  height: 35px;
  margin-bottom: 10px;
  font-family: 'fzlth';
  font-size: 18px;
  position: relative;
  z-index: 2;
  text-indent: 10px;
}
#page_news #newsbox .newsbox-tab li:after {
  content: '/';
  color: #d1d1d9;
  display: inline-block;
  position: absolute;
  right: 50px;
  top: 0;
}
#page_news #newsbox .newsbox-tab li i {
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.no-webp #page_news #newsbox .newsbox-tab li:hover i, 
.no-webp #page_news #newsbox .newsbox-tab li.on i {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/nav_hover_3903078e.png) no-repeat}
.webp #page_news #newsbox .newsbox-tab li:hover i, 
.webp #page_news #newsbox .newsbox-tab li.on i {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/nav_hover_3903078e.webp) no-repeat}
#page_news #newsbox .newsbox-tab li:hover i,
#page_news #newsbox .newsbox-tab li.on i {
  width: 64px;
  height: 48px;
  z-index: 1;
  position: absolute;
  bottom: 2px;
  left: 0px;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
#page_news #newsbox .newsbox-tab li:hover a,
#page_news #newsbox .newsbox-tab li.on a {
  font-weight: bold;
}
#page_news #newsbox .newsbox-tab li:last-child {
  width: 90px;
}
#page_news #newsbox .newsbox-tab li:last-child:after {
  display: none;
}
#page_news #newsbox .newsbox-tab .btn_more_news {
  display: block;
  font-size: 28px;
  color: #403965;
  font-family: "Microsoft YaHei", serif;
  position: absolute;
  top: 2px;
  right: 12px;
  z-index: 3;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform-origin: 11px 22px;
          transform-origin: 11px 22px;
}
#page_news #newsbox .newsbox-tab .btn_more_news:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.no-webp #page_data .title {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/title_70328b83.png) no-repeat}
.webp #page_data .title {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/title_70328b83.webp) no-repeat}
#page_data .title {
  width: 1133px;
  height: 171px;
}
#page_data .neirong {
  width: 830px;
  height: 300px;
  margin-left: 90px;
  margin-top: 40px;
}
.no-webp #page_data .neirong .neirong-title {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/title_neirong_41f46c52.png) no-repeat}
.webp #page_data .neirong .neirong-title {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/title_neirong_41f46c52.webp) no-repeat}
#page_data .neirong .neirong-title {
  width: 706px;
  height: 43px;
  position: relative;
}
#page_data .neirong .neirong-title a {
  display: block;
  position: absolute;
  width: 90px;
  height: 20px;
  right: -120px;
  top: 10px;
  color: #3d3d57;
}
.no-webp #page_data .neirong .neirong-title a:hover i {background:#514db7}
.webp #page_data .neirong .neirong-title a:hover i {background:#514db7}
#page_data .neirong .neirong-title a:hover i {
}
.no-webp #page_data .neirong .neirong-title i {background:#8584c3}
.webp #page_data .neirong .neirong-title i {background:#8584c3}
#page_data .neirong .neirong-title i {
  display: inline-block;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  position: relative;
  top: 3px;
  left: 3px;
}
.no-webp #page_data .neirong .neirong-title i:before {background:#fff}
.webp #page_data .neirong .neirong-title i:before {background:#fff}
#page_data .neirong .neirong-title i:before {
  content: '';
  width: 11px;
  height: 1px;
  position: absolute;
  margin: 0 auto;
  left: 5px;
  top: 10px;
}
.no-webp #page_data .neirong .neirong-title i:after {background:#fff}
.webp #page_data .neirong .neirong-title i:after {background:#fff}
#page_data .neirong .neirong-title i:after {
  content: '';
  width: 1px;
  height: 11px;
  position: absolute;
  margin: 0 auto;
  left: 10px;
  top: 5px;
}
#page_data .neirong .tab_ctrl_wrap {
  overflow: hidden;
  margin-top: 25px;
}
#page_data .neirong .tab_ctrl {
  float: left;
  width: 130px;
  margin-left: 7px;
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#page_data .neirong .tab_ctrl:first-child {
  margin-left: 0;
}
.no-webp #page_data .neirong .tab_ctrl .tab_card {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/card_1c63838b.png) no-repeat}
.webp #page_data .neirong .tab_ctrl .tab_card {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/card_1c63838b.webp) no-repeat}
#page_data .neirong .tab_ctrl .tab_card {
  width: 130px;
  height: 169px;
  color: #fff;
  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;
}
.no-webp #page_data .neirong .tab_ctrl .tab_detail {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/card2_956d58b8.png) no-repeat}
.webp #page_data .neirong .tab_ctrl .tab_detail {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/card2_956d58b8.webp) no-repeat}
#page_data .neirong .tab_ctrl .tab_detail {
  width: 279px;
  position: absolute;
  left: 130px;
  opacity: 0;
  top: 0;
  height: 176px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  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;
}
#page_data .neirong .tab_ctrl.active,
#page_data .neirong .tab_ctrl:hover {
  width: 409px;
}
#page_data .neirong .tab_ctrl.active .tab_detail,
#page_data .neirong .tab_ctrl:hover .tab_detail {
  opacity: 1;
}
#page_data .guide-list {
  width: 255px;
  height: 60px;
  padding: 58px 0;
  margin: 0 auto;
}
#page_data .guide-list li {
  width: 82px;
  text-align: center;
  float: left;
  position: relative;
}
#page_data .guide-list li:after {
  content: '';
  border-left: 1px dashed #d5d5ee;
  width: 1px;
  height: 55px;
  position: absolute;
  right: 0px;
  top: 0;
}
#page_data .guide-list li:last-child:after {
  display: none;
}
#page_data .guide-list li i {
  display: block;
  margin: 5px auto 4px;
  -webkit-transition: all .5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#page_data .guide-list a {
  display: block;
  width: 100%;
  color: #5a5a5a;
  font-size: 14px;
  text-align: left;
}
#page_data .guide-list a:hover {
  color: #b08752;
}
#page_data .guide-list a:hover i {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#page_data .guide-list-link li {
  height: 28px;
  line-height: 28px;
  position: relative;
}
#page_data .guide-list-link li:after {
  content: '';
  border-left: 1px dashed #d5d5ee;
  width: 1px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 6px;
}
#page_data .guide-list a {
  text-align: center;
}
#page_data .guide-list-link a,
#page_data .guide-list-link2 a,
#page_data .guide-list-link3 a {
  text-align: left;
}
#page_data .guide-list-link {
  width: 248px;
}
#page_data .guide-list-link2 {
  height: 80px;
  padding: 10px 0;
}
#page_data .guide-list-link3 {
  padding: 25px 0;
}
.no-webp #page_data .tab_ctrl_1 .guide-list li i {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icons1_a575f786.png)}
.webp #page_data .tab_ctrl_1 .guide-list li i {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icons1_a575f786.webp)}
#page_data .tab_ctrl_1 .guide-list li i {
}
.no-webp #page_data .tab_ctrl_1 .icon1 {background-position:0 0}
.webp #page_data .tab_ctrl_1 .icon1 {background-position:0 0}
#page_data .tab_ctrl_1 .icon1 {
  width: 34px;
  height: 31px;
}
.no-webp #page_data .tab_ctrl_1 .icon2 {background-position:-85px 0}
.webp #page_data .tab_ctrl_1 .icon2 {background-position:-85px 0}
#page_data .tab_ctrl_1 .icon2 {
  width: 34px;
  height: 31px;
}
.no-webp #page_data .tab_ctrl_1 .icon3 {background-position:right 0}
.webp #page_data .tab_ctrl_1 .icon3 {background-position:right 0}
#page_data .tab_ctrl_1 .icon3 {
  width: 31px;
  height: 31px;
}
.no-webp #page_data .tab_ctrl_2 .guide-list li i {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icons2_1101cbf7.png)}
.webp #page_data .tab_ctrl_2 .guide-list li i {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icons2_1101cbf7.webp)}
#page_data .tab_ctrl_2 .guide-list li i {
}
.no-webp #page_data .tab_ctrl_2 .icon1 {background-position:0 0}
.webp #page_data .tab_ctrl_2 .icon1 {background-position:0 0}
#page_data .tab_ctrl_2 .icon1 {
  width: 34px;
  height: 37px;
}
.no-webp #page_data .tab_ctrl_2 .icon2 {background-position:-72px 0}
.webp #page_data .tab_ctrl_2 .icon2 {background-position:-72px 0}
#page_data .tab_ctrl_2 .icon2 {
  width: 51px;
  height: 37px;
}
.no-webp #page_data .tab_ctrl_2 .icon3 {background-position:right 0}
.webp #page_data .tab_ctrl_2 .icon3 {background-position:right 0}
#page_data .tab_ctrl_2 .icon3 {
  width: 44px;
  height: 37px;
}
#page_data .tab_ctrl_3 ul {
  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;
}
#page_data .tab_ctrl_3 ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
#page_data .tab_ctrl_3 ul li::after {
  content: none;
}
#page_data .tab_ctrl_3 ul li a {
  text-align: center;
  position: relative;
}
#page_data .tab_ctrl_3 ul li a::after {
  content: '';
  border-left: 1px dashed #d5d5ee;
  width: 1px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 6px;
}
#page_data .tab_ctrl_3 ul li a:last-child::after {
  content: none;
}
.no-webp #page_data .person {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/person_7ed8106f.png) no-repeat}
.webp #page_data .person {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/person_7ed8106f.webp) no-repeat}
#page_data .person {
  width: 329px;
  height: 391px;
  position: absolute;
  right: -150px;
  top: 140px;
}
.no-webp #page_data .md—bbs {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_md_e3ef4678.png) no-repeat}
.webp #page_data .md—bbs {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_md_e3ef4678.webp) no-repeat}
#page_data .md—bbs {
  width: 172px;
  height: 287px;
  position: absolute;
  right: 10px;
  top: 520px;
}
#page_data .md—bbs a {
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  position: relative;
  left: -2px;
}
.no-webp #page_data .md—bbs .btn-md {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/nav_md1_f081ebad.png);
  background-position: 0 0}
.webp #page_data .md—bbs .btn-md {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/nav_md1_f081ebad.webp);
  background-position: 0 0}
.no-webp #page_data .md—bbs .btn-md {background-position:0 0}
.webp #page_data .md—bbs .btn-md {background-position:0 0}
#page_data .md—bbs .btn-md {
  margin-top: 70px;
  width: 64px;
  height: 64px;
}
.no-webp #page_data .md—bbs .btn-md:hover {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/nav_md2_44eb2680.png)}
.webp #page_data .md—bbs .btn-md:hover {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/nav_md2_44eb2680.webp)}
#page_data .md—bbs .btn-md:hover {
}
.no-webp #page_data .md—bbs .btn-bbs {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/nav_md1_f081ebad.png);
  background-position: 0 bottom}
.webp #page_data .md—bbs .btn-bbs {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/nav_md1_f081ebad.webp);
  background-position: 0 bottom}
.no-webp #page_data .md—bbs .btn-bbs {background-position:0 bottom}
.webp #page_data .md—bbs .btn-bbs {background-position:0 bottom}
#page_data .md—bbs .btn-bbs {
  width: 64px;
  height: 64px;
}
.no-webp #page_data .md—bbs .btn-bbs:hover {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/nav_md2_44eb2680.png)}
.webp #page_data .md—bbs .btn-bbs:hover {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/nav_md2_44eb2680.webp)}
#page_data .md—bbs .btn-bbs:hover {
}
.close_pop {
  top: 1px;
}
.close_pop:hover {
  -webkit-animation: closeBtn 0.3s linear 300ms 0 ease;
  animation: closeBtn 0.3s linear 300ms 0 ease;
  -webkit-animation: closeBtn 0.3s linear;
  animation: closeBtn 0.3s linear;
}
.no-webp #pop_video {background:#000}
.webp #pop_video {background:#000}
#pop_video {
  width: 880px;
  height: 375px;
  position: absolute;
  left: 50%;
  margin-left: -440px;
  top: 50%;
  z-index: 99999999;
}
.no-webp #pop_video #close_pv {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite-9d2c34_9d2c3494.png) no-repeat;background-size:339px 176px;
background-position:-286px -88px}
.webp #pop_video #close_pv {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite-9d2c34_9d2c3494.webp) no-repeat;background-size:339px 176px;
background-position:-286px -88px}
.no-webp #pop_video #close_pv {background-size:339px 176px}
.webp #pop_video #close_pv {background-size:339px 176px}
.no-webp #pop_video #close_pv {background-position:-286px -88px}
.webp #pop_video #close_pv {background-position:-286px -88px}
#pop_video #close_pv {
  font-size: 0;
  position: absolute;
  top: 0;
  right: -30px;
  width: 25px;
  height: 25px;

  -webkit-transition: transform 0.3s ease-in-out;
  -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;
}
#pop_video #close_pv:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#pop_video #pop_vv {
  position: absolute;
}
#pop_video .videoCon {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#page_jobs {
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0;
  width: 1920px;
  height: 1080px;
}
.no-webp #page_jobs .title {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/title_a672a0ba.png) no-repeat}
.webp #page_jobs .title {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/title_a672a0ba.webp) no-repeat}
#page_jobs .title {
  width: 1133px;
  height: 170px;
  margin: 0 auto;
}
#page_jobs .job-nav {
  position: absolute;
  z-index: 2;
  width: 262px;
  height: 586px;
  left: 50%;
  margin-left: -470px;
  top: 50%;
  margin-top: -360px;
}
.no-webp #page_jobs .job-nav li {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/nav1_3680d5a3.png)}
.webp #page_jobs .job-nav li {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/nav1_3680d5a3.webp)}
#page_jobs .job-nav li {
  height: 52px;
  width: 100%;
  font-size: 0;
  position: relative;
  cursor: pointer;
}
.no-webp #page_jobs .job-nav li:hover, 
.no-webp #page_jobs .job-nav li.active {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/nav2_aadac119.png)}
.webp #page_jobs .job-nav li:hover, 
.webp #page_jobs .job-nav li.active {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/nav2_aadac119.webp)}
#page_jobs .job-nav li:hover,
#page_jobs .job-nav li.active {
}
#page_jobs .job-nav .subnav {
  width: 82px;
  height: 64px;
  position: absolute;
  left: 0;
  top: -1px;
  display: none;
}
.no-webp #page_jobs .job-nav .subnav:before {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/subnav_f1312cad.png) no-repeat;
  background-position: right 0}
.webp #page_jobs .job-nav .subnav:before {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/subnav_f1312cad.webp) no-repeat;
  background-position: right 0}
.no-webp #page_jobs .job-nav .subnav:before {background-position:right 0}
.webp #page_jobs .job-nav .subnav:before {background-position:right 0}
#page_jobs .job-nav .subnav:before {
  content: '';
  width: 12px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.no-webp #page_jobs .job-nav .subnav a {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/subnav_f1312cad.png) no-repeat;
  background-position: 0 0}
.webp #page_jobs .job-nav .subnav a {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/subnav_f1312cad.webp) no-repeat;
  background-position: 0 0}
.no-webp #page_jobs .job-nav .subnav a {background-position:0 0}
.webp #page_jobs .job-nav .subnav a {background-position:0 0}
#page_jobs .job-nav .subnav a {
  display: block;
  width: 70px;
  height: 27px;
  text-align: center;
  line-height: 27px;
  color: #55557f;
  font-size: 16px;
  margin-bottom: 5px;
}
.no-webp #page_jobs .job-nav .subnav a:hover, 
.no-webp #page_jobs .job-nav .subnav a.active {background-position:0 bottom}
.webp #page_jobs .job-nav .subnav a:hover, 
.webp #page_jobs .job-nav .subnav a.active {background-position:0 bottom}
#page_jobs .job-nav .subnav a:hover,
#page_jobs .job-nav .subnav a.active {
  color: #fff;
}
.no-webp #page_jobs .job-nav .yinchao {background-position:0 0}
.webp #page_jobs .job-nav .yinchao {background-position:0 0}
#page_jobs .job-nav .yinchao {
}
.no-webp #page_jobs .job-nav .sixing {background-position:0 -52px}
.webp #page_jobs .job-nav .sixing {background-position:0 -52px}
#page_jobs .job-nav .sixing {
}
.no-webp #page_jobs .job-nav .fangshi {background-position:0 -104px}
.webp #page_jobs .job-nav .fangshi {background-position:0 -104px}
#page_jobs .job-nav .fangshi {
}
#page_jobs .job-nav .fangshi .subnav {
  left: -8px;
}
.no-webp #page_jobs .job-nav .xiake {background-position:0 -156px}
.webp #page_jobs .job-nav .xiake {background-position:0 -156px}
#page_jobs .job-nav .xiake {
}
.no-webp #page_jobs .job-nav .huahun {background-position:0 -208px}
.webp #page_jobs .job-nav .huahun {background-position:0 -208px}
#page_jobs .job-nav .huahun {
}
.no-webp #page_jobs .job-nav .yanshi {background-position:0 -260px}
.webp #page_jobs .job-nav .yanshi {background-position:0 -260px}
#page_jobs .job-nav .yanshi {
}
.no-webp #page_jobs .job-nav .jiashi {background-position:0 -312px}
.webp #page_jobs .job-nav .jiashi {background-position:0 -312px}
#page_jobs .job-nav .jiashi {
}
#page_jobs .job-nav .jiashi .subnav {
  top: -1px;
  left: -45px;
}
.no-webp #page_jobs .job-nav .sheshou {background-position:0 -364px}
.webp #page_jobs .job-nav .sheshou {background-position:0 -364px}
#page_jobs .job-nav .sheshou {
}
.no-webp #page_jobs .job-nav .daoke {background-position:0 -416px}
.webp #page_jobs .job-nav .daoke {background-position:0 -416px}
#page_jobs .job-nav .daoke {
}
#page_jobs .job-nav .daoke .subnav {
  top: 0px;
  left: -44px;
}
.no-webp #page_jobs .job-nav .yishi {background-position:0 -468px}
.webp #page_jobs .job-nav .yishi {background-position:0 -468px}
#page_jobs .job-nav .yishi {
}
.no-webp #page_jobs .job-nav .meizhe {background-position:0 -520px}
.webp #page_jobs .job-nav .meizhe {background-position:0 -520px}
#page_jobs .job-nav .meizhe {
}
.no-webp #page_jobs .job-nav .yiren {background-position:0 -572px}
.webp #page_jobs .job-nav .yiren {background-position:0 -572px}
#page_jobs .job-nav .yiren {
}
.no-webp #page_jobs .job-list {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_4970f912.png) no-repeat}
.webp #page_jobs .job-list {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_4970f912.webp) no-repeat}
#page_jobs .job-list {
  width: 1920px;
  height: 1080px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0;
}
#page_jobs .job-list .role {
  width: 1920px;
  height: 1080px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0;
}
#page_jobs .job-list .role .img {
  width: 1920px;
  height: 1080px;
}
#page_jobs .job-list .name {
  width: 960px;
  height: 540px;
  position: absolute;
  left: 50%;
  top: 0px;
}
#page_jobs .job-list .attr {
  width: 188px;
  height: 178px;
  position: absolute;
  left: 50%;
  margin-left: 332px;
  top: 540px;
}
.no-webp #page_jobs .job-list .btn-more {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite-9d2c34_9d2c3494.png) no-repeat;background-size:339px 176px;
background-position:-184px -0px}
.webp #page_jobs .job-list .btn-more {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite-9d2c34_9d2c3494.webp) no-repeat;background-size:339px 176px;
background-position:-184px -0px}
.no-webp #page_jobs .job-list .btn-more {background-size:339px 176px}
.webp #page_jobs .job-list .btn-more {background-size:339px 176px}
.no-webp #page_jobs .job-list .btn-more {background-position:-184px -0px}
.webp #page_jobs .job-list .btn-more {background-position:-184px -0px}
#page_jobs .job-list .btn-more {

  font-size: 0;
  width: 155px;
  height: 42px;
  position: absolute;
  left: 50%;
  margin-left: 350px;
  top: 740px;
}
.no-webp #page_jobs .job-list .btn-more:hover {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite-9d2c34_9d2c3494.png) no-repeat;background-size:339px 176px;
background-position:-184px -44px}
.webp #page_jobs .job-list .btn-more:hover {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/sprite-9d2c34_9d2c3494.webp) no-repeat;background-size:339px 176px;
background-position:-184px -44px}
.no-webp #page_jobs .job-list .btn-more:hover {background-size:339px 176px}
.webp #page_jobs .job-list .btn-more:hover {background-size:339px 176px}
.no-webp #page_jobs .job-list .btn-more:hover {background-position:-184px -44px}
.webp #page_jobs .job-list .btn-more:hover {background-position:-184px -44px}
#page_jobs .job-list .btn-more:hover {
width:155px;
height:42px;

}
#page_jobs .job-list .video {
  position: absolute;
  z-index: 2;
  width: 131px;
  height: 132px;
  left: 50%;
  margin-left: -300px;
  top: 380px;
  cursor: pointer;
}
#page_jobs .job-list .video video {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  position: relative;
  left: 5%;
  top: 5%;
  -o-object-fit: cover;
     object-fit: cover;
}
.no-webp #page_jobs .job-list .video .border {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_play_21c7619e.png) no-repeat}
.webp #page_jobs .job-list .video .border {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_play_21c7619e.webp) no-repeat}
#page_jobs .job-list .video .border {
  width: 131px;
  height: 132px;
  position: absolute;
  left: 0;
  top: 0;
}
.no-webp #page_jobs .job-list .btn-gender {background:#fff}
.webp #page_jobs .job-list .btn-gender {background:#fff}
#page_jobs .job-list .btn-gender {
  width: 70px;
  height: 35px;
  position: absolute;
  left: 50%;
  margin-left: -150px;
  top: 422px;
  border: 1px solid #dfdcfe;
  border-radius: 20px;
  font-size: 0;
}
#page_jobs .job-list .btn-gender a {
  display: inline-block;
  width: 50%;
  font-size: 18px;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  color: #5e5d64;
}
.no-webp #page_jobs .job-list .btn-gender a:hover, 
.no-webp #page_jobs .job-list .btn-gender a.active {background:#9d91cf}
.webp #page_jobs .job-list .btn-gender a:hover, 
.webp #page_jobs .job-list .btn-gender a.active {background:#9d91cf}
#page_jobs .job-list .btn-gender a:hover,
#page_jobs .job-list .btn-gender a.active {
  color: #fff;
}
#page_jobs .job-list .btn-form {
  width: 156px;
  height: 198px;
  position: absolute;
  right: 629px ;
  top: 642px;
}
.no-webp #page_jobs .job-list .btn-form .pele {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_r_d5ac2f27.png) no-repeat}
.webp #page_jobs .job-list .btn-form .pele {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_r_d5ac2f27.webp) no-repeat}
#page_jobs .job-list .btn-form .pele {
  width: 95px;
  height: 95px;
  display: block;
  text-indent: -9999em;
  margin-top: -12px;
}
.no-webp #page_jobs .job-list .btn-form .pele:hover, 
.no-webp #page_jobs .job-list .btn-form .pele.active {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_ron_22481f36.png) no-repeat}
.webp #page_jobs .job-list .btn-form .pele:hover, 
.webp #page_jobs .job-list .btn-form .pele.active {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_ron_22481f36.webp) no-repeat}
#page_jobs .job-list .btn-form .pele:hover,
#page_jobs .job-list .btn-form .pele.active {
}
.no-webp #page_jobs .job-list .btn-form .shark {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_j_85586f7e.png) no-repeat}
.webp #page_jobs .job-list .btn-form .shark {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_j_85586f7e.webp) no-repeat}
#page_jobs .job-list .btn-form .shark {
  width: 95px;
  height: 95px;
  display: block;
  text-indent: -9999em;
  margin-left: 59px;
}
.no-webp #page_jobs .job-list .btn-form .shark:hover, 
.no-webp #page_jobs .job-list .btn-form .shark.active {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_jon_23947db8.png) no-repeat}
.webp #page_jobs .job-list .btn-form .shark:hover, 
.webp #page_jobs .job-list .btn-form .shark.active {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_jon_23947db8.webp) no-repeat}
#page_jobs .job-list .btn-form .shark:hover,
#page_jobs .job-list .btn-form .shark.active {
}
#page_jobs .job-list .role,
#page_jobs .job-list .video {
  opacity: 0;
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
#page_jobs .job-list .name,
#page_jobs .job-list .attr,
#page_jobs .job-list .btn-more {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateX(200px);
          transform: translateX(200px);
  -webkit-transition: opacity .6s ease, -webkit-transform .6s ease;
  transition: opacity .6s ease, -webkit-transform .6s ease;
  transition: transform .6s ease, opacity .6s ease;
  transition: transform .6s ease, opacity .6s ease, -webkit-transform .6s ease;
}
#page_jobs .job-list.on .role,
#page_jobs .job-list.on .video {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
#page_jobs .job-list.on .name,
#page_jobs .job-list.on .attr,
#page_jobs .job-list.on .btn-more {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.no-webp #page_media .title {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/title_f17e1f9d.png) no-repeat}
.webp #page_media .title {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/title_f17e1f9d.webp) no-repeat}
#page_media .title {
  width: 1133px;
  height: 171px;
}
#page_media .media-video {
  width: 680px;
  height: 375px;
  position: absolute;
  left: 50%;
  top: 170px;
  margin-left: -475px;
}
.no-webp #page_media .media-video .title-video {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/title_video_4acd84d1.png) no-repeat}
.webp #page_media .media-video .title-video {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/title_video_4acd84d1.webp) no-repeat}
#page_media .media-video .title-video {
  width: 573px;
  height: 43px;
  margin-bottom: 15px;
  position: relative;
}
#page_media .media-video .title-video a {
  display: block;
  position: absolute;
  width: 90px;
  height: 20px;
  right: -100px;
  top: 10px;
  color: #3d3d57;
}
.no-webp #page_media .media-video .title-video a:hover i {background:#514db7}
.webp #page_media .media-video .title-video a:hover i {background:#514db7}
#page_media .media-video .title-video a:hover i {
}
.no-webp #page_media .media-video .title-video i {background:#8584c3}
.webp #page_media .media-video .title-video i {background:#8584c3}
#page_media .media-video .title-video i {
  display: inline-block;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  position: relative;
  top: 3px;
  left: 3px;
}
.no-webp #page_media .media-video .title-video i:before {background:#fff}
.webp #page_media .media-video .title-video i:before {background:#fff}
#page_media .media-video .title-video i:before {
  content: '';
  width: 11px;
  height: 1px;
  position: absolute;
  margin: 0 auto;
  left: 5px;
  top: 10px;
}
.no-webp #page_media .media-video .title-video i:after {background:#fff}
.webp #page_media .media-video .title-video i:after {background:#fff}
#page_media .media-video .title-video i:after {
  content: '';
  width: 1px;
  height: 11px;
  position: absolute;
  margin: 0 auto;
  left: 10px;
  top: 5px;
}
#page_media .media-video .videos {
  width: 560px;
  height: 315px;
  position: relative;
}
#page_media .media-video .videos img {
  width: 560px;
  height: 315px;
  display: block;
}
#page_media .media-video .videos li {
  display: none;
}
#page_media .media-video .videos li.active {
  display: block;
}
.no-webp #page_media .media-video .mask {background:rgba(0, 0, 0, 0.6)}
.webp #page_media .media-video .mask {background:rgba(0, 0, 0, 0.6)}
#page_media .media-video .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -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;
}
.no-webp #page_media .media-video .mask .btn-video i {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_play_4ba8bceb.png) no-repeat}
.webp #page_media .media-video .mask .btn-video i {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_play_4ba8bceb.webp) no-repeat}
#page_media .media-video .mask .btn-video i {
  width: 84px;
  height: 84px;
  display: inline-block;
  vertical-align: middle;
  -webkit-animation: pulse 1.5s linear infinite;
          animation: pulse 1.5s linear infinite;
}
#page_media .media-video .mask .btn-video p {
  display: inline-block;
  line-height: 84px;
  font-size: 18px;
  color: #fff;
}
.no-webp #page_media .media-video .video-nav {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/nav_aad04a3a.png) no-repeat}
.webp #page_media .media-video .video-nav {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/nav_aad04a3a.webp) no-repeat}
#page_media .media-video .video-nav {
  width: 137px;
  height: 322px;
  position: absolute;
  right: 0;
  bottom: 0;
}
#page_media .media-video .video-nav li {
  display: block;
  width: 100%;
  height: 51px;
  position: relative;
  margin-bottom: 17px;
  cursor: pointer;
}
#page_media .media-video .video-nav li p {
  position: absolute;
  font-size: 16px;
  color: #514527;
  top: 20px;
  left: 48px;
  width: 88px;
}
.no-webp #page_media .media-video .video-nav li .nav-mask {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/nav2_fac74963.png)}
.webp #page_media .media-video .video-nav li .nav-mask {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/nav2_fac74963.webp)}
#page_media .media-video .video-nav li .nav-mask {
  width: 0;
  height: 51px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#page_media .media-video .video-nav li:hover .nav-mask,
#page_media .media-video .video-nav li.active .nav-mask {
  width: 137px;
}
#page_media .media-video .video-nav .nav1 {
  margin-top: 47px;
}
.no-webp #page_media .media-video .video-nav .nav1 .nav-mask {background-position:0 -47px}
.webp #page_media .media-video .video-nav .nav1 .nav-mask {background-position:0 -47px}
#page_media .media-video .video-nav .nav1 .nav-mask {
}
.no-webp #page_media .media-video .video-nav .nav2 .nav-mask {background-position:0 -115px}
.webp #page_media .media-video .video-nav .nav2 .nav-mask {background-position:0 -115px}
#page_media .media-video .video-nav .nav2 .nav-mask {
}
.no-webp #page_media .media-video .video-nav .nav3 .nav-mask {background-position:0 -183px}
.webp #page_media .media-video .video-nav .nav3 .nav-mask {background-position:0 -183px}
#page_media .media-video .video-nav .nav3 .nav-mask {
}
.no-webp #page_media .media-video .video-nav .nav4 .nav-mask {background-position:0 -251px}
.webp #page_media .media-video .video-nav .nav4 .nav-mask {background-position:0 -251px}
#page_media .media-video .video-nav .nav4 .nav-mask {
}
#page_media .media-music {
  width: 300px;
  height: 375px;
  position: absolute;
  left: 50%;
  top: 170px;
  margin-left: 255px;
}
.no-webp #page_media .media-music .title-music {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/title_music_aef294f4.png) no-repeat}
.webp #page_media .media-music .title-music {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/title_music_aef294f4.webp) no-repeat}
#page_media .media-music .title-music {
  width: 300px;
  height: 43px;
  margin-bottom: 15px;
  position: relative;
}
#page_media .media-music .title-music a {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 0px;
  top: 10px;
  font-size: 0;
}
.no-webp #page_media .media-music .title-music a:hover i {background:#514db7}
.webp #page_media .media-music .title-music a:hover i {background:#514db7}
#page_media .media-music .title-music a:hover i {
}
.no-webp #page_media .media-music .title-music i {background:#8584c3}
.webp #page_media .media-music .title-music i {background:#8584c3}
#page_media .media-music .title-music i {
  display: inline-block;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  position: relative;
  top: 3px;
  left: 3px;
}
.no-webp #page_media .media-music .title-music i:before {background:#fff}
.webp #page_media .media-music .title-music i:before {background:#fff}
#page_media .media-music .title-music i:before {
  content: '';
  width: 11px;
  height: 1px;
  position: absolute;
  margin: 0 auto;
  left: 5px;
  top: 10px;
}
.no-webp #page_media .media-music .title-music i:after {background:#fff}
.webp #page_media .media-music .title-music i:after {background:#fff}
#page_media .media-music .title-music i:after {
  content: '';
  width: 1px;
  height: 11px;
  position: absolute;
  margin: 0 auto;
  left: 10px;
  top: 5px;
}
.no-webp #page_media .media-music .music-info {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_music_af8d749d.png) no-repeat center top}
.webp #page_media .media-music .music-info {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_music_af8d749d.webp) no-repeat center top}
#page_media .media-music .music-info {
  width: 292px;
  height: 350px;
  margin: -30px auto 0;
  overflow: hidden;
}
.no-webp #page_media .media-music .music-cover {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/music_cover_1544c31b.png) no-repeat}
.webp #page_media .media-music .music-cover {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/music_cover_1544c31b.webp) no-repeat}
#page_media .media-music .music-cover {
  width: 169px;
  height: 169px;
  margin: 76px auto 45px;
  -webkit-animation: rotate 40s linear infinite backwards;
          animation: rotate 40s linear infinite backwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
#page_media .media-music .music-cover.play {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.no-webp #page_media .media-music .music-control {background:#e8e7fb}
.webp #page_media .media-music .music-control {background:#e8e7fb}
#page_media .media-music .music-control {
  width: 284px;
  height: 42px;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
}
#page_media .media-music .music-control #music-lines {
  float: left;
  width: 152px;
  height: 42px;
}
#page_media .media-music .music-control p {
  float: left;
  color: #3d3d57;
  line-height: 42px;
}
.no-webp #page_media .media-music .music-control a {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_start_aa29fe57.png)}
.webp #page_media .media-music .music-control a {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_start_aa29fe57.webp)}
#page_media .media-music .music-control a {
  float: right;
  margin-right: 10px;
  width: 40px;
  height: 39px;
  margin-top: 1px;
}
.no-webp #page_media .media-music .music-control a.pause {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_pause_c6f5f5c5.png)}
.webp #page_media .media-music .music-control a.pause {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/btn_pause_c6f5f5c5.webp)}
#page_media .media-music .music-control a.pause {
}
#page_media .media-pic {
  width: 1020px;
  height: 280px;
  position: absolute;
  top: 585px;
  left: 50%;
  margin-left: -475px;
}
.no-webp #page_media .media-pic .title-pic {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/title_tujian_3b370977.png) no-repeat}
.webp #page_media .media-pic .title-pic {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/title_tujian_3b370977.webp) no-repeat}
#page_media .media-pic .title-pic {
  width: 916px;
  height: 43px;
  margin-bottom: 15px;
  position: relative;
}
#page_media .media-pic .title-pic a {
  display: block;
  position: absolute;
  width: 90px;
  height: 20px;
  right: -100px;
  top: 10px;
  color: #3d3d57;
}
.no-webp #page_media .media-pic .title-pic a:hover i {background:#514db7}
.webp #page_media .media-pic .title-pic a:hover i {background:#514db7}
#page_media .media-pic .title-pic a:hover i {
}
.no-webp #page_media .media-pic .title-pic i {background:#8584c3}
.webp #page_media .media-pic .title-pic i {background:#8584c3}
#page_media .media-pic .title-pic i {
  display: inline-block;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  position: relative;
  top: 3px;
  left: 3px;
}
.no-webp #page_media .media-pic .title-pic i:before {background:#fff}
.webp #page_media .media-pic .title-pic i:before {background:#fff}
#page_media .media-pic .title-pic i:before {
  content: '';
  width: 11px;
  height: 1px;
  position: absolute;
  margin: 0 auto;
  left: 5px;
  top: 10px;
}
.no-webp #page_media .media-pic .title-pic i:after {background:#fff}
.webp #page_media .media-pic .title-pic i:after {background:#fff}
#page_media .media-pic .title-pic i:after {
  content: '';
  width: 1px;
  height: 11px;
  position: absolute;
  margin: 0 auto;
  left: 10px;
  top: 5px;
}
.no-webp #page_media .media-pic .pic-name {background:#fff}
.webp #page_media .media-pic .pic-name {background:#fff}
#page_media .media-pic .pic-name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-indent: 30px;
  font-size: 14px;
  color: #3d3d57;
}
.no-webp #page_media .media-pic .pic-name:before {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icon_b3a8bc8e.png) no-repeat}
.webp #page_media .media-pic .pic-name:before {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icon_b3a8bc8e.webp) no-repeat}
#page_media .media-pic .pic-name:before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: sub;
}
#page_media .pic-list {
  width: 1020px;
  height: 280px;
  position: relative;
}
#page_media .pic-list .kcList {
  width: 100%;
  height: 100%;
}
#page_media .pic-list .picList {
  width: 100%;
  height: 300px;
  margin: 0;
  padding: 0;
}
#page_media .pic-list .picList li {
  width: 245px;
  height: 175px;
  float: left;
  overflow: hidden;
  margin-bottom: 1%;
  margin-right: 10px;
}
#page_media .pic-list .picList li:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
#page_media .pic-list .picList li:nth-child(4n) {
  margin-right: 0;
}
#page_media .pic-list .meng {
  width: 100%;
  height: 100%;
  display: block;
}
#page_media .pic-list img {
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
#page_media .pic-list .da-thumbs li a,
#page_media .pic-list .da-thumbs li a img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#page_media .pic-list .da-thumbs li a {
  overflow: hidden;
}
.no-webp #page_media .pic-list .da-thumbs li a div {background:rgba(0, 0, 0, 0.7)}
.webp #page_media .pic-list .da-thumbs li a div {background:rgba(0, 0, 0, 0.7)}
#page_media .pic-list .da-thumbs li a div {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: .8;
  filter: alpha(opacity=80);
  text-align: center;
  line-height: 175px;
  font-size: 14px;
  color: #fff;
}
#page_media .pic-list .da-thumbs li a div.da-animate {
  -webkit-transition: all .3s ease;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#page_media .pic-list .da-slideFromTop {
  left: 0;
  top: -100%;
}
#page_media .pic-list .da-slideFromBottom {
  left: 0;
  top: 100%;
}
#page_media .pic-list .da-slideFromLeft {
  top: 0;
  left: -100%;
}
#page_media .pic-list .da-slideFromRight {
  top: 0;
  left: 100%;
}
#page_media .pic-list .da-slideTop {
  top: 0;
}
#page_media .pic-list .da-slideLeft {
  left: 0;
}
#page_media .pic-list .picImg {
  width: 100%;
  height: 100%;
}
#Mshare {
  width: 160px;
  position: absolute;
  top: 850px;
  left: 50%;
  margin-left: -80px;
}
#Mshare a,
#Mshare p {
  color: #545475;
}
#Mshare a:hover {
  color: #8f8fc2;
}
@-webkit-keyframes living {
  0% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.3);
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }
  100% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
  }
}
@keyframes living {
  0% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.3);
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }
  100% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
  }
}
@-webkit-keyframes living {
  0% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.3);
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }
  100% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
  }
}
@keyframes living {
  0% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.3);
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }
  100% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
  }
}
@-webkit-keyframes rot {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes rot {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-webkit-keyframes rot {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes rot {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
.bar {
  padding: 0 0 0 8px;
  -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;
  position: relative;
  top: 5px;
  left: 5px;
}
.bar.active i:nth-child(1) {
  -webkit-animation: living 0.8s 0.3s linear infinite backwards 300ms 0 ease;
  animation: living 0.8s 0.3s linear infinite backwards 300ms 0 ease;
  -webkit-animation: living 0.8s 0.3s linear infinite backwards;
  animation: living 0.8s 0.3s linear infinite backwards;
}
.bar.active i:nth-child(2) {
  -webkit-animation: living 0.8s -0.6s linear infinite backwards 300ms 0 ease;
  animation: living 0.8s -0.6s linear infinite backwards 300ms 0 ease;
  -webkit-animation: living 0.8s -0.6s linear infinite backwards;
  animation: living 0.8s -0.6s linear infinite backwards;
}
.bar.active i:nth-child(3) {
  -webkit-animation: living 0.8s -0.8s linear infinite backwards 300ms 0 ease;
  animation: living 0.8s -0.8s linear infinite backwards 300ms 0 ease;
  -webkit-animation: living 0.8s -0.8s linear infinite backwards;
  animation: living 0.8s -0.8s linear infinite backwards;
}
.bar.active i:nth-child(4) {
  -webkit-animation: living 0.8s -1.1s linear infinite backwards 300ms 0 ease;
  animation: living 0.8s -1.1s linear infinite backwards 300ms 0 ease;
  -webkit-animation: living 0.8s -1.1s linear infinite backwards;
  animation: living 0.8s -1.1s linear infinite backwards;
}
.bar.dis i:nth-child(1),
.bar.dis i:nth-child(2),
.bar.dis i:nth-child(3),
.bar.dis i:nth-child(4) {
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
}
.bar .group {
  display: inline-block;
}
.no-webp .bar .group i {background:#b6b4db}
.webp .bar .group i {background:#b6b4db}
.bar .group i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  width: 1px;
}
.no-webp .bar .group i.active {background:#dac394}
.webp .bar .group i.active {background:#dac394}
.bar .group i.active {
}
.bar .group1 i {
  height: 32px;
}
.bar .group1 i:nth-child(1) {
  height: 32px;
}
.bar .group1 i:nth-child(2) {
  height: 18px;
}
.bar .group1 i:nth-child(3) {
  height: 20px;
}
.bar .group1 i:nth-child(4) {
  height: 16px;
}
.bar .group2 i {
  height: 30px;
}
.bar .group2 i:nth-child(1) {
  height: 24px;
}
.bar .group2 i:nth-child(2) {
  height: 28px;
}
.bar .group2 i:nth-child(3) {
  height: 20px;
}
.bar .group2 i:nth-child(4) {
  height: 28px;
}
.bar .group3 i {
  height: 42px;
}
.bar .group3 i:nth-child(1) {
  height: 32px;
}
.bar .group3 i:nth-child(2) {
  height: 22px;
}
.bar .group3 i:nth-child(3) {
  height: 12px;
}
.bar .group3 i:nth-child(4) {
  height: 20px;
}
.bar .group4 i {
  height: 32px;
}
.bar .group4 i:nth-child(1) {
  height: 15px;
}
.bar .group4 i:nth-child(2) {
  height: 12px;
}
.bar .group4 i:nth-child(3) {
  height: 22px;
}
.bar .group4 i:nth-child(4) {
  height: 14px;
}