@font-face {
  font-family: 'fzcysong';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzcysong.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzfftjtbold';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzfftjtbold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
body {
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei", "\9ED1\4F53", "\9ED1\4F53", "\5B8B\4F53", "\5B8B\4F53", sans-serif;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
  font-family: inherit;
}
input {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-style: normal;
}
strong,
em,
b {
  font-weight: bold;
  font-style: normal;
}
a,
a:hover {
  text-decoration: none;
}
textarea,
input,
button,
a {
  font-size: inherit;
  color: inherit;
}
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;
}
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.flex {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
@font-face {
  font-family: 'fzbysong';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzbysong.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzbysong';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzcysong.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'NotoSansSC';
  src: url("https://nie.res.netease.com/comm/js/leihuo/fonts/noto-sans-sc-v12-latin_chinese-simplified-regular.woff2") format('woff2'), url("https://nie.res.netease.com/comm/js/leihuo/fonts/noto-sans-sc-v12-latin_chinese-simplified-regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'fzcjljt';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzcjljt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzcthjt';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzcthjt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzfftjtbold';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzfftjtbold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzcysong';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzcysong.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@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;
}
@font-face {
  font-family: 'fzltdh';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzltdh.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.fade-enter,
.fade-leave-active {
  opacity: 0;
}
.vux-fade-enter-active,
.vux-fade-leave-active {
  opacity: 1;
  -webkit-transition: opacity linear 0.2s;
  transition: opacity linear 0.2s;
}
.vux-fade-enter,
.vux-fade-leave-to {
  opacity: 0;
}
.vux-dialog-enter-active,
.vux-dialog-leave-active {
  opacity: 1;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: translate(-50%, -50%) scale(1) !important;
          transform: translate(-50%, -50%) scale(1) !important;
  -webkit-transition-property: opacity, -webkit-transform !important;
  transition-property: opacity, -webkit-transform !important;
  transition-property: transform, opacity !important;
  transition-property: transform, opacity, -webkit-transform !important;
}
.vux-dialog-leave-active {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(0.85) !important;
          transform: translate(-50%, -50%) scale(0.85) !important;
}
.vux-dialog-enter {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(1.185) !important;
          transform: translate(-50%, -50%) scale(1.185) !important;
}
.vux-mask-enter,
.vux-mask-leave-active {
  opacity: 0;
}
.vux-mask-leave-active,
.vux-mask-enter-active {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
@-webkit-keyframes fadeShare {
  0% {
    -webkit-transform: translate3d(0px, 0, 0);
            transform: translate3d(0px, 0, 0);
  }
  25% {
    -webkit-transform: translate3d(0px, 30px, 0);
            transform: translate3d(0px, 30px, 0);
  }
  50% {
    -webkit-transform: translate3d(0px, -10px, 0);
            transform: translate3d(0px, -10px, 0);
  }
  75% {
    -webkit-transform: translate3d(0px, 10px, 0);
            transform: translate3d(0px, 10px, 0);
  }
  100% {
    -webkit-transform: translate3d(0px, 0, 0);
            transform: translate3d(0px, 0, 0);
  }
}
@-webkit-keyframes rotateSlide {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes rotateSlide2 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateSlideZhen {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  60% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  90% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes fadeSlide {
  0% {
    -webkit-transform: translate(0px, 0);
            transform: translate(0px, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(500px, 0);
            transform: translate(500px, 0);
    opacity: 0;
  }
  65% {
    -webkit-transform: translate(-350px, 0);
            transform: translate(-350px, 0);
    opacity: 0;
  }
  66% {
    -webkit-transform: translate(-350px, 0);
            transform: translate(-350px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0px, 0);
            transform: translate(0px, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75%,
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75%,
  100% {
    opacity: 1;
  }
}
@keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75%,
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-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);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -o-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);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -ms-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);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -o-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);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -o-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;
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(0.9);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(0.9);
    opacity: 1;
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(0.9);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-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;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-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);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform-origin: center center;
    -o-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;
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
    opacity: 1;
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-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.05);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes zoomIn2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  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);
  }
}
@-moz-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-ms-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    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);
  }
}
@-moz-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-ms-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-o-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    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);
  }
}
@-moz-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    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);
  }
}
@-moz-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes breath {
  0%,
  100% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes breath {
  0%,
  100% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes breath {
  0%,
  100% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes breath {
  0%,
  100% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes breath {
  0%,
  100% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes breath-2 {
  0%,
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-moz-keyframes breath-2 {
  0%,
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-ms-keyframes breath-2 {
  0%,
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-o-keyframes breath-2 {
  0%,
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes breath-2 {
  0%,
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-webkit-keyframes moveX {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(16px, 0);
    -moz-transform: translate(16px, 0);
    -ms-transform: translate(16px, 0);
    -o-transform: translate(16px, 0);
    transform: translate(16px, 0);
  }
}
@-moz-keyframes moveX {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(16px, 0);
    -moz-transform: translate(16px, 0);
    -ms-transform: translate(16px, 0);
    -o-transform: translate(16px, 0);
    transform: translate(16px, 0);
  }
}
@-ms-keyframes moveX {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(16px, 0);
    -moz-transform: translate(16px, 0);
    -ms-transform: translate(16px, 0);
    -o-transform: translate(16px, 0);
    transform: translate(16px, 0);
  }
}
@-o-keyframes moveX {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(16px, 0);
    -moz-transform: translate(16px, 0);
    -ms-transform: translate(16px, 0);
    -o-transform: translate(16px, 0);
    transform: translate(16px, 0);
  }
}
@keyframes moveX {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(16px, 0);
    -moz-transform: translate(16px, 0);
    -ms-transform: translate(16px, 0);
    -o-transform: translate(16px, 0);
    transform: translate(16px, 0);
  }
}
@-webkit-keyframes moveY {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 32px, 0);
    -moz-transform: translate3d(0, 32px, 0);
    -ms-transform: translate3d(0, 32px, 0);
    -o-transform: translate3d(0, 32px, 0);
    transform: translate3d(0, 32px, 0);
  }
}
@-moz-keyframes moveY {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 32px, 0);
    -moz-transform: translate3d(0, 32px, 0);
    -ms-transform: translate3d(0, 32px, 0);
    -o-transform: translate3d(0, 32px, 0);
    transform: translate3d(0, 32px, 0);
  }
}
@-ms-keyframes moveY {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 32px, 0);
    -moz-transform: translate3d(0, 32px, 0);
    -ms-transform: translate3d(0, 32px, 0);
    -o-transform: translate3d(0, 32px, 0);
    transform: translate3d(0, 32px, 0);
  }
}
@-o-keyframes moveY {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 32px, 0);
    -moz-transform: translate3d(0, 32px, 0);
    -ms-transform: translate3d(0, 32px, 0);
    -o-transform: translate3d(0, 32px, 0);
    transform: translate3d(0, 32px, 0);
  }
}
@keyframes moveY {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 32px, 0);
    -moz-transform: translate3d(0, 32px, 0);
    -ms-transform: translate3d(0, 32px, 0);
    -o-transform: translate3d(0, 32px, 0);
    transform: translate3d(0, 32px, 0);
  }
}
@-webkit-keyframes scan-qrcode {
  0% {
    top: 0;
  }
  100% {
    top: 98px;
  }
}
@-moz-keyframes scan-qrcode {
  0% {
    top: 0;
  }
  100% {
    top: 98px;
  }
}
@-ms-keyframes scan-qrcode {
  0% {
    top: 0;
  }
  100% {
    top: 98px;
  }
}
@-o-keyframes scan-qrcode {
  0% {
    top: 0;
  }
  100% {
    top: 98px;
  }
}
@keyframes scan-qrcode {
  0% {
    top: 0;
  }
  100% {
    top: 98px;
  }
}
@-webkit-keyframes xuanzhuan {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-moz-keyframes xuanzhuan {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-ms-keyframes xuanzhuan {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes xuanzhuan {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes xuanzhuan {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
html,
body,
#wrap {
  width: 100%;
}
html.hid,
body.hid,
#wrap.hid {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
html,
body {
  margin: 0 auto;
  max-width: 2560px;
  width: 100%;
  height: 100%;
}
body {
  min-width: 1420px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#wrap {
  position: relative;
  margin: 0 auto;
  height: 100vh;
  min-height: 860px;
  z-index: 9;
}
#app {
  width: 100%;
  height: 100%;
}
.fly-pop {
  width: 100%;
  max-width: 1920px;
  height: 0;
  position: fixed;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 50;
}
.no-webp .fly-pop .f-bg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/fly-pop_5a425d25.png) center bottom no-repeat;
  background-size: 100% auto}
.webp .fly-pop .f-bg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/fly-pop_5a425d25.webp) center bottom no-repeat;
  background-size: 100% auto}
.no-webp .fly-pop .f-bg {background-size:100% auto}
.webp .fly-pop .f-bg {background-size:100% auto}
.fly-pop .f-bg {
  width: 100%;
  height: 299px;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.no-webp .fly-pop .fly-close {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/fly-close_247a6865.png) no-repeat}
.webp .fly-pop .fly-close {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/fly-close_247a6865.webp) no-repeat}
.fly-pop .fly-close {
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 164px;
  right: 236px;
}
.scale-title {
  scale: .8;
}
.swiperMain {
  width: 100%;
  height: 100%;
}
.no-webp .mask {background:rgba(0, 0, 0, 0.4)}
.webp .mask {background:rgba(0, 0, 0, 0.4)}
.mask {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 6949px;
  z-index: 10;
}
.no-webp .pop-top {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-0px -0px}
.webp .pop-top {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-0px -0px}
.no-webp .pop-top {background-size:1670px 1604px}
.webp .pop-top {background-size:1670px 1604px}
.no-webp .pop-top {background-position:-0px -0px}
.webp .pop-top {background-position:-0px -0px}
.pop-top {
  display: none;
  position: fixed;
  top: 360px;
  width: 758px;
  height: 442px;

  z-index: 11;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.no-webp .pop-top .close-pop {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1354px -962px}
.webp .pop-top .close-pop {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1354px -962px}
.no-webp .pop-top .close-pop {background-size:1670px 1604px}
.webp .pop-top .close-pop {background-size:1670px 1604px}
.no-webp .pop-top .close-pop {background-position:-1354px -962px}
.webp .pop-top .close-pop {background-position:-1354px -962px}
.pop-top .close-pop {
  position: absolute;
  top: 30px;
  right: 150px;
  width: 62px;
  height: 61px;

  cursor: pointer;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.pop-top .close-pop:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.no-webp .pop-top .go-btn {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1429px -764px}
.webp .pop-top .go-btn {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1429px -764px}
.no-webp .pop-top .go-btn {background-size:1670px 1604px}
.webp .pop-top .go-btn {background-size:1670px 1604px}
.no-webp .pop-top .go-btn {background-position:-1429px -764px}
.webp .pop-top .go-btn {background-position:-1429px -764px}
.pop-top .go-btn {
  display: block;
  cursor: pointer;
  position: absolute;
  bottom: 99px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 237px;
  height: 77px;

}
.no-webp .pop-top .go-btn:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1429px -843px}
.webp .pop-top .go-btn:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1429px -843px}
.no-webp .pop-top .go-btn:hover {background-size:1670px 1604px}
.webp .pop-top .go-btn:hover {background-size:1670px 1604px}
.no-webp .pop-top .go-btn:hover {background-position:-1429px -843px}
.webp .pop-top .go-btn:hover {background-position:-1429px -843px}
.pop-top .go-btn:hover {
width:237px;
height:77px;

}
#app .container {
  position: relative;
}
.no-webp #app .go-top-btn {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1189px -686px}
.webp #app .go-top-btn {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1189px -686px}
.no-webp #app .go-top-btn {background-size:1670px 1604px}
.webp #app .go-top-btn {background-size:1670px 1604px}
.no-webp #app .go-top-btn {background-position:-1189px -686px}
.webp #app .go-top-btn {background-position:-1189px -686px}
#app .go-top-btn {
  cursor: pointer;
  position: fixed;
  z-index: 10;
  bottom: 60px;
  right: 30px;
  color: transparent;
width:112px;
height:200px;

}
#app .go-top-btn:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.no-webp .player-wraper .player::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1354px -888px;

  background-size: auto}
.webp .player-wraper .player::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1354px -888px;

  background-size: auto}
.no-webp .player-wraper .player::before {background-size:1670px 1604px}
.webp .player-wraper .player::before {background-size:1670px 1604px}
.no-webp .player-wraper .player::before {background-position:-1354px -888px}
.webp .player-wraper .player::before {background-position:-1354px -888px}
.no-webp .player-wraper .player::before {background-size:auto}
.webp .player-wraper .player::before {background-size:auto}
.player-wraper .player::before {
  width: 73px;
  height: 72px;
}
.no-webp .text-bg {background:rgba(255, 255, 255, 0.36)}
.webp .text-bg {background:rgba(255, 255, 255, 0.36)}
.text-bg {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-align: justify;
  margin: 0 auto;
  padding: 0 24px;
  width: 960px;
  font-size: 28px;
  font-family: fzbysong, serif;
  line-height: 48px;
  border-top: 1px solid rgba(110, 168, 159, 0.4);
  border-bottom: 1px solid rgba(110, 168, 159, 0.4);
  color: #6ea89f;
}
.text-bg:before {
  content: '';
  display: block;
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  border-top: 1px solid rgba(110, 168, 159, 0.4);
}
.pop_init_hd {
  position: fixed;
  left: 50%;
  z-index: 10000;
  margin-left: -388px;
  width: 777px;
  height: 444px;
  top: 50%;
  margin-top: -222px;
  display: block;
}
.no-webp .pop_init_hd .pop-zz {background:#000}
.webp .pop_init_hd .pop-zz {background:#000}
.pop_init_hd .pop-zz {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.75;
  filter: alpha(opacity=75);
  width: 100%;
  min-width: 1200px;
}
.pop_init_hd .pop-zs {
  width: 525px;
  height: 364px;
  position: absolute;
  left: 50%;
  margin-left: -262px;
  top: -50px;
}
.pop_init_hd .pop_hd_content {
  width: 763px;
  height: 429px;
  position: relative;
  padding: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.no-webp .pop_init_hd .pop_hd_content .close_pv {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-1577px -182px}
.webp .pop_init_hd .pop_hd_content .close_pv {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-1577px -182px}
.no-webp .pop_init_hd .pop_hd_content .close_pv {background-size:1670px 1604px}
.webp .pop_init_hd .pop_hd_content .close_pv {background-size:1670px 1604px}
.no-webp .pop_init_hd .pop_hd_content .close_pv {background-position:-1577px -182px}
.webp .pop_init_hd .pop_hd_content .close_pv {background-position:-1577px -182px}
.pop_init_hd .pop_hd_content .close_pv {

  width: 93px;
  height: 94px;
  position: absolute;
  right: 13px;
  top: 0px;
}
.no-webp .pop_init_hd .pop_hd_content .close_pv i {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-1636px -1090px}
.webp .pop_init_hd .pop_hd_content .close_pv i {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-1636px -1090px}
.no-webp .pop_init_hd .pop_hd_content .close_pv i {background-size:1670px 1604px}
.webp .pop_init_hd .pop_hd_content .close_pv i {background-size:1670px 1604px}
.no-webp .pop_init_hd .pop_hd_content .close_pv i {background-position:-1636px -1090px}
.webp .pop_init_hd .pop_hd_content .close_pv i {background-position:-1636px -1090px}
.pop_init_hd .pop_hd_content .close_pv i {
  display: none;
  width: 33px;
  height: 33px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;

  -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;
}
.no-webp .pop_init_hd .pop_hd_content .close_pv:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-1575px -428px}
.webp .pop_init_hd .pop_hd_content .close_pv:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-1575px -428px}
.no-webp .pop_init_hd .pop_hd_content .close_pv:hover {background-size:1670px 1604px}
.webp .pop_init_hd .pop_hd_content .close_pv:hover {background-size:1670px 1604px}
.no-webp .pop_init_hd .pop_hd_content .close_pv:hover {background-position:-1575px -428px}
.webp .pop_init_hd .pop_hd_content .close_pv:hover {background-position:-1575px -428px}
.pop_init_hd .pop_hd_content .close_pv:hover {
width:93px;
height:94px;

}
.pop_init_hd .pop_hd_content .img {
  width: 763px;
  height: 429px;
  display: block;
}
.pop_init_hd .pop_hd_content .img img {
  width: 100%;
}
#footer {
  z-index: 2;
  margin-top: 12px;
}
.no-webp #footer #copyright {background:#000}
.webp #footer #copyright {background:#000}
#footer #copyright {
  margin-top: 155px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.no-webp #footer #copyright .leihuo-copyright {background:none}
.webp #footer #copyright .leihuo-copyright {background:none}
#footer #copyright .leihuo-copyright {
}
#footer #copyright .footer {
  position: static;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#footer #copyright .btn-copyright {
  display: none !important;
}
.part {
  width: 100%;
  height: 1080px;
  overflow: hidden;
}
.no-webp .part2 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/bg_5433fe0e.jpg) no-repeat center center}
.webp .part2 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/bg_5433fe0e.webp) no-repeat center center}
.part2 {
}
.no-webp .part3 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/part3-bg_073e6f5d.jpg) no-repeat center center;
  background-size: cover}
.webp .part3 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/part3-bg_073e6f5d.webp) no-repeat center center;
  background-size: cover}
.no-webp .part3 {background-size:cover}
.webp .part3 {background-size:cover}
.part3 {
}
.no-webp .part4 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/part4-bg_8a471e36.jpg) no-repeat center center;
  background-size: cover}
.webp .part4 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/part4-bg_8a471e36.webp) no-repeat center center;
  background-size: cover}
.no-webp .part4 {background-size:cover}
.webp .part4 {background-size:cover}
.part4 {
}
.no-webp .part6 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/part6-bg_162aee97.jpg) no-repeat center center;
  background-size: cover}
.webp .part6 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/part6-bg_162aee97.webp) no-repeat center center;
  background-size: cover}
.no-webp .part6 {background-size:cover}
.webp .part6 {background-size:cover}
.part6 {
}
.no-webp .part-invite {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/bg_597e1b5e.jpg) no-repeat center center}
.webp .part-invite {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/bg_597e1b5e.webp) no-repeat center center}
.part-invite {
}
.no-webp .zi_dabiaoti_hecheng_13 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_i_dabiaoti_hecheng_1_3_84c4f407.png);
  background-size: 300% 300%}
.webp .zi_dabiaoti_hecheng_13 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_i_dabiaoti_hecheng_1_3_84c4f407.webp);
  background-size: 300% 300%}
.no-webp .zi_dabiaoti_hecheng_13 {background-size:300% 300%}
.webp .zi_dabiaoti_hecheng_13 {background-size:300% 300%}
.zi_dabiaoti_hecheng_13 {
  margin: 0 auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 226px;
  width: 1920px;
  mix-blend-mode: normal;
  -webkit-animation: sprite_i_dabiaoti_hecheng_1_3 0.75s steps(1) both;
          animation: sprite_i_dabiaoti_hecheng_1_3 0.75s steps(1) both;
  z-index: 9999;
}
@-webkit-keyframes sprite_i_dabiaoti_hecheng_1_3 {
  0% {
    background-position: 0px 0px;
  }
  11.1% {
    background-position: -1920px 0px;
  }
  22.2% {
    background-position: -3840px 0px;
  }
  33.3% {
    background-position: 0px -226px;
  }
  44.4% {
    background-position: -1920px -226px;
  }
  55.6% {
    background-position: -3840px -226px;
  }
  66.7% {
    background-position: 0px -452px;
  }
  77.8% {
    background-position: -1920px -452px;
  }
  88.9% {
    background-position: -3840px -452px;
  }
  100% {
    background-position: -3840px -452px;
  }
}
@keyframes sprite_i_dabiaoti_hecheng_1_3 {
  0% {
    background-position: 0px 0px;
  }
  11.1% {
    background-position: -1920px 0px;
  }
  22.2% {
    background-position: -3840px 0px;
  }
  33.3% {
    background-position: 0px -226px;
  }
  44.4% {
    background-position: -1920px -226px;
  }
  55.6% {
    background-position: -3840px -226px;
  }
  66.7% {
    background-position: 0px -452px;
  }
  77.8% {
    background-position: -1920px -452px;
  }
  88.9% {
    background-position: -3840px -452px;
  }
  100% {
    background-position: -3840px -452px;
  }
}
.z_sol_000 {
  position: relative;
  z-index: 9998;
  top: 100px;
  margin: 0 auto;
}
@-webkit-keyframes sprite_z_sol_000 {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -734px 0px;
  }
  16.7% {
    background-position: -1468px 0px;
  }
  25% {
    background-position: -2202px 0px;
  }
  33.3% {
    background-position: 0px -120px;
  }
  41.7% {
    background-position: -734px -120px;
  }
  50% {
    background-position: -1468px -120px;
  }
  58.3% {
    background-position: -2202px -120px;
  }
  66.7% {
    background-position: 0px -240px;
  }
  75% {
    background-position: -734px -240px;
  }
  83.3% {
    background-position: -1468px -240px;
  }
  91.7% {
    background-position: -2202px -240px;
  }
  100% {
    background-position: -2202px -240px;
  }
}
@keyframes sprite_z_sol_000 {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -734px 0px;
  }
  16.7% {
    background-position: -1468px 0px;
  }
  25% {
    background-position: -2202px 0px;
  }
  33.3% {
    background-position: 0px -120px;
  }
  41.7% {
    background-position: -734px -120px;
  }
  50% {
    background-position: -1468px -120px;
  }
  58.3% {
    background-position: -2202px -120px;
  }
  66.7% {
    background-position: 0px -240px;
  }
  75% {
    background-position: -734px -240px;
  }
  83.3% {
    background-position: -1468px -240px;
  }
  91.7% {
    background-position: -2202px -240px;
  }
  100% {
    background-position: -2202px -240px;
  }
}
/* 20241014 keyframes START */
.no-webp .z_duobianxing_2_hecheng_2_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_duobianxing_2_hecheng_2_000_a7038c16.png);
  background-size: 400% 300%}
.webp .z_duobianxing_2_hecheng_2_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_duobianxing_2_hecheng_2_000_a7038c16.webp);
  background-size: 400% 300%}
.no-webp .z_duobianxing_2_hecheng_2_000 {background-size:400% 300%}
.webp .z_duobianxing_2_hecheng_2_000 {background-size:400% 300%}
.z_duobianxing_2_hecheng_2_000 {
  position: absolute;
  left: 646px;
  top: 58px;
  height: 118px;
  width: 112px;
  mix-blend-mode: normal;
  -webkit-animation: sprite_z_duobianxing_2_hecheng_2_000 1s 300ms steps(1) both;
          animation: sprite_z_duobianxing_2_hecheng_2_000 1s 300ms steps(1) both;
}
.no-webp .z_yuhecheng_9_hecheng_1_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_yuhecheng_9_hecheng_1_000_7a4c9528.png);
  background-size: 400% 300%}
.webp .z_yuhecheng_9_hecheng_1_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_yuhecheng_9_hecheng_1_000_7a4c9528.webp);
  background-size: 400% 300%}
.no-webp .z_yuhecheng_9_hecheng_1_000 {background-size:400% 300%}
.webp .z_yuhecheng_9_hecheng_1_000 {background-size:400% 300%}
.z_yuhecheng_9_hecheng_1_000 {
  position: absolute;
  left: -1px;
  top: 63px;
  height: 88px;
  width: 1404px;
  mix-blend-mode: normal;
  -webkit-animation: sprite_z_yuhecheng_9_hecheng_1_000 1s 300ms steps(1) both;
          animation: sprite_z_yuhecheng_9_hecheng_1_000 1s 300ms steps(1) both;
}
.no-webp .z_yuhecheng_10_hecheng_1_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_yuhecheng_10_hecheng_1_000_57aeadb1.png);
  background-size: 400% 300%}
.webp .z_yuhecheng_10_hecheng_1_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_yuhecheng_10_hecheng_1_000_57aeadb1.webp);
  background-size: 400% 300%}
.no-webp .z_yuhecheng_10_hecheng_1_000 {background-size:400% 300%}
.webp .z_yuhecheng_10_hecheng_1_000 {background-size:400% 300%}
.z_yuhecheng_10_hecheng_1_000 {
  position: absolute;
  left: 398px;
  top: 2px;
  height: 182px;
  width: 610px;
  mix-blend-mode: normal;
  -webkit-animation: sprite_z_yuhecheng_10_hecheng_1_000 1s 300ms steps(1) both;
          animation: sprite_z_yuhecheng_10_hecheng_1_000 1s 300ms steps(1) both;
}
@-webkit-keyframes sprite_z_duobianxing_2_hecheng_2_000 {
  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 -118px;
  }
  41.7% {
    background-position: -112px -118px;
  }
  50% {
    background-position: -224px -118px;
  }
  58.3% {
    background-position: -336px -118px;
  }
  66.7% {
    background-position: 0px -236px;
  }
  75% {
    background-position: -112px -236px;
  }
  83.3% {
    background-position: -224px -236px;
  }
  91.7% {
    background-position: -336px -236px;
  }
  100% {
    background-position: -336px -236px;
  }
}
@keyframes sprite_z_duobianxing_2_hecheng_2_000 {
  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 -118px;
  }
  41.7% {
    background-position: -112px -118px;
  }
  50% {
    background-position: -224px -118px;
  }
  58.3% {
    background-position: -336px -118px;
  }
  66.7% {
    background-position: 0px -236px;
  }
  75% {
    background-position: -112px -236px;
  }
  83.3% {
    background-position: -224px -236px;
  }
  91.7% {
    background-position: -336px -236px;
  }
  100% {
    background-position: -336px -236px;
  }
}
@-webkit-keyframes sprite_z_yuhecheng_9_hecheng_1_000 {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -1404px 0px;
  }
  16.7% {
    background-position: -2808px 0px;
  }
  25% {
    background-position: -4212px 0px;
  }
  33.3% {
    background-position: 0px -88px;
  }
  41.7% {
    background-position: -1404px -88px;
  }
  50% {
    background-position: -2808px -88px;
  }
  58.3% {
    background-position: -4212px -88px;
  }
  66.7% {
    background-position: 0px -176px;
  }
  75% {
    background-position: -1404px -176px;
  }
  83.3% {
    background-position: -2808px -176px;
  }
  91.7% {
    background-position: -4212px -176px;
  }
  100% {
    background-position: -4212px -176px;
  }
}
@keyframes sprite_z_yuhecheng_9_hecheng_1_000 {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -1404px 0px;
  }
  16.7% {
    background-position: -2808px 0px;
  }
  25% {
    background-position: -4212px 0px;
  }
  33.3% {
    background-position: 0px -88px;
  }
  41.7% {
    background-position: -1404px -88px;
  }
  50% {
    background-position: -2808px -88px;
  }
  58.3% {
    background-position: -4212px -88px;
  }
  66.7% {
    background-position: 0px -176px;
  }
  75% {
    background-position: -1404px -176px;
  }
  83.3% {
    background-position: -2808px -176px;
  }
  91.7% {
    background-position: -4212px -176px;
  }
  100% {
    background-position: -4212px -176px;
  }
}
@-webkit-keyframes sprite_z_yuhecheng_10_hecheng_1_000 {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -610px 0px;
  }
  16.7% {
    background-position: -1220px 0px;
  }
  25% {
    background-position: -1830px 0px;
  }
  33.3% {
    background-position: 0px -182px;
  }
  41.7% {
    background-position: -610px -182px;
  }
  50% {
    background-position: -1220px -182px;
  }
  58.3% {
    background-position: -1830px -182px;
  }
  66.7% {
    background-position: 0px -364px;
  }
  75% {
    background-position: -610px -364px;
  }
  83.3% {
    background-position: -1220px -364px;
  }
  91.7% {
    background-position: -1830px -364px;
  }
  100% {
    background-position: -1830px -364px;
  }
}
@keyframes sprite_z_yuhecheng_10_hecheng_1_000 {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -610px 0px;
  }
  16.7% {
    background-position: -1220px 0px;
  }
  25% {
    background-position: -1830px 0px;
  }
  33.3% {
    background-position: 0px -182px;
  }
  41.7% {
    background-position: -610px -182px;
  }
  50% {
    background-position: -1220px -182px;
  }
  58.3% {
    background-position: -1830px -182px;
  }
  66.7% {
    background-position: 0px -364px;
  }
  75% {
    background-position: -610px -364px;
  }
  83.3% {
    background-position: -1220px -364px;
  }
  91.7% {
    background-position: -1830px -364px;
  }
  100% {
    background-position: -1830px -364px;
  }
}
/* 20241014 keyframes END */
/* 节点名：内页标题-1 */
.no-webp .z_neiyebiaoti_1_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_neiyebiaoti_000_fdcda003.png);
  background-size: 400% 300%}
.webp .z_neiyebiaoti_1_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_neiyebiaoti_000_fdcda003.webp);
  background-size: 400% 300%}
.no-webp .z_neiyebiaoti_1_000 {background-size:400% 300%}
.webp .z_neiyebiaoti_1_000 {background-size:400% 300%}
.z_neiyebiaoti_1_000 {
  height: 88px;
  width: 1060px;
  mix-blend-mode: normal;
  -webkit-animation: sprite_z_neiyebiaoti_000 1s 0s steps(1) both;
          animation: sprite_z_neiyebiaoti_000 1s 0s steps(1) both;
}
@-webkit-keyframes sprite_z_neiyebiaoti_000 {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -1060px 0px;
  }
  16.7% {
    background-position: -2120px 0px;
  }
  25% {
    background-position: -3180px 0px;
  }
  33.3% {
    background-position: 0px -88px;
  }
  41.7% {
    background-position: -1060px -88px;
  }
  50% {
    background-position: -2120px -88px;
  }
  58.3% {
    background-position: -3180px -88px;
  }
  66.7% {
    background-position: 0px -176px;
  }
  75% {
    background-position: -1060px -176px;
  }
  83.3% {
    background-position: -2120px -176px;
  }
  91.7% {
    background-position: -3180px -176px;
  }
  100% {
    background-position: -3180px -176px;
  }
}
@keyframes sprite_z_neiyebiaoti_000 {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -1060px 0px;
  }
  16.7% {
    background-position: -2120px 0px;
  }
  25% {
    background-position: -3180px 0px;
  }
  33.3% {
    background-position: 0px -88px;
  }
  41.7% {
    background-position: -1060px -88px;
  }
  50% {
    background-position: -2120px -88px;
  }
  58.3% {
    background-position: -3180px -88px;
  }
  66.7% {
    background-position: 0px -176px;
  }
  75% {
    background-position: -1060px -176px;
  }
  83.3% {
    background-position: -2120px -176px;
  }
  91.7% {
    background-position: -3180px -176px;
  }
  100% {
    background-position: -3180px -176px;
  }
}
/* 节点名：i;标题2 黄色 */
.no-webp .z_i_biaoti2_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_i_biaoti2_000_5b34d7c3.png);
  background-size: 400% 300%}
.webp .z_i_biaoti2_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_i_biaoti2_000_5b34d7c3.webp);
  background-size: 400% 300%}
.no-webp .z_i_biaoti2_000 {background-size:400% 300%}
.webp .z_i_biaoti2_000 {background-size:400% 300%}
.z_i_biaoti2_000 {
  height: 96px;
  width: 1066px;
  mix-blend-mode: normal;
  -webkit-transform-origin: 49% 38%;
          transform-origin: 49% 38%;
  -webkit-animation: sprite_z_i_biaoti2_000 0.92s 0s steps(1) both;
          animation: sprite_z_i_biaoti2_000 0.92s 0s steps(1) both;
}
@-webkit-keyframes sprite_z_i_biaoti2_000 {
  0% {
    background-position: 0px 0px;
  }
  9.1% {
    background-position: -1066px 0px;
  }
  18.2% {
    background-position: -2132px 0px;
  }
  27.3% {
    background-position: -3198px 0px;
  }
  36.4% {
    background-position: 0px -96px;
  }
  45.5% {
    background-position: -1066px -96px;
  }
  54.5% {
    background-position: -2132px -96px;
  }
  63.6% {
    background-position: -3198px -96px;
  }
  72.7% {
    background-position: 0px -192px;
  }
  81.8% {
    background-position: -1066px -192px;
  }
  90.9% {
    background-position: -2132px -192px;
  }
  100% {
    background-position: -2132px -192px;
  }
}
@keyframes sprite_z_i_biaoti2_000 {
  0% {
    background-position: 0px 0px;
  }
  9.1% {
    background-position: -1066px 0px;
  }
  18.2% {
    background-position: -2132px 0px;
  }
  27.3% {
    background-position: -3198px 0px;
  }
  36.4% {
    background-position: 0px -96px;
  }
  45.5% {
    background-position: -1066px -96px;
  }
  54.5% {
    background-position: -2132px -96px;
  }
  63.6% {
    background-position: -3198px -96px;
  }
  72.7% {
    background-position: 0px -192px;
  }
  81.8% {
    background-position: -1066px -192px;
  }
  90.9% {
    background-position: -2132px -192px;
  }
  100% {
    background-position: -2132px -192px;
  }
}
/* 节点名：i;标题2 紫色 */
.no-webp .z_i_biaoti2_000_zi {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_i_biaoti2_000_zi_d675e1ed.png);
  background-size: 400% 300%}
.webp .z_i_biaoti2_000_zi {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_i_biaoti2_000_zi_d675e1ed.webp);
  background-size: 400% 300%}
.no-webp .z_i_biaoti2_000_zi {background-size:400% 300%}
.webp .z_i_biaoti2_000_zi {background-size:400% 300%}
.z_i_biaoti2_000_zi {
  height: 96px;
  width: 1066px;
  mix-blend-mode: normal;
  -webkit-transform-origin: 49% 38%;
          transform-origin: 49% 38%;
  -webkit-animation: sprite_z_i_biaoti2_000_zi 0.92s 0s steps(1) both;
          animation: sprite_z_i_biaoti2_000_zi 0.92s 0s steps(1) both;
}
@-webkit-keyframes sprite_z_i_biaoti2_000_zi {
  0% {
    background-position: 0px 0px;
  }
  9.1% {
    background-position: -1066px 0px;
  }
  18.2% {
    background-position: -2132px 0px;
  }
  27.3% {
    background-position: -3198px 0px;
  }
  36.4% {
    background-position: 0px -96px;
  }
  45.5% {
    background-position: -1066px -96px;
  }
  54.5% {
    background-position: -2132px -96px;
  }
  63.6% {
    background-position: -3198px -96px;
  }
  72.7% {
    background-position: 0px -192px;
  }
  81.8% {
    background-position: -1066px -192px;
  }
  90.9% {
    background-position: -2132px -192px;
  }
  100% {
    background-position: -2132px -192px;
  }
}
@keyframes sprite_z_i_biaoti2_000_zi {
  0% {
    background-position: 0px 0px;
  }
  9.1% {
    background-position: -1066px 0px;
  }
  18.2% {
    background-position: -2132px 0px;
  }
  27.3% {
    background-position: -3198px 0px;
  }
  36.4% {
    background-position: 0px -96px;
  }
  45.5% {
    background-position: -1066px -96px;
  }
  54.5% {
    background-position: -2132px -96px;
  }
  63.6% {
    background-position: -3198px -96px;
  }
  72.7% {
    background-position: 0px -192px;
  }
  81.8% {
    background-position: -1066px -192px;
  }
  90.9% {
    background-position: -2132px -192px;
  }
  100% {
    background-position: -2132px -192px;
  }
}
.sidebar-wrap {
  position: absolute;
  top: 5px;
  left: 10px;
  bottom: 3px;
  width: 216px;
  z-index: 9;
}
.no-webp .sidebar-wrap .sidebar-bg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sidebar-bg_9b600935.png) center no-repeat;
  background-size: 100% 100%}
.webp .sidebar-wrap .sidebar-bg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sidebar-bg_9b600935.webp) center no-repeat;
  background-size: 100% 100%}
.no-webp .sidebar-wrap .sidebar-bg {background-size:100% 100%}
.webp .sidebar-wrap .sidebar-bg {background-size:100% 100%}
.sidebar-wrap .sidebar-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
.sidebar-wrap .sidebar-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.sidebar-wrap .sidebar-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.sidebar-wrap .nav-list {
  margin: 20px auto;
  padding-left: 24px;
}
.sidebar-wrap .nav-item {
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding-right: 20px;
  font-size: 22px;
  font-family: fzbysong, serif;
  font-weight: bold;
  line-height: 62px;
  color: #9a8b59;
}
.sidebar-wrap .nav-item + .nav-item {
  margin-top: -9px;
}
.sidebar-wrap .share-wrap {
  position: relative;
  margin: 20px auto 10px;
  width: 37px;
}
.sidebar-wrap .share-wrap .NIE-share {
  display: none;
  text-align: center;
  position: absolute;
  top: 4px;
  left: 100%;
  width: 160px;
}
.sidebar-wrap .share-wrap .NIE-share .NIE-share-iconBtn {
  white-space: nowrap;
  padding-left: 10px;
}
.sidebar-wrap .share-wrap .NIE-share .NIE-share-iconBtn li {
  display: inline-block;
  margin: 0 2px;
}
@font-face {
  font-family: 'fzbysong';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzbysong.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NotoSansSC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto-sans-sc-v12-latin_chinese-simplified-900.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto-sans-sc-v12-latin_chinese-simplified-900.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.container-index {
  width: 100%;
  height: 100%;
  /* .bg-kv{
        width: 100%;
        position: relative;
        font-size: 0;
        img{
            width: 100%;
        }
    } */
}
.container-index .kv {
  position: relative;
  z-index: -99;
  width: 100%;
  height: 100%;
}
.no-webp .container-index .kv .bgvideo {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/kv_a44d8b17.jpg) top no-repeat;
  background-size: cover}
.webp .container-index .kv .bgvideo {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/kv_a44d8b17.webp) top no-repeat;
  background-size: cover}
.no-webp .container-index .kv .bgvideo {background-size:cover}
.webp .container-index .kv .bgvideo {background-size:cover}
.container-index .kv .bgvideo {
  position: absolute;
  top: -65px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  width: 100%;
  height: 100%;
}
.container-index .kv .bgvideo .parallax-box {
  width: 100%;
  height: 100%;
}
.container-index .kv .bgvideo .parallax-box .innerbox {
  left: -30px;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 3840px) {
  .container-index .kv .bgvideo .parallax-box {
    width: 100%;
    height: 100%;
  }
  .container-index .kv .bgvideo .parallax-box .innerbox {
    width: 100%;
    height: 100%;
  }
}
.container-index .kv .bgvideo canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-index .kv .bgvideo video {
  display: block;
  position: absolute;
  top: 58px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-index .btn-huigui {
  width: 222px;
  height: 223px;
  position: absolute;
  top: 396px;
  left: 45%;
  margin-left: -458px;
  z-index: 10;
  cursor: pointer;
}
.no-webp .container-index .btn-huigui .icon-yuan {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-huigui_737a7790.png) no-repeat;
  background-size: 100% auto}
.webp .container-index .btn-huigui .icon-yuan {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-huigui_737a7790.webp) no-repeat;
  background-size: 100% auto}
.no-webp .container-index .btn-huigui .icon-yuan {background-size:100% auto}
.webp .container-index .btn-huigui .icon-yuan {background-size:100% auto}
.container-index .btn-huigui .icon-yuan {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: xuanzhuan 6s linear infinite;
          animation: xuanzhuan 6s linear infinite;
}
.no-webp .container-index .btn-huigui .icon-light {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-huigui-light_9d118328.png) no-repeat;
  background-size: 100% auto}
.webp .container-index .btn-huigui .icon-light {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-huigui-light_9d118328.webp) no-repeat;
  background-size: 100% auto}
.no-webp .container-index .btn-huigui .icon-light {background-size:100% auto}
.webp .container-index .btn-huigui .icon-light {background-size:100% auto}
.container-index .btn-huigui .icon-light {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.no-webp .container-index .btn-huigui .icon-txt {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-huigui-txt_96d86ad8.png) no-repeat;
  background-size: 100% auto}
.webp .container-index .btn-huigui .icon-txt {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-huigui-txt_96d86ad8.webp) no-repeat;
  background-size: 100% auto}
.no-webp .container-index .btn-huigui .icon-txt {background-size:100% auto}
.webp .container-index .btn-huigui .icon-txt {background-size:100% auto}
.container-index .btn-huigui .icon-txt {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.container-index .index-video {
  position: relative;
  width: 100%;
  height: 1386px;
  overflow: hidden;
}
.container-index .index-video video {
  width: 1920px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0;
}
.container-index .index-video .video-bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.no-webp .container-index .logo {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1677.6605504587158px 1604px;
background-position:-1435.5550458715597px -331.51376146788994px}
.webp .container-index .logo {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1677.6605504587158px 1604px;
background-position:-1435.5550458715597px -331.51376146788994px}
.no-webp .container-index .logo {background-size:1677.6605504587158px 1604px}
.webp .container-index .logo {background-size:1677.6605504587158px 1604px}
.no-webp .container-index .logo {background-position:-1435.5550458715597px -331.51376146788994px}
.webp .container-index .logo {background-position:-1435.5550458715597px -331.51376146788994px}
.container-index .logo {
  position: absolute;
  top: 30px;
  left: 42px;
  width: 219px;
  height: 96px;

  z-index: 10;
  text-indent: -999em;
}
.no-webp .container-index .logo1 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/logo1_31534029.png)}
.webp .container-index .logo1 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/logo1_31534029.webp)}
.container-index .logo1 {
  position: absolute;
  top: 20px;
  left: 21px;
  width: 148px;
  height: 41px;
  z-index: 10;
  text-indent: -999em;
}
.no-webp .container-index .logo2 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/logo2_b9e97a50.png)}
.webp .container-index .logo2 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/logo2_b9e97a50.webp)}
.container-index .logo2 {
  position: absolute;
  top: 21px;
  left: 335px;
  width: 67px;
  height: 47px;
  z-index: 10;
  text-indent: -999em;
}
.no-webp .container-index .kv-date {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/kv-date_41147e73.png);
  background-size: 100%}
.webp .container-index .kv-date {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/kv-date_41147e73.webp);
  background-size: 100%}
.no-webp .container-index .kv-date {background-size:100%}
.webp .container-index .kv-date {background-size:100%}
.container-index .kv-date {
  width: 247px;
  height: 100px;
  position: absolute;
  top: 49px;
  left: 50%;
  margin-left: -465px;
  z-index: 3;
}
.no-webp .container-index .copyright {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/copyright_6db9c753.png) no-repeat;
  background-size: 100%}
.webp .container-index .copyright {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/copyright_6db9c753.webp) no-repeat;
  background-size: 100%}
.no-webp .container-index .copyright {background-size:100%}
.webp .container-index .copyright {background-size:100%}
.container-index .copyright {
  width: 385px;
  height: 16px;
  position: absolute;
  bottom: 16px;
  right: 19px;
  z-index: 5;
}
.no-webp .container-index .sub-title {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sub-title_603cf4b9.png) no-repeat}
.webp .container-index .sub-title {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sub-title_603cf4b9.webp) no-repeat}
.container-index .sub-title {
  position: absolute;
  z-index: 1;
  bottom: 30px;
  left: 178px;
  width: 662px;
  height: 155px;
  pointer-events: none;
  -webkit-animation: 5s fadeInOut;
          animation: 5s fadeInOut;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.no-webp .container-index .slogan {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/slogan_eb435a7f.png) no-repeat}
.webp .container-index .slogan {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/slogan_eb435a7f.webp) no-repeat}
.container-index .slogan {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -491px;
  margin-top: -360px;
  width: 983px;
  height: 612px;
  -webkit-animation: fadeInOut 5s;
          animation: fadeInOut 5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.container-index .slogan.on {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.container-index .slogan .btn-play-index {
  z-index: 1;
  position: absolute;
  cursor: pointer;
  top: 193px;
  right: 222px;
  width: 96px;
  height: 87px;
  font-size: 0;
  -webkit-animation: fadeInOut 5s;
          animation: fadeInOut 5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.no-webp .container-index .slogan .btn-play-index:before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1189px -240px}
.webp .container-index .slogan .btn-play-index:before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1189px -240px}
.no-webp .container-index .slogan .btn-play-index:before {background-size:1670px 1604px}
.webp .container-index .slogan .btn-play-index:before {background-size:1670px 1604px}
.no-webp .container-index .slogan .btn-play-index:before {background-position:-1189px -240px}
.webp .container-index .slogan .btn-play-index:before {background-position:-1189px -240px}
.container-index .slogan .btn-play-index:before {
  pointer-events: none;
  position: absolute;
  left: -70px;
  top: -76px;
  content: '';
width:238px;
height:238px;

}
.container-index .slogan .btn-play-index:hover:before {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.no-webp .container-index .btn-qxjh {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-349px -750px}
.webp .container-index .btn-qxjh {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-349px -750px}
.no-webp .container-index .btn-qxjh {background-size:1670px 1604px}
.webp .container-index .btn-qxjh {background-size:1670px 1604px}
.no-webp .container-index .btn-qxjh {background-position:-349px -750px}
.webp .container-index .btn-qxjh {background-position:-349px -750px}
.container-index .btn-qxjh {
width:335px;
height:246px;

  position: absolute;
  bottom: 8px;
  right: 0;
  cursor: pointer;
  -webkit-animation: 5s fadeInOut;
          animation: 5s fadeInOut;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.container-index .btn-qxjh:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.container-index .btn-qxjh .qxjh .qx,
.container-index .btn-qxjh .qxjh .jh {
  position: absolute;
  left: 158px;
  top: 62px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fefdf2;
  font-family: 'fzfftjtbold', serif;
  font-size: 55px;
  text-align: center;
  -webkit-filter: drop-shadow(rgba(75, 17, 23, 0.5) 0px 2px 2px);
          filter: drop-shadow(rgba(75, 17, 23, 0.5) 0px 2px 2px);
  letter-spacing: 0.04em;
}
@supports (-webkit-background-clip: text) {
.no-webp .container-index .btn-qxjh .qxjh .qx {background:-webkit-gradient(linear, left top, left bottom, from(#fffff2), to(#f9f6dc))}
.webp .container-index .btn-qxjh .qxjh .qx {background:-webkit-gradient(linear, left top, left bottom, from(#fffff2), to(#f9f6dc))}
.no-webp .container-index .btn-qxjh .qxjh .qx {background:linear-gradient(180deg, #fffff2, #f9f6dc)}
.webp .container-index .btn-qxjh .qxjh .qx {background:linear-gradient(180deg, #fffff2, #f9f6dc)}
.no-webp .container-index .btn-qxjh .qxjh .qx {-webkit-background-clip:text}
.webp .container-index .btn-qxjh .qxjh .qx {-webkit-background-clip:text}
  .container-index .btn-qxjh .qxjh .qx {
    -webkit-text-fill-color: transparent;
  }
}
.container-index .btn-qxjh .qxjh .jh {
  top: 116px;
}
@supports (-webkit-background-clip: text) {
.no-webp .container-index .btn-qxjh .qxjh .jh {background:-webkit-gradient(linear, left top, left bottom, from(#f9f6dc), to(#f4edc7))}
.webp .container-index .btn-qxjh .qxjh .jh {background:-webkit-gradient(linear, left top, left bottom, from(#f9f6dc), to(#f4edc7))}
.no-webp .container-index .btn-qxjh .qxjh .jh {background:linear-gradient(180deg, #f9f6dc, #f4edc7)}
.webp .container-index .btn-qxjh .qxjh .jh {background:linear-gradient(180deg, #f9f6dc, #f4edc7)}
.no-webp .container-index .btn-qxjh .qxjh .jh {-webkit-background-clip:text}
.webp .container-index .btn-qxjh .qxjh .jh {-webkit-background-clip:text}
  .container-index .btn-qxjh .qxjh .jh {
    -webkit-text-fill-color: transparent;
  }
}
.container-index .btn-qxjh .yinfo {
  position: absolute;
  left: 96px;
  top: 182px;
  font-size: 16px;
  font-family: 'fzlth', serif;
  color: #092936;
  letter-spacing: 0.08em;
}
.no-webp .container-index .btn-xf {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-971px -0px}
.webp .container-index .btn-xf {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-971px -0px}
.no-webp .container-index .btn-xf {background-size:1670px 1604px}
.webp .container-index .btn-xf {background-size:1670px 1604px}
.no-webp .container-index .btn-xf {background-position:-971px -0px}
.webp .container-index .btn-xf {background-position:-971px -0px}
.container-index .btn-xf {
width:216px;
height:297px;

  position: absolute;
  bottom: 12px;
  left: 0;
  cursor: pointer;
  -webkit-animation: 5s fadeInOut;
          animation: 5s fadeInOut;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.container-index .btn-xf:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.container-index .btn-xf .yuan .name,
.container-index .btn-xf .yuan .yuyue {
  position: absolute;
  left: 65px;
  top: 34px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fefdf2;
  font-family: 'fzfftjtbold', serif;
  font-size: 55px;
  text-align: center;
  -webkit-filter: drop-shadow(rgba(75, 17, 23, 0.5) 0px 2px 2px);
          filter: drop-shadow(rgba(75, 17, 23, 0.5) 0px 2px 2px);
  letter-spacing: 0.04em;
}
@supports (-webkit-background-clip: text) {
.no-webp .container-index .btn-xf .yuan .name {background:-webkit-gradient(linear, left top, left bottom, from(#fffff2), to(#f9f6dc))}
.webp .container-index .btn-xf .yuan .name {background:-webkit-gradient(linear, left top, left bottom, from(#fffff2), to(#f9f6dc))}
.no-webp .container-index .btn-xf .yuan .name {background:linear-gradient(180deg, #fffff2, #f9f6dc)}
.webp .container-index .btn-xf .yuan .name {background:linear-gradient(180deg, #fffff2, #f9f6dc)}
.no-webp .container-index .btn-xf .yuan .name {-webkit-background-clip:text}
.webp .container-index .btn-xf .yuan .name {-webkit-background-clip:text}
  .container-index .btn-xf .yuan .name {
    -webkit-text-fill-color: transparent;
  }
}
.container-index .btn-xf .yuan .yuyue {
  top: 88px;
}
@supports (-webkit-background-clip: text) {
.no-webp .container-index .btn-xf .yuan .yuyue {background:-webkit-gradient(linear, left top, left bottom, from(#f9f6dc), to(#f4edc7))}
.webp .container-index .btn-xf .yuan .yuyue {background:-webkit-gradient(linear, left top, left bottom, from(#f9f6dc), to(#f4edc7))}
.no-webp .container-index .btn-xf .yuan .yuyue {background:linear-gradient(180deg, #f9f6dc, #f4edc7)}
.webp .container-index .btn-xf .yuan .yuyue {background:linear-gradient(180deg, #f9f6dc, #f4edc7)}
.no-webp .container-index .btn-xf .yuan .yuyue {-webkit-background-clip:text}
.webp .container-index .btn-xf .yuan .yuyue {-webkit-background-clip:text}
  .container-index .btn-xf .yuan .yuyue {
    -webkit-text-fill-color: transparent;
  }
}
.container-index .btn-xf .fu,
.container-index .btn-xf .time,
.container-index .btn-xf .yinfo {
  position: absolute;
  left: 45px;
  width: 126px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 0.04em;
}
.container-index .btn-xf .time {
  font-family: 'fzlth', serif;
  top: 197px;
}
.container-index .btn-xf .fu {
  color: #fff692;
  font-size: 17px;
  font-family: 'fzltdh', serif;
  letter-spacing: 0.08em;
  top: 225px;
}
.container-index .btn-xf .yinfo {
  color: #65412d;
  font-size: 26px;
  font-family: 'fzfftjtbold', serif;
  letter-spacing: 0.08em;
  top: 156px;
}
@supports (-webkit-background-clip: text) {
.no-webp .container-index .btn-xf .yinfo {background:-webkit-gradient(linear, left top, left bottom, from(#8a90ff), to(#69187d))}
.webp .container-index .btn-xf .yinfo {background:-webkit-gradient(linear, left top, left bottom, from(#8a90ff), to(#69187d))}
.no-webp .container-index .btn-xf .yinfo {background:linear-gradient(180deg, #8a90ff, #69187d)}
.webp .container-index .btn-xf .yinfo {background:linear-gradient(180deg, #8a90ff, #69187d)}
.no-webp .container-index .btn-xf .yinfo {-webkit-background-clip:text}
.webp .container-index .btn-xf .yinfo {-webkit-background-clip:text}
  .container-index .btn-xf .yinfo {
    -webkit-text-fill-color: transparent;
  }
}
.container-index .decoration {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.no-webp .container-index .left-download {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-760px -0px}
.webp .container-index .left-download {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-760px -0px}
.no-webp .container-index .left-download {background-size:1670px 1604px}
.webp .container-index .left-download {background-size:1670px 1604px}
.no-webp .container-index .left-download {background-position:-760px -0px}
.webp .container-index .left-download {background-position:-760px -0px}
.container-index .left-download {
  display: none;
  z-index: 12;
  position: fixed;
  left: 0px;
  top: 223px;
  font: normal 18px/48px 'Microsoft YaHei';
  color: #687ca1;
width:209px;
height:385px;

  padding: 26px 0 0 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container-index .left-download .download-tips {
  position: absolute;
  color: #1f1f1f;
  font-size: 12px;
  bottom: -18px;
  line-height: 16px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  white-space: nowrap;
}
.no-webp .container-index .left-download .desktop {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1354px -1027px}
.webp .container-index .left-download .desktop {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1354px -1027px}
.no-webp .container-index .left-download .desktop {background-size:1670px 1604px}
.webp .container-index .left-download .desktop {background-size:1670px 1604px}
.no-webp .container-index .left-download .desktop {background-position:-1354px -1027px}
.webp .container-index .left-download .desktop {background-position:-1354px -1027px}
.container-index .left-download .desktop {
  position: absolute;
  bottom: 13px;
  left: 4px;
  width: 62px;
  height: 43px;

  text-indent: -999em;
}
.no-webp .container-index .left-download .desktop:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-686px -876px}
.webp .container-index .left-download .desktop:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-686px -876px}
.no-webp .container-index .left-download .desktop:hover {background-size:1670px 1604px}
.webp .container-index .left-download .desktop:hover {background-size:1670px 1604px}
.no-webp .container-index .left-download .desktop:hover {background-position:-686px -876px}
.webp .container-index .left-download .desktop:hover {background-position:-686px -876px}
.container-index .left-download .desktop:hover {
width:62px;
height:41px;

}
.no-webp .container-index .left-download .online-play {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-686px -788px}
.webp .container-index .left-download .online-play {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-686px -788px}
.no-webp .container-index .left-download .online-play {background-size:1670px 1604px}
.webp .container-index .left-download .online-play {background-size:1670px 1604px}
.no-webp .container-index .left-download .online-play {background-position:-686px -788px}
.webp .container-index .left-download .online-play {background-position:-686px -788px}
.container-index .left-download .online-play {
  position: absolute;
  bottom: 13px;
  left: 70px;
  width: 61px;
  height: 42px;

  text-indent: -999em;
}
.no-webp .container-index .left-download .online-play:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-686px -832px}
.webp .container-index .left-download .online-play:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-686px -832px}
.no-webp .container-index .left-download .online-play:hover {background-size:1670px 1604px}
.webp .container-index .left-download .online-play:hover {background-size:1670px 1604px}
.no-webp .container-index .left-download .online-play:hover {background-position:-686px -832px}
.webp .container-index .left-download .online-play:hover {background-position:-686px -832px}
.container-index .left-download .online-play:hover {
width:61px;
height:42px;

}
.no-webp .container-index .left-download .ios, 
.no-webp .container-index .left-download .android {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/_btn-download2_708667ad.png) no-repeat}
.webp .container-index .left-download .ios, 
.webp .container-index .left-download .android {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/_btn-download2_708667ad.webp) no-repeat}
.container-index .left-download .ios,
.container-index .left-download .android {
  position: absolute;
  left: 5.5px;
  width: 189px;
  height: 53px;
  text-indent: -999em;
}
.container-index .left-download .ios:hover,
.container-index .left-download .android:hover {
  opacity: 0.85;
}
.no-webp .container-index .left-download .ios {background-position-y:0}
.webp .container-index .left-download .ios {background-position-y:0}
.container-index .left-download .ios {
  top: 208px;
}
.no-webp .container-index .left-download .android {background-position-y:100%}
.webp .container-index .left-download .android {background-position-y:100%}
.container-index .left-download .android {
  bottom: 62px;
}
.container-index .left-download .qrcode {
  position: absolute;
  top: 14px;
  left: 7px;
  width: 186px;
  height: 186px;
}
.container-index .left-download .qrcode img {
  width: 100%;
  height: 100%;
}
.no-webp .container-index .left-download .qrcode .scan-line {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1541px -751px}
.webp .container-index .left-download .qrcode .scan-line {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1541px -751px}
.no-webp .container-index .left-download .qrcode .scan-line {background-size:1670px 1604px}
.webp .container-index .left-download .qrcode .scan-line {background-size:1670px 1604px}
.no-webp .container-index .left-download .qrcode .scan-line {background-position:-1541px -751px}
.webp .container-index .left-download .qrcode .scan-line {background-position:-1541px -751px}
.container-index .left-download .qrcode .scan-line {
  position: absolute;
  top: 0;
  left: -3px;
width:111px;
height:7px;

  -webkit-animation: scan-qrcode 1.5s linear alternate infinite;

          animation: scan-qrcode 1.5s linear alternate infinite;
}
.container-index #leihuo-age {
  width: 101px;
  position: absolute;
  top: 18%;
  left: 2%;
  z-index: 2;
  -webkit-animation: 6s fadeInOut;
          animation: 6s fadeInOut;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  -webkit-transform-origin: 110px 20px;
  -moz-transform-origin: 110px 20px;
  -ms-transform-origin: 110px 20px;
  -o-transform-origin: 110px 20px;
  transform-origin: 110px 20px;
}
.container-index #leihuo-age.on {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.no-webp .container-index .people {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-349px -444px}
.webp .container-index .people {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-349px -444px}
.no-webp .container-index .people {background-size:1670px 1604px}
.webp .container-index .people {background-size:1670px 1604px}
.no-webp .container-index .people {background-position:-349px -444px}
.webp .container-index .people {background-position:-349px -444px}
.container-index .people {
  display: block;
  cursor: pointer;
  position: absolute;
  left: 50%;
  margin-left: 250px;
  top: 600px;
  width: 307px;
  height: 304px;

}
.no-webp .container-index .download {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/_download-bg-3_4e9cd190.png)}
.webp .container-index .download {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/_download-bg-3_4e9cd190.webp)}
.container-index .download {
  width: 682px;
  height: 202px;
  position: absolute;
  left: 50%;
  bottom: 30px;
  margin-left: -341px;
  font: normal 18px/48px 'Microsoft YaHei';
  color: #687ca1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
  -webkit-animation: 5s fadeInOut;
          animation: 5s fadeInOut;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
}
.container-index .download-tips {
  position: absolute;
  color: #fff;
  font-size: 12px;
  bottom: -18px;
  line-height: 16px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  white-space: nowrap;
}
.container-index .download h5 {
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 1px;
}
.no-webp .container-index .download h5:before, 
.no-webp .container-index .download h5:after {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1653px -316px;

  background-size: auto}
.webp .container-index .download h5:before, 
.webp .container-index .download h5:after {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1653px -316px;

  background-size: auto}
.no-webp .container-index .download h5:before, 
.no-webp .container-index .download h5:after {background-size:1670px 1604px}
.webp .container-index .download h5:before, 
.webp .container-index .download h5:after {background-size:1670px 1604px}
.no-webp .container-index .download h5:before, 
.no-webp .container-index .download h5:after {background-position:-1653px -316px}
.webp .container-index .download h5:before, 
.webp .container-index .download h5:after {background-position:-1653px -316px}
.no-webp .container-index .download h5:before, 
.no-webp .container-index .download h5:after {background-size:auto}
.webp .container-index .download h5:before, 
.webp .container-index .download h5:after {background-size:auto}
.container-index .download h5:before,
.container-index .download h5:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 7px;
}
.container-index .download .hutong,
.container-index .download .online-play,
.container-index .download .desktop {
  font-size: 0;
}
.no-webp .container-index .download .download-text {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1395px -480px}
.webp .container-index .download .download-text {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1395px -480px}
.no-webp .container-index .download .download-text {background-size:1670px 1604px}
.webp .container-index .download .download-text {background-size:1670px 1604px}
.no-webp .container-index .download .download-text {background-position:-1395px -480px}
.webp .container-index .download .download-text {background-position:-1395px -480px}
.container-index .download .download-text {
  position: absolute;
  left: 17px;
  top: 22px;
width:26px;
height:159px;

}
.no-webp .container-index .download .hutong {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-658px -658px}
.webp .container-index .download .hutong {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-658px -658px}
.no-webp .container-index .download .hutong {background-size:1670px 1604px}
.webp .container-index .download .hutong {background-size:1670px 1604px}
.no-webp .container-index .download .hutong {background-position:-658px -658px}
.webp .container-index .download .hutong {background-position:-658px -658px}
.container-index .download .hutong {
  text-indent: -999em;
  position: absolute;
  bottom: 41px;
  right: 76px;
width:98px;
height:80px;

}
.no-webp .container-index .download .hutong:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-1234px -1217px}
.webp .container-index .download .hutong:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-1234px -1217px}
.no-webp .container-index .download .hutong:hover {background-size:1670px 1604px}
.webp .container-index .download .hutong:hover {background-size:1670px 1604px}
.no-webp .container-index .download .hutong:hover {background-position:-1234px -1217px}
.webp .container-index .download .hutong:hover {background-position:-1234px -1217px}
.container-index .download .hutong:hover {
width:98px;
height:80px;

}
.no-webp .container-index .download .hutong.haspay {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-1288px -1166px}
.webp .container-index .download .hutong.haspay {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-1288px -1166px}
.no-webp .container-index .download .hutong.haspay {background-size:1670px 1604px}
.webp .container-index .download .hutong.haspay {background-size:1670px 1604px}
.no-webp .container-index .download .hutong.haspay {background-position:-1288px -1166px}
.webp .container-index .download .hutong.haspay {background-position:-1288px -1166px}
.container-index .download .hutong.haspay {
  bottom: 18px;
  right: 252px;
width:96px;
height:48px;

}
.no-webp .container-index .download .hutong.haspay:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-626px -1137px}
.webp .container-index .download .hutong.haspay:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-626px -1137px}
.no-webp .container-index .download .hutong.haspay:hover {background-size:1670px 1604px}
.webp .container-index .download .hutong.haspay:hover {background-size:1670px 1604px}
.no-webp .container-index .download .hutong.haspay:hover {background-position:-626px -1137px}
.webp .container-index .download .hutong.haspay:hover {background-position:-626px -1137px}
.container-index .download .hutong.haspay:hover {
width:96px;
height:48px;

}
.no-webp .container-index .download .online-play {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-679px -998px}
.webp .container-index .download .online-play {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-679px -998px}
.no-webp .container-index .download .online-play {background-size:1670px 1604px}
.webp .container-index .download .online-play {background-size:1670px 1604px}
.no-webp .container-index .download .online-play {background-position:-679px -998px}
.webp .container-index .download .online-play {background-position:-679px -998px}
.container-index .download .online-play {
  position: absolute;
  top: 74px;
  right: 18px;
  width: 74px;
  height: 51px;

  text-indent: -999em;
}
.no-webp .container-index .download .online-play:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1577px -278px}
.webp .container-index .download .online-play:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1577px -278px}
.no-webp .container-index .download .online-play:hover {background-size:1670px 1604px}
.webp .container-index .download .online-play:hover {background-size:1670px 1604px}
.no-webp .container-index .download .online-play:hover {background-position:-1577px -278px}
.webp .container-index .download .online-play:hover {background-position:-1577px -278px}
.container-index .download .online-play:hover {
width:74px;
height:49px;

}
.no-webp .container-index .download .desktop {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-1541px -574px}
.webp .container-index .download .desktop {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-1541px -574px}
.no-webp .container-index .download .desktop {background-size:1670px 1604px}
.webp .container-index .download .desktop {background-size:1670px 1604px}
.no-webp .container-index .download .desktop {background-position:-1541px -574px}
.webp .container-index .download .desktop {background-position:-1541px -574px}
.container-index .download .desktop {
  display: inline-block;
  position: absolute;
  bottom: 40px;
  right: 188px;
  font-size: 0;
  z-index: 1;
width:109px;
height:166px;

}
.no-webp .container-index .download .desktop::after {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-1614px -1313px}
.webp .container-index .download .desktop::after {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-1614px -1313px}
.no-webp .container-index .download .desktop::after {background-size:1670px 1604px}
.webp .container-index .download .desktop::after {background-size:1670px 1604px}
.no-webp .container-index .download .desktop::after {background-position:-1614px -1313px}
.webp .container-index .download .desktop::after {background-position:-1614px -1313px}
.container-index .download .desktop::after {
  content: "";
  position: absolute;
  top: -6px;
  right: -16px;
width:34px;
height:22px;

}
.no-webp .container-index .download .desktop:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-1429px -922px}
.webp .container-index .download .desktop:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-1429px -922px}
.no-webp .container-index .download .desktop:hover {background-size:1670px 1604px}
.webp .container-index .download .desktop:hover {background-size:1670px 1604px}
.no-webp .container-index .download .desktop:hover {background-position:-1429px -922px}
.webp .container-index .download .desktop:hover {background-position:-1429px -922px}
.container-index .download .desktop:hover {
width:109px;
height:166px;

}
.container-index .download .desktop.haspay {
  bottom: 18px;
  right: 135px;
}
.no-webp .container-index .download .taptap {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-0px -1524px}
.webp .container-index .download .taptap {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-0px -1524px}
.no-webp .container-index .download .taptap {background-size:1670px 1604px}
.webp .container-index .download .taptap {background-size:1670px 1604px}
.no-webp .container-index .download .taptap {background-position:-0px -1524px}
.webp .container-index .download .taptap {background-position:-0px -1524px}
.container-index .download .taptap {
  display: inline-block;
  position: absolute;
  font-size: 0;
width:98px;
height:80px;

  top: 34px;
  right: 76px;
}
.no-webp .container-index .download .taptap:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-100px -1524px}
.webp .container-index .download .taptap:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-100px -1524px}
.no-webp .container-index .download .taptap:hover {background-size:1670px 1604px}
.webp .container-index .download .taptap:hover {background-size:1670px 1604px}
.no-webp .container-index .download .taptap:hover {background-position:-100px -1524px}
.webp .container-index .download .taptap:hover {background-position:-100px -1524px}
.container-index .download .taptap:hover {
width:98px;
height:80px;

}
.no-webp .container-index .download .taptap.haspay {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1189px -1166px}
.webp .container-index .download .taptap.haspay {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1189px -1166px}
.no-webp .container-index .download .taptap.haspay {background-size:1670px 1604px}
.webp .container-index .download .taptap.haspay {background-size:1670px 1604px}
.no-webp .container-index .download .taptap.haspay {background-position:-1189px -1166px}
.webp .container-index .download .taptap.haspay {background-position:-1189px -1166px}
.container-index .download .taptap.haspay {
  top: auto;
  bottom: 18px;
  right: 361px;
width:97px;
height:48px;

}
.no-webp .container-index .download .taptap.haspay:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1528px -1356px}
.webp .container-index .download .taptap.haspay:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1528px -1356px}
.no-webp .container-index .download .taptap.haspay:hover {background-size:1670px 1604px}
.webp .container-index .download .taptap.haspay:hover {background-size:1670px 1604px}
.no-webp .container-index .download .taptap.haspay:hover {background-position:-1528px -1356px}
.webp .container-index .download .taptap.haspay:hover {background-position:-1528px -1356px}
.container-index .download .taptap.haspay:hover {
width:96px;
height:48px;

}
.no-webp .container-index .download .pay {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_zhifuanniu_3_4ba2ffb3.png);
  background-size: 700% 700%}
.webp .container-index .download .pay {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_zhifuanniu_3_4ba2ffb3.webp);
  background-size: 700% 700%}
.no-webp .container-index .download .pay {background-size:700% 700%}
.webp .container-index .download .pay {background-size:700% 700%}
.container-index .download .pay {
  font-size: 0;
  position: absolute;
  right: 19px;
  bottom: 18px;
  height: 166px;
  width: 108px;
  mix-blend-mode: normal;
  -webkit-animation: sprite_zhifuanniu_3 2s steps(1) both infinite;
          animation: sprite_zhifuanniu_3 2s steps(1) both infinite;
}
.no-webp .container-index .download .pay::after {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1303px -800px}
.webp .container-index .download .pay::after {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1303px -800px}
.no-webp .container-index .download .pay::after {background-size:1670px 1604px}
.webp .container-index .download .pay::after {background-size:1670px 1604px}
.no-webp .container-index .download .pay::after {background-position:-1303px -800px}
.webp .container-index .download .pay::after {background-position:-1303px -800px}
.container-index .download .pay::after {
  content: '';
  display: none;
width:110px;
height:72px;

  position: absolute;
  right: -45px;
  top: -25px;
  -webkit-animation: zjiazengtianyu_hecheng_12_anim 2s linear both infinite;
          animation: zjiazengtianyu_hecheng_12_anim 2s linear both infinite;
}
.no-webp .container-index .download .shuoming {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-760px -1183px}
.webp .container-index .download .shuoming {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-760px -1183px}
.no-webp .container-index .download .shuoming {background-size:1670px 1604px}
.webp .container-index .download .shuoming {background-size:1670px 1604px}
.no-webp .container-index .download .shuoming {background-position:-760px -1183px}
.webp .container-index .download .shuoming {background-position:-760px -1183px}
.container-index .download .shuoming {
  display: none;
  width: 106px;
  height: 29px;
  position: absolute;
  right: -50px;
  bottom: 0px;

}
.no-webp .container-index .download .shuoming:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1254px -1308px}
.webp .container-index .download .shuoming:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1254px -1308px}
.no-webp .container-index .download .shuoming:hover {background-size:1670px 1604px}
.webp .container-index .download .shuoming:hover {background-size:1670px 1604px}
.no-webp .container-index .download .shuoming:hover {background-position:-1254px -1308px}
.webp .container-index .download .shuoming:hover {background-position:-1254px -1308px}
.container-index .download .shuoming:hover {
width:106px;
height:29px;

}
.no-webp .container-index .download .shoushen {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-658px -444px}
.webp .container-index .download .shoushen {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-658px -444px}
.no-webp .container-index .download .shoushen {background-size:1670px 1604px}
.webp .container-index .download .shoushen {background-size:1670px 1604px}
.no-webp .container-index .download .shoushen {background-position:-658px -444px}
.webp .container-index .download .shoushen {background-position:-658px -444px}
.container-index .download .shoushen {
  position: absolute;
  top: 53px;
  left: -83px;
width:79px;
height:105px;

  font-size: 0;
  text-indent: -9999em;
}
.no-webp .container-index .download .shoushen .tip {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/tips_73c0b126.png) no-repeat}
.webp .container-index .download .shoushen .tip {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/tips_73c0b126.webp) no-repeat}
.container-index .download .shoushen .tip {
  width: 370px;
  height: 97px;
  position: absolute;
  left: 50%;
  margin-left: -185px;
  top: 120px;
  text-indent: 0;
  color: #fff;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  padding-top: 27px;
  display: none;
  pointer-events: none;
}
.no-webp .container-index .download .shoushen:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-658px -551px}
.webp .container-index .download .shoushen:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-658px -551px}
.no-webp .container-index .download .shoushen:hover {background-size:1670px 1604px}
.webp .container-index .download .shoushen:hover {background-size:1670px 1604px}
.no-webp .container-index .download .shoushen:hover {background-position:-658px -551px}
.webp .container-index .download .shoushen:hover {background-position:-658px -551px}
.container-index .download .shoushen:hover {
width:79px;
height:105px;

}
.container-index .download .shoushen:hover .tip {
  display: block;
}
.no-webp .container-index .download .shoushen-faq {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1644px -1283px}
.webp .container-index .download .shoushen-faq {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1644px -1283px}
.no-webp .container-index .download .shoushen-faq {background-size:1670px 1604px}
.webp .container-index .download .shoushen-faq {background-size:1670px 1604px}
.no-webp .container-index .download .shoushen-faq {background-position:-1644px -1283px}
.webp .container-index .download .shoushen-faq {background-position:-1644px -1283px}
.container-index .download .shoushen-faq {
  position: absolute;
  right: 17px;
  top: 18px;
width:24px;
height:26px;

  font-size: 0;
  text-indent: -9999em;
}
.no-webp .container-index .download .shoushen-faq:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1395px -641px}
.webp .container-index .download .shoushen-faq:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1395px -641px}
.no-webp .container-index .download .shoushen-faq:hover {background-size:1670px 1604px}
.webp .container-index .download .shoushen-faq:hover {background-size:1670px 1604px}
.no-webp .container-index .download .shoushen-faq:hover {background-position:-1395px -641px}
.webp .container-index .download .shoushen-faq:hover {background-position:-1395px -641px}
.container-index .download .shoushen-faq:hover {
width:24px;
height:26px;

}
.no-webp .container-index .download .ios, 
.no-webp .container-index .download .android {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-1429px -1090px}
.webp .container-index .download .ios, 
.webp .container-index .download .android {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-1429px -1090px}
.no-webp .container-index .download .ios, 
.no-webp .container-index .download .android {background-size:1670px 1604px}
.webp .container-index .download .ios, 
.webp .container-index .download .android {background-size:1670px 1604px}
.no-webp .container-index .download .ios, 
.no-webp .container-index .download .android {background-position:-1429px -1090px}
.webp .container-index .download .ios, 
.webp .container-index .download .android {background-position:-1429px -1090px}
.container-index .download .ios,
.container-index .download .android {
  position: absolute;
  left: 264px;
width:205px;
height:77px;

  font-size: 0;
}
.container-index .download .ios.haspay,
.container-index .download .android.haspay {
  left: 224px;
}
.container-index .download .ios {
  top: 19px;
}
.no-webp .container-index .download .ios.haspay {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-484px -1356px}
.webp .container-index .download .ios.haspay {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-484px -1356px}
.no-webp .container-index .download .ios.haspay {background-size:1670px 1604px}
.webp .container-index .download .ios.haspay {background-size:1670px 1604px}
.no-webp .container-index .download .ios.haspay {background-position:-484px -1356px}
.webp .container-index .download .ios.haspay {background-position:-484px -1356px}
.container-index .download .ios.haspay {
width:208px;
height:52px;

}
.no-webp .container-index .download .ios.haspay:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-694px -1356px}
.webp .container-index .download .ios.haspay:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-694px -1356px}
.no-webp .container-index .download .ios.haspay:hover {background-size:1670px 1604px}
.webp .container-index .download .ios.haspay:hover {background-size:1670px 1604px}
.no-webp .container-index .download .ios.haspay:hover {background-position:-694px -1356px}
.webp .container-index .download .ios.haspay:hover {background-position:-694px -1356px}
.container-index .download .ios.haspay:hover {
width:208px;
height:52px;

}
.no-webp .container-index .download .android {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-904px -1356px}
.webp .container-index .download .android {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-904px -1356px}
.no-webp .container-index .download .android {background-size:1670px 1604px}
.webp .container-index .download .android {background-size:1670px 1604px}
.no-webp .container-index .download .android {background-position:-904px -1356px}
.webp .container-index .download .android {background-position:-904px -1356px}
.container-index .download .android {
width:206px;
height:50px;

  bottom: 41px;
}
.no-webp .container-index .download .android.haspay {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-252px -1423px}
.webp .container-index .download .android.haspay {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-252px -1423px}
.no-webp .container-index .download .android.haspay {background-size:1670px 1604px}
.webp .container-index .download .android.haspay {background-size:1670px 1604px}
.no-webp .container-index .download .android.haspay {background-position:-252px -1423px}
.webp .container-index .download .android.haspay {background-position:-252px -1423px}
.container-index .download .android.haspay {
width:206px;
height:50px;

  bottom: 76px;
}
.no-webp .container-index .download .android.haspay:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-460px -1423px}
.webp .container-index .download .android.haspay:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-460px -1423px}
.no-webp .container-index .download .android.haspay:hover {background-size:1670px 1604px}
.webp .container-index .download .android.haspay:hover {background-size:1670px 1604px}
.no-webp .container-index .download .android.haspay:hover {background-position:-460px -1423px}
.webp .container-index .download .android.haspay:hover {background-position:-460px -1423px}
.container-index .download .android.haspay:hover {
width:206px;
height:50px;

}
.container-index .download .qrcode {
  position: absolute;
  top: 17px;
  left: 50px;
  width: 166px;
  height: 166px;
}
.container-index .download .qrcode img {
  width: 100%;
  height: 100%;
}
.no-webp .container-index .download .qrcode .scan-line {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1541px -751px}
.webp .container-index .download .qrcode .scan-line {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1541px -751px}
.no-webp .container-index .download .qrcode .scan-line {background-size:1670px 1604px}
.webp .container-index .download .qrcode .scan-line {background-size:1670px 1604px}
.no-webp .container-index .download .qrcode .scan-line {background-position:-1541px -751px}
.webp .container-index .download .qrcode .scan-line {background-position:-1541px -751px}
.container-index .download .qrcode .scan-line {
  width: 111px;
  height: 7px;
  position: absolute;
  top: 0;
  left: -3px;

  -webkit-animation: scan-qrcode 1.5s linear alternate infinite;

          animation: scan-qrcode 1.5s linear alternate infinite;
}
.container-index .download .download-tips {
  font-size: 20px;
  color: #fff;
  bottom: 42px;
}
.no-webp .container-index .download.download-qudao {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/_bg-download_09dbe75d.png);
  background-size: 100% 100%}
.webp .container-index .download.download-qudao {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/_bg-download_09dbe75d.webp);
  background-size: 100% 100%}
.no-webp .container-index .download.download-qudao {background-size:100% 100%}
.webp .container-index .download.download-qudao {background-size:100% 100%}
.container-index .download.download-qudao {
  bottom: 80px;
  margin-left: -238px;
  padding: 0;
  width: 476.8px;
  height: 112px;
  -webkit-animation: 5s fadeInOut;
          animation: 5s fadeInOut;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.no-webp .container-index .download.download-qudao .download-text {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/_download-text_936266c4.png) no-repeat}
.webp .container-index .download.download-qudao .download-text {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/_download-text_936266c4.webp) no-repeat}
.container-index .download.download-qudao .download-text {
  position: absolute;
  top: 39px;
  left: 54px;
  width: 24px;
  height: 719px;
  pointer-events: none;
}
.no-webp .container-index .download.download-qudao .ios {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-484px -1356px}
.webp .container-index .download.download-qudao .ios {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-484px -1356px}
.no-webp .container-index .download.download-qudao .ios {background-size:1670px 1604px}
.webp .container-index .download.download-qudao .ios {background-size:1670px 1604px}
.no-webp .container-index .download.download-qudao .ios {background-position:-484px -1356px}
.webp .container-index .download.download-qudao .ios {background-position:-484px -1356px}
.container-index .download.download-qudao .ios {
  top: 33px;
  left: 28px;
width:208px;
height:52px;

}
.no-webp .container-index .download.download-qudao .ios:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-694px -1356px}
.webp .container-index .download.download-qudao .ios:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-694px -1356px}
.no-webp .container-index .download.download-qudao .ios:hover {background-size:1670px 1604px}
.webp .container-index .download.download-qudao .ios:hover {background-size:1670px 1604px}
.no-webp .container-index .download.download-qudao .ios:hover {background-position:-694px -1356px}
.webp .container-index .download.download-qudao .ios:hover {background-position:-694px -1356px}
.container-index .download.download-qudao .ios:hover {
width:208px;
height:52px;

}
.no-webp .container-index .download.download-qudao .android {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-252px -1423px}
.webp .container-index .download.download-qudao .android {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-252px -1423px}
.no-webp .container-index .download.download-qudao .android {background-size:1670px 1604px}
.webp .container-index .download.download-qudao .android {background-size:1670px 1604px}
.no-webp .container-index .download.download-qudao .android {background-position:-252px -1423px}
.webp .container-index .download.download-qudao .android {background-position:-252px -1423px}
.container-index .download.download-qudao .android {
  top: 33px;
  left: 244px;
width:206px;
height:50px;

}
.no-webp .container-index .download.download-qudao .android:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-460px -1423px}
.webp .container-index .download.download-qudao .android:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-460px -1423px}
.no-webp .container-index .download.download-qudao .android:hover {background-size:1670px 1604px}
.webp .container-index .download.download-qudao .android:hover {background-size:1670px 1604px}
.no-webp .container-index .download.download-qudao .android:hover {background-position:-460px -1423px}
.webp .container-index .download.download-qudao .android:hover {background-position:-460px -1423px}
.container-index .download.download-qudao .android:hover {
width:206px;
height:50px;

}
.no-webp .container-index .download.download-qudao.hasqrcode {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/_bg-download3_439a8b12.png);
  background-size: 100% 100%}
.webp .container-index .download.download-qudao.hasqrcode {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/_bg-download3_439a8b12.webp);
  background-size: 100% 100%}
.no-webp .container-index .download.download-qudao.hasqrcode {background-size:100% 100%}
.webp .container-index .download.download-qudao.hasqrcode {background-size:100% 100%}
.container-index .download.download-qudao.hasqrcode {
  margin-left: -217px;
  width: 435px;
  height: 165px;
}
.container-index .download.download-qudao.hasqrcode .qrcode {
  top: 22px;
  left: 30px;
  width: 149px;
  height: 122px;
}
.container-index .download.download-qudao.hasqrcode .ios {
  top: 27px;
  left: 204px;
}
.container-index .download.download-qudao.hasqrcode .android {
  top: 90px;
  left: 198px;
}
.container-index .download .download-tips {
  font-size: 20px;
  color: #fff;
  bottom: 42px;
}
.no-webp .container-index .btn-cat {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-cat_da9a6fe1.gif);
  background-size: 100%}
.webp .container-index .btn-cat {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-cat_da9a6fe1.gif);
  background-size: 100%}
.no-webp .container-index .btn-cat {background-size:100%}
.webp .container-index .btn-cat {background-size:100%}
.container-index .btn-cat {
  width: 320px;
  height: 320px;
  position: absolute;
  top: 520px;
  right: 100px;
  cursor: pointer;
}
.container-index .btn-cat.on {
  opacity: 1;
}
@-webkit-keyframes catAnima {
  100% {
    top: 520px;
    right: 100px;
  }
  50% {
    top: 490px;
    right: 130px;
  }
  0% {
    top: 520px;
    right: 100px;
  }
}
@keyframes catAnima {
  100% {
    top: 520px;
    right: 100px;
  }
  50% {
    top: 490px;
    right: 130px;
  }
  0% {
    top: 520px;
    right: 100px;
  }
}
.no-webp .container-index .top-yuyue {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/_btn-yuyue1_6aba1ced.png) no-repeat}
.webp .container-index .top-yuyue {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/_btn-yuyue1_6aba1ced.webp) no-repeat}
.container-index .top-yuyue {
  display: none;
  position: absolute;
  left: 50%;
  top: 740px;
  margin-left: -650px;
  width: 471px;
  height: 110px;
  text-indent: -999em;
  cursor: pointer;
}
.no-webp .container-index .top-yuyue:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/_btn-yuyue2_59055cc0.png) no-repeat}
.webp .container-index .top-yuyue:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/_btn-yuyue2_59055cc0.webp) no-repeat}
.container-index .top-yuyue:hover {
}
.no-webp .container-index .share-wrap {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/_bg-share_ed647e1f.png) no-repeat;
  background-size: 100% 100%}
.webp .container-index .share-wrap {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/_bg-share_ed647e1f.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .container-index .share-wrap {background-size:100% 100%}
.webp .container-index .share-wrap {background-size:100% 100%}
.container-index .share-wrap {
  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: absolute;
  right: 20px;
  top: 30px;
  height: 56px;
  padding-left: 26px;
  padding-bottom: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 20px;
  color: #fff;
  text-indent: 0;
  line-height: 44px;
}
.container-index .share-wrap.on {
  top: 130px;
}
.container-index .share-wrap a {
  font: normal 20px 'Microsoft YaHei';
}
.container-index .share-wrap .gw:hover {
  color: #7eb6cd;
}
.container-index .share-wrap .sep {
  margin: 0 16px;
  font-size: 0;
  font-weight: normal;
}
.container-index .share-wrap #share-wrap {
  display: inline-block;
  vertical-align: top;
  height: 38px;
  margin-left: 10px;
}
.container-index .share-wrap #share-wrap .NIE-share .NIE-share-iconBtn a {
  margin-right: 10px;
}
.container-index .share-wrap #share-wrap .NIE-share .NIE-share-iconBtn a:hover {
  color: #fff;
}
@media screen and (min-width: 1921px) {
  .container-index .download {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-webkit-keyframes sprite_zhifuanniu_3 {
  0% {
    background-position: 0px 0px;
  }
  2.1% {
    background-position: -108px 0px;
  }
  4.2% {
    background-position: -216px 0px;
  }
  6.3% {
    background-position: -324px 0px;
  }
  8.3% {
    background-position: -432px 0px;
  }
  10.4% {
    background-position: -540px 0px;
  }
  12.5% {
    background-position: -648px 0px;
  }
  14.6% {
    background-position: 0px -166px;
  }
  16.7% {
    background-position: -108px -166px;
  }
  18.8% {
    background-position: -216px -166px;
  }
  20.8% {
    background-position: -324px -166px;
  }
  22.9% {
    background-position: -432px -166px;
  }
  25% {
    background-position: -540px -166px;
  }
  27.1% {
    background-position: -648px -166px;
  }
  29.2% {
    background-position: 0px -332px;
  }
  31.3% {
    background-position: -108px -332px;
  }
  33.3% {
    background-position: -216px -332px;
  }
  35.4% {
    background-position: -324px -332px;
  }
  37.5% {
    background-position: -432px -332px;
  }
  39.6% {
    background-position: -540px -332px;
  }
  41.7% {
    background-position: -648px -332px;
  }
  43.8% {
    background-position: 0px -498px;
  }
  45.8% {
    background-position: -108px -498px;
  }
  47.9% {
    background-position: -216px -498px;
  }
  50% {
    background-position: -324px -498px;
  }
  52.1% {
    background-position: -432px -498px;
  }
  54.2% {
    background-position: -540px -498px;
  }
  56.3% {
    background-position: -648px -498px;
  }
  58.3% {
    background-position: 0px -664px;
  }
  60.4% {
    background-position: -108px -664px;
  }
  62.5% {
    background-position: -216px -664px;
  }
  64.6% {
    background-position: -324px -664px;
  }
  66.7% {
    background-position: -432px -664px;
  }
  68.8% {
    background-position: -540px -664px;
  }
  70.8% {
    background-position: -648px -664px;
  }
  72.9% {
    background-position: 0px -830px;
  }
  75% {
    background-position: -108px -830px;
  }
  77.1% {
    background-position: -216px -830px;
  }
  79.2% {
    background-position: -324px -830px;
  }
  81.3% {
    background-position: -432px -830px;
  }
  83.3% {
    background-position: -540px -830px;
  }
  85.4% {
    background-position: -648px -830px;
  }
  87.5% {
    background-position: 0px -996px;
  }
  89.6% {
    background-position: -108px -996px;
  }
  91.7% {
    background-position: -216px -996px;
  }
  93.8% {
    background-position: -324px -996px;
  }
  95.8% {
    background-position: -432px -996px;
  }
  97.9% {
    background-position: -540px -996px;
  }
  100% {
    background-position: -540px -996px;
  }
}
@keyframes sprite_zhifuanniu_3 {
  0% {
    background-position: 0px 0px;
  }
  2.1% {
    background-position: -108px 0px;
  }
  4.2% {
    background-position: -216px 0px;
  }
  6.3% {
    background-position: -324px 0px;
  }
  8.3% {
    background-position: -432px 0px;
  }
  10.4% {
    background-position: -540px 0px;
  }
  12.5% {
    background-position: -648px 0px;
  }
  14.6% {
    background-position: 0px -166px;
  }
  16.7% {
    background-position: -108px -166px;
  }
  18.8% {
    background-position: -216px -166px;
  }
  20.8% {
    background-position: -324px -166px;
  }
  22.9% {
    background-position: -432px -166px;
  }
  25% {
    background-position: -540px -166px;
  }
  27.1% {
    background-position: -648px -166px;
  }
  29.2% {
    background-position: 0px -332px;
  }
  31.3% {
    background-position: -108px -332px;
  }
  33.3% {
    background-position: -216px -332px;
  }
  35.4% {
    background-position: -324px -332px;
  }
  37.5% {
    background-position: -432px -332px;
  }
  39.6% {
    background-position: -540px -332px;
  }
  41.7% {
    background-position: -648px -332px;
  }
  43.8% {
    background-position: 0px -498px;
  }
  45.8% {
    background-position: -108px -498px;
  }
  47.9% {
    background-position: -216px -498px;
  }
  50% {
    background-position: -324px -498px;
  }
  52.1% {
    background-position: -432px -498px;
  }
  54.2% {
    background-position: -540px -498px;
  }
  56.3% {
    background-position: -648px -498px;
  }
  58.3% {
    background-position: 0px -664px;
  }
  60.4% {
    background-position: -108px -664px;
  }
  62.5% {
    background-position: -216px -664px;
  }
  64.6% {
    background-position: -324px -664px;
  }
  66.7% {
    background-position: -432px -664px;
  }
  68.8% {
    background-position: -540px -664px;
  }
  70.8% {
    background-position: -648px -664px;
  }
  72.9% {
    background-position: 0px -830px;
  }
  75% {
    background-position: -108px -830px;
  }
  77.1% {
    background-position: -216px -830px;
  }
  79.2% {
    background-position: -324px -830px;
  }
  81.3% {
    background-position: -432px -830px;
  }
  83.3% {
    background-position: -540px -830px;
  }
  85.4% {
    background-position: -648px -830px;
  }
  87.5% {
    background-position: 0px -996px;
  }
  89.6% {
    background-position: -108px -996px;
  }
  91.7% {
    background-position: -216px -996px;
  }
  93.8% {
    background-position: -324px -996px;
  }
  95.8% {
    background-position: -432px -996px;
  }
  97.9% {
    background-position: -540px -996px;
  }
  100% {
    background-position: -540px -996px;
  }
}
@-webkit-keyframes zjiazengtianyu_hecheng_12_anim {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, -6px);
            transform: translate(0px, -6px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@keyframes zjiazengtianyu_hecheng_12_anim {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, -6px);
            transform: translate(0px, -6px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
.zslogan_fenceng_hecheng_12 {
  top: 50%;
  left: 50%;
  margin-left: -491px;
  margin-top: -280px;
  width: 983px;
  height: 612px;
  position: absolute;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  /* 入场 */
  /* 循环 */
}
.zslogan_fenceng_hecheng_12 .hecheng_box {
  opacity: 0;
}
.zslogan_fenceng_hecheng_12 .hecheng_box.ready {
  display: none;
}
.zslogan_fenceng_hecheng_12 .hecheng_box.show {
  display: block;
  opacity: 1;
}
.no-webp .zslogan_fenceng_hecheng_12 .z_slogan_8_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_yuhecheng_10_000_27097c98.png);
  background-size: 400% 300%}
.webp .zslogan_fenceng_hecheng_12 .z_slogan_8_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_yuhecheng_10_000_27097c98.webp);
  background-size: 400% 300%}
.no-webp .zslogan_fenceng_hecheng_12 .z_slogan_8_000 {background-size:400% 300%}
.webp .zslogan_fenceng_hecheng_12 .z_slogan_8_000 {background-size:400% 300%}
.zslogan_fenceng_hecheng_12 .z_slogan_8_000 {
  position: absolute;
  left: 30px;
  top: 129px;
  height: 372px;
  width: 840px;
  mix-blend-mode: normal;
  -webkit-animation: z_slogan_001_anim 0.58s 0s linear both, sprite_z_yuhecheng_10_000 1s 0s steps(1) normal;
          animation: z_slogan_001_anim 0.58s 0s linear both, sprite_z_yuhecheng_10_000 1s 0s steps(1) normal;
}
@-webkit-keyframes z_slogan_001_anim {
  0% {
    opacity: 1;
  }
  99.99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes z_slogan_001_anim {
  0% {
    opacity: 1;
  }
  99.99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes sprite_z_yuhecheng_10_000 {
  0% {
    background-position: 0px 0px;
  }
  10% {
    background-position: -840px 0px;
  }
  20% {
    background-position: -1680px 0px;
  }
  30% {
    background-position: -2520px 0px;
  }
  40% {
    background-position: 0px -372px;
  }
  50% {
    background-position: -840px -372px;
  }
  60% {
    background-position: -1680px -372px;
  }
  70% {
    background-position: -2520px -372px;
  }
  80% {
    background-position: 0px -744px;
  }
  90% {
    background-position: -840px -744px;
  }
  100% {
    background-position: -840px -744px;
  }
}
@keyframes sprite_z_yuhecheng_10_000 {
  0% {
    background-position: 0px 0px;
  }
  10% {
    background-position: -840px 0px;
  }
  20% {
    background-position: -1680px 0px;
  }
  30% {
    background-position: -2520px 0px;
  }
  40% {
    background-position: 0px -372px;
  }
  50% {
    background-position: -840px -372px;
  }
  60% {
    background-position: -1680px -372px;
  }
  70% {
    background-position: -2520px -372px;
  }
  80% {
    background-position: 0px -744px;
  }
  90% {
    background-position: -840px -744px;
  }
  100% {
    background-position: -840px -744px;
  }
}
.no-webp .zslogan_fenceng_hecheng_12 .z_slogan_8_001 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_yuhecheng_10_001_a1a1e5c2.png);
  background-size: 700% 600%}
.webp .zslogan_fenceng_hecheng_12 .z_slogan_8_001 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_yuhecheng_10_001_a1a1e5c2.webp);
  background-size: 700% 600%}
.no-webp .zslogan_fenceng_hecheng_12 .z_slogan_8_001 {background-size:700% 600%}
.webp .zslogan_fenceng_hecheng_12 .z_slogan_8_001 {background-size:700% 600%}
.zslogan_fenceng_hecheng_12 .z_slogan_8_001 {
  position: absolute;
  left: 30px;
  top: 129px;
  height: 372px;
  width: 840px;
  mix-blend-mode: normal;
  -webkit-animation: z_slogan_000_anim 0.292s 0.58s linear both, sprite_z_yuhecheng_10_001 4s 0s steps(1) infinite normal;
          animation: z_slogan_000_anim 0.292s 0.58s linear both, sprite_z_yuhecheng_10_001 4s 0s steps(1) infinite normal;
}
@-webkit-keyframes z_slogan_000_anim {
  0% {
    opacity: 0;
  }
  0.01% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_slogan_000_anim {
  0% {
    opacity: 0;
  }
  0.01% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes sprite_z_yuhecheng_10_001 {
  0% {
    background-position: 0px 0px;
  }
  2.5% {
    background-position: -840px 0px;
  }
  5% {
    background-position: -1680px 0px;
  }
  7.5% {
    background-position: -2520px 0px;
  }
  10% {
    background-position: -3360px 0px;
  }
  12.5% {
    background-position: -4200px 0px;
  }
  15% {
    background-position: -5040px 0px;
  }
  17.5% {
    background-position: 0px -372px;
  }
  20% {
    background-position: -840px -372px;
  }
  22.5% {
    background-position: -1680px -372px;
  }
  25% {
    background-position: -2520px -372px;
  }
  27.5% {
    background-position: -3360px -372px;
  }
  30% {
    background-position: -4200px -372px;
  }
  32.5% {
    background-position: -5040px -372px;
  }
  35% {
    background-position: 0px -744px;
  }
  37.5% {
    background-position: -840px -744px;
  }
  40% {
    background-position: -1680px -744px;
  }
  42.5% {
    background-position: -2520px -744px;
  }
  45% {
    background-position: -3360px -744px;
  }
  47.5% {
    background-position: -4200px -744px;
  }
  50% {
    background-position: -5040px -744px;
  }
  52.5% {
    background-position: 0px -1116px;
  }
  55% {
    background-position: -840px -1116px;
  }
  57.5% {
    background-position: -1680px -1116px;
  }
  60% {
    background-position: -2520px -1116px;
  }
  62.5% {
    background-position: -3360px -1116px;
  }
  65% {
    background-position: -4200px -1116px;
  }
  67.5% {
    background-position: -5040px -1116px;
  }
  70% {
    background-position: 0px -1488px;
  }
  72.5% {
    background-position: -840px -1488px;
  }
  75% {
    background-position: -1680px -1488px;
  }
  77.5% {
    background-position: -2520px -1488px;
  }
  80% {
    background-position: -3360px -1488px;
  }
  82.5% {
    background-position: -4200px -1488px;
  }
  85% {
    background-position: -5040px -1488px;
  }
  87.5% {
    background-position: 0px -1860px;
  }
  90% {
    background-position: -840px -1860px;
  }
  92.5% {
    background-position: -1680px -1860px;
  }
  95% {
    background-position: -2520px -1860px;
  }
  97.5% {
    background-position: -3360px -1860px;
  }
  100% {
    background-position: -3360px -1860px;
  }
}
@keyframes sprite_z_yuhecheng_10_001 {
  0% {
    background-position: 0px 0px;
  }
  2.5% {
    background-position: -840px 0px;
  }
  5% {
    background-position: -1680px 0px;
  }
  7.5% {
    background-position: -2520px 0px;
  }
  10% {
    background-position: -3360px 0px;
  }
  12.5% {
    background-position: -4200px 0px;
  }
  15% {
    background-position: -5040px 0px;
  }
  17.5% {
    background-position: 0px -372px;
  }
  20% {
    background-position: -840px -372px;
  }
  22.5% {
    background-position: -1680px -372px;
  }
  25% {
    background-position: -2520px -372px;
  }
  27.5% {
    background-position: -3360px -372px;
  }
  30% {
    background-position: -4200px -372px;
  }
  32.5% {
    background-position: -5040px -372px;
  }
  35% {
    background-position: 0px -744px;
  }
  37.5% {
    background-position: -840px -744px;
  }
  40% {
    background-position: -1680px -744px;
  }
  42.5% {
    background-position: -2520px -744px;
  }
  45% {
    background-position: -3360px -744px;
  }
  47.5% {
    background-position: -4200px -744px;
  }
  50% {
    background-position: -5040px -744px;
  }
  52.5% {
    background-position: 0px -1116px;
  }
  55% {
    background-position: -840px -1116px;
  }
  57.5% {
    background-position: -1680px -1116px;
  }
  60% {
    background-position: -2520px -1116px;
  }
  62.5% {
    background-position: -3360px -1116px;
  }
  65% {
    background-position: -4200px -1116px;
  }
  67.5% {
    background-position: -5040px -1116px;
  }
  70% {
    background-position: 0px -1488px;
  }
  72.5% {
    background-position: -840px -1488px;
  }
  75% {
    background-position: -1680px -1488px;
  }
  77.5% {
    background-position: -2520px -1488px;
  }
  80% {
    background-position: -3360px -1488px;
  }
  82.5% {
    background-position: -4200px -1488px;
  }
  85% {
    background-position: -5040px -1488px;
  }
  87.5% {
    background-position: 0px -1860px;
  }
  90% {
    background-position: -840px -1860px;
  }
  92.5% {
    background-position: -1680px -1860px;
  }
  95% {
    background-position: -2520px -1860px;
  }
  97.5% {
    background-position: -3360px -1860px;
  }
  100% {
    background-position: -3360px -1860px;
  }
}
.zslogan_fenceng_hecheng_12 .btn-play-index {
  z-index: 1;
  position: absolute;
  cursor: pointer;
  top: 193px;
  right: 222px;
  width: 96px;
  height: 87px;
  font-size: 0;
  -webkit-animation: 5s fadeInOut;
          animation: 5s fadeInOut;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.no-webp .zslogan_fenceng_hecheng_12 .btn-play-index:before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1189px -240px}
.webp .zslogan_fenceng_hecheng_12 .btn-play-index:before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1189px -240px}
.no-webp .zslogan_fenceng_hecheng_12 .btn-play-index:before {background-size:1670px 1604px}
.webp .zslogan_fenceng_hecheng_12 .btn-play-index:before {background-size:1670px 1604px}
.no-webp .zslogan_fenceng_hecheng_12 .btn-play-index:before {background-position:-1189px -240px}
.webp .zslogan_fenceng_hecheng_12 .btn-play-index:before {background-position:-1189px -240px}
.zslogan_fenceng_hecheng_12 .btn-play-index:before {
  pointer-events: none;
  position: absolute;
  left: -70px;
  top: -76px;
  content: '';
width:238px;
height:238px;

}
.zslogan_fenceng_hecheng_12 .btn-play-index:hover:before {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
@-webkit-keyframes sprite_slogan_fenceng_hecheng_1_2 {
  0% {
    background-position: 0px 0px;
  }
  4.2% {
    background-position: -666px 0px;
  }
  8.3% {
    background-position: -1332px 0px;
  }
  12.5% {
    background-position: -1998px 0px;
  }
  16.7% {
    background-position: -2664px 0px;
  }
  20.8% {
    background-position: 0px -352px;
  }
  25% {
    background-position: -666px -352px;
  }
  29.2% {
    background-position: -1332px -352px;
  }
  33.3% {
    background-position: -1998px -352px;
  }
  37.5% {
    background-position: -2664px -352px;
  }
  41.7% {
    background-position: 0px -704px;
  }
  45.8% {
    background-position: -666px -704px;
  }
  50% {
    background-position: -1332px -704px;
  }
  54.2% {
    background-position: -1998px -704px;
  }
  58.3% {
    background-position: -2664px -704px;
  }
  62.5% {
    background-position: 0px -1056px;
  }
  66.7% {
    background-position: -666px -1056px;
  }
  70.8% {
    background-position: -1332px -1056px;
  }
  75% {
    background-position: -1998px -1056px;
  }
  79.2% {
    background-position: -2664px -1056px;
  }
  83.3% {
    background-position: 0px -1408px;
  }
  87.5% {
    background-position: -666px -1408px;
  }
  91.7% {
    background-position: -1332px -1408px;
  }
  95.8% {
    background-position: -1998px -1408px;
  }
  100% {
    background-position: -1998px -1408px;
  }
}
@keyframes sprite_slogan_fenceng_hecheng_1_2 {
  0% {
    background-position: 0px 0px;
  }
  4.2% {
    background-position: -666px 0px;
  }
  8.3% {
    background-position: -1332px 0px;
  }
  12.5% {
    background-position: -1998px 0px;
  }
  16.7% {
    background-position: -2664px 0px;
  }
  20.8% {
    background-position: 0px -352px;
  }
  25% {
    background-position: -666px -352px;
  }
  29.2% {
    background-position: -1332px -352px;
  }
  33.3% {
    background-position: -1998px -352px;
  }
  37.5% {
    background-position: -2664px -352px;
  }
  41.7% {
    background-position: 0px -704px;
  }
  45.8% {
    background-position: -666px -704px;
  }
  50% {
    background-position: -1332px -704px;
  }
  54.2% {
    background-position: -1998px -704px;
  }
  58.3% {
    background-position: -2664px -704px;
  }
  62.5% {
    background-position: 0px -1056px;
  }
  66.7% {
    background-position: -666px -1056px;
  }
  70.8% {
    background-position: -1332px -1056px;
  }
  75% {
    background-position: -1998px -1056px;
  }
  79.2% {
    background-position: -2664px -1056px;
  }
  83.3% {
    background-position: 0px -1408px;
  }
  87.5% {
    background-position: -666px -1408px;
  }
  91.7% {
    background-position: -1332px -1408px;
  }
  95.8% {
    background-position: -1998px -1408px;
  }
  100% {
    background-position: -1998px -1408px;
  }
}
@media screen and (max-width: 2560px) {
  .container-index .kv .bgvideo {
    width: 2600px;
    height: 1400px;
  }
}
@media screen and (max-width: 2200px) {
  .container-index .kv .bgvideo {
    width: 2240px;
    height: 1200px;
  }
}
@media screen and (max-width: 1920px) {
  .container-index .kv .bgvideo {
    width: 1980px;
    height: 1090px;
  }
}
.kv {
  position: fixed;
  z-index: -99;
  width: 100%;
  height: 100%;
}
.no-webp .kv .bgvideo {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/kv_a44d8b17.jpg) top no-repeat;
  background-size: cover}
.webp .kv .bgvideo {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/kv_a44d8b17.webp) top no-repeat;
  background-size: cover}
.no-webp .kv .bgvideo {background-size:cover}
.webp .kv .bgvideo {background-size:cover}
.kv .bgvideo {
  position: absolute;
  top: -65px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  width: 100%;
  height: 100%;
}
.kv .bgvideo .parallax-box {
  width: 100%;
  height: 100%;
}
.kv .bgvideo .parallax-box .innerbox {
  left: -30px;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 3840px) {
  .kv .bgvideo .parallax-box {
    width: 100%;
    height: 100%;
  }
  .kv .bgvideo .parallax-box .innerbox {
    width: 100%;
    height: 100%;
  }
}
.kv .bgvideo canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.kv .bgvideo video {
  display: block;
  position: absolute;
  top: 58px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
@media screen and (max-width: 2560px) {
  .kv .bgvideo {
    width: 2600px;
    height: 1400px;
  }
}
@media screen and (max-width: 2200px) {
  .kv .bgvideo {
    width: 2240px;
    height: 1200px;
  }
}
@media screen and (max-width: 1920px) {
  .kv .bgvideo {
    width: 1980px;
    height: 1090px;
  }
}
.no-webp .pop {background:rgba(0, 0, 0, 0.9)}
.webp .pop {background:rgba(0, 0, 0, 0.9)}
.pop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -ms-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.pop.on {
  z-index: 999;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.pop.status2 {
  overflow-y: scroll;
}
.pop.status2 ._inner {
  top: 180px;
  padding-bottom: 60px;
  margin-bottom: 100px;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.pop ._inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.no-webp .pop .close {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/close_54ba86be.png);
  background-size: auto}
.webp .pop .close {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/close_54ba86be.webp);
  background-size: auto}
.no-webp .pop .close {background-size:auto}
.webp .pop .close {background-size:auto}
.pop .close {
  width: 49px;
  height: 50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  position: absolute;
  top: 0;
  right: -70px;
  z-index: 10;
}
.pop .close:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.pop .con {
  padding: 26px 0;
}
.no-webp #pop-rule ._inner {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-1_c7d6ce87.png) no-repeat;
  background-size: 100% auto}
.webp #pop-rule ._inner {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-1_c7d6ce87.webp) no-repeat;
  background-size: 100% auto}
.no-webp #pop-rule ._inner {background-size:100% auto}
.webp #pop-rule ._inner {background-size:100% auto}
#pop-rule ._inner {
  width: 986px;
  height: 655px;
}
#pop-rule .con {
  padding-top: 40px;
}
.no-webp #pop-rule .tit {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-tit-rule_51b00c90.png);
  background-size: auto}
.webp #pop-rule .tit {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-tit-rule_51b00c90.webp);
  background-size: auto}
.no-webp #pop-rule .tit {background-size:auto}
.webp #pop-rule .tit {background-size:auto}
#pop-rule .tit {
  width: 328px;
  height: 92px;
  margin: 0px auto;
}
#pop-rule .desc {
  height: 440px;
  padding: 0 80px;
}
#pop-rule .desc p {
  line-height: 38px;
  font-size: 18px;
  color: #ffffff;
}
.no-webp #pop-phone-login ._inner {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-2_c671c0cf.png) no-repeat;
  background-size: 100% auto}
.webp #pop-phone-login ._inner {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-2_c671c0cf.webp) no-repeat;
  background-size: 100% auto}
.no-webp #pop-phone-login ._inner {background-size:100% auto}
.webp #pop-phone-login ._inner {background-size:100% auto}
#pop-phone-login ._inner {
  width: 794px;
  height: 641px;
}
#pop-phone-login .con {
  padding-top: 40px;
}
.no-webp #pop-phone-login .tit {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-tit-phone_76681673.png);
  background-size: auto}
.webp #pop-phone-login .tit {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-tit-phone_76681673.webp);
  background-size: auto}
.no-webp #pop-phone-login .tit {background-size:auto}
.webp #pop-phone-login .tit {background-size:auto}
#pop-phone-login .tit {
  width: 452px;
  height: 94px;
  margin: 0px auto;
}
#pop-phone-login .common-box {
  margin: 40px auto;
}
#pop-phone-login #phone-wrap {
  width: 450px;
  margin: 0 auto;
}
#pop-phone-login #phone-wrap .phone-verify-wrap {
  width: 100%;
}
#pop-phone-login #phone-wrap .phone-verify-wrap .phone-wrap {
  margin-bottom: 16px;
}
#pop-phone-login #phone-wrap .phone-verify-wrap .qualCaptcha {
  width: 100%;
}
#pop-phone-login #phone-wrap .phone-verify-wrap input.ipt-code {
  width: 324px;
}
.no-webp #pop-phone-login #phone-wrap .phone-verify-wrap .confirm-btn {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-ok_3baf4014.png);
  background-size: auto}
.webp #pop-phone-login #phone-wrap .phone-verify-wrap .confirm-btn {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-ok_3baf4014.webp);
  background-size: auto}
.no-webp #pop-phone-login #phone-wrap .phone-verify-wrap .confirm-btn {background-size:auto}
.webp #pop-phone-login #phone-wrap .phone-verify-wrap .confirm-btn {background-size:auto}
#pop-phone-login #phone-wrap .phone-verify-wrap .confirm-btn {
  width: 455px;
  height: 54px;
  margin: 80px auto;
  font-size: 0;
}
.no-webp #pop-phone-login #phone-wrap .phone-verify-wrap .confirm-btn:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-ok-h_96597bb4.png);
  background-size: auto}
.webp #pop-phone-login #phone-wrap .phone-verify-wrap .confirm-btn:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-ok-h_96597bb4.webp);
  background-size: auto}
.no-webp #pop-phone-login #phone-wrap .phone-verify-wrap .confirm-btn:hover {background-size:auto}
.webp #pop-phone-login #phone-wrap .phone-verify-wrap .confirm-btn:hover {background-size:auto}
#pop-phone-login #phone-wrap .phone-verify-wrap .confirm-btn:hover {
  width: 455px;
  height: 54px;
}
#pop-phone-login #phone-wrap .phone-verify-wrap .phone-input input {
  border-color: #8fa8e2;
}
#pop-phone-login #phone-wrap .phone-verify-wrap .code-wrap input {
  width: 304px;
  border-right: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-color: #8fa9e3;
}
.no-webp #pop-phone-login #phone-wrap .phone-verify-wrap .code-wrap .btn-sendCode {background:#7a89e3}
.webp #pop-phone-login #phone-wrap .phone-verify-wrap .code-wrap .btn-sendCode {background:#7a89e3}
#pop-phone-login #phone-wrap .phone-verify-wrap .code-wrap .btn-sendCode {
  width: 146px;
  border: 1px solid #d7dde4;
  border-left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.no-webp .el-message-box {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-3_89459998.png) no-repeat;
  background-size: 100% auto}
.webp .el-message-box {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-3_89459998.webp) no-repeat;
  background-size: 100% auto}
.no-webp .el-message-box {background-size:100% auto}
.webp .el-message-box {background-size:100% auto}
.el-message-box {
  width: 678px !important;
  height: 288px;
  padding-top: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-message-box .el-message-box__header {
  width: 100%;
  height: 36px;
  line-height: 36px;
  font-size: 20px;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
  padding: 0;
}
.el-message-box .el-message-box__content {
  padding: 20px 50px;
  min-height: 32px;
  text-align: center;
}
.el-message-box .el-message-box__content p {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #ffffff;
  line-height: 24px;
  text-align: left;
}
.no-webp .el-message-box .el-message-box__btns .el-button {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-ok2_33133796.png);
  background-size: auto}
.webp .el-message-box .el-message-box__btns .el-button {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-ok2_33133796.webp);
  background-size: auto}
.no-webp .el-message-box .el-message-box__btns .el-button {background-size:auto}
.webp .el-message-box .el-message-box__btns .el-button {background-size:auto}
.el-message-box .el-message-box__btns .el-button {
  width: 145px;
  height: 54px;
  display: block;
  margin: 4px auto;
  font-size: 0;
  border: 0;
}
.no-webp .el-message-box .el-message-box__btns .el-button:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-ok2-h_bfa58916.png);
  background-size: auto}
.webp .el-message-box .el-message-box__btns .el-button:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-ok2-h_bfa58916.webp);
  background-size: auto}
.no-webp .el-message-box .el-message-box__btns .el-button:hover {background-size:auto}
.webp .el-message-box .el-message-box__btns .el-button:hover {background-size:auto}
.el-message-box .el-message-box__btns .el-button:hover {
  width: 145px;
  height: 54px;
}
.no-webp #pop-alert ._inner {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-3_89459998.png) no-repeat;
  background-size: 100% auto}
.webp #pop-alert ._inner {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-3_89459998.webp) no-repeat;
  background-size: 100% auto}
.no-webp #pop-alert ._inner {background-size:100% auto}
.webp #pop-alert ._inner {background-size:100% auto}
#pop-alert ._inner {
  width: 678px;
  height: 288px;
}
#pop-alert .con {
  padding-top: 50px;
}
#pop-alert h3 {
  width: 100%;
  height: 36px;
  line-height: 36px;
  font-size: 20px;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
}
#pop-alert .desc {
  padding: 20px 50px;
  min-height: 32px;
  text-align: center;
}
#pop-alert .desc p {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #ffffff;
  line-height: 24px;
  text-align: left;
}
.no-webp #pop-alert .btn-ok {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-ok2_33133796.png);
  background-size: auto}
.webp #pop-alert .btn-ok {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-ok2_33133796.webp);
  background-size: auto}
.no-webp #pop-alert .btn-ok {background-size:auto}
.webp #pop-alert .btn-ok {background-size:auto}
#pop-alert .btn-ok {
  width: 145px;
  height: 54px;
  display: block;
  margin: 4px auto;
  font-size: 0;
}
.no-webp #pop-alert .btn-ok:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-ok2-h_bfa58916.png);
  background-size: auto}
.webp #pop-alert .btn-ok:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-ok2-h_bfa58916.webp);
  background-size: auto}
.no-webp #pop-alert .btn-ok:hover {background-size:auto}
.webp #pop-alert .btn-ok:hover {background-size:auto}
#pop-alert .btn-ok:hover {
  width: 145px;
  height: 54px;
}
.no-webp #leihuo-share .leihuo-share-modal {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-4_7d2c36c1.png) no-repeat;
  background-size: 100% 100%}
.webp #leihuo-share .leihuo-share-modal {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-4_7d2c36c1.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #leihuo-share .leihuo-share-modal {background-size:100% 100%}
.webp #leihuo-share .leihuo-share-modal {background-size:100% 100%}
#leihuo-share .leihuo-share-modal {
  width: 794px;
  padding: 40px 30px 60px;
}
.no-webp #leihuo-share .leihuo-share-modal .leihuo-share-close {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/close_54ba86be.png);
  background-size: auto}
.webp #leihuo-share .leihuo-share-modal .leihuo-share-close {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/close_54ba86be.webp);
  background-size: auto}
.no-webp #leihuo-share .leihuo-share-modal .leihuo-share-close {background-size:auto}
.webp #leihuo-share .leihuo-share-modal .leihuo-share-close {background-size:auto}
#leihuo-share .leihuo-share-modal .leihuo-share-close {
  width: 49px;
  height: 50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  position: absolute;
  top: 0;
  right: -70px;
  z-index: 10;
}
#leihuo-share .leihuo-share-modal .leihuo-share-close:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
#leihuo-share .leihuo-share-modal .leihuo-share-close::before {
  display: none;
}
.no-webp #leihuo-share .leihuo-share-modal .leihuo-share-title {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-tit-share_94c8b225.png);
  background-size: auto}
.webp #leihuo-share .leihuo-share-modal .leihuo-share-title {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-tit-share_94c8b225.webp);
  background-size: auto}
.no-webp #leihuo-share .leihuo-share-modal .leihuo-share-title {background-size:auto}
.webp #leihuo-share .leihuo-share-modal .leihuo-share-title {background-size:auto}
#leihuo-share .leihuo-share-modal .leihuo-share-title {
  width: 452px;
  height: 91px;
  margin: 0px auto;
  font-size: 0;
}
#leihuo-share .leihuo-share-modal .leihuo-share-blocks {
  width: 570px;
  margin: 0 auto;
}
#leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-block {
  margin-top: 0;
}
#leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-block::marker {
  color: #fff;
}
#leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-block .leihuo-share-desc {
  color: #fff;
}
.no-webp #leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-copy-btn {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-copy_e94f299b.png);
  background-size: auto}
.webp #leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-copy-btn {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-copy_e94f299b.webp);
  background-size: auto}
.no-webp #leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-copy-btn {background-size:auto}
.webp #leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-copy-btn {background-size:auto}
#leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-copy-btn {
  width: 133px;
  height: 48px;
}
.no-webp #leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-copy-btn:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-copy-h_05f1a685.png);
  background-size: auto}
.webp #leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-copy-btn:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/btn-copy-h_05f1a685.webp);
  background-size: auto}
.no-webp #leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-copy-btn:hover {background-size:auto}
.webp #leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-copy-btn:hover {background-size:auto}
#leihuo-share .leihuo-share-modal .leihuo-share-blocks .leihuo-share-copy-btn:hover {
  width: 133px;
  height: 48px;
}
#leihuo-share #leihuo-share-qrcode {
  width: 120px;
  height: 120px;
  top: auto;
  left: auto;
  top: 200px;
  right: 6px;
}
.no-webp #pop-bind ._inner {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-2_c671c0cf.png) no-repeat;
  background-size: 100% auto}
.webp #pop-bind ._inner {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-2_c671c0cf.webp) no-repeat;
  background-size: 100% auto}
.no-webp #pop-bind ._inner {background-size:100% auto}
.webp #pop-bind ._inner {background-size:100% auto}
#pop-bind ._inner {
  width: 794px;
  height: 641px;
}
#pop-bind .con {
  padding-top: 50px;
}
.no-webp #pop-bind .btns {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/line_b8e3ed10.png) center bottom no-repeat}
.webp #pop-bind .btns {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/line_b8e3ed10.webp) center bottom no-repeat}
#pop-bind .btns {
  margin: 0 auto;
  width: 550px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 0;
}
#pop-bind .btns a {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  font-size: 20px;
  color: #c7cce9;
}
#pop-bind .btns a.on {
  color: #ffffff;
}
.no-webp #pop-bind .tit {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-tit-bind_b8cf9e82.png);
  background-size: auto}
.webp #pop-bind .tit {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-tit-bind_b8cf9e82.webp);
  background-size: auto}
.no-webp #pop-bind .tit {background-size:auto}
.webp #pop-bind .tit {background-size:auto}
#pop-bind .tit {
  width: 452px;
  height: 93px;
  margin: 0px auto;
}
#pop-bind .p-1,
#pop-bind .p-2 {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}
#pop-bind .leihuo-bind {
  width: 500px;
  margin: 30px auto;
}
#pop-bind .leihuo-bind .leihuo-bind-info p {
  font-size: 16px;
  color: #ffffff;
}
#pop-bind .leihuo-bind .leihuo-bind-info .btn-group {
  margin: 40px auto;
}
#pop-bind .leihuo-bind .leihuo-bind-title span {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}
.no-webp #pop-login ._inner {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-2_c671c0cf.png) no-repeat;
  background-size: 100% auto}
.webp #pop-login ._inner {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-2_c671c0cf.webp) no-repeat;
  background-size: 100% auto}
.no-webp #pop-login ._inner {background-size:100% auto}
.webp #pop-login ._inner {background-size:100% auto}
#pop-login ._inner {
  width: 794px;
  height: 641px;
}
#pop-login .con {
  padding-top: 50px;
}
.no-webp #pop-login .btns {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/line_b8e3ed10.png) center bottom no-repeat}
.webp #pop-login .btns {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/line_b8e3ed10.webp) center bottom no-repeat}
#pop-login .btns {
  margin: 0 auto;
  width: 550px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 0;
}
#pop-login .btns a {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  font-size: 20px;
  color: #c7cce9;
}
#pop-login .btns a.on {
  color: #ffffff;
}
.no-webp #pop-login .tit {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-tit-txz_fde917e9.png);
  background-size: auto}
.webp #pop-login .tit {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/pop-tit-txz_fde917e9.webp);
  background-size: auto}
.no-webp #pop-login .tit {background-size:auto}
.webp #pop-login .tit {background-size:auto}
#pop-login .tit {
  width: 452px;
  height: 95px;
  margin: 0px auto;
}
#pop-login #login-container {
  width: 540px;
  margin: 20px auto;
}
.leihuo-role-id-guide {
  z-index: 9999;
}
.video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.video-bg video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.year-datum {
  height: 100%;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
}
.no-webp .year-datum .year-header .header-bg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-349px -1137px}
.webp .year-datum .year-header .header-bg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-349px -1137px}
.no-webp .year-datum .year-header .header-bg {background-size:1670px 1604px}
.webp .year-datum .year-header .header-bg {background-size:1670px 1604px}
.no-webp .year-datum .year-header .header-bg {background-position:-349px -1137px}
.webp .year-datum .year-header .header-bg {background-position:-349px -1137px}
.year-datum .year-header .header-bg {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 44px;
width:275px;
height:65px;

  z-index: 9999;
}
.year-datum .year-header .title {
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 0;
  position: absolute;
  left: 0;
  top: 160px;
}
.no-webp .year-datum .people-xwz {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/xwz_a66cda57.png)}
.webp .year-datum .people-xwz {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/xwz_a66cda57.webp)}
.year-datum .people-xwz {
  position: absolute;
  top: -90px;
  left: 22%;
  width: 129px;
  height: 264px;
  z-index: 3;
}
.year-datum .star-bg {
  position: absolute;
  top: 0;
  width: 1842px;
  height: 775px;
}
.year-datum .sw-warpper {
  width: 100%;
  position: absolute;
  top: 0;
  height: 100vh;
  min-height: 860px;
}
.no-webp .year-datum .sw-warpper .f-tit {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-0px -444px}
.webp .year-datum .sw-warpper .f-tit {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-0px -444px}
.no-webp .year-datum .sw-warpper .f-tit {background-size:1670px 1604px}
.webp .year-datum .sw-warpper .f-tit {background-size:1670px 1604px}
.no-webp .year-datum .sw-warpper .f-tit {background-position:-0px -444px}
.webp .year-datum .sw-warpper .f-tit {background-position:-0px -444px}
.year-datum .sw-warpper .f-tit {
  position: absolute;
  top: 113px;
  left: 13%;
  z-index: 10;
  color: #fff;
  font-size: 36px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-family: 'fzfftjtbold', serif;
  text-align: center;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 155px;
width:347px;
height:771px;

}
.year-datum .year-datum-swiper .swiper-wrapper .item,
.year-datum .year-datum-swiper1 .swiper-wrapper .item {
  position: relative;
  margin: 0 auto 0;
}
.year-datum .year-datum-swiper .swiper-wrapper .item > img,
.year-datum .year-datum-swiper1 .swiper-wrapper .item > img {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -o-object-fit: cover;
     object-fit: cover;
}
.year-datum .year-datum-swiper {
  height: 100%;
}
.year-datum .year-datum-swiper .swiper-wrapper {
  height: 100%;
}
.year-datum .year-datum-swiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  margin: auto;
  opacity: 0 !important;
}
.year-datum .year-datum-swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.year-datum .year-datum-swiper .swiper-wrapper .swiper-slide .item {
  width: 100%;
  height: 100%;
}
.year-datum .year-datum-swiper .swiper-wrapper .swiper-slide .item img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.year-datum .year-datum-swiper .swiper-wrapper .swiper-slide .item .text {
  width: 100%;
  height: 100px;
  margin-top: 20px;
}
.year-datum .year-datum-swiper .swiper-wrapper .swiper-slide .item .text .zlp-text-title {
  font-family: 'fzbysong';
  font-weight: bold;
  font-size: 22px;
  color: #ffe9d1;
  line-height: 36px;
}
.year-datum .year-datum-swiper .swiper-wrapper .swiper-slide .item .text .zlp-text {
  font-size: 16px;
  color: #ffe9d1;
  line-height: 22px;
}
.year-datum .datum-index {
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.no-webp .year-datum .datum-index .swiper-pagination-bullet {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1649px -352px}
.webp .year-datum .datum-index .swiper-pagination-bullet {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1649px -352px}
.no-webp .year-datum .datum-index .swiper-pagination-bullet {background-size:1670px 1604px}
.webp .year-datum .datum-index .swiper-pagination-bullet {background-size:1670px 1604px}
.no-webp .year-datum .datum-index .swiper-pagination-bullet {background-position:-1649px -352px}
.webp .year-datum .datum-index .swiper-pagination-bullet {background-position:-1649px -352px}
.year-datum .datum-index .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  opacity: 1;
  margin: 0 36px;
width:20px;
height:19px;

  cursor: pointer !important;
}
.no-webp .year-datum .datum-index .swiper-pagination-bullet-active {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1636px -1125px}
.webp .year-datum .datum-index .swiper-pagination-bullet-active {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1636px -1125px}
.no-webp .year-datum .datum-index .swiper-pagination-bullet-active {background-size:1670px 1604px}
.webp .year-datum .datum-index .swiper-pagination-bullet-active {background-size:1670px 1604px}
.no-webp .year-datum .datum-index .swiper-pagination-bullet-active {background-position:-1636px -1125px}
.webp .year-datum .datum-index .swiper-pagination-bullet-active {background-position:-1636px -1125px}
.year-datum .datum-index .swiper-pagination-bullet-active {
  border-radius: unset !important;
width:29px;
height:29px;

}
.container-feature {
  margin: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.no-webp .container-feature .title {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-990px -1217px}
.webp .container-feature .title {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-990px -1217px}
.no-webp .container-feature .title {background-size:1670px 1604px}
.webp .container-feature .title {background-size:1670px 1604px}
.no-webp .container-feature .title {background-position:-990px -1217px}
.webp .container-feature .title {background-position:-990px -1217px}
.container-feature .title {
  scale: 1;
  font-size: 0px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 44px;
width:242px;
height:89px;

  z-index: 9999;
}
.container-feature .gallery-box {
  width: 1400px;
  margin: 38px auto 0;
  height: 590px;
}
.container-feature .gallery_active {
  opacity: 1;
  z-index: 5;
}
.container-feature .gallery_right_back,
.container-feature .gallery_left_back {
  opacity: 1;
  z-index: 1;
}
.container-feature .swiper-feature {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 20.8%;
  width: 1060px;
  height: 584px;
}
.no-webp .container-feature .swiper-feature .swiper-button-prev, 
.no-webp .container-feature .swiper-feature .gallery-prev, 
.no-webp .container-feature .swiper-feature .swiper-button-next, 
.no-webp .container-feature .swiper-feature .gallery-next {background:no-repeat}
.webp .container-feature .swiper-feature .swiper-button-prev, 
.webp .container-feature .swiper-feature .gallery-prev, 
.webp .container-feature .swiper-feature .swiper-button-next, 
.webp .container-feature .swiper-feature .gallery-next {background:no-repeat}
.no-webp .container-feature .swiper-feature .swiper-button-prev, 
.no-webp .container-feature .swiper-feature .gallery-prev, 
.no-webp .container-feature .swiper-feature .swiper-button-next, 
.no-webp .container-feature .swiper-feature .gallery-next {background-size:100%}
.webp .container-feature .swiper-feature .swiper-button-prev, 
.webp .container-feature .swiper-feature .gallery-prev, 
.webp .container-feature .swiper-feature .swiper-button-next, 
.webp .container-feature .swiper-feature .gallery-next {background-size:100%}
.container-feature .swiper-feature .swiper-button-prev,
.container-feature .swiper-feature .gallery-prev,
.container-feature .swiper-feature .swiper-button-next,
.container-feature .swiper-feature .gallery-next {
  position: absolute;
  top: 50%;
  margin-top: -48px;
  z-index: 10;
}
.no-webp .container-feature .swiper-feature .swiper-button-prev, 
.no-webp .container-feature .swiper-feature .gallery-prev {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1540px -922px}
.webp .container-feature .swiper-feature .swiper-button-prev, 
.webp .container-feature .swiper-feature .gallery-prev {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1540px -922px}
.no-webp .container-feature .swiper-feature .swiper-button-prev, 
.no-webp .container-feature .swiper-feature .gallery-prev {background-size:1670px 1604px}
.webp .container-feature .swiper-feature .swiper-button-prev, 
.webp .container-feature .swiper-feature .gallery-prev {background-size:1670px 1604px}
.no-webp .container-feature .swiper-feature .swiper-button-prev, 
.no-webp .container-feature .swiper-feature .gallery-prev {background-position:-1540px -922px}
.webp .container-feature .swiper-feature .swiper-button-prev, 
.webp .container-feature .swiper-feature .gallery-prev {background-position:-1540px -922px}
.container-feature .swiper-feature .swiper-button-prev,
.container-feature .swiper-feature .gallery-prev {
  left: -30px;
width:112px;
height:112px;

}
.no-webp .container-feature .swiper-feature .swiper-button-prev:hover, 
.no-webp .container-feature .swiper-feature .gallery-prev:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1429px -1169px}
.webp .container-feature .swiper-feature .swiper-button-prev:hover, 
.webp .container-feature .swiper-feature .gallery-prev:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1429px -1169px}
.no-webp .container-feature .swiper-feature .swiper-button-prev:hover, 
.no-webp .container-feature .swiper-feature .gallery-prev:hover {background-size:1670px 1604px}
.webp .container-feature .swiper-feature .swiper-button-prev:hover, 
.webp .container-feature .swiper-feature .gallery-prev:hover {background-size:1670px 1604px}
.no-webp .container-feature .swiper-feature .swiper-button-prev:hover, 
.no-webp .container-feature .swiper-feature .gallery-prev:hover {background-position:-1429px -1169px}
.webp .container-feature .swiper-feature .swiper-button-prev:hover, 
.webp .container-feature .swiper-feature .gallery-prev:hover {background-position:-1429px -1169px}
.container-feature .swiper-feature .swiper-button-prev:hover,
.container-feature .swiper-feature .gallery-prev:hover {
width:112px;
height:112px;

}
.no-webp .container-feature .swiper-feature .swiper-button-next, 
.no-webp .container-feature .swiper-feature .gallery-next {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1543px -1169px}
.webp .container-feature .swiper-feature .swiper-button-next, 
.webp .container-feature .swiper-feature .gallery-next {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1543px -1169px}
.no-webp .container-feature .swiper-feature .swiper-button-next, 
.no-webp .container-feature .swiper-feature .gallery-next {background-size:1670px 1604px}
.webp .container-feature .swiper-feature .swiper-button-next, 
.webp .container-feature .swiper-feature .gallery-next {background-size:1670px 1604px}
.no-webp .container-feature .swiper-feature .swiper-button-next, 
.no-webp .container-feature .swiper-feature .gallery-next {background-position:-1543px -1169px}
.webp .container-feature .swiper-feature .swiper-button-next, 
.webp .container-feature .swiper-feature .gallery-next {background-position:-1543px -1169px}
.container-feature .swiper-feature .swiper-button-next,
.container-feature .swiper-feature .gallery-next {
  right: -30px;
width:112px;
height:112px;

}
.no-webp .container-feature .swiper-feature .swiper-button-next:hover, 
.no-webp .container-feature .swiper-feature .gallery-next:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1303px -686px}
.webp .container-feature .swiper-feature .swiper-button-next:hover, 
.webp .container-feature .swiper-feature .gallery-next:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1303px -686px}
.no-webp .container-feature .swiper-feature .swiper-button-next:hover, 
.no-webp .container-feature .swiper-feature .gallery-next:hover {background-size:1670px 1604px}
.webp .container-feature .swiper-feature .swiper-button-next:hover, 
.webp .container-feature .swiper-feature .gallery-next:hover {background-size:1670px 1604px}
.no-webp .container-feature .swiper-feature .swiper-button-next:hover, 
.no-webp .container-feature .swiper-feature .gallery-next:hover {background-position:-1303px -686px}
.webp .container-feature .swiper-feature .swiper-button-next:hover, 
.webp .container-feature .swiper-feature .gallery-next:hover {background-position:-1303px -686px}
.container-feature .swiper-feature .swiper-button-next:hover,
.container-feature .swiper-feature .gallery-next:hover {
width:112px;
height:112px;

}
.container-feature .gallery-container {
  width: 898px !important;
  margin: 0 auto;
}
.container-feature .gallery-container .gallery-item {
  width: 898px;
  height: 584px;
  display: block;
  cursor: default;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  pointer-events: none;
}
.no-webp .container-feature .gallery-container .gallery-item .img {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/bg_38add8cf.png)}
.webp .container-feature .gallery-container .gallery-item .img {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/bg_38add8cf.webp)}
.container-feature .gallery-container .gallery-item .img {
  width: 898px;
  height: 584px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 3;
  overflow: hidden;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  margin: 0 auto 0;
  padding-top: 100px;
}
.container-feature .gallery-container .gallery-item .img img {
  width: 750px;
  margin: 0 auto;
  display: block;
}
.container-feature .feature-pagination,
.container-feature .gallery-page {
  bottom: -18px !important;
  text-align: center;
}
.no-webp .container-feature .feature-pagination .swiper-pagination-bullet, 
.no-webp .container-feature .gallery-page .swiper-pagination-bullet, 
.no-webp .container-feature .feature-pagination li, 
.no-webp .container-feature .gallery-page li {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-1649px -330px}
.webp .container-feature .feature-pagination .swiper-pagination-bullet, 
.webp .container-feature .gallery-page .swiper-pagination-bullet, 
.webp .container-feature .feature-pagination li, 
.webp .container-feature .gallery-page li {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-1649px -330px}
.no-webp .container-feature .feature-pagination .swiper-pagination-bullet, 
.no-webp .container-feature .gallery-page .swiper-pagination-bullet, 
.no-webp .container-feature .feature-pagination li, 
.no-webp .container-feature .gallery-page li {background-size:1670px 1604px}
.webp .container-feature .feature-pagination .swiper-pagination-bullet, 
.webp .container-feature .gallery-page .swiper-pagination-bullet, 
.webp .container-feature .feature-pagination li, 
.webp .container-feature .gallery-page li {background-size:1670px 1604px}
.no-webp .container-feature .feature-pagination .swiper-pagination-bullet, 
.no-webp .container-feature .gallery-page .swiper-pagination-bullet, 
.no-webp .container-feature .feature-pagination li, 
.no-webp .container-feature .gallery-page li {background-position:-1649px -330px}
.webp .container-feature .feature-pagination .swiper-pagination-bullet, 
.webp .container-feature .gallery-page .swiper-pagination-bullet, 
.webp .container-feature .feature-pagination li, 
.webp .container-feature .gallery-page li {background-position:-1649px -330px}
.container-feature .feature-pagination .swiper-pagination-bullet,
.container-feature .gallery-page .swiper-pagination-bullet,
.container-feature .feature-pagination li,
.container-feature .gallery-page li {
  display: inline-block;
  vertical-align: middle;
width:20px;
height:20px;

  margin: 0 36px !important;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.no-webp .container-feature .feature-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.no-webp .container-feature .gallery-page .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.no-webp .container-feature .feature-pagination li.swiper-pagination-bullet-active, 
.no-webp .container-feature .gallery-page li.swiper-pagination-bullet-active, 
.no-webp .container-feature .feature-pagination .swiper-pagination-bullet.active, 
.no-webp .container-feature .gallery-page .swiper-pagination-bullet.active, 
.no-webp .container-feature .feature-pagination li.active, 
.no-webp .container-feature .gallery-page li.active {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1614px -1283px}
.webp .container-feature .feature-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.webp .container-feature .gallery-page .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.webp .container-feature .feature-pagination li.swiper-pagination-bullet-active, 
.webp .container-feature .gallery-page li.swiper-pagination-bullet-active, 
.webp .container-feature .feature-pagination .swiper-pagination-bullet.active, 
.webp .container-feature .gallery-page .swiper-pagination-bullet.active, 
.webp .container-feature .feature-pagination li.active, 
.webp .container-feature .gallery-page li.active {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1614px -1283px}
.no-webp .container-feature .feature-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.no-webp .container-feature .gallery-page .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.no-webp .container-feature .feature-pagination li.swiper-pagination-bullet-active, 
.no-webp .container-feature .gallery-page li.swiper-pagination-bullet-active, 
.no-webp .container-feature .feature-pagination .swiper-pagination-bullet.active, 
.no-webp .container-feature .gallery-page .swiper-pagination-bullet.active, 
.no-webp .container-feature .feature-pagination li.active, 
.no-webp .container-feature .gallery-page li.active {background-size:1670px 1604px}
.webp .container-feature .feature-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.webp .container-feature .gallery-page .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.webp .container-feature .feature-pagination li.swiper-pagination-bullet-active, 
.webp .container-feature .gallery-page li.swiper-pagination-bullet-active, 
.webp .container-feature .feature-pagination .swiper-pagination-bullet.active, 
.webp .container-feature .gallery-page .swiper-pagination-bullet.active, 
.webp .container-feature .feature-pagination li.active, 
.webp .container-feature .gallery-page li.active {background-size:1670px 1604px}
.no-webp .container-feature .feature-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.no-webp .container-feature .gallery-page .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.no-webp .container-feature .feature-pagination li.swiper-pagination-bullet-active, 
.no-webp .container-feature .gallery-page li.swiper-pagination-bullet-active, 
.no-webp .container-feature .feature-pagination .swiper-pagination-bullet.active, 
.no-webp .container-feature .gallery-page .swiper-pagination-bullet.active, 
.no-webp .container-feature .feature-pagination li.active, 
.no-webp .container-feature .gallery-page li.active {background-position:-1614px -1283px}
.webp .container-feature .feature-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.webp .container-feature .gallery-page .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.webp .container-feature .feature-pagination li.swiper-pagination-bullet-active, 
.webp .container-feature .gallery-page li.swiper-pagination-bullet-active, 
.webp .container-feature .feature-pagination .swiper-pagination-bullet.active, 
.webp .container-feature .gallery-page .swiper-pagination-bullet.active, 
.webp .container-feature .feature-pagination li.active, 
.webp .container-feature .gallery-page li.active {background-position:-1614px -1283px}
.container-feature .feature-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.container-feature .gallery-page .swiper-pagination-bullet.swiper-pagination-bullet-active,
.container-feature .feature-pagination li.swiper-pagination-bullet-active,
.container-feature .gallery-page li.swiper-pagination-bullet-active,
.container-feature .feature-pagination .swiper-pagination-bullet.active,
.container-feature .gallery-page .swiper-pagination-bullet.active,
.container-feature .feature-pagination li.active,
.container-feature .gallery-page li.active {
  border-radius: unset !important;
width:28px;
height:28px;

}
.container-job {
  position: relative;
  z-index: 1;
  margin: 0px auto 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.no-webp .container-job .title {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1429px -91px}
.webp .container-job .title {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1429px -91px}
.no-webp .container-job .title {background-size:1670px 1604px}
.webp .container-job .title {background-size:1670px 1604px}
.no-webp .container-job .title {background-position:-1429px -91px}
.webp .container-job .title {background-position:-1429px -91px}
.container-job .title {
  font-size: 0px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 44px;
width:240px;
height:89px;

  z-index: 9999;
}
.container-job .job-swiper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0px auto 0;
}
.container-job .job-swiper .swiper-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 0;
}
.container-job .job-swiper .swiper-slide .info-box {
  -webkit-transform: translate3d(-100px, 0, 0);
          transform: translate3d(-100px, 0, 0);
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.container-job .job-swiper .swiper-slide .job-kv,
.container-job .job-swiper .swiper-slide .play-box {
  -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;
}
.container-job .job-swiper .swiper-slide.active {
  opacity: 1;
  z-index: 1;
}
.container-job .job-swiper .swiper-slide.active .job-kv,
.container-job .job-swiper .swiper-slide.active .play-box,
.container-job .job-swiper .swiper-slide.active .info-box {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.no-webp .container-job .job-swiper li .job-cover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/_bg-job_bace2c01.png) no-repeat center}
.webp .container-job .job-swiper li .job-cover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/_bg-job_bace2c01.webp) no-repeat center}
.container-job .job-swiper li .job-cover {
  position: absolute;
  top: -16px;
  left: -51px;
  z-index: 10;
  display: none;
  width: 1400px !important;
  height: 892px !important;
}
.container-job .job-swiper .job-kv {
  position: absolute;
  z-index: 15;
  left: 50%;
  top: -20px;
  margin-left: -580px;
}
.container-job .job-swiper .job-kv-lx {
  scale: .94;
  margin-top: 208px;
  margin-left: -531px;
}
.container-job .job-swiper .job-kv-yc {
  margin-left: -155px;
}
.container-job .job-swiper .job-kv-yt {
  margin-left: -750px;
}
.container-job .job-swiper .job-kv-tz {
  margin-left: -670px;
}
.container-job .job-swiper .job-kv-st {
  margin-left: -675px;
}
.container-job .job-swiper .job-kv-yx {
  margin-left: -440px;
}
.container-job .job-swiper .job-kv-ll {
  margin-left: -340px;
}
.container-job .job-swiper .job-kv-gr {
  margin-left: -350px;
}
.container-job .job-swiper .info-box {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 344px;
  margin-top: -200px;
  margin-left: -700px;
  font: normal 18px/32px 'NotoSansSC';
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 15;
}
.container-job .job-swiper .info-box .name-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  position: relative;
  margin-bottom: 10px;
}
.no-webp .container-job .job-swiper .info-box .name-info::after {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-349px -1204px}
.webp .container-job .job-swiper .info-box .name-info::after {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-349px -1204px}
.no-webp .container-job .job-swiper .info-box .name-info::after {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .name-info::after {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .name-info::after {background-position:-349px -1204px}
.webp .container-job .job-swiper .info-box .name-info::after {background-position:-349px -1204px}
.container-job .job-swiper .info-box .name-info::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -7px;
  left: -11px;
width:282px;
height:9px;

}
.container-job .job-swiper .info-box .name-info .role-name {
  color: #cce7fc;
  font-size: 66px;
  font-family: 'fzfftjtbold', serif;
}
.no-webp .container-job .job-swiper .info-box .name-info .role-name-lx {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-lx_bc315dff.png)}
.webp .container-job .job-swiper .info-box .name-info .role-name-lx {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-lx_bc315dff.webp)}
.container-job .job-swiper .info-box .name-info .role-name-lx {
}
.no-webp .container-job .job-swiper .info-box .name-info .role-name-sy {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-sy_db370deb.png)}
.webp .container-job .job-swiper .info-box .name-info .role-name-sy {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-sy_db370deb.webp)}
.container-job .job-swiper .info-box .name-info .role-name-sy {
}
.no-webp .container-job .job-swiper .info-box .name-info .role-name-lg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-lg_08a4f568.png)}
.webp .container-job .job-swiper .info-box .name-info .role-name-lg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-lg_08a4f568.webp)}
.container-job .job-swiper .info-box .name-info .role-name-lg {
}
.no-webp .container-job .job-swiper .info-box .name-info .role-name-ll {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-ll_d8caf8e4.png)}
.webp .container-job .job-swiper .info-box .name-info .role-name-ll {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-ll_d8caf8e4.webp)}
.container-job .job-swiper .info-box .name-info .role-name-ll {
}
.no-webp .container-job .job-swiper .info-box .name-info .role-name-yx {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-yx_511ac5dc.png)}
.webp .container-job .job-swiper .info-box .name-info .role-name-yx {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-yx_511ac5dc.webp)}
.container-job .job-swiper .info-box .name-info .role-name-yx {
}
.no-webp .container-job .job-swiper .info-box .name-info .role-name-st {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-st_94677537.png)}
.webp .container-job .job-swiper .info-box .name-info .role-name-st {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-st_94677537.webp)}
.container-job .job-swiper .info-box .name-info .role-name-st {
}
.no-webp .container-job .job-swiper .info-box .name-info .role-name-gr {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-gr_d8ee6723.png)}
.webp .container-job .job-swiper .info-box .name-info .role-name-gr {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-gr_d8ee6723.webp)}
.container-job .job-swiper .info-box .name-info .role-name-gr {
}
.no-webp .container-job .job-swiper .info-box .name-info .role-name-tz {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-tz_c9b7f852.png)}
.webp .container-job .job-swiper .info-box .name-info .role-name-tz {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-tz_c9b7f852.webp)}
.container-job .job-swiper .info-box .name-info .role-name-tz {
}
.no-webp .container-job .job-swiper .info-box .name-info .role-name-yt {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-yt_123b7005.png)}
.webp .container-job .job-swiper .info-box .name-info .role-name-yt {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-yt_123b7005.webp)}
.container-job .job-swiper .info-box .name-info .role-name-yt {
}
.no-webp .container-job .job-swiper .info-box .name-info .role-name-yc {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-yc_be969644.png)}
.webp .container-job .job-swiper .info-box .name-info .role-name-yc {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/role-name-yc_be969644.webp)}
.container-job .job-swiper .info-box .name-info .role-name-yc {
}
.container-job .job-swiper .info-box .name-info .role-note {
  margin-left: 10px;
  font-size: 24px;
  color: #cce7fc;
  font-family: 'fzfftjtbold', serif;
}
.container-job .job-swiper .info-box .name-info .role-name-note {
  width: 205px;
  height: 75px;
  margin-bottom: 18px;
}
.container-job .job-swiper .info-box .brief {
  line-height: 24px;
  height: 130px;
  position: relative;
  text-align: left;
  padding-top: 1px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.container-job .job-swiper .info-box .brief .desc {
  letter-spacing: 2px;
  color: #ffffff;
  font-size: 14px;
  line-height: 33px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.container-job .job-swiper .info-box .player-wraper {
  width: 57px;
  height: 58px;
  position: relative;
}
.no-webp .container-job .job-swiper .info-box .player-wraper .player {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/video-btn_519a8ff9.png);
  background-size: auto}
.webp .container-job .job-swiper .info-box .player-wraper .player {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/video-btn_519a8ff9.webp);
  background-size: auto}
.no-webp .container-job .job-swiper .info-box .player-wraper .player {background-size:auto}
.webp .container-job .job-swiper .info-box .player-wraper .player {background-size:auto}
.container-job .job-swiper .info-box .player-wraper .player {
  margin: auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 57px;
  height: 58px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.container-job .job-swiper .info-box .player-wraper .player:hover {
  transform: scale(1) translateX(-51%);
  -webkit-transform: scale(1) translateX(-51%);
  -moz-transform: scale(1) translateX(-51%);
  -ms-transform: scale(1) translateX(-51%);
  -o-transform: scale(1) translateX(-51%);
}
.no-webp .container-job .job-swiper .info-box .player-wraper .player::before {background:none}
.webp .container-job .job-swiper .info-box .player-wraper .player::before {background:none}
.container-job .job-swiper .info-box .player-wraper .player::before {
}
.container-job .job-swiper .info-box .player-wraper b.center-icon-player {
  top: 6px;
  left: 15px;
}
.container-job .job-swiper .info-box .info {
  width: 100%;
  height: 36px;
  text-align: left;
  color: #f0d9a1;
}
.container-job .job-swiper .info-box .info p:first-child {
  line-height: 36px;
  font-size: 16px;
}
.container-job .job-swiper .info-box .info p > span {
  word-spacing: 14px;
}
.no-webp .container-job .job-swiper .info-box .info .stars b {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1653px -278px}
.webp .container-job .job-swiper .info-box .info .stars b {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1653px -278px}
.no-webp .container-job .job-swiper .info-box .info .stars b {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .info .stars b {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .info .stars b {background-position:-1653px -278px}
.webp .container-job .job-swiper .info-box .info .stars b {background-position:-1653px -278px}
.container-job .job-swiper .info-box .info .stars b {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 10px;

}
.no-webp .container-job .job-swiper .info-box .info .stars b.fill {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1653px -297px}
.webp .container-job .job-swiper .info-box .info .stars b.fill {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1653px -297px}
.no-webp .container-job .job-swiper .info-box .info .stars b.fill {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .info .stars b.fill {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .info .stars b.fill {background-position:-1653px -297px}
.webp .container-job .job-swiper .info-box .info .stars b.fill {background-position:-1653px -297px}
.container-job .job-swiper .info-box .info .stars b.fill {
width:17px;
height:17px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .radar {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1189px -888px}
.webp .container-job .job-swiper .info-box .radar-box .radar {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1189px -888px}
.no-webp .container-job .job-swiper .info-box .radar-box .radar {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .radar {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .radar {background-position:-1189px -888px}
.webp .container-job .job-swiper .info-box .radar-box .radar {background-position:-1189px -888px}
.container-job .job-swiper .info-box .radar-box .radar {
  position: relative;
width:163px;
height:137px;

  margin-top: 23px;
}
.container-job .job-swiper .info-box .radar-box .radar b {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.15s ease-in;
  transition: -webkit-transform 0.15s ease-in;
  transition: transform 0.15s ease-in;
  transition: transform 0.15s ease-in, -webkit-transform 0.15s ease-in;
}
.container-job .job-swiper .info-box .radar-box .radar b.show {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.15s ease-out 0.15s;
  transition: -webkit-transform 0.15s ease-out 0.15s;
  transition: transform 0.15s ease-out 0.15s;
  transition: transform 0.15s ease-out 0.15s, -webkit-transform 0.15s ease-out 0.15s;
}
.container-job .job-swiper .info-box .radar-box.show-1 .index::before {
  left: initial;
  left: 130px;
}
.no-webp .container-job .job-swiper .info-box .radar-box .index {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-990px -1308px}
.webp .container-job .job-swiper .info-box .radar-box .index {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-990px -1308px}
.no-webp .container-job .job-swiper .info-box .radar-box .index {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .index {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .index {background-position:-990px -1308px}
.webp .container-job .job-swiper .info-box .radar-box .index {background-position:-990px -1308px}
.container-job .job-swiper .info-box .radar-box .index {
  display: block;
  margin: 24px 0 20px;
width:262px;
height:46px;

  position: relative;
}
.no-webp .container-job .job-swiper .info-box .radar-box .index::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1540px -1036px}
.webp .container-job .job-swiper .info-box .radar-box .index::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1540px -1036px}
.no-webp .container-job .job-swiper .info-box .radar-box .index::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .index::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .index::before {background-position:-1540px -1036px}
.webp .container-job .job-swiper .info-box .radar-box .index::before {background-position:-1540px -1036px}
.container-job .job-swiper .info-box .radar-box .index::before {
  content: "";
width:128px;
height:40px;

  position: absolute;
  top: 3px;
  left: 4px;
  -webkit-transition: left 300ms ease;
  transition: left 300ms ease;
}
.container-job .job-swiper .info-box .radar-box .index b {
  float: left;
  width: 50%;
  height: 100%;
  cursor: pointer;
  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;
  position: relative;
}
.container-job .job-swiper .info-box .radar-box .index b::before {
  content: "";
}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lx-xy {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1189px -1027px}
.webp .container-job .job-swiper .info-box .radar-box .r-lx-xy {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1189px -1027px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lx-xy {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-lx-xy {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lx-xy {background-position:-1189px -1027px}
.webp .container-job .job-swiper .info-box .radar-box .r-lx-xy {background-position:-1189px -1027px}
.container-job .job-swiper .info-box .radar-box .r-lx-xy {
  left: -9px !important;
  top: 5px !important;
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lx-cq {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-971px -299px}
.webp .container-job .job-swiper .info-box .radar-box .r-lx-cq {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-971px -299px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lx-cq {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-lx-cq {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lx-cq {background-position:-971px -299px}
.webp .container-job .job-swiper .info-box .radar-box .r-lx-cq {background-position:-971px -299px}
.container-job .job-swiper .info-box .radar-box .r-lx-cq {
  left: 3px;
  top: 0;
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-tz-jh {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-971px -438px}
.webp .container-job .job-swiper .info-box .radar-box .r-tz-jh {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-971px -438px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-tz-jh {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-tz-jh {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-tz-jh {background-position:-971px -438px}
.webp .container-job .job-swiper .info-box .radar-box .r-tz-jh {background-position:-971px -438px}
.container-job .job-swiper .info-box .radar-box .r-tz-jh {
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-tz-lh {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-971px -577px}
.webp .container-job .job-swiper .info-box .radar-box .r-tz-lh {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-971px -577px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-tz-lh {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-tz-lh {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-tz-lh {background-position:-971px -577px}
.webp .container-job .job-swiper .info-box .radar-box .r-tz-lh {background-position:-971px -577px}
.container-job .job-swiper .info-box .radar-box .r-tz-lh {
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-st-lg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-971px -716px}
.webp .container-job .job-swiper .info-box .radar-box .r-st-lg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-971px -716px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-st-lg {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-st-lg {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-st-lg {background-position:-971px -716px}
.webp .container-job .job-swiper .info-box .radar-box .r-st-lg {background-position:-971px -716px}
.container-job .job-swiper .info-box .radar-box .r-st-lg {
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-st-dg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-971px -855px}
.webp .container-job .job-swiper .info-box .radar-box .r-st-dg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-971px -855px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-st-dg {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-st-dg {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-st-dg {background-position:-971px -855px}
.webp .container-job .job-swiper .info-box .radar-box .r-st-dg {background-position:-971px -855px}
.container-job .job-swiper .info-box .radar-box .r-st-dg {
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yx-ft {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-971px -994px}
.webp .container-job .job-swiper .info-box .radar-box .r-yx-ft {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-971px -994px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yx-ft {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-yx-ft {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yx-ft {background-position:-971px -994px}
.webp .container-job .job-swiper .info-box .radar-box .r-yx-ft {background-position:-971px -994px}
.container-job .job-swiper .info-box .radar-box .r-yx-ft {
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yx-xb {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-760px -387px}
.webp .container-job .job-swiper .info-box .radar-box .r-yx-xb {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-760px -387px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yx-xb {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-yx-xb {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yx-xb {background-position:-760px -387px}
.webp .container-job .job-swiper .info-box .radar-box .r-yx-xb {background-position:-760px -387px}
.container-job .job-swiper .info-box .radar-box .r-yx-xb {
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-ll-ql {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-760px -526px}
.webp .container-job .job-swiper .info-box .radar-box .r-ll-ql {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-760px -526px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-ll-ql {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-ll-ql {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-ll-ql {background-position:-760px -526px}
.webp .container-job .job-swiper .info-box .radar-box .r-ll-ql {background-position:-760px -526px}
.container-job .job-swiper .info-box .radar-box .r-ll-ql {
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-ll-qh {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-760px -665px}
.webp .container-job .job-swiper .info-box .radar-box .r-ll-qh {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-760px -665px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-ll-qh {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-ll-qh {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-ll-qh {background-position:-760px -665px}
.webp .container-job .job-swiper .info-box .radar-box .r-ll-qh {background-position:-760px -665px}
.container-job .job-swiper .info-box .radar-box .r-ll-qh {
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lg-yg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-760px -804px}
.webp .container-job .job-swiper .info-box .radar-box .r-lg-yg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-760px -804px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lg-yg {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-lg-yg {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lg-yg {background-position:-760px -804px}
.webp .container-job .job-swiper .info-box .radar-box .r-lg-yg {background-position:-760px -804px}
.container-job .job-swiper .info-box .radar-box .r-lg-yg {
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lg-jm {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-760px -943px}
.webp .container-job .job-swiper .info-box .radar-box .r-lg-jm {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-760px -943px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lg-jm {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-lg-jm {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lg-jm {background-position:-760px -943px}
.webp .container-job .job-swiper .info-box .radar-box .r-lg-jm {background-position:-760px -943px}
.container-job .job-swiper .info-box .radar-box .r-lg-jm {
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-gr-sy {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-349px -998px}
.webp .container-job .job-swiper .info-box .radar-box .r-gr-sy {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-349px -998px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-gr-sy {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-gr-sy {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-gr-sy {background-position:-349px -998px}
.webp .container-job .job-swiper .info-box .radar-box .r-gr-sy {background-position:-349px -998px}
.container-job .job-swiper .info-box .radar-box .r-gr-sy {
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-gr-dy {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-514px -998px}
.webp .container-job .job-swiper .info-box .radar-box .r-gr-dy {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-514px -998px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-gr-dy {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-gr-dy {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-gr-dy {background-position:-514px -998px}
.webp .container-job .job-swiper .info-box .radar-box .r-gr-dy {background-position:-514px -998px}
.container-job .job-swiper .info-box .radar-box .r-gr-dy {
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yt-ys {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-0px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-yt-ys {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-0px -1217px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yt-ys {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-yt-ys {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yt-ys {background-position:-0px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-yt-ys {background-position:-0px -1217px}
.container-job .job-swiper .info-box .radar-box .r-yt-ys {
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yt-ts {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-165px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-yt-ts {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-165px -1217px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yt-ts {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-yt-ts {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yt-ts {background-position:-165px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-yt-ts {background-position:-165px -1217px}
.container-job .job-swiper .info-box .radar-box .r-yt-ts {
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yc-dr {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-330px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-yc-dr {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-330px -1217px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yc-dr {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-yc-dr {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yc-dr {background-position:-330px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-yc-dr {background-position:-330px -1217px}
.container-job .job-swiper .info-box .radar-box .r-yc-dr {
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yc-lr {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-495px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-yc-lr {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-495px -1217px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yc-lr {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-yc-lr {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yc-lr {background-position:-495px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-yc-lr {background-position:-495px -1217px}
.container-job .job-swiper .info-box .radar-box .r-yc-lr {
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-sy-sc {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-660px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-sy-sc {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-660px -1217px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-sy-sc {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-sy-sc {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-sy-sc {background-position:-660px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-sy-sc {background-position:-660px -1217px}
.container-job .job-swiper .info-box .radar-box .r-sy-sc {
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box .r-sy-tj {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-825px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-sy-tj {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-825px -1217px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-sy-tj {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box .r-sy-tj {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-sy-tj {background-position:-825px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-sy-tj {background-position:-825px -1217px}
.container-job .job-swiper .info-box .radar-box .r-sy-tj {
width:163px;
height:137px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.yt-ys .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.yt-ts .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-744px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.yt-ys .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.yt-ts .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-744px -1423px}
.no-webp .container-job .job-swiper .info-box .radar-box.yt-ys .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.yt-ts .index b:nth-child(1)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.yt-ys .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.yt-ts .index b:nth-child(1)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.yt-ys .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.yt-ts .index b:nth-child(1)::before {background-position:-744px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.yt-ys .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.yt-ts .index b:nth-child(1)::before {background-position:-744px -1423px}
.container-job .job-swiper .info-box .radar-box.yt-ys .index b:nth-child(1)::before,
.container-job .job-swiper .info-box .radar-box.yt-ts .index b:nth-child(1)::before {
width:78px;
height:34px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.yt-ys .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.yt-ts .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-679px -1091px}
.webp .container-job .job-swiper .info-box .radar-box.yt-ys .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.yt-ts .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-679px -1091px}
.no-webp .container-job .job-swiper .info-box .radar-box.yt-ys .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.yt-ts .index b:nth-child(2)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.yt-ys .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.yt-ts .index b:nth-child(2)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.yt-ys .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.yt-ts .index b:nth-child(2)::before {background-position:-679px -1091px}
.webp .container-job .job-swiper .info-box .radar-box.yt-ys .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.yt-ts .index b:nth-child(2)::before {background-position:-679px -1091px}
.container-job .job-swiper .info-box .radar-box.yt-ys .index b:nth-child(2)::before,
.container-job .job-swiper .info-box .radar-box.yt-ts .index b:nth-child(2)::before {
width:74px;
height:38px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.tz-jh .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.tz-lh .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1334px -1257px}
.webp .container-job .job-swiper .info-box .radar-box.tz-jh .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.tz-lh .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1334px -1257px}
.no-webp .container-job .job-swiper .info-box .radar-box.tz-jh .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.tz-lh .index b:nth-child(1)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.tz-jh .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.tz-lh .index b:nth-child(1)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.tz-jh .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.tz-lh .index b:nth-child(1)::before {background-position:-1334px -1257px}
.webp .container-job .job-swiper .info-box .radar-box.tz-jh .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.tz-lh .index b:nth-child(1)::before {background-position:-1334px -1257px}
.container-job .job-swiper .info-box .radar-box.tz-jh .index b:nth-child(1)::before,
.container-job .job-swiper .info-box .radar-box.tz-lh .index b:nth-child(1)::before {
width:76px;
height:36px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.tz-jh .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.tz-lh .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-824px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.tz-jh .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.tz-lh .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-824px -1423px}
.no-webp .container-job .job-swiper .info-box .radar-box.tz-jh .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.tz-lh .index b:nth-child(2)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.tz-jh .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.tz-lh .index b:nth-child(2)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.tz-jh .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.tz-lh .index b:nth-child(2)::before {background-position:-824px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.tz-jh .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.tz-lh .index b:nth-child(2)::before {background-position:-824px -1423px}
.container-job .job-swiper .info-box .radar-box.tz-jh .index b:nth-child(2)::before,
.container-job .job-swiper .info-box .radar-box.tz-lh .index b:nth-child(2)::before {
width:76px;
height:34px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.st-lg .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.st-dg .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-902px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.st-lg .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.st-dg .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-902px -1423px}
.no-webp .container-job .job-swiper .info-box .radar-box.st-lg .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.st-dg .index b:nth-child(1)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.st-lg .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.st-dg .index b:nth-child(1)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.st-lg .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.st-dg .index b:nth-child(1)::before {background-position:-902px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.st-lg .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.st-dg .index b:nth-child(1)::before {background-position:-902px -1423px}
.container-job .job-swiper .info-box .radar-box.st-lg .index b:nth-child(1)::before,
.container-job .job-swiper .info-box .radar-box.st-dg .index b:nth-child(1)::before {
width:74px;
height:34px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.st-lg .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.st-dg .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1354px -1072px}
.webp .container-job .job-swiper .info-box .radar-box.st-lg .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.st-dg .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1354px -1072px}
.no-webp .container-job .job-swiper .info-box .radar-box.st-lg .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.st-dg .index b:nth-child(2)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.st-lg .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.st-dg .index b:nth-child(2)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.st-lg .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.st-dg .index b:nth-child(2)::before {background-position:-1354px -1072px}
.webp .container-job .job-swiper .info-box .radar-box.st-lg .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.st-dg .index b:nth-child(2)::before {background-position:-1354px -1072px}
.container-job .job-swiper .info-box .radar-box.st-lg .index b:nth-child(2)::before,
.container-job .job-swiper .info-box .radar-box.st-dg .index b:nth-child(2)::before {
width:72px;
height:36px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.yx-ft .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.yx-xb .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-686px -960px}
.webp .container-job .job-swiper .info-box .radar-box.yx-ft .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.yx-xb .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-686px -960px}
.no-webp .container-job .job-swiper .info-box .radar-box.yx-ft .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.yx-xb .index b:nth-child(1)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.yx-ft .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.yx-xb .index b:nth-child(1)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.yx-ft .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.yx-xb .index b:nth-child(1)::before {background-position:-686px -960px}
.webp .container-job .job-swiper .info-box .radar-box.yx-ft .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.yx-xb .index b:nth-child(1)::before {background-position:-686px -960px}
.container-job .job-swiper .info-box .radar-box.yx-ft .index b:nth-child(1)::before,
.container-job .job-swiper .info-box .radar-box.yx-xb .index b:nth-child(1)::before {
width:72px;
height:34px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.yx-ft .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.yx-xb .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1288px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.yx-ft .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.yx-xb .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1288px -1423px}
.no-webp .container-job .job-swiper .info-box .radar-box.yx-ft .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.yx-xb .index b:nth-child(2)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.yx-ft .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.yx-xb .index b:nth-child(2)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.yx-ft .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.yx-xb .index b:nth-child(2)::before {background-position:-1288px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.yx-ft .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.yx-xb .index b:nth-child(2)::before {background-position:-1288px -1423px}
.container-job .job-swiper .info-box .radar-box.yx-ft .index b:nth-child(2)::before,
.container-job .job-swiper .info-box .radar-box.yx-xb .index b:nth-child(2)::before {
width:70px;
height:32px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.ll-ql .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.ll-qh .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1058px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.ll-ql .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.ll-qh .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1058px -1423px}
.no-webp .container-job .job-swiper .info-box .radar-box.ll-ql .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.ll-qh .index b:nth-child(1)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.ll-ql .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.ll-qh .index b:nth-child(1)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.ll-ql .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.ll-qh .index b:nth-child(1)::before {background-position:-1058px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.ll-ql .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.ll-qh .index b:nth-child(1)::before {background-position:-1058px -1423px}
.container-job .job-swiper .info-box .radar-box.ll-ql .index b:nth-child(1)::before,
.container-job .job-swiper .info-box .radar-box.ll-qh .index b:nth-child(1)::before {
width:76px;
height:32px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.ll-ql .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.ll-qh .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-317px -1475px}
.webp .container-job .job-swiper .info-box .radar-box.ll-ql .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.ll-qh .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-317px -1475px}
.no-webp .container-job .job-swiper .info-box .radar-box.ll-ql .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.ll-qh .index b:nth-child(2)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.ll-ql .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.ll-qh .index b:nth-child(2)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.ll-ql .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.ll-qh .index b:nth-child(2)::before {background-position:-317px -1475px}
.webp .container-job .job-swiper .info-box .radar-box.ll-ql .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.ll-qh .index b:nth-child(2)::before {background-position:-317px -1475px}
.container-job .job-swiper .info-box .radar-box.ll-ql .index b:nth-child(2)::before,
.container-job .job-swiper .info-box .radar-box.ll-qh .index b:nth-child(2)::before {
width:68px;
height:34px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.lg-yg .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.lg-jm .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1354px -1110px}
.webp .container-job .job-swiper .info-box .radar-box.lg-yg .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.lg-jm .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1354px -1110px}
.no-webp .container-job .job-swiper .info-box .radar-box.lg-yg .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.lg-jm .index b:nth-child(1)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.lg-yg .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.lg-jm .index b:nth-child(1)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.lg-yg .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.lg-jm .index b:nth-child(1)::before {background-position:-1354px -1110px}
.webp .container-job .job-swiper .info-box .radar-box.lg-yg .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.lg-jm .index b:nth-child(1)::before {background-position:-1354px -1110px}
.container-job .job-swiper .info-box .radar-box.lg-yg .index b:nth-child(1)::before,
.container-job .job-swiper .info-box .radar-box.lg-jm .index b:nth-child(1)::before {
width:72px;
height:36px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.lg-yg .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.lg-jm .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-387px -1475px}
.webp .container-job .job-swiper .info-box .radar-box.lg-yg .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.lg-jm .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-387px -1475px}
.no-webp .container-job .job-swiper .info-box .radar-box.lg-yg .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.lg-jm .index b:nth-child(2)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.lg-yg .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.lg-jm .index b:nth-child(2)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.lg-yg .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.lg-jm .index b:nth-child(2)::before {background-position:-387px -1475px}
.webp .container-job .job-swiper .info-box .radar-box.lg-yg .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.lg-jm .index b:nth-child(2)::before {background-position:-387px -1475px}
.container-job .job-swiper .info-box .radar-box.lg-yg .index b:nth-child(2)::before,
.container-job .job-swiper .info-box .radar-box.lg-jm .index b:nth-child(2)::before {
width:68px;
height:34px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.gr-sy .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.gr-dy .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-978px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.gr-sy .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.gr-dy .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-978px -1423px}
.no-webp .container-job .job-swiper .info-box .radar-box.gr-sy .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.gr-dy .index b:nth-child(1)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.gr-sy .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.gr-dy .index b:nth-child(1)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.gr-sy .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.gr-dy .index b:nth-child(1)::before {background-position:-978px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.gr-sy .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.gr-dy .index b:nth-child(1)::before {background-position:-978px -1423px}
.container-job .job-swiper .info-box .radar-box.gr-sy .index b:nth-child(1)::before,
.container-job .job-swiper .info-box .radar-box.gr-dy .index b:nth-child(1)::before {
width:78px;
height:32px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.gr-sy .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.gr-dy .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-686px -750px}
.webp .container-job .job-swiper .info-box .radar-box.gr-sy .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.gr-dy .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-686px -750px}
.no-webp .container-job .job-swiper .info-box .radar-box.gr-sy .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.gr-dy .index b:nth-child(2)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.gr-sy .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.gr-dy .index b:nth-child(2)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.gr-sy .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.gr-dy .index b:nth-child(2)::before {background-position:-686px -750px}
.webp .container-job .job-swiper .info-box .radar-box.gr-sy .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.gr-dy .index b:nth-child(2)::before {background-position:-686px -750px}
.container-job .job-swiper .info-box .radar-box.gr-sy .index b:nth-child(2)::before,
.container-job .job-swiper .info-box .radar-box.gr-dy .index b:nth-child(2)::before {
width:72px;
height:36px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.yc-dr .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.yc-lr .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1334px -1217px}
.webp .container-job .job-swiper .info-box .radar-box.yc-dr .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.yc-lr .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1334px -1217px}
.no-webp .container-job .job-swiper .info-box .radar-box.yc-dr .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.yc-lr .index b:nth-child(1)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.yc-dr .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.yc-lr .index b:nth-child(1)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.yc-dr .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.yc-lr .index b:nth-child(1)::before {background-position:-1334px -1217px}
.webp .container-job .job-swiper .info-box .radar-box.yc-dr .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.yc-lr .index b:nth-child(1)::before {background-position:-1334px -1217px}
.container-job .job-swiper .info-box .radar-box.yc-dr .index b:nth-child(1)::before,
.container-job .job-swiper .info-box .radar-box.yc-lr .index b:nth-child(1)::before {
width:74px;
height:38px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.yc-dr .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.yc-lr .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-668px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.yc-dr .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.yc-lr .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-668px -1423px}
.no-webp .container-job .job-swiper .info-box .radar-box.yc-dr .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.yc-lr .index b:nth-child(2)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.yc-dr .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.yc-lr .index b:nth-child(2)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.yc-dr .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.yc-lr .index b:nth-child(2)::before {background-position:-668px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.yc-dr .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.yc-lr .index b:nth-child(2)::before {background-position:-668px -1423px}
.container-job .job-swiper .info-box .radar-box.yc-dr .index b:nth-child(2)::before,
.container-job .job-swiper .info-box .radar-box.yc-lr .index b:nth-child(2)::before {
width:74px;
height:36px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.sy-sc .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.sy-tj .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-679px -1051px}
.webp .container-job .job-swiper .info-box .radar-box.sy-sc .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.sy-tj .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-679px -1051px}
.no-webp .container-job .job-swiper .info-box .radar-box.sy-sc .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.sy-tj .index b:nth-child(1)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.sy-sc .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.sy-tj .index b:nth-child(1)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.sy-sc .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.sy-tj .index b:nth-child(1)::before {background-position:-679px -1051px}
.webp .container-job .job-swiper .info-box .radar-box.sy-sc .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.sy-tj .index b:nth-child(1)::before {background-position:-679px -1051px}
.container-job .job-swiper .info-box .radar-box.sy-sc .index b:nth-child(1)::before,
.container-job .job-swiper .info-box .radar-box.sy-tj .index b:nth-child(1)::before {
width:76px;
height:38px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.sy-sc .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.sy-tj .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1136px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.sy-sc .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.sy-tj .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1136px -1423px}
.no-webp .container-job .job-swiper .info-box .radar-box.sy-sc .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.sy-tj .index b:nth-child(2)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.sy-sc .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.sy-tj .index b:nth-child(2)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.sy-sc .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.sy-tj .index b:nth-child(2)::before {background-position:-1136px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.sy-sc .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.sy-tj .index b:nth-child(2)::before {background-position:-1136px -1423px}
.container-job .job-swiper .info-box .radar-box.sy-sc .index b:nth-child(2)::before,
.container-job .job-swiper .info-box .radar-box.sy-tj .index b:nth-child(2)::before {
width:76px;
height:32px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.lx-xy .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.lx-cq .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1214px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.lx-xy .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.lx-cq .index b:nth-child(1)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1214px -1423px}
.no-webp .container-job .job-swiper .info-box .radar-box.lx-xy .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.lx-cq .index b:nth-child(1)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.lx-xy .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.lx-cq .index b:nth-child(1)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.lx-xy .index b:nth-child(1)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.lx-cq .index b:nth-child(1)::before {background-position:-1214px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.lx-xy .index b:nth-child(1)::before, 
.webp .container-job .job-swiper .info-box .radar-box.lx-cq .index b:nth-child(1)::before {background-position:-1214px -1423px}
.container-job .job-swiper .info-box .radar-box.lx-xy .index b:nth-child(1)::before,
.container-job .job-swiper .info-box .radar-box.lx-cq .index b:nth-child(1)::before {
width:72px;
height:32px;

}
.no-webp .container-job .job-swiper .info-box .radar-box.lx-xy .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.lx-cq .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1360px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.lx-xy .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.lx-cq .index b:nth-child(2)::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1360px -1423px}
.no-webp .container-job .job-swiper .info-box .radar-box.lx-xy .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.lx-cq .index b:nth-child(2)::before {background-size:1670px 1604px}
.webp .container-job .job-swiper .info-box .radar-box.lx-xy .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.lx-cq .index b:nth-child(2)::before {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .info-box .radar-box.lx-xy .index b:nth-child(2)::before, 
.no-webp .container-job .job-swiper .info-box .radar-box.lx-cq .index b:nth-child(2)::before {background-position:-1360px -1423px}
.webp .container-job .job-swiper .info-box .radar-box.lx-xy .index b:nth-child(2)::before, 
.webp .container-job .job-swiper .info-box .radar-box.lx-cq .index b:nth-child(2)::before {background-position:-1360px -1423px}
.container-job .job-swiper .info-box .radar-box.lx-xy .index b:nth-child(2)::before,
.container-job .job-swiper .info-box .radar-box.lx-cq .index b:nth-child(2)::before {
width:68px;
height:32px;

}
.container-job .job-swiper .play-box {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.container-job .job-swiper .play-box::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 371px;
  height: 370px;
}
.container-job .job-swiper .play-box .player-wraper {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -46.5px 0 0 -63.5px;
}
.no-webp .container-job .job-swiper .play-box .player-wraper .player {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-123px -1423px;

  background-size: auto}
.webp .container-job .job-swiper .play-box .player-wraper .player {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-123px -1423px;

  background-size: auto}
.no-webp .container-job .job-swiper .play-box .player-wraper .player {background-size:1670px 1604px}
.webp .container-job .job-swiper .play-box .player-wraper .player {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .play-box .player-wraper .player {background-position:-123px -1423px}
.webp .container-job .job-swiper .play-box .player-wraper .player {background-position:-123px -1423px}
.no-webp .container-job .job-swiper .play-box .player-wraper .player {background-size:auto}
.webp .container-job .job-swiper .play-box .player-wraper .player {background-size:auto}
.container-job .job-swiper .play-box .player-wraper .player {
  width: 127px;
  height: 93px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.container-job .job-swiper .play-box .player-wraper .player:hover {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
}
.container-job .job-swiper .play-box .player-wraper b.center-icon-player {
  top: 6px;
  margin-left: 18px;
}
.container-job .job-swiper .play-box .mute-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.no-webp .container-job .job-swiper .play-box .mute-box::after {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/video-mask_10d7bf5a.png) no-repeat center center;
  background-size: cover}
.webp .container-job .job-swiper .play-box .mute-box::after {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/video-mask_10d7bf5a.webp) no-repeat center center;
  background-size: cover}
.no-webp .container-job .job-swiper .play-box .mute-box::after {background-size:cover}
.webp .container-job .job-swiper .play-box .mute-box::after {background-size:cover}
.container-job .job-swiper .play-box .mute-box::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.container-job .job-swiper .play-box .mute-box video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.no-webp .container-job .job-swiper .button-next {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-0px -1423px}
.webp .container-job .job-swiper .button-next {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-0px -1423px}
.no-webp .container-job .job-swiper .button-next {background-size:1670px 1604px}
.webp .container-job .job-swiper .button-next {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .button-next {background-position:-0px -1423px}
.webp .container-job .job-swiper .button-next {background-position:-0px -1423px}
.container-job .job-swiper .button-next {
  cursor: pointer;
  position: absolute;
  top: 370px;
  right: -2%;
width:121px;
height:99px;

  -webkit-transform: rotateY(180deg);

          transform: rotateY(180deg);
}
.container-job .job-swiper .button-next:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.no-webp .container-job .job-swiper .button-prev {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-0px -1423px}
.webp .container-job .job-swiper .button-prev {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-0px -1423px}
.no-webp .container-job .job-swiper .button-prev {background-size:1670px 1604px}
.webp .container-job .job-swiper .button-prev {background-size:1670px 1604px}
.no-webp .container-job .job-swiper .button-prev {background-position:-0px -1423px}
.webp .container-job .job-swiper .button-prev {background-position:-0px -1423px}
.container-job .job-swiper .button-prev {
  cursor: pointer;
  position: relative;
  top: 370px;
  left: -12.3%;
width:121px;
height:99px;

}
.container-job .job-swiper .button-prev:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.container-job .job-pagination {
  top: 50%;
  right: 130px;
  -webkit-transform: translateY(-110px);
          transform: translateY(-110px);
  text-indent: -999em;
  position: absolute;
  z-index: 3;
}
.container-job .job-pagination span {
  display: block;
  margin: 0 10px;
  opacity: 1;
  cursor: pointer;
  font: normal 18px/28px 'Microsoft YaHei';
  color: #ACE9F7;
  text-align: left;
  text-indent: 0;
  position: relative;
  line-height: 42px;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  width: 120px;
}
.container-job .job-pagination span:focus {
  outline: none;
}
.container-job .job-pagination span:hover,
.container-job .job-pagination span.active {
  color: #ffffff;
  text-shadow: 0 0 10px #FFCA58;
}
.no-webp .container-job .job-pagination span:hover::after, 
.no-webp .container-job .job-pagination span.active::after {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1429px -1283px}
.webp .container-job .job-pagination span:hover::after, 
.webp .container-job .job-pagination span.active::after {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1429px -1283px}
.no-webp .container-job .job-pagination span:hover::after, 
.no-webp .container-job .job-pagination span.active::after {background-size:1670px 1604px}
.webp .container-job .job-pagination span:hover::after, 
.webp .container-job .job-pagination span.active::after {background-size:1670px 1604px}
.no-webp .container-job .job-pagination span:hover::after, 
.no-webp .container-job .job-pagination span.active::after {background-position:-1429px -1283px}
.webp .container-job .job-pagination span:hover::after, 
.webp .container-job .job-pagination span.active::after {background-position:-1429px -1283px}
.container-job .job-pagination span:hover::after,
.container-job .job-pagination span.active::after {
  right: -124px;
width:183px;
height:62px;

}
.no-webp .container-job .job-pagination span::after {background:#ACE9F7}
.webp .container-job .job-pagination span::after {background:#ACE9F7}
.container-job .job-pagination span::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  right: 34px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.no-webp .zyoushangjia3 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_youshangjia_3_a35d292e.png);
  background-size: 700% 700%}
.webp .zyoushangjia3 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_youshangjia_3_a35d292e.webp);
  background-size: 700% 700%}
.no-webp .zyoushangjia3 {background-size:700% 700%}
.webp .zyoushangjia3 {background-size:700% 700%}
.zyoushangjia3 {
  position: absolute;
  right: 0;
  top: 1px;
  height: 398px;
  width: 408px;
  mix-blend-mode: normal;
  -webkit-animation: sprite_youshangjia_3 1.6s steps(1) infinite normal;
          animation: sprite_youshangjia_3 1.6s steps(1) infinite normal;
}
@-webkit-keyframes sprite_youshangjia_3 {
  0% {
    background-position: 0px 0px;
  }
  2.1% {
    background-position: -408px 0px;
  }
  4.2% {
    background-position: -816px 0px;
  }
  6.3% {
    background-position: -1224px 0px;
  }
  8.3% {
    background-position: -1632px 0px;
  }
  10.4% {
    background-position: -2040px 0px;
  }
  12.5% {
    background-position: -2448px 0px;
  }
  14.6% {
    background-position: 0px -398px;
  }
  16.7% {
    background-position: -408px -398px;
  }
  18.8% {
    background-position: -816px -398px;
  }
  20.8% {
    background-position: -1224px -398px;
  }
  22.9% {
    background-position: -1632px -398px;
  }
  25% {
    background-position: -2040px -398px;
  }
  27.1% {
    background-position: -2448px -398px;
  }
  29.2% {
    background-position: 0px -796px;
  }
  31.3% {
    background-position: -408px -796px;
  }
  33.3% {
    background-position: -816px -796px;
  }
  35.4% {
    background-position: -1224px -796px;
  }
  37.5% {
    background-position: -1632px -796px;
  }
  39.6% {
    background-position: -2040px -796px;
  }
  41.7% {
    background-position: -2448px -796px;
  }
  43.8% {
    background-position: 0px -1194px;
  }
  45.8% {
    background-position: -408px -1194px;
  }
  47.9% {
    background-position: -816px -1194px;
  }
  50% {
    background-position: -1224px -1194px;
  }
  52.1% {
    background-position: -1632px -1194px;
  }
  54.2% {
    background-position: -2040px -1194px;
  }
  56.3% {
    background-position: -2448px -1194px;
  }
  58.3% {
    background-position: 0px -1592px;
  }
  60.4% {
    background-position: -408px -1592px;
  }
  62.5% {
    background-position: -816px -1592px;
  }
  64.6% {
    background-position: -1224px -1592px;
  }
  66.7% {
    background-position: -1632px -1592px;
  }
  68.8% {
    background-position: -2040px -1592px;
  }
  70.8% {
    background-position: -2448px -1592px;
  }
  72.9% {
    background-position: 0px -1990px;
  }
  75% {
    background-position: -408px -1990px;
  }
  77.1% {
    background-position: -816px -1990px;
  }
  79.2% {
    background-position: -1224px -1990px;
  }
  81.3% {
    background-position: -1632px -1990px;
  }
  83.3% {
    background-position: -2040px -1990px;
  }
  85.4% {
    background-position: -2448px -1990px;
  }
  87.5% {
    background-position: 0px -2388px;
  }
  89.6% {
    background-position: -408px -2388px;
  }
  91.7% {
    background-position: -816px -2388px;
  }
  93.8% {
    background-position: -1224px -2388px;
  }
  95.8% {
    background-position: -1632px -2388px;
  }
  97.9% {
    background-position: -2040px -2388px;
  }
  100% {
    background-position: -2040px -2388px;
  }
}
@keyframes sprite_youshangjia_3 {
  0% {
    background-position: 0px 0px;
  }
  2.1% {
    background-position: -408px 0px;
  }
  4.2% {
    background-position: -816px 0px;
  }
  6.3% {
    background-position: -1224px 0px;
  }
  8.3% {
    background-position: -1632px 0px;
  }
  10.4% {
    background-position: -2040px 0px;
  }
  12.5% {
    background-position: -2448px 0px;
  }
  14.6% {
    background-position: 0px -398px;
  }
  16.7% {
    background-position: -408px -398px;
  }
  18.8% {
    background-position: -816px -398px;
  }
  20.8% {
    background-position: -1224px -398px;
  }
  22.9% {
    background-position: -1632px -398px;
  }
  25% {
    background-position: -2040px -398px;
  }
  27.1% {
    background-position: -2448px -398px;
  }
  29.2% {
    background-position: 0px -796px;
  }
  31.3% {
    background-position: -408px -796px;
  }
  33.3% {
    background-position: -816px -796px;
  }
  35.4% {
    background-position: -1224px -796px;
  }
  37.5% {
    background-position: -1632px -796px;
  }
  39.6% {
    background-position: -2040px -796px;
  }
  41.7% {
    background-position: -2448px -796px;
  }
  43.8% {
    background-position: 0px -1194px;
  }
  45.8% {
    background-position: -408px -1194px;
  }
  47.9% {
    background-position: -816px -1194px;
  }
  50% {
    background-position: -1224px -1194px;
  }
  52.1% {
    background-position: -1632px -1194px;
  }
  54.2% {
    background-position: -2040px -1194px;
  }
  56.3% {
    background-position: -2448px -1194px;
  }
  58.3% {
    background-position: 0px -1592px;
  }
  60.4% {
    background-position: -408px -1592px;
  }
  62.5% {
    background-position: -816px -1592px;
  }
  64.6% {
    background-position: -1224px -1592px;
  }
  66.7% {
    background-position: -1632px -1592px;
  }
  68.8% {
    background-position: -2040px -1592px;
  }
  70.8% {
    background-position: -2448px -1592px;
  }
  72.9% {
    background-position: 0px -1990px;
  }
  75% {
    background-position: -408px -1990px;
  }
  77.1% {
    background-position: -816px -1990px;
  }
  79.2% {
    background-position: -1224px -1990px;
  }
  81.3% {
    background-position: -1632px -1990px;
  }
  83.3% {
    background-position: -2040px -1990px;
  }
  85.4% {
    background-position: -2448px -1990px;
  }
  87.5% {
    background-position: 0px -2388px;
  }
  89.6% {
    background-position: -408px -2388px;
  }
  91.7% {
    background-position: -816px -2388px;
  }
  93.8% {
    background-position: -1224px -2388px;
  }
  95.8% {
    background-position: -1632px -2388px;
  }
  97.9% {
    background-position: -2040px -2388px;
  }
  100% {
    background-position: -2040px -2388px;
  }
}
.no-webp .zzuoxiajia2 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_zuoxiajia_2_8950463c.png);
  background-size: 700% 700%}
.webp .zzuoxiajia2 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_zuoxiajia_2_8950463c.webp);
  background-size: 700% 700%}
.no-webp .zzuoxiajia2 {background-size:700% 700%}
.webp .zzuoxiajia2 {background-size:700% 700%}
.zzuoxiajia2 {
  position: absolute;
  left: -1px;
  bottom: 0;
  height: 338px;
  width: 294px;
  mix-blend-mode: normal;
  -webkit-animation: sprite_zuoxiajia_2 1.6s steps(1) infinite normal;
          animation: sprite_zuoxiajia_2 1.6s steps(1) infinite normal;
}
@-webkit-keyframes sprite_zuoxiajia_2 {
  0% {
    background-position: 0px 0px;
  }
  2.1% {
    background-position: -294px 0px;
  }
  4.2% {
    background-position: -588px 0px;
  }
  6.3% {
    background-position: -882px 0px;
  }
  8.3% {
    background-position: -1176px 0px;
  }
  10.4% {
    background-position: -1470px 0px;
  }
  12.5% {
    background-position: -1764px 0px;
  }
  14.6% {
    background-position: 0px -338px;
  }
  16.7% {
    background-position: -294px -338px;
  }
  18.8% {
    background-position: -588px -338px;
  }
  20.8% {
    background-position: -882px -338px;
  }
  22.9% {
    background-position: -1176px -338px;
  }
  25% {
    background-position: -1470px -338px;
  }
  27.1% {
    background-position: -1764px -338px;
  }
  29.2% {
    background-position: 0px -676px;
  }
  31.3% {
    background-position: -294px -676px;
  }
  33.3% {
    background-position: -588px -676px;
  }
  35.4% {
    background-position: -882px -676px;
  }
  37.5% {
    background-position: -1176px -676px;
  }
  39.6% {
    background-position: -1470px -676px;
  }
  41.7% {
    background-position: -1764px -676px;
  }
  43.8% {
    background-position: 0px -1014px;
  }
  45.8% {
    background-position: -294px -1014px;
  }
  47.9% {
    background-position: -588px -1014px;
  }
  50% {
    background-position: -882px -1014px;
  }
  52.1% {
    background-position: -1176px -1014px;
  }
  54.2% {
    background-position: -1470px -1014px;
  }
  56.3% {
    background-position: -1764px -1014px;
  }
  58.3% {
    background-position: 0px -1352px;
  }
  60.4% {
    background-position: -294px -1352px;
  }
  62.5% {
    background-position: -588px -1352px;
  }
  64.6% {
    background-position: -882px -1352px;
  }
  66.7% {
    background-position: -1176px -1352px;
  }
  68.8% {
    background-position: -1470px -1352px;
  }
  70.8% {
    background-position: -1764px -1352px;
  }
  72.9% {
    background-position: 0px -1690px;
  }
  75% {
    background-position: -294px -1690px;
  }
  77.1% {
    background-position: -588px -1690px;
  }
  79.2% {
    background-position: -882px -1690px;
  }
  81.3% {
    background-position: -1176px -1690px;
  }
  83.3% {
    background-position: -1470px -1690px;
  }
  85.4% {
    background-position: -1764px -1690px;
  }
  87.5% {
    background-position: 0px -2028px;
  }
  89.6% {
    background-position: -294px -2028px;
  }
  91.7% {
    background-position: -588px -2028px;
  }
  93.8% {
    background-position: -882px -2028px;
  }
  95.8% {
    background-position: -1176px -2028px;
  }
  97.9% {
    background-position: -1470px -2028px;
  }
  100% {
    background-position: -1470px -2028px;
  }
}
@keyframes sprite_zuoxiajia_2 {
  0% {
    background-position: 0px 0px;
  }
  2.1% {
    background-position: -294px 0px;
  }
  4.2% {
    background-position: -588px 0px;
  }
  6.3% {
    background-position: -882px 0px;
  }
  8.3% {
    background-position: -1176px 0px;
  }
  10.4% {
    background-position: -1470px 0px;
  }
  12.5% {
    background-position: -1764px 0px;
  }
  14.6% {
    background-position: 0px -338px;
  }
  16.7% {
    background-position: -294px -338px;
  }
  18.8% {
    background-position: -588px -338px;
  }
  20.8% {
    background-position: -882px -338px;
  }
  22.9% {
    background-position: -1176px -338px;
  }
  25% {
    background-position: -1470px -338px;
  }
  27.1% {
    background-position: -1764px -338px;
  }
  29.2% {
    background-position: 0px -676px;
  }
  31.3% {
    background-position: -294px -676px;
  }
  33.3% {
    background-position: -588px -676px;
  }
  35.4% {
    background-position: -882px -676px;
  }
  37.5% {
    background-position: -1176px -676px;
  }
  39.6% {
    background-position: -1470px -676px;
  }
  41.7% {
    background-position: -1764px -676px;
  }
  43.8% {
    background-position: 0px -1014px;
  }
  45.8% {
    background-position: -294px -1014px;
  }
  47.9% {
    background-position: -588px -1014px;
  }
  50% {
    background-position: -882px -1014px;
  }
  52.1% {
    background-position: -1176px -1014px;
  }
  54.2% {
    background-position: -1470px -1014px;
  }
  56.3% {
    background-position: -1764px -1014px;
  }
  58.3% {
    background-position: 0px -1352px;
  }
  60.4% {
    background-position: -294px -1352px;
  }
  62.5% {
    background-position: -588px -1352px;
  }
  64.6% {
    background-position: -882px -1352px;
  }
  66.7% {
    background-position: -1176px -1352px;
  }
  68.8% {
    background-position: -1470px -1352px;
  }
  70.8% {
    background-position: -1764px -1352px;
  }
  72.9% {
    background-position: 0px -1690px;
  }
  75% {
    background-position: -294px -1690px;
  }
  77.1% {
    background-position: -588px -1690px;
  }
  79.2% {
    background-position: -882px -1690px;
  }
  81.3% {
    background-position: -1176px -1690px;
  }
  83.3% {
    background-position: -1470px -1690px;
  }
  85.4% {
    background-position: -1764px -1690px;
  }
  87.5% {
    background-position: 0px -2028px;
  }
  89.6% {
    background-position: -294px -2028px;
  }
  91.7% {
    background-position: -588px -2028px;
  }
  93.8% {
    background-position: -882px -2028px;
  }
  95.8% {
    background-position: -1176px -2028px;
  }
  97.9% {
    background-position: -1470px -2028px;
  }
  100% {
    background-position: -1470px -2028px;
  }
}
.no-webp .zzuoshangjia1 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_zuoshangjia_1_25b314ad.png);
  background-size: 700% 700%}
.webp .zzuoshangjia1 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_zuoshangjia_1_25b314ad.webp);
  background-size: 700% 700%}
.no-webp .zzuoshangjia1 {background-size:700% 700%}
.webp .zzuoshangjia1 {background-size:700% 700%}
.zzuoshangjia1 {
  position: absolute;
  left: 1px;
  top: 1px;
  height: 202px;
  width: 258px;
  mix-blend-mode: normal;
  -webkit-animation: sprite_zuoshangjia_1 1.6s steps(1) infinite normal;
          animation: sprite_zuoshangjia_1 1.6s steps(1) infinite normal;
}
@-webkit-keyframes sprite_zuoshangjia_1 {
  0% {
    background-position: 0px 0px;
  }
  2.1% {
    background-position: -258px 0px;
  }
  4.2% {
    background-position: -516px 0px;
  }
  6.3% {
    background-position: -774px 0px;
  }
  8.3% {
    background-position: -1032px 0px;
  }
  10.4% {
    background-position: -1290px 0px;
  }
  12.5% {
    background-position: -1548px 0px;
  }
  14.6% {
    background-position: 0px -202px;
  }
  16.7% {
    background-position: -258px -202px;
  }
  18.8% {
    background-position: -516px -202px;
  }
  20.8% {
    background-position: -774px -202px;
  }
  22.9% {
    background-position: -1032px -202px;
  }
  25% {
    background-position: -1290px -202px;
  }
  27.1% {
    background-position: -1548px -202px;
  }
  29.2% {
    background-position: 0px -404px;
  }
  31.3% {
    background-position: -258px -404px;
  }
  33.3% {
    background-position: -516px -404px;
  }
  35.4% {
    background-position: -774px -404px;
  }
  37.5% {
    background-position: -1032px -404px;
  }
  39.6% {
    background-position: -1290px -404px;
  }
  41.7% {
    background-position: -1548px -404px;
  }
  43.8% {
    background-position: 0px -606px;
  }
  45.8% {
    background-position: -258px -606px;
  }
  47.9% {
    background-position: -516px -606px;
  }
  50% {
    background-position: -774px -606px;
  }
  52.1% {
    background-position: -1032px -606px;
  }
  54.2% {
    background-position: -1290px -606px;
  }
  56.3% {
    background-position: -1548px -606px;
  }
  58.3% {
    background-position: 0px -808px;
  }
  60.4% {
    background-position: -258px -808px;
  }
  62.5% {
    background-position: -516px -808px;
  }
  64.6% {
    background-position: -774px -808px;
  }
  66.7% {
    background-position: -1032px -808px;
  }
  68.8% {
    background-position: -1290px -808px;
  }
  70.8% {
    background-position: -1548px -808px;
  }
  72.9% {
    background-position: 0px -1010px;
  }
  75% {
    background-position: -258px -1010px;
  }
  77.1% {
    background-position: -516px -1010px;
  }
  79.2% {
    background-position: -774px -1010px;
  }
  81.3% {
    background-position: -1032px -1010px;
  }
  83.3% {
    background-position: -1290px -1010px;
  }
  85.4% {
    background-position: -1548px -1010px;
  }
  87.5% {
    background-position: 0px -1212px;
  }
  89.6% {
    background-position: -258px -1212px;
  }
  91.7% {
    background-position: -516px -1212px;
  }
  93.8% {
    background-position: -774px -1212px;
  }
  95.8% {
    background-position: -1032px -1212px;
  }
  97.9% {
    background-position: -1290px -1212px;
  }
  100% {
    background-position: -1290px -1212px;
  }
}
@keyframes sprite_zuoshangjia_1 {
  0% {
    background-position: 0px 0px;
  }
  2.1% {
    background-position: -258px 0px;
  }
  4.2% {
    background-position: -516px 0px;
  }
  6.3% {
    background-position: -774px 0px;
  }
  8.3% {
    background-position: -1032px 0px;
  }
  10.4% {
    background-position: -1290px 0px;
  }
  12.5% {
    background-position: -1548px 0px;
  }
  14.6% {
    background-position: 0px -202px;
  }
  16.7% {
    background-position: -258px -202px;
  }
  18.8% {
    background-position: -516px -202px;
  }
  20.8% {
    background-position: -774px -202px;
  }
  22.9% {
    background-position: -1032px -202px;
  }
  25% {
    background-position: -1290px -202px;
  }
  27.1% {
    background-position: -1548px -202px;
  }
  29.2% {
    background-position: 0px -404px;
  }
  31.3% {
    background-position: -258px -404px;
  }
  33.3% {
    background-position: -516px -404px;
  }
  35.4% {
    background-position: -774px -404px;
  }
  37.5% {
    background-position: -1032px -404px;
  }
  39.6% {
    background-position: -1290px -404px;
  }
  41.7% {
    background-position: -1548px -404px;
  }
  43.8% {
    background-position: 0px -606px;
  }
  45.8% {
    background-position: -258px -606px;
  }
  47.9% {
    background-position: -516px -606px;
  }
  50% {
    background-position: -774px -606px;
  }
  52.1% {
    background-position: -1032px -606px;
  }
  54.2% {
    background-position: -1290px -606px;
  }
  56.3% {
    background-position: -1548px -606px;
  }
  58.3% {
    background-position: 0px -808px;
  }
  60.4% {
    background-position: -258px -808px;
  }
  62.5% {
    background-position: -516px -808px;
  }
  64.6% {
    background-position: -774px -808px;
  }
  66.7% {
    background-position: -1032px -808px;
  }
  68.8% {
    background-position: -1290px -808px;
  }
  70.8% {
    background-position: -1548px -808px;
  }
  72.9% {
    background-position: 0px -1010px;
  }
  75% {
    background-position: -258px -1010px;
  }
  77.1% {
    background-position: -516px -1010px;
  }
  79.2% {
    background-position: -774px -1010px;
  }
  81.3% {
    background-position: -1032px -1010px;
  }
  83.3% {
    background-position: -1290px -1010px;
  }
  85.4% {
    background-position: -1548px -1010px;
  }
  87.5% {
    background-position: 0px -1212px;
  }
  89.6% {
    background-position: -258px -1212px;
  }
  91.7% {
    background-position: -516px -1212px;
  }
  93.8% {
    background-position: -774px -1212px;
  }
  95.8% {
    background-position: -1032px -1212px;
  }
  97.9% {
    background-position: -1290px -1212px;
  }
  100% {
    background-position: -1290px -1212px;
  }
}
.fashion-container {
  margin: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.fashion-container #webgl {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.no-webp .fashion-container .fashion-title {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1429px -0px}
.webp .fashion-container .fashion-title {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1429px -0px}
.no-webp .fashion-container .fashion-title {background-size:1670px 1604px}
.webp .fashion-container .fashion-title {background-size:1670px 1604px}
.no-webp .fashion-container .fashion-title {background-position:-1429px -0px}
.webp .fashion-container .fashion-title {background-position:-1429px -0px}
.fashion-container .fashion-title {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 44px;
width:241px;
height:89px;

  z-index: 9999;
}
.no-webp .fashion-container .header-bg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-0px -1356px}
.webp .fashion-container .header-bg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-0px -1356px}
.no-webp .fashion-container .header-bg {background-size:1670px 1604px}
.webp .fashion-container .header-bg {background-size:1670px 1604px}
.no-webp .fashion-container .header-bg {background-position:-0px -1356px}
.webp .fashion-container .header-bg {background-position:-0px -1356px}
.fashion-container .header-bg {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-61%);
          transform: translateX(-61%);
  top: 40px;
width:272px;
height:65px;

  z-index: 9999;
}
.fashion-container .fashion-swiper {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 20%;
  width: 1200px;
  height: 667px;
  z-index: 1;
}
.fashion-container .fashion-swiper .swiper-slide {
  position: absolute;
  z-index: 0;
  opacity: 0;
}
.fashion-container .fashion-swiper .swiper-slide .item {
  position: relative;
}
.fashion-container .fashion-swiper .swiper-slide .item .title-img {
  position: absolute;
  top: -60px;
  left: 0;
}
.fashion-container .fashion-swiper .swiper-slide .item .images-list {
  font-size: 0;
  text-align: center;
  margin-left: 118px;
}
.fashion-container .fashion-swiper .swiper-slide .item .images-list .list-li {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  height: 665px;
  margin: 0 20px;
  position: relative;
}
.fashion-container .fashion-swiper .swiper-slide .item .images-list .list-li img {
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.fashion-container .fashion-swiper .swiper-slide.in {
  z-index: 1;
  opacity: 1;
}
.fashion-container .fashion-swiper .swiper-slide.in .item .images-list .list-li {
  opacity: 0;
  transform: translateX(-500px);
  -webkit-transform: translateX(-500px);
  -moz-transform: translateX(-500px);
  -ms-transform: translateX(-500px);
  -o-transform: translateX(-500px);
}
.fashion-container .fashion-swiper .swiper-slide.out {
  z-index: 1;
  opacity: 1;
}
.fashion-container .fashion-swiper .swiper-slide.out .item .images-list .list-li {
  opacity: 0;
  transform: translateX(500px);
  -webkit-transform: translateX(500px);
  -moz-transform: translateX(500px);
  -ms-transform: translateX(500px);
  -o-transform: translateX(500px);
}
.fashion-container .fashion-swiper .swiper-slide.out .item .images-list .list-li:nth-child(1) {
  -webkit-transition: 0.5s all 0.3s;
  -moz-transition: 0.5s all 0.3s;
  -ms-transition: 0.5s all 0.3s;
  -o-transition: 0.5s all 0.3s;
  transition: 0.5s all 0.3s;
}
.fashion-container .fashion-swiper .swiper-slide.out .item .images-list .list-li:nth-child(2) {
  -webkit-transition: 0.5s all 0.2s;
  -moz-transition: 0.5s all 0.2s;
  -ms-transition: 0.5s all 0.2s;
  -o-transition: 0.5s all 0.2s;
  transition: 0.5s all 0.2s;
}
.fashion-container .fashion-swiper .swiper-slide.out .item .images-list .list-li:nth-child(3) {
  -webkit-transition: 0.5s all 0.1s;
  -moz-transition: 0.5s all 0.1s;
  -ms-transition: 0.5s all 0.1s;
  -o-transition: 0.5s all 0.1s;
  transition: 0.5s all 0.1s;
}
.fashion-container .fashion-swiper .swiper-slide.active {
  z-index: 1;
  opacity: 1;
}
.fashion-container .fashion-swiper .swiper-slide.active .item .images-list .list-li {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
.fashion-container .fashion-swiper .swiper-slide.active .item .images-list .list-li:nth-child(1) {
  -webkit-transition: 0.5s all 0.3s;
  -moz-transition: 0.5s all 0.3s;
  -ms-transition: 0.5s all 0.3s;
  -o-transition: 0.5s all 0.3s;
  transition: 0.5s all 0.3s;
}
.fashion-container .fashion-swiper .swiper-slide.active .item .images-list .list-li:nth-child(2) {
  -webkit-transition: 0.5s all 0.2s;
  -moz-transition: 0.5s all 0.2s;
  -ms-transition: 0.5s all 0.2s;
  -o-transition: 0.5s all 0.2s;
  transition: 0.5s all 0.2s;
}
.fashion-container .fashion-swiper .swiper-slide.active .item .images-list .list-li:nth-child(3) {
  -webkit-transition: 0.5s all 0.1s;
  -moz-transition: 0.5s all 0.1s;
  -ms-transition: 0.5s all 0.1s;
  -o-transition: 0.5s all 0.1s;
  transition: 0.5s all 0.1s;
}
.fashion-container .fashion-swiper .button-next,
.fashion-container .fashion-swiper .button-prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 90px;
  height: 90px;
  border: 1px solid #333;
  z-index: 2;
  cursor: pointer;
}
.fashion-container .fashion-swiper .button-next {
  right: 0;
}
.fashion-container .fashion-swiper .zhuanpan-box {
  width: 197px;
  height: 201px;
  position: absolute;
  bottom: 50px;
  left: -56px;
  z-index: 10;
  cursor: pointer;
}
.no-webp .fashion-container .fashion-swiper .zhuanpan-box::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1429px -574px}
.webp .fashion-container .fashion-swiper .zhuanpan-box::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1429px -574px}
.no-webp .fashion-container .fashion-swiper .zhuanpan-box::before {background-size:1670px 1604px}
.webp .fashion-container .fashion-swiper .zhuanpan-box::before {background-size:1670px 1604px}
.no-webp .fashion-container .fashion-swiper .zhuanpan-box::before {background-position:-1429px -574px}
.webp .fashion-container .fashion-swiper .zhuanpan-box::before {background-position:-1429px -574px}
.fashion-container .fashion-swiper .zhuanpan-box::before {
  content: '';
  display: inline-block;
width:110px;
height:188px;

  position: absolute;
  top: -20px;
  left: -10px;
}
.no-webp .fashion-container .fashion-swiper .zhuanpan {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1429px -182px}
.webp .fashion-container .fashion-swiper .zhuanpan {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1429px -182px}
.no-webp .fashion-container .fashion-swiper .zhuanpan {background-size:1670px 1604px}
.webp .fashion-container .fashion-swiper .zhuanpan {background-size:1670px 1604px}
.no-webp .fashion-container .fashion-swiper .zhuanpan {background-position:-1429px -182px}
.webp .fashion-container .fashion-swiper .zhuanpan {background-position:-1429px -182px}
.fashion-container .fashion-swiper .zhuanpan {
width:146px;
height:146px;

  cursor: pointer;
  z-index: 2;
  -webkit-animation: rotateSlide2 4s linear 0s infinite;
          animation: rotateSlide2 4s linear 0s infinite;
}
.no-webp .fashion-container .fashion-swiper .icon-zhen {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1189px -480px}
.webp .fashion-container .fashion-swiper .icon-zhen {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1189px -480px}
.no-webp .fashion-container .fashion-swiper .icon-zhen {background-size:1670px 1604px}
.webp .fashion-container .fashion-swiper .icon-zhen {background-size:1670px 1604px}
.no-webp .fashion-container .fashion-swiper .icon-zhen {background-position:-1189px -480px}
.webp .fashion-container .fashion-swiper .icon-zhen {background-position:-1189px -480px}
.fashion-container .fashion-swiper .icon-zhen {
  width: 100%;
  height: 100%;
  position: absolute;
  top: -28px;
  left: -30px;
width:204px;
height:204px;

  -webkit-animation: rotateSlideZhen 0.5s linear 0s forwards;

          animation: rotateSlideZhen 0.5s linear 0s forwards;
}
.fashion-container .sz-pagination {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 800px;
  text-align: center;
  line-height: 44px;
  z-index: 10;
}
.no-webp .fashion-container .sz-pagination .sz-btn-prev, 
.no-webp .fashion-container .sz-pagination .sz-btn-next {background:no-repeat}
.webp .fashion-container .sz-pagination .sz-btn-prev, 
.webp .fashion-container .sz-pagination .sz-btn-next {background:no-repeat}
.fashion-container .sz-pagination .sz-btn-prev,
.fashion-container .sz-pagination .sz-btn-next {
  display: inline-block;
  vertical-align: middle;
  width: 63px;
  height: 39px;
}
.no-webp .fashion-container .sz-pagination .sz-btn-prev {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-686px -919px}
.webp .fashion-container .sz-pagination .sz-btn-prev {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-686px -919px}
.no-webp .fashion-container .sz-pagination .sz-btn-prev {background-size:1670px 1604px}
.webp .fashion-container .sz-pagination .sz-btn-prev {background-size:1670px 1604px}
.no-webp .fashion-container .sz-pagination .sz-btn-prev {background-position:-686px -919px}
.webp .fashion-container .sz-pagination .sz-btn-prev {background-position:-686px -919px}
.fashion-container .sz-pagination .sz-btn-prev {
width:63px;
height:39px;

}
.no-webp .fashion-container .sz-pagination .sz-btn-next {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-252px -1475px}
.webp .fashion-container .sz-pagination .sz-btn-next {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-252px -1475px}
.no-webp .fashion-container .sz-pagination .sz-btn-next {background-size:1670px 1604px}
.webp .fashion-container .sz-pagination .sz-btn-next {background-size:1670px 1604px}
.no-webp .fashion-container .sz-pagination .sz-btn-next {background-position:-252px -1475px}
.webp .fashion-container .sz-pagination .sz-btn-next {background-position:-252px -1475px}
.fashion-container .sz-pagination .sz-btn-next {
width:63px;
height:39px;

}
.fashion-container .sz-pagination .list {
  margin-top: -40px;
  display: inline-block;
  vertical-align: middle;
}
.fashion-container .sz-pagination span {
  cursor: pointer;
}
.no-webp .fashion-container .sz-pagination span.pagination-bullet {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png) no-repeat;background-size:1670px 1604px;
background-position:-883px -1082px}
.webp .fashion-container .sz-pagination span.pagination-bullet {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp) no-repeat;background-size:1670px 1604px;
background-position:-883px -1082px}
.no-webp .fashion-container .sz-pagination span.pagination-bullet {background-size:1670px 1604px}
.webp .fashion-container .sz-pagination span.pagination-bullet {background-size:1670px 1604px}
.no-webp .fashion-container .sz-pagination span.pagination-bullet {background-position:-883px -1082px}
.webp .fashion-container .sz-pagination span.pagination-bullet {background-position:-883px -1082px}
.fashion-container .sz-pagination span.pagination-bullet {
  display: inline-block;
  vertical-align: middle;
width:82px;
height:81px;

  margin: 0 4px;
}
.no-webp .fashion-container .sz-pagination span.pagination-bullet.active {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1575px -524px}
.webp .fashion-container .sz-pagination span.pagination-bullet.active {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1575px -524px}
.no-webp .fashion-container .sz-pagination span.pagination-bullet.active {background-size:1670px 1604px}
.webp .fashion-container .sz-pagination span.pagination-bullet.active {background-size:1670px 1604px}
.no-webp .fashion-container .sz-pagination span.pagination-bullet.active {background-position:-1575px -524px}
.webp .fashion-container .sz-pagination span.pagination-bullet.active {background-position:-1575px -524px}
.fashion-container .sz-pagination span.pagination-bullet.active {
width:72px;
height:42px;

}
#share-box {
  width: 1034px;
  height: 370px;
  position: absolute !important;
  left: 50%;
  top: 38%;
  margin-left: -517px;
  margin-top: -135px;
  font-size: 0;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.no-webp #share-box .item {background:no-repeat}
.webp #share-box .item {background:no-repeat}
.no-webp #share-box .item {background-size:100%}
.webp #share-box .item {background-size:100%}
#share-box .item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 143px;
  height: 167px;
  margin: 0 61px;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}
#share-box .item:first-child {
  margin-left: 0;
}
#share-box .item:nth-child(4n) {
  margin-right: 0;
}
#share-box .item:nth-child(-n + 4) {
  margin-bottom: 34px;
}
.no-webp #share-box .item .ewm-pop {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.png);background-size:1670px 1604px;
background-position:-1429px -428px}
.webp #share-box .item .ewm-pop {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-7ff6a8_7ff6a803.webp);background-size:1670px 1604px;
background-position:-1429px -428px}
.no-webp #share-box .item .ewm-pop {background-size:1670px 1604px}
.webp #share-box .item .ewm-pop {background-size:1670px 1604px}
.no-webp #share-box .item .ewm-pop {background-position:-1429px -428px}
.webp #share-box .item .ewm-pop {background-position:-1429px -428px}
#share-box .item .ewm-pop {
  display: none;
  position: absolute;
  top: -190px;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
width:144px;
height:144px;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#share-box .item .ewm-pop img {
  width: 124px;
}
@media screen and (max-height: 1079px) {
  #share-box .item .ewm-pop {
    top: -160px;
  }
}
#share-box .item:hover {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
}
#share-box .item:hover .ewm-pop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.no-webp #share-box .item.wx {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/wx_ba4005e6.png)}
.webp #share-box .item.wx {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/wx_ba4005e6.webp)}
#share-box .item.wx {
}
.no-webp #share-box .item.wx:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/wx-h_33ff6a33.png)}
.webp #share-box .item.wx:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/wx-h_33ff6a33.webp)}
#share-box .item.wx:hover {
}
.no-webp #share-box .item.weibo {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/weibo_a34fa574.png)}
.webp #share-box .item.weibo {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/weibo_a34fa574.webp)}
#share-box .item.weibo {
}
.no-webp #share-box .item.weibo:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/weibo-h_9b4905ec.png)}
.webp #share-box .item.weibo:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/weibo-h_9b4905ec.webp)}
#share-box .item.weibo:hover {
}
.no-webp #share-box .item.qq {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/qq_b5c39a62.png)}
.webp #share-box .item.qq {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/qq_b5c39a62.webp)}
#share-box .item.qq {
}
.no-webp #share-box .item.qq:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/qq-h_5f4145a2.png)}
.webp #share-box .item.qq:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/qq-h_5f4145a2.webp)}
#share-box .item.qq:hover {
}
#share-box .item.qq a {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.no-webp #share-box .item.tieba {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/tieba_e4a262f9.png)}
.webp #share-box .item.tieba {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/tieba_e4a262f9.webp)}
#share-box .item.tieba {
}
.no-webp #share-box .item.tieba:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/tieba-h_48666666.png)}
.webp #share-box .item.tieba:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/tieba-h_48666666.webp)}
#share-box .item.tieba:hover {
}
.no-webp #share-box .item.dashen {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/ds_1b9e68a7.png)}
.webp #share-box .item.dashen {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/ds_1b9e68a7.webp)}
#share-box .item.dashen {
}
.no-webp #share-box .item.dashen:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/ds-h_604e884a.png)}
.webp #share-box .item.dashen:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/ds-h_604e884a.webp)}
#share-box .item.dashen:hover {
}
.no-webp #share-box .item.bili {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/bilibili_db81be65.png)}
.webp #share-box .item.bili {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/bilibili_db81be65.webp)}
#share-box .item.bili {
}
.no-webp #share-box .item.bili:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/bilibili-h_a1577f65.png)}
.webp #share-box .item.bili:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/bilibili-h_a1577f65.webp)}
#share-box .item.bili:hover {
}
.no-webp #share-box .item.xhs {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/xhs_2a3769de.png)}
.webp #share-box .item.xhs {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/xhs_2a3769de.webp)}
#share-box .item.xhs {
}
.no-webp #share-box .item.xhs:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/xhs-h_8760d7e2.png)}
.webp #share-box .item.xhs:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/xhs-h_8760d7e2.webp)}
#share-box .item.xhs:hover {
}

.static-page {
  position: relative;
  width: 1440px;
  height: 100%;
  margin: 0 auto;
}
.no-webp .z_6_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/z_6_000_6e4617d2.png);
  background-size: 100% 100%}
.webp .z_6_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/z_6_000_6e4617d2.webp);
  background-size: 100% 100%}
.no-webp .z_6_000 {background-size:100% 100%}
.webp .z_6_000 {background-size:100% 100%}
.z_6_000 {
  position: absolute;
  left: 1031px;
  top: 452px;
  height: 420px;
  width: 587px;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.no-webp .z_3_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/z_3_000_a70a119c.png);
  background-size: 100% 100%}
.webp .z_3_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/z_3_000_a70a119c.webp);
  background-size: 100% 100%}
.no-webp .z_3_000 {background-size:100% 100%}
.webp .z_3_000 {background-size:100% 100%}
.z_3_000 {
  position: absolute;
  left: 481px;
  top: 440px;
  height: 348px;
  width: 509px;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.no-webp .z_2_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/z_2_000_e38c07f1.png);
  background-size: 100% 100%}
.webp .z_2_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/z_2_000_e38c07f1.webp);
  background-size: 100% 100%}
.no-webp .z_2_000 {background-size:100% 100%}
.webp .z_2_000 {background-size:100% 100%}
.z_2_000 {
  position: absolute;
  left: -144px;
  top: 446px;
  height: 434px;
  width: 588px;
  mix-blend-mode: normal;
}
.no-webp .z_5_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/z_5_000_8cb24ea6.png);
  background-size: 100% 100%}
.webp .z_5_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/z_5_000_8cb24ea6.webp);
  background-size: 100% 100%}
.no-webp .z_5_000 {background-size:100% 100%}
.webp .z_5_000 {background-size:100% 100%}
.z_5_000 {
  position: absolute;
  left: 997px;
  top: 215px;
  height: 249px;
  width: 337px;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.no-webp .z_4_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/z_4_000_45814d96.png);
  background-size: 100% 100%}
.webp .z_4_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/z_4_000_45814d96.webp);
  background-size: 100% 100%}
.no-webp .z_4_000 {background-size:100% 100%}
.webp .z_4_000 {background-size:100% 100%}
.z_4_000 {
  position: absolute;
  left: 132px;
  top: 209px;
  height: 257px;
  width: 347px;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.no-webp .z_1_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/z_1_000_71c9394b.png);
  background-size: 100% 100%}
.webp .z_1_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/z_1_000_71c9394b.webp);
  background-size: 100% 100%}
.no-webp .z_1_000 {background-size:100% 100%}
.webp .z_1_000 {background-size:100% 100%}
.z_1_000 {
  position: absolute;
  left: 600px;
  top: 244px;
  height: 182px;
  width: 269px;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.no-webp .loading-page {background-color:#010044}

.webp .loading-page {background-color:#010044}

.loading-page {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.loading-percent {
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  position: absolute;
  font-size: 50px;
  color: #fff;
}